@font-face { font-family: 'Gilroy-SemiBold'; src: url('/wp-content/themes/vantage/app-web/fonts/Gilroy-SemiBold.ttf'); }

@font-face { font-family: 'Gilroy-Bold'; src: url('/wp-content/themes/vantage/app-web/fonts/Gilroy-Bold.ttf'); }





.banner{ padding: 86px 260px; background-image: url(/wp-content/themes/vantage/app-web/images/banner_bg_v3.e46be240.webp); background-size: 100% 100%; background-repeat: no-repeat; padding: 86px 0px; }
.banner .inner{ display: flex; }
.banner .banner-left{ width: 50%; padding-top: 35px; min-width: 532px; }
.banner .banner-left .banner-title{ font-size: 58px; font-family: Gilroy-SemiBold; cursor: default; margin-bottom: 24px; line-height: 1.2; color: #fff; }
.banner .banner-left .banner-title span{ color: #e35728; }
.banner .banner-left .banner-text-p{ font-size: var(--fs-24); font-weight: 500; margin-bottom: 5px; color: #fff; }
.banner .banner-left .banner-text-span{ font-size: var(--fs-16); font-weight: 400; line-height: 20px; margin-bottom: 30px; color: #fff; display: inline-block; }
.banner .banner-left .btn-text{ font-size: var(--fs-16); }
.banner .banner-left .banner-bottom{ color: #858e93; font-size: var(--fs-16); margin-top: 46px; }
.banner .banner-left .banner-bottom span{ color: #fff; font-size: var(--fs-16); padding-left: 5px; }
.banner .banner-right { display: flex; align-items: center; }
@media (max-width:1024px) {
  .banner{ padding: 60px 0px; }

  .banner .inner{ flex-direction: column; align-items: center; }
  .banner .banner-left{ width: auto; max-width: 532px; min-width: auto; }
  .banner .banner-left .banner-title{ font-size: var(--fs-56); }
  .banner .banner-left{ width: 100%; 
  
  }
}


.vantage-app-row4-banner{padding: 170px 60px 100px;background-color: var(--v-grey-light3);}
.vantage-app-row4-banner .row4-banner-top{padding: 51px 45px;background:url(/wp-content/themes/vantage/app-web/images/download_bg.1dc5c9b7.webp?v=2023091801) top right no-repeat;background-size: cover;position: relative;border-radius: 20px 20px 0px 0px;}
.vantage-app-row4-banner .row4-banner-top h2{color:var(--v-white);font-size:var(--fs-32);font-weight:600;margin-bottom:12px;position: relative;z-index: 9;}
.vantage-app-row4-banner .row4-banner-top .btn-text{width: max-content;text-align: center;-webkit-tap-highlight-color: transparent;}
.vantage-app-row4-banner .row4-banner-top .open-account-btn{font-size:var(--fs-18);}
.vantage-app-row4-banner .row4-banner-top .img-box{width: 38%;position: absolute;right: 0%;bottom: 0%;text-align: center;}
.vantage-app-row4-banner .row4-banner-bottom{padding: 30px 82px 45px 64px;box-shadow: 19px 33px 26px #00000029;background: #F2F3F5 0% 0% no-repeat padding-box;border-radius: 0 0 20px 20px;display: flex;justify-content: space-between;}
.vantage-app-row4-banner .row4-banner-bottom .text-box{display: flex;}
.row4-banner-bottom ul li{padding-right: 40px;max-width: 300px;}
.row4-banner-bottom ul li:last-child{padding-right: 0px;}
.row4-banner-bottom ul li .step-index {width: 42px;height: 42px;border-radius: 50%;background: var(--v-orange);color: var(--v-white);font-size: var(--fs-26);font-weight: 600;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.row4-banner-bottom ul li .step-title p {color: var(--v-orange);text-transform: capitalize;font-size: var(--fs-22);font-weight: 600;margin-bottom: 10px;}
.row4-banner-bottom ul li .step-message{max-width: 230px;color: #636363;}
.vantage-app-row4-banner .row4-banner-bottom .img-box{display: flex;flex-direction: column;;}
.vantage-app-row4-banner .row4-banner-bottom .img-box a:first-child{margin-bottom: 20px;}


@media (max-width:1200px) {

  .vantage-app-row4-banner{padding: 130px 0px 100px;}

}
@media (max-width:800px) {
  .vantage-app-row4-banner .row4-banner-top h2{width: 60%;}

  .vantage-app-row4-banner .row4-banner-top .img-box{width: 40%;}
}
@media (max-width:768px) {

  .vantage-app-row4-banner{padding: 45px 0 50px;}
  .vantage-app-row4-banner .row4-banner-bottom{flex-direction: column;}
  .vantage-app-row4-banner .row4-banner-bottom .img-box{flex-direction: row;}
  .vantage-app-row4-banner .row4-banner-bottom .img-box a:first-child{margin-bottom: 0;margin-right: 20px;}
}

@media (max-width:600px) {
  .vantage-app-row4-banner .row4-banner-bottom .text-box{flex-direction: column;}
}
@media (max-width:550px) {

  .vantage-app-row4-banner .row4-banner-top h2{width: 100%;
    


  }
  
}
@media (max-width:510px) {

  .vantage-app-row4-banner{background: var(--v-white);padding: 32px 0;}
  .vantage-app-row4-banner .row4-banner-bottom{padding: 15px 20px 20px 12px;}
  .vantage-app-row4-banner .row4-banner-bottom .text-box{flex-direction: column;width: 100%;}
  .vantage-app-row4-banner .row4-banner-top .img-box{display: none;}
  .vantage-app-row4-banner .row4-banner-top h2 br{display: none;}
  .vantage-app-row4-banner .row4-banner-bottom .img-box{padding-top: 0px;}
}
@media (max-width:400px) {
  .vantage-app-row4-banner .row4-banner-top{padding: 29px 45px 29px 16px;}
  .vantage-app-row4-banner .row4-banner-bottom .img-box a:first-child{margin-right: 8px;}

}


.row1 { height: 1200px; display: flex; background: url(/wp-content/themes/vantage/app-web/images/award_bg.b8b53418.webp); background-size: 50% 100%; background-repeat: no-repeat;}

.row1 .inner { height: 100%; display: flex; }

.row1 .left-box {  height: 100%; color: #000; display: flex; flex-direction: column; justify-content: center; width: 50%; padding-right: 40px; }

.row1 .left-box .list{ display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.row1 .left-box .list .list-item{ display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; width: 154px; height: 161px; padding: 20px; background: #fff; border-radius: 20px; box-sizing: content-box; }
.row1 .left-box .list .list-item .item-top{ display: flex; flex-direction: column; justify-content: center; align-items: center; background: url(/wp-content/themes/vantage/app-web/images/badge.e93c24d6.webp); background-size: 100%; background-repeat: no-repeat; width: 102.524px; height: 65.469px; font-family: Gilroy-Bold; margin-bottom: 13px; line-height: 1.2; }
.row1 .left-box .list .list-item .item-p{ font-family: Gilroy-SemiBold; margin-bottom: 3.89px; font-size: 15.556px; text-align: center; line-height: 1.2; }
.row1 .left-box .list .list-item .item-text{ text-align: center; color: #e25628; font-size: 13.611px; line-height: 1.2; }
.row1 .left-box .title{ width: 100%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-top: 100px !important; font-size: 48px; font-family: Gilroy-SemiBold; text-align: center;
}
.row1 .right-box{ flex: 1; display: flex; justify-content: center; }
.row1 .right-box .iframe-box{ width: 472px; height: inherit !important; }
.row1 .right-box iframe{ width: 100%; height: 100%; width: 100%; border: none; }

@media (max-width:1200px) {
  .row1 { height: auto; background: none; }
  .row1 .inner{ padding: 0px; flex-direction: column; height: auto; }
  .row1 .left-box{ padding-left: 65px; padding-right: 65px; background: url(/wp-content/themes/vantage/app-web/images/award_bg.b8b53418.webp); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 80px; padding-bottom: 40px; width: 100%; max-width: none; }
  .row1 .right-box{ padding-left: 65px; padding-right: 65px;  }
  .row1 .left-box .title{ font-size: var(--fs-40); }
}
@media (max-width:1024px) {
  .row1 .left-box{ padding-left: 40px; padding-right: 40px; }
  .row1 .right-box{ padding-left: 20px; padding-right: 20px; }
}

@media (max-width:768px) {
  .row1 .left-box{ padding: 60px 20px 40px 20px; }
  
}
@media (max-width:550px) {
  .row1 .right-box .iframe-box { width: 100% !important; }
  .row1 .right-box{ padding-left: 0px; padding-right: 0px;  }
  .row1 .right-box iframe{ width: 100%; }
  
}
@media (max-width:500px) {
  .row1 .right-box{ padding-left: 0px; padding-right: 0px; }
  
}
@media (max-width:460px) {
  /* .row1 .right-box { height: 900px; } */
  .row1 .left-box .list .list-item { width: 124px; height: 186px; }
  .row1 .left-box .list .list-item .item-p { height: 56px; }
}

@media (max-width:393px) {
  /* .row1 .right-box { height: 780px; } */
}


.card-pupop {
  display: none;
}

@media (max-width:1200px) {
  .card-pupop { display: flex; height: unset; padding: 46px 20px 46px 20px; flex-direction: row; align-items: center; justify-content: space-around; border-radius: 20px; background: linear-gradient(98deg, #0890A7 19.81%, #023842 88.3%, #002329 105.86%); box-sizing: border-box; margin-top: auto; bottom: 68px; position: fixed; left: 50%; transform: translateX(-50%); box-sizing: border-box; z-index: 1111; width: calc(100% - 20px); }
  .card-pupop .left-box { display: flex; align-items: center; flex: 0 0 70%; }
  .card-pupop .icon { width: 20px; height: 20px; margin-right: 20px;  cursor: pointer;}
  .card-pupop .logo { width: 80px; height: 80px; margin-right: 10px; }
  .card-pupop .left-box div { display: flex; flex-wrap: wrap; flex-direction: column; }
  .card-pupop .card_title { white-space: nowrap; color: #fff !important; font-size: var(--fs-32); font-style: normal; font-weight: 600; line-height: normal; font-family: Gilroy-SemiBold !important; }
  .card-pupop .card_text { color: var(--Dark-Mode-Secondary-Dark, rgba(255, 255, 255, 0.60)); font-size: var(--fs-24); font-style: normal; font-weight: 600; line-height: normal; }
  .card-pupop a{
    flex: 0 0 25%;
  }
  .card-pupop .btn1 { cursor: pointer; color: var(--Default-White, #FFF); text-align: center; font-size: var(--fs-26); font-style: normal; font-weight: 600; line-height: normal; border-radius: 12px; background: var(--Brand-Orange, #E35728); text-align: center; max-width: 160px; padding: 0 10px; font-family: Gilroy-SemiBold !important; line-height: 64px; white-space: nowrap;  }
}

@media (max-width: 850px) {
  .card-pupop {
      row-gap: 10px;
      padding: 20px 20px;
  }
}
@media (max-width: 600px) {
  .card-pupop {
    row-gap: 15px;
}
  .card-pupop .btn1 {  font-size: var(--fs-22) ; line-height: 48px;}
  
  .card-pupop .card_title{font-size: var(--fs-30)}
  .card-pupop .card_text{font-size: var(--fs-20)}
  .card-pupop .logo{
    width: 60px;
    height: 60px;
  }
  .card-pupop .icon {
    width: 15px;
    height: 15px;
    margin-right: 15px;
}
}
@media (max-width: 460px) {
  .card-pupop {
    row-gap: 10px;
    padding: 20px 10px;
    row-gap: 5px;
}
.card-pupop .left-box {flex: 0 0 66%; }
.card-pupop a {flex: 0 0 30%; }
  .card-pupop .btn1 {  font-size: var(--fs-20) ; line-height: 40px;}
  
  .card-pupop .card_title{font-size: var(--fs-28)}
  .card-pupop .card_text{font-size: var(--fs-18)}
  .card-pupop .logo{
    width: 45px;
    height: 45px;
  }
  .card-pupop .icon {
    width: 10px;
    height: 10px;
    margin-right: 10px;
}
}