.row1{ background: url(/wp-content/themes/vantage/images/lp_august_celebrate_with_rewards_row1_bg.webp) no-repeat; background-size: cover;background-position: 60%;overflow: hidden;}
.row1 .inner{max-width:1440px;}
.row1 .banner .inner {max-width: 1640px;display: flex;justify-content: space-between;gap: 20px;}
.row1 .award_box .inner, .row1 .countdown .inner {padding: 0;}
.row1 .banner{padding: 96px 0;}
.row1 .banner_left {max-width: 692px;width: 100%;}
.row1 .banner .h1{font-size: 48px;font-weight: 600;color: var(--v-black-light);margin-bottom: 12px;line-height: 1.2;text-align: center;}
h1 span, h2 span, h3 span{color: var(--v-orange);}
.row1 .p_text{font-size: var(--fs-20);font-weight: 500;color: #3C5E67; margin-bottom: 24px; line-height: 1.3;text-align: center;}
.row1 .banner .inner .go_btn {padding: 16px 35.8px;line-height: 1.3;margin: 0 auto;display: block;cursor: pointer;}

.row1 .countdown {width: 100%;background: linear-gradient(94.76deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 48%, rgba(255, 255, 255, 0.7) 100%);box-shadow: 0px 20px 30px 0px #00000029;backdrop-filter: blur(10px);padding: 24px 0;border-radius: 4px;}
.row1 .countdown h3 {font-size: 28px;line-height: 1.2;font-weight: 600;color: var(--v-black-light);text-align: center;}
.row1 .countdown .text {color: var(--v-black-light);font-size: var(--fs-20);font-weight: 500;line-height: 1.3;margin: 8px auto 16px;text-align: center;}
.row1 .countdown .introduce {margin: 16px auto 0;color: #333231;font-size: var(--fs-16);text-align: center;}

.row1 .animation {margin: 32px 0 16px;}
.row1 .animation .wrap {width: 3px;height: 120px;background: #00000029;margin: 0 auto;position: relative;overflow: hidden;}
.row1 .animation .wrap span {position: absolute;background: var(--v-orange-light);width: 100%;height: 60%;top: -50%;animation: TD 3s linear infinite;}
@keyframes TD {
    0%{top: -60%}
    100%{top: 100%;}
}

.row1 .award_box {padding-bottom: 34px;width: 100%;}
.row1 .award_box h2 {font-size: var(--fs-32);font-weight: 600;color: var(--v-black-light);line-height: 1.2;text-align: center;}
.row1 .award_box .text {font-size: var(--fs-16);color: #333230;line-height: 1.5;text-align: center;margin: 16px auto 0;}
.row1 .award_box .orange-button {text-transform: uppercase;margin: 0 auto;display: block;}
.row1 .award_box .small-txt{font-size: var(--fs-14); margin: 0;color: var(--v-black);line-height: 1.4;margin: 16px 0 32px;text-align: center;}
.row1 .award_box .small-txt a{text-decoration: underline; color:#7F7F7F;transition: all .3s;}
.row1 .award_box .small-txt a:hover {text-decoration: underline; color: var(--v-black);}
.row1 .award_box .award_list {padding: 16px 0;width: 100%;}
.row1 .award_box .award_list.list2 {margin-top: 8px;}
.row1 .award_box .award_list.list_mb {display: none;position: relative;}
.row1 .award_box .award_list ul {justify-content: space-between;width: 100%;}
.row1 .award_box .award_list ul li {padding: 16px 8px 24px;background: #F8F8F9;box-shadow: 0px 4px 20px 0px #00000029;max-width: 240px;width: 100%;text-align: center;transition: all .3s;border-radius: 8px;}
.row1 .award_box .award_list ul li:hover {transform: translateY(-16px);}
.row1 .award_box .award_list ul li .num {max-width: max-content;width: 100%;background: #E461261A;border-radius: 20px;padding: 4px 12px;font-size: 12px;line-height: 1.4;color: var(--v-orange);margin: 0 auto 12px;}
.row1 .award_box .award_list ul li .money {font-size: 24px;font-weight: 600;color: var(--v-orange);display: block;line-height: 1.2;}
.row1 .award_box .award_list ul li .name {font-size: 16px;font-weight: 500;color: var(--v-black);margin-bottom: 0px;line-height: 1.3;}
.row1 .award_box .award_list ul li img {object-fit: cover;}
.row1 .award_box .award_list ul li .award_info {background: var(--v-orange);padding: 8px 0;margin: 8px auto;color: var(--v-white);}
.row1 .award_box .award_list ul li .award_info span {font-size: 14px;line-height: 1.4;}
.row1 .award_box .award_list ul li .award_info p {font-size: 18px;line-height: 1.3;font-weight: 500;margin: 0;}
.row1 .award_box .award_list ul li .text_box {display: flex;justify-content: center;gap: 5px;align-items: center;margin-bottom: 0;}
.row1 .award_box .award_list ul li .text_box img {max-height: 20px;}
.row1 .award_box .award_list ul li .text_box span {font-size: 14px;color: var(--v-black);line-height: 1.4;}
.row1 .award_box .award_list ul li .text_box .quantity {font-size: 18px;color: var(--v-orange);font-weight: 500;}
.row1 .award_box .bottom_text {font-size: 14px;color: var(--v-black);line-height: 1.4;text-align: center;margin: 16px 0 0;}
.row1 .award_box .bottom_text a {color: #7F7F7F;text-decoration: underline;transition: all .3s;}
.row1 .award_box .bottom_text a:hover {color: var(--v-black);text-decoration: underline;}

.row1 .award_box .list_mb .btn_prev {position: absolute;left: -13px;top: 50%;transform: translateY(-50%);cursor: pointer;max-width: 32px;z-index: 2;}
.row1 .award_box .list_mb .btn_next {position: absolute;right: -13px;top: 50%;transform: translateY(-50%);cursor: pointer;max-width: 32px;z-index: 2;}
.row1 .award_box .list_mb::after{content: '';position: absolute;top: 50%;right: -70px;transform: translateY(-50%);width: 184px;height: 329px;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 73.37%);z-index: 1;pointer-events: none;}


.row2{padding: 96px 0;background: url("/wp-content/themes/vantage/images/august_celebrate_with_rewards_row2_bg.webp?v=1") no-repeat center; background-size: cover;}
.row2 .inner {max-width: 1440px;}
.row2 h2{color: var(--v-black-light);font-size: 48px;font-weight: 600;text-align: center;}
.row2 .text {font-size: var(--fs-16);color: #323232;text-align: center;margin: 16px auto 56px;}
.row2 .join-tab-list{display: flex;justify-content: center;margin-bottom: 32px;cursor: pointer;position: relative;}
.row2 .join-tab-list .tab-item{position: relative;}
.row2 .join-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#0000003D;position: absolute;bottom: -1px;left: 0;}
.row2 .join-tab-list p{width: 116px;color: var(--v-black);font-size: var(--fs-20);line-height: 1.3;margin-bottom: 0;text-align: center;font-weight: 500;}
.row2 .join-tab-list .tab-item.active p{color: var(--v-orange);}
.row2 .item-content{display: flex;justify-content: space-between;gap: 56px;margin-bottom: 32px;padding: 0 83px;}
.row2 .item-box{max-width: 320px;width: 100%;}
.row2 .step{width: 52px;height: 52px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--v-white);font-size: var(--fs-20);margin-bottom: 12px;position: relative;line-height: 1;font-weight: 600;}
.row2 .join-tab-con{text-align: center;}
.row2 .join-tab-con .item-box:nth-child(1) .step{background:#FF8E5C;}
.row2 .join-tab-con .item-box:nth-child(2) .step{background:#E35728;}
.row2 .join-tab-con .item-box:nth-child(3) .step{background:#034854;}
.row2 .join-tab-con .item-box:nth-child(1) h4{color: #FF8E5C;}
.row2 .join-tab-con .item-box:nth-child(2) h4{color: #E35728;}
.row2 .join-tab-con .item-box:nth-child(3) h4{color: #034854;}
.row2 .join-tab-con .step::after{content:"";display:block;width: 212px;border-bottom: 2px dashed #E35728;position: absolute;top: 26px;left: 108px;}
.row2 .join-tab-con .item-box:last-child .step::after{display: none;}
.row2 .join-tab-con h4 {text-align: left;font-size: var(--fs-20);font-weight: 600;line-height: 1.2;margin-bottom: 12px;}
.row2 .join-tab-con p{color: var(--v-black);font-size: var(--fs-16);font-weight: 500;line-height: 1.45;margin-bottom: 0;text-align: left;}
.row2 .tab-con-item{display: none;}
.row2 .tab-con-item.active{display: block;}
.row2 .orange-button{text-transform: uppercase;padding: 16px 36px;line-height: 1.3;}
.row2_wire{position: absolute;top: 31px;height: 2px;background: var(--v-orange);transition: .4s;}
.orange-arrow-button.p18 {padding: 20px 72px 20px 28px;line-height: 1.3;cursor: pointer;}
.orange-arrow-button.p18:hover {padding-right: 76px;}
.row2 .btn-box {max-height: 64px;}


.row3 {padding: 96px 0;background: linear-gradient(99.79deg, #F0F0F0 0.01%, #F0F0F0 80.23%, #DADDE1 100.92%);}
.row3 .inner {max-width: 1600px;}
.faq-module .inner .faq-module-h2{font-size: 48px;font-weight: 600;color: #002329;text-align: center;line-height: 1.2;margin-bottom: 56px;}
.faq-module-inner .faq-list{margin-bottom: 32px;transition: all 0.3s;}
.faq-module-inner .faq-list:last-child{margin-bottom: 0px;}
.faq-module-inner .faq-list .faq-module-tit{cursor: pointer;padding:16px 20px;border-bottom: 1px solid #C4C4C4;font-size: var(--fs-20);line-height: 1.2;gap: 12px;}
.faq-module-inner .faq-list .faq-module-tit .list-serial{display: flex;align-items: center;}
.faq-module-inner .faq-list .faq-module-tit span.serial{margin-right: 12px;font-style: italic;color: var( --v-grey);display: block;}
.faq-module-inner .faq-list .faq-module-tit h3{font-weight: 600;display: flex;color: var(--v-black);font-size: var(--fs-20);}
.faq-module-inner .faq-list .faq-module-tit p{margin-bottom: 0px;}
.faq-module-inner .faq-list a{text-decoration: underline;}
.faq-module-inner .faq-list .faq-module-tit p.faq-module-icon{width: 24px;height: 24px;
    display: -webkit-box; 
    display: -moz-box; 
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flexbox;
    display: flex; 
    justify-content: flex-end;position: relative;}
.add-subtract::before {width: 1px;height: 15px;background-color: var(--v-black);right: 7px;}
.add-subtract::after {width: 15px;height: 1px;background-color: var(--v-black);}
.add-subtract-change::before, .add-subtract-change::after {background-color: var(--v-red-dark);}
.faq-module-inner .faq-list .faq-module-detial{display: none;font-size: var(--fs-16);color: #404040;padding: 20px;}
.faq-module-inner .faq-list .faq-module-detial ol{padding-left: 25px;}
.faq-module-inner .faq-list .faq-module-detial ol li{list-style: auto;}
.faq-module-inner .faq-list .faq-module-detial p{margin: 0;}
.faq-module .inner .act {background-color: #D9D9D933;}
.faq-module .inner .act .faq-module-tit {border-bottom: 1px solid #C6C6C6;}

@media (max-width: 1440px) { 
    .row1 {background-position: 40%;}
    .orange-arrow-button.p18 {padding: 20px 62px 18px 28px;}
    .orange-arrow-button.p18:hover {padding-right: 66px;}
    .row1 .banner .h1 {font-size: 38px;}
}
@media (max-width: 1350px) { 
    .row2 .item-content {justify-content: center;gap: 0;}
    .row2 .item-box {overflow: hidden;}
    .row2 .join-tab-con .step::after {width: 266px;left: 52px;}
    .row2 .join-tab-con p, .row2 .join-tab-con h4 {padding-right: 20px;}
}
@media (max-width: 1100px) { 
    .row2 h2, .row2 .inner h2 {font-size: var(--fs-50);}
    .row2 .item-content {padding: 0 30px;}
    .row2 .join-tab-con p .pc-br {display: none;}
}
@media (max-width: 980px) { 
    h2 {font-size: var(--fs-50) !important;}
    .row2 .item-content {padding: 0;}
}
@media (max-width: 768px) { 
    .row1{ background: url(/wp-content/themes/vantage/images/august_celebrate_with_rewards_row1_bg_small.webp?v=3) no-repeat; background-size: cover;background-position: center;}
    .row1 .inner {padding: 0;}
    .row1 .award_box .award_list.list1, .row1 .award_box .award_list.list2 {display: none;}
    .row1 .award_box .award_list.list_mb {display: block;}
    .row1 .banner .orange-button {margin: 0 auto;}
    .row1 .award_box .inner, .row1 .countdown .inner, .row1 .banner .inner {padding: 0 40px;}
    .row1 .countdown {border-radius: 0;background: linear-gradient(94.76deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.9) 48%, rgba(255, 255, 255, 0.7) 100%);box-shadow: 0px 20px 30px 0px #00000029;backdrop-filter: blur(20px);}

    .orange-arrow-button.p18 {padding: 19px 56px 16px 24px;}
    .orange-arrow-button.p18:hover {padding-right: 60px;}
    .row2 {padding: 32px 0;}
}
@media (max-width: 670px) { 
    .row2 .item-content {padding: 0;}
    .row1 .banner .h1 {font-size: var(--fs-50);}
}
@media (max-width: 700px) { 
    .row2 .item-content, .row2 .join-tab-list, .row2 h2 {margin-bottom: 24px;}
    .row2 .item-content {flex-direction: column;gap: 16px;}
    .row2 .item-box {max-width: 500px;display: flex;overflow: unset;}
    .row2 .step {margin: 0 8px 0 0;width: 40px;height: 40px;min-width: 40px;}
    .row2 .join-tab-con .step::after {top: 40px;left: 50%;width: 1px;height: 103px;border-left: 1px dashed #E35728;transform: translateX(-50%);}
    .row2 .pc_br {display: none;}
    .row2 .join-tab-con p, .row2 .join-tab-con h4 {padding-right: 0;font-weight: 400;}
    .row2 .join-tab-con h4 {margin-bottom: 6.5px;font-weight: 600;}
    .row3 {padding: 32px 0;}
    .faq-module-inner .faq-list .faq-module-tit {padding: 16px 12px;}
    .faq-module-inner .faq-list .faq-module-tit h3 {font-weight: 500;font-size: var(--fs-18);}
    .faq-module-inner .faq-list .faq-module-detial {padding: 8px 12px 12px;}
}
@media (max-width: 580px) { 

    .faq-module .inner .faq-module-h2 {margin-bottom: 20px;}
    .add-subtract::before {height: 11px;right: 5.5px;}
    .add-subtract::after {width: 11px;top: 50.5%;}
    .faq-module-inner .faq-list {margin-bottom: 0;}
}
@media (max-width: 510px) { 
    .row1 .award_box .list_mb::after {right: -50px;}
    .row1 .award_box .inner, .row1 .countdown .inner, .row1 .banner .inner {padding: 0 20px;}
    .row1 .banner .h1 {font-size: 28px;margin-bottom: 8px;}
    .row1 .banner .small-txt {margin-top: 7px;}

    .row1 .countdown h3 {font-size: 20px;}
    .row1 .countdown .text {margin-top: 4px;}

    .row1 .award_box {padding-bottom: 20px;}
    .row1 .animation {margin: 16px auto 24px;}
    .row1 .animation .wrap {height: 40px;}
    .row1 .award_box h2 {font-size: 24px;}
    .row1 .award_box .text {margin: 8px auto 24px;max-width: 315px;}
    .row1 .award_box .orange-button {font-size: 16px;padding: 12px 24px;line-height: 1.5;}
    .row1 .award_box .small-txt {margin: 0px auto 8px;}
    .row1 .award_box .bottom_text {margin-top: 0;max-width: 335px}

    .orange-arrow-button.p18 {padding: 18px 54px 15px 24px;}
    .orange-arrow-button.p18:hover {padding-right: 58px;}
    .row2 .orange-button {padding: 15px 32px 14px;}
    .row2 .step {width: 24px;height: 24px;min-width: 24px;font-size: 14px;}
    .row2 .join-tab-con .step::after {top: 24px;height: 96px;}
    .row2 h2 {margin-bottom: 8px;}
    .row2 .text {margin: 8px auto 24px;}
    .row2 .join-tab-list p {font-size: 14px;width: 82px;}
}
@media (max-width: 410px) { 
    .row2{background: url("/wp-content/themes/vantage/images/august_celebrate_with_rewards_row2_bg_mb.webp") }
}
@media (max-width: 390px) { 
    .row1 .countdown .pc_br {display: none;}
        .row1 .banner .h1 {font-size: 24px;}
}
@media (max-width: 370px) { 
    .faq-module-inner .faq-list .faq-module-tit {gap: 20px;}
}
@media (max-width: 370px) { 
    .row2 .join-tab-con .step::after {top: 24px;height: 120px;}
}

.live-account-right{height: 100%;display: flex;justify-content: space-around;align-items: center;background: var(--v-white);}
.live-account-right{width: 100%;max-width: 692px;box-shadow: 0px 20px 30px 0px #00000029;padding: 64px 76px;border-radius: 8px;}
.live-account-right .live-account-right-inner {width: 100%;padding: 0 20px;}
.error{color: #a71e00;font-size: var(--fs-14);display: none;}
.live-account-right .live-account-right-inner{display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.vantage-logo{width: 80px;height: 80px;background-color: var(--v-white);box-shadow: 0px 3px 6px #00000029;border-radius: 40px;display: flex;justify-content: space-around;align-items: center;margin-bottom: 16px;}
.live-account-right .live-account-right-inner .other-open{width: 260px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.live-account-right .live-account-right-inner .other-open a:nth-of-type(1){color: var(--v-green-darker);}
.live-account-right .live-account-right-inner .other-open a{text-decoration: underline;}
.live-account-right .live-account-right-inner .other-open a:nth-of-type(1):hover{color: #002329;}
.live-account-right .live-account-right-inner .other-open a:nth-of-type(2):hover{color: #000000;}

.open-live-account .form-body #new-live #sub-open::after {left: -115% !important;}
.open-live-account .form-body #new-live #sub-open:hover:after {transform: rotate(110deg) translateZ(0px) !important;}

@media (max-width: 1440px){
    .live-account-right {max-width: 550px;padding: 32px 30px;}
}
@media (max-width: 1070px){
    .live-account-right {max-width: 450px;padding: 32px 20px;}
}
@media (max-width: 980px){
    .row1{ background: url(/wp-content/themes/vantage/images/lp_august_celebrate_with_rewards_row1_bg_mb.webp) no-repeat; background-size: cover;background-position: top;}
    .row1 .banner {padding: 96px 0 360px;}
    .row1 .banner .inner {flex-direction: column;align-items: center;}
    .live-account-right {max-width: 600px;padding: 32px 30px;}
}
@media (max-width: 768px){
    .live-account-right .live-account-right-inner {padding: 0 20px !important;}
}
@media (max-width: 600px){ 
    .live-account-right {padding: 32px 30px;}
    .row1 .banner .inner .go_btn {padding: 12px 24px;font-size: 16px;}
    .row1 .p_text {margin-bottom: 8px;}
}
@media (max-width: 500px){ 
    .row1{ background: url(/wp-content/themes/vantage/images/lp_august_celebrate_with_rewards_row1_bg_minimum.webp) no-repeat; background-size: cover;background-position-y: 50%;}
    .live-account-right {padding: 32px 0px;}
    .row1 .banner {padding: 32px 0 324px;}
    .row1 .banner .inner {gap: 24px;}
}

@media (max-width: 350px){ 
    .live-account-right .live-account-right-inner .other-open {margin: 0 ;justify-content: space-around;}
    .open-live-account .form-body .choose-account-type {flex-wrap: wrap;}
}




/* ! vantagemarekts|2025-10-21 17:20:00 ! */