:root{--fs-48:48px;}
:root{--fs-28:28px;}
@media (max-width:1600px){
    :root{--fs-48:40px;  }
}
@media (max-width:1440px){
    :root{--fs-48:35px;}
    :root{--fs-28:22px;}
}
@media (max-width:768px){
    :root{--fs-48:28px;}
    :root{--fs-28:16px;}
}
@media (max-width:510px){
    :root{--fs-48:20px;}
    :root{--fs-28:14px;}
}
header, footer {display: block !important;height: auto !important;}
.main.app-main{padding-bottom: 0 !important;}
h2{color: var(--v-black-light);font-size: var(--fs-48);font-weight: 600;line-height: 1.2;}
h2 span{color: var(--v-orange);}
.orange-button{text-transform: uppercase;}

.banner{background: url('/wp-content/themes/vantage/images/lp_be_vantagers_banner_bg_pc.webp') no-repeat center / cover;overflow: hidden;}
.banner .inner{display: flex;justify-content: space-between;gap: 20px;max-width: 1440px;align-items: flex-end;}
.banner h2{color: var(--v-black);}
.banner .left-box{max-width: 654px;width: 100%;padding: 165px 0 0;text-align: center;}
.banner .left-box .p_text{color: rgba(0, 0, 0, 0.8);font-size: var(--fs-20);font-weight: 500;line-height: 1.3;margin: 16px auto 24px;}
.banner .left-box .p_text .mb_br {display: none;}
.banner .left-box .tnc {font-size: 14px;line-height: 1.4;color: rgba(0, 0, 0, 0.5);transition: all 0.3s ease-in-out;margin-bottom: 0;}
.banner .left-box .tnc a {text-decoration: underline;}
.banner .left-box .tnc:hover {color: var(--v-black);}

.banner .img-box{margin-top: 101px;}
.banner .banner-form{width: 530px;background: var(--v-white);border-radius: 8px;height: 100%;margin: 20px 0;}
.banner .live-account-right{max-width: 100%;min-height: unset;padding-top: 32px;box-shadow: unset;padding-bottom: 24px;}
.banner .open-live-account h1{color: var(--v-black-light);font-size: 20px;line-height: 1.2;margin-bottom: 24px;}
.banner .open-live-account .form-body .choose-account-type{display: none;}
.banner .vantage-logo{width: 72px;height: 72px;box-shadow: 0px 3.6px 3.6px 0px #00000040;}
.banner .live-account-right .live-account-right-inner {width: 426px;}
.banner .open-live-account .form-body .form-element,
.banner .open-live-account .form-body .agreeConditionBox{margin-bottom: 8px;}
.banner .open-live-account .form-body #new-live{margin-top: 32px;margin-bottom: 24px;}
.banner .open-live-account .form-body #new-live #sub-open{height: 55px;}
.banner .open-live-account .form-body #new-live #sub-open::after{left: -90%;}

.row1 {padding: 96px 0;background: url('/wp-content/themes/vantage/images/lp_be_vantagers_row1_bg.webp') no-repeat center / contain;}
.row1 .content {max-width: 900px;margin: 0 auto;text-align: center;}
.row1 .content .p_text {color: rgba(0, 0, 0, 0.8);font-size: var(--fs-16);margin: 16px auto 8px;}
.row1 .content .cashback {margin-bottom: 0;font-size: var(--fs-32);font-weight: 600;line-height: 1.2;color: var(--v-orange);display: flex;justify-content: center;align-items: center;gap: 24px;}
.row1 .content .cashback .text {display: block;max-width: 95px;}
.row1 .content .cashback .money {display: block;font-size: 100px;}

.row2 {padding: 176px 0 120px;position: relative;background: url('/wp-content/themes/vantage/images/promotions_be_vantagers_row2_bg.webp') no-repeat center / cover;}
.row2::after {content: '';display: block;width: 378px;height: 332px;background: url("/wp-content/themes/vantage/images/lp_trading_view_row4_bg_img.webp") no-repeat;background-size: cover;background-position: center top;position: absolute;top: 0;right: 0;}
.row2 .inner {max-width: 1440px;}
.row2 .content {border-radius: 16px;width: 100%;background: var(--v-white);box-shadow: 0px 20px 30px 0px #00000029;
position: relative;z-index: 2;}
.row2 .content .top {position: relative;background: url('/wp-content/themes/vantage/images/promotions_be_vantagers_row2_top_bg.webp') no-repeat center / cover;padding: 49px 40px;border-radius: 16px 16px 0 0;}
.row2 .content .top .left {max-width: 472px;width: 100%;position: relative;z-index: 1;}
.row2 .content .top .left h2 {font-size: var(--fs-28);color: var(--v-white);}
.row2 .content .top .left .btn-box {margin-top: 16px;height: 64px;}
.row2 .content .top .left_img {position: absolute;bottom: 0;right: 0;}
.row2 .content .top .orange-arrow-button.p18 {padding: 20.5px 72px 20.5px 28px;cursor: pointer;line-height: 1.3;}
.row2 .content .top .orange-arrow-button.p18:hover {padding-right: 76px;}
.row2 .content ul {display: flex;width: 100%;padding: 32px 60px;justify-content: space-between;gap: 15px;}
.row2 .content ul li {max-width: 346.7px;width: 100%;}
.row2 .content ul li span {display: block;width: 52px;height: 52px;background: var(--v-orange);border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--v-white);font-size: var(--fs-20);font-weight: 600;line-height: 1;text-align: center;}
.row2 .content ul li h3 {font-size: var(--fs-20);font-weight: 600;line-height: 1.2;color: var(--v-orange);margin: 8px 0 12px;}
.row2 .content ul li p {color: var(--v-black);font-size: var(--fs-16);margin-bottom: 0;}


@media (max-width: 1600px) { 
    .row2::after {width: 300px;height: 254px;}
}
@media (max-width: 1350px) { 
    .row2::after {width: 250px;height: 204px;}
}
@media (max-width: 1240px) { 
    .row1 .content .p_text {max-width: 650px;}

    .row2 .content ul {padding: 20px;}
    .row2 .content .top .left_img {right: -40px;}
}
@media (max-width: 1024px) { 
    .banner {background: none;padding: 0;}
    .banner .left-box {background: url('/wp-content/themes/vantage/images/lp_be_vantagers_banner_bg.webp') no-repeat center / cover;width: 100%;padding-top: 32px;max-width: 100%;}
    .banner .left-box .left_inner {padding: 0 20px;max-width: 654px;margin: 0 auto;}
    .banner .img-box {margin-top: 50px;}
    .banner .inner {flex-direction: column;align-items: center;padding: 0;gap: 0;}
    .banner .banner-form {width: 100%;border-radius: 0;box-shadow: 0px 4px 8px 0px #0000001F inset;margin: 0;}
    .banner .live-account-right {width: 100%;box-shadow: 0px 4px 8px 0px #0000001F inset;}
    .banner .live-account-right .live-account-right-inner {max-width: 440px;width: 100%;}

    .row2::after {display: none;}
}
@media (max-width: 900px) { 
    .row2 .content .top .left {max-width: 350px;}
}
@media (max-width: 768px) { 
    .row1 .content .cashback .money {font-size: 70px;}
    .row1 .content .cashback {gap: 16px;}

    .row1, .row2 {padding: 50px 0;}

    .row2 .content {border-radius: 8px;box-shadow: none;overflow: hidden;}
    .row2 .content .top {background: url('/wp-content/themes/vantage/images/promotions_be_vantagers_row2_top_bg_mb.webp') no-repeat center / cover;display: flex;flex-direction: column;align-items: center;gap: 32px;text-align: center;padding: 40px 0 0;border-radius: 8px 8px 0 0;}
    .row2 .content .top .left_img {position: static;max-width: 100%;}
    .row2 .content ul {flex-direction: column;align-items: center;gap: 16px;}
    .row2 .content ul li span {width: 32px;height: 32px;}
    .row2 .content ul li .title {display: flex;gap: 8px;align-items: center;margin-bottom: 10px;}
    .row2 .content ul li h3 {margin: 0;}
    .row2 .content ul li p {margin-left: 40px;}
    .row2 .content .top .left .btn-box {height: 44px;}
    .row2 .content .top .orange-arrow-button.p18 {padding: 13px 52px 13px 24px;cursor: pointer;}
    .row2 .content .top .orange-arrow-button.p18:hover {padding-right: 56px;}
    .row2 .content .top .left {text-align: center;}
}
@media (max-width: 510px) { 
    .banner .left-box {background: url('/wp-content/themes/vantage/images/lp_be_vantagers_banner_bg_mb.webp') no-repeat center / cover;}
    .banner .left-box .p_text {margin: 16px auto;line-height: 1.5;}
    .banner .left-box .countdown .text2 {font-size: 16px;}
    .banner .img-box {margin-top: 48px;}
    .banner .left-box .p_text .mb_br {display: block;}
    .banner h2 {font-size: 28px;}
    .banner .vantage-logo {width: 56px;height: 56px;margin-bottom: 12px;}

    .row1 .content .p_text {line-height: 1.4;margin: 8px;}
    .row1 .content .cashback {gap: 8px;}
    .row1 .content .cashback .text {font-size: 16px;}
    .row1 .content .cashback .money {font-size: 40px;}

    .row1, .row2 {padding: 32px 0;}

    .row2 {background: url('/wp-content/themes/vantage/images/promotions_be_vantagers_row2_bg_mb.webp') no-repeat center / cover;}
    .row2 .content .top {padding-top: 20px;}
    .row2 .content .top .left h2 {font-size: 20px;}
    .row2 .content .top .orange-arrow-button.p18 {font-size: 14px;line-height: 1.3;}
    .row2 .content ul {padding: 16px 12px 20px;}
    .row2 .content ul li span {width: 24px;height: 24px;font-size: 14px;}
    .row2 .content ul li .title {margin-bottom: 4px;}
    .row2 .content ul li p {line-height: 1.4;margin-left: 32px;}
}
@media (max-width: 400px) { 
    .banner .open-live-account .form-body #new-live #sub-open {height: 45px;}
    .banner .open-live-account .form-body #new-live #sub-open::after {left: -115%;}
    .banner .open-live-account .form-body #new-live #sub-open:hover:after {transform: rotate(110deg) translateZ(0px);}

    .row1 {background: url('/wp-content/themes/vantage/images/lp_be_vantagers_row1_bg_mb.webp') no-repeat center / cover;}
}
@media (max-width: 370px) { 
    .row1 {background-size: contain;}
}