@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700;800;900&display=swap');

.roboto-flex {
  font-family: "Roboto", sans-serif !important;
}
.body-lang-ar h1, .body-lang-ar h2, .body-lang-ar p, .body-lang-ar span, .body-lang-ar div, .body-lang-ar a, .body-lang-ar .step h3, .body-lang-ar .step p{
   font-family: "Tajawal", sans-serif !important;
}
.body-lang-th h1, .body-lang-th h2, .body-lang-th p, .body-lang-th span, .body-lang-th div, .body-lang-th a, .body-lang-th .step h3, .body-lang-th .step p{
   font-family: "Noto Sans Thai", sans-serif !important;
}

.section-1 {
  background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/hero_bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
  color:#fff;
  height:811px ;
}
.body-lang-ar .section-1 {
  background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/hero_bg_ar.webp);
}

h1 {
  font-size: 72px !important;
  line-height: 86px !important;
  max-width: 500px;
  color:#fff;
}
.body-lang-my h1, .body-lang-pt h1, .body-lang-ar h1{
  max-width: 600px !important;
}

.body-lang-es h1{
  max-width: 650px !important;
}

.hero-subtext{
  font-size: 24px !important;
  line-height: normal;
  font-weight: 400;
  max-width: 520px;
}

.award{
  font-size: 18px;
  font-weight: 500;
}

.btn-ppc {
  width: 280px;
  background-color: #CD0015 !important;
  border:none;
  color: white;
  border-radius: 8px !important;
  padding: 14px 48px;
  text-transform: uppercase;
}
.body-lang-my .btn-ppc, .body-lang-pt .btn-ppc {
  width: 292px;
}
.btn-ppc:hover {
  color: white !important;
}

.navbar-2 .btn-ppc:hover{
background-color: #000 !important;
}

.terms{
color:  #E5EAEF;
text-align: center;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
padding: 12px 0;
max-width: 280px;
}

.section-trust {
background: white;
}

.section-trust h2{
  color: #131313;
  font-size: 48px !important;
  line-height: 120%; 
}

.no-wrap {
  white-space: nowrap;
  display: inline-block;
}

.section-trust .num{
  color: #1e1e1e;
  text-align: center;
  font-size:  48px;
  font-weight: 800;
  line-height: 100%; 
}
.section-trust .num_des {
  font-size:  20px;
  font-weight: 500;
  text-align: center;
}

.six-cards-section {
background-color: white;
padding: 0px !important;
padding-bottom: 230px !important;
}
 
.six-cards-section h2 {
  color:#0c0c0c;
  font-size: 48px !important;
  line-height: 120% !important;
  text-align: center;
}
.body-lang-ar .card-capture{
  align-items: flex-start !important;
}
.body-lang-ar .card-des{
  text-align: right !important;
}
.gap-24{
  gap:24px;
}
.gap-100{
  gap:90px;
}
.body-lang-th .gap-100, .body-lang-es .gap-100, .body-lang-ar .gap-100{
  gap:80px;
}

.body-lang-pt .gap-100{
  gap:55px;
}
.body-lang-id .gap-100, .body-lang-vn .gap-100{
  gap:60px;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column !important;
}
.six-cards-section .cards_box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
}
.six-cards-section .tree_cards_box{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
}

.six-cards-section .card {
  border-radius: 16px;
  background: rgba(47, 47, 47, 0.03);
  padding: 32px;
  text-align: left;
  border: none !important;
  flex: 1 1 0;
  min-width: 250px;
}

.six-cards-section .card-t {
  font-size: 20px;
  font-weight: 700;
  color: #1e1e1e;
  padding-top: 16px;
}

.six-cards-section .card-des {
  color: #6B7280;
  font-size: 16px;
  text-align: left;
  max-width:330px;
  margin-bottom: 0;
}

.get-started {
    margin-top: -116px;
    background-color: #161616;
    padding: 0 12px !important;
        background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 30%,
        #161616 30%,
        #161616 100%
    );
}

.get-started-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/get_started_desktop.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    border-radius: 32px;
    max-width: 1277px;
    height: 636px;
    margin: 0 auto;
   }
.body-lang-ar .get-started-wrapper{
    background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/get_started_desktop_ar.webp);
}
.get-started-content{
    max-width:540px;
    margin: 64px 48px;
}
.get-started-content h2{
    color:  #FFF;
    text-shadow: 0 4px 4px rgba(255, 255, 255, 0.17);
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 120%;
}

.get-started-image{
    max-width:540px;
    position: relative;
}

.get-started-image img{
    position: absolute;
    bottom: -319px;
    right: -12px;
    display:block;
    width: 680px;
}
.body-lang-ar .get-started-image img{
   right: -697px;
   bottom: -318px;
}
.steps{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin: 32px 0;
    padding-top:16px;
    position:relative;
}
.body-lang-my .steps,
.body-lang-fr .steps,
.body-lang-jp .steps,
.body-lang-id .steps{
  gap:5px;
}
.body-lang-id .steps{
  margin:15px 0;
}
.step{
    padding-left:36px;
    gap:16px;
}
.body-lang-ar .steps{
  padding-right: 36px;
}
.steps::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:15px;
    border-radius:32px;
    background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/line.svg);
    background-repeat: no-repeat;
}

.body-lang-ar .steps::before{
  right: 0 !important;
}
.step h3{
    color: #FFF;
    font-family: "Noto Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    }
    
 .step p{
    font-size:16px !important ;
    color: #DCE0E7;
     font-family: "Noto Sans", sans-serif;
  }

.get-started .btn-ppc{
  margin-top: 32px !important;
  color: white !important;
  background-color: #CD0015!important;
  width: 280px;
  font-weight: 600;
}
.body-lang-my .get-started .btn-ppc, .body-lang-pt .get-started .btn-ppc{
  width: 292px;
}

.get-started .terms{
  text-align: center;
  width: 280px !important;
}

@media (max-width: 1260px) {
  .get-started-wrapper{
    overflow: hidden;
    height: 777px;
  }
  .get-started {
    margin-top: 60px;
  }
  .six-cards-section {
      padding-bottom: 0px !important;
  }
  .get-started-image img{
    bottom: -420px;
    right: -110px;
    width: 660px;
  }
  .body-lang-ar .get-started-image img{
    bottom: -420px;
    right: -660px;
  }
}

@media (max-width: 1085px) {
  .six-cards-section .cards_box {
    grid-template-columns: repeat(1, 1fr);
  }
  .get-started-content {
    max-width: 480px;
  }
  .get-started-wrapper{
    background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/get_started_tablet.webp);
  }
  .body-lang-ar .get-started-wrapper{
    background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/get_started_tablet_ar.webp);
}
}

@media (max-width: 991px) {
  .section-1 {
    background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/hero_bg_tablet.webp);
    background-size: cover;
    background-position: bottom ;
    background-color: #000;
    height: 1150px;
    padding: 0 !important;
  }

  .body-lang-ar .section-1 {
    background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/hero_bg_tablet.webp);
  }

  h1{
    margin:0 auto;
    font-size: 72px;
    line-height: 72px !important;
    max-width:100%;
  }
  .hero-box{
    align-items: center;
    justify-content: center;
  }

  .hero-subtext{
    font-size: 36px !important;
    max-width: 500px;
  }
  .hero-form{
    display:flex;
    flex-direction: column;
    align-items: center;
  }
  .section-trust h2{
    font-size:  48px;
    line-height: 57px; 
  }

  .section-trust .num{
    font-size:  40px;
    line-height: 40px; 
  }
  .steps{
    padding-top: 0px;
    gap:7px;
  }
  .gap-100{
    gap:70px !important;
  }
  .body-lang-es .gap-100{
    gap:40px !important;
  }
  .body-lang-es-mx .gap-100{
    gap:40px !important;
  }
  .body-lang-vn .gap-100{
    gap:40px !important;
  }
  .six-cards-section .tree_cards_box{
    grid-template-columns: repeat(1, 1fr);
  }
   .get-started-image img{
    right: -155px;
    width: 620px;
  }
  .body-lang-ar .get-started-image img{
    bottom: -420px;
    right: -590px;
  }
}
@media (max-width: 940px) {
.body-lang-ar .num-box, .body-lang-fr .num-box, .body-lang-id .num-box, .body-lang-pt .num-box{
  flex-direction: column !important;
}
}
@media (max-width: 924px) {
  .get-started-wrapper{
    flex-direction: column;
    height: auto;
    background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/get_started_mobile.webp);
  }
  .get-started-content h2{
    text-align: center;
  }
  .get-started-content{
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
    .steps{
    justify-content: center;
  }
  .get-started-image{
    width: 100%;
    max-width: 100%;
    height: 600px;
  }
  .get-started-image img{
    bottom: 0;
    right: -14px;
    width: 500px;
  }
  .body-lang-ar .get-started-image img{
    bottom: 0;
    right: -14px;
    width: 500px;
  }
}
@media (max-width: 767px) {
  .flex-m-column {
    flex-direction: column !important;
    gap:64px !important;
  }
  .get-started-content{
    margin: 48px 30px;
  }
}
 
@media (max-width: 650px) {
  .section-1 {
   background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/hero_bg_mobile.webp);
   height: 870px;
    }
  .body-lang-ar .section-1 {
    background-image: url(/assets/hfappnew/websites/landing-pages/templates/gold247-ppc/images/hero_bg_mobile.webp);
  }
  h1{
    font-size: 48px !important;
    line-height: 57px !important;
    max-width:100%;
    }
  .hero-subtext{
    font-size: 24px !important;
    max-width: 100%;
  }
  .hero-form .btn-ppc{
    margin-top: 32px !important;
    width: 280px;
  }
  .body-lang-ar .get-started-image img{
    bottom: 0px;
    right: -105px;
  }
}

@media (max-width: 567px) {
  .body-lang-vn .section-trust .num{
    font-size:  48px;
  }
  .get-started-image img{
    width: 440px;
    right: -122px;
    bottom: 0px;
}
  .body-lang-ar .get-started-image img{
    right: -127px;
  }
  .get-started-image{
    height: 500px;
  }
  .body-lang-ar .get-started-image{
    height: 600px;
  }

 }