h2 span{color: var(--v-orange);}
.orange-button{text-transform: uppercase;}

.banner{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/level-up-rewards-banner-new.webp) left top no-repeat;background-size: cover;padding: 122px 0 159px;}
.banner .inner{max-width: 1780px;}
.banner .text-box{max-width: 525px;}
.banner h2{color: var(--v-black);font-size: 44px;font-weight: 700;line-height: 53px;margin-bottom: 19px;}
.banner p{color: var(--v-black);font-size: 21px;font-weight: 500;line-height: 25px;margin-bottom: 29px;}
.banner .orange-button{padding: 19px 30px;line-height: 18px;margin-bottom: 10px;}
.banner .tnc{color: var(--v-black);font-size: 14px;font-weight: 500;line-height: 14px;margin-bottom: 0;}
.banner .tnc a{text-decoration: underline;}

.row1{padding: 88px 0 113px;text-align: center;overflow: hidden;}
.row1 .inner{position: relative;}
.row1 h2{color: var(--v-green-darker);font-size: 58px;font-weight: 600;line-height: 58px;margin-bottom: 68px;}
.row1 li h3{color: var(--v-green-darker);font-size: 45px;font-weight: 500;line-height: 45px;margin-bottom: 20px;position: relative;}
.row1-swiper li h3::after{content: '';display: block;width: 176px;height: 9px;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/level-up-rewards-row1-after-img.webp) left top no-repeat;background-size: cover;position: absolute;right: -221px;top: 28px;}
.row1-swiper li:last-child h3::after{display: none;}
.row1 p{color: var(--v-black);font-size: 25px;font-weight: 400;line-height: 30px;margin-bottom: 0;}
.row1-swiper li{max-width: 287px;}
.row1-swiper .img-box{margin-bottom: 11px;}
.row1-swiper-pagination{display: none;align-items: center; justify-content: center;}
.row1-swiper-pagination .row1-swiper-bullet{width: 9px; height: 9px; border-radius: 50%; background: #DDDDDD;transition: all 0.2s;opacity: 1; margin: 0 3px;}
.row1-swiper-pagination .row1-swiper-bullet-active{width: 38px; border-radius: 50px;background: #034854;} 

.row2{padding: 54px 0 33px;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/level-up-rewards-row2-banner.webp) left top no-repeat;background-size: cover; text-align: center;overflow: hidden;}
.row2 .inner{max-width: 1616px;}
.row2 h2{color: var(--v-green-darker);font-size: 58px;font-weight: 600;line-height: 58px;margin-bottom: 51px;}
.row2 .rewards{display: flex;margin-bottom: 43px;}
.row2 .left{width: calc(100% - 337px);}
/* .row2-swiper ul{display: flex;flex-wrap: wrap;gap: 74px;} */
.row2-swiper ul li{max-width: 278px;background: var(--v-white);border-radius: 20px;border: 1px solid #a5a5a5;padding: 10px 10px 20px;}
.row2-swiper ul li h3,
.row2 .right h3{color: var(--v-orange);font-size: 22px;font-weight: 700;line-height: 26px;}
.row2-swiper ul li p,
.row2 .right p{color: var(--v-black);font-size: 22px;font-weight: 700;line-height: 30px;margin-bottom: 0;}
.row2-swiper ul li .img-box{margin-bottom: 12px;}
.row2 .right{width: 337px;position: relative;}
.row2 .right .electric-vehicles{height: 100%;background: var(--v-white);border-radius: 20px;border: 1px solid #a5a5a5;padding: 10px 10px 20px;}
.row2 .right .img-box{margin: 0 -74px;}
.row2 .right .text-box{width: 100%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 16px;}
.row2 .bottom-text{text-align: center;}
.row2 .bottom-text p{color: var(--v-black);font-size: 21px;font-weight: 400;line-height: 25px;margin-bottom: 22px;}
.row2-swiper-pagination{display: none;align-items: center; justify-content: center;}
.row2-swiper-pagination .row2-swiper-bullet{width: 9px; height: 9px; border-radius: 50%; background: #ffffff;transition: all 0.2s;opacity: 1; margin: 0 3px;}
.row2-swiper-pagination .row2-swiper-bullet-active{width: 38px; border-radius: 50px;background: #034854;} 

.faq-module{padding-top: 93px;padding-bottom: 65px; background: #f2f3f5;}
.faq-module h2{ font-weight:600; color:var(--v-black-light); margin-bottom:17px; font-size:48px; text-align: center;}
.faq-module h2 span { color: var(--v-orange);}
.faq-module .inner .faq-module-top-text{ text-align:center; color: var(--v-black);font-size: var(--fs-16); opacity: 0.8; max-width: 560px; margin: 0 auto 57px;}
.faq-module .inner .faq-module-top-text a{ text-decoration:underline; color: var(--v-orange);}
.faq-module .inner .faq-module-top-text a:hover{ text-decoration:underline; color: var(--v-orange);}
.faq-module-inner .faq-list{padding: 0px 0px 30px;}
.faq-module-inner .faq-list .faq-module-tit{font-size: var(--fs-20);font-weight: 500;color: var(--v-black);cursor: pointer;border-bottom: 1px solid #D1D1D1; padding: 13px 34px 12px 20px;}
.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{width: 16px;margin-right: 5px;font-style: italic;color: var( --v-grey);display: block;height: 100%;min-width: 16px;max-width: 16px;}
.faq-module-inner .faq-list .faq-module-tit h3{font-size: var(--fs-20);font-weight: 600;/* display: flex; */}
.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: 88px;height: 22px;
    display: -webkit-box; 
    display: -moz-box; 
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flexbox;
    display: flex; 
    justify-content: flex-end;position: relative;}
.faq-module-inner .faq-list .faq-module-detial{display: none;font-size: var(--fs-16);color: #404040; padding-top:20px; padding-left: 22px;padding-right: 88px; padding-bottom: 22px;}
.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 .faq-list .faq-module-detial p span.add-points{ display: block; padding-left: 30px; position: relative; padding-top: 20px;}
.faq-module-inner .faq-list .faq-module-detial p span.add-points::before{ display: block; width: 5px; height: 5px; border-radius: 50%; content: ''; position: absolute; left: 15px; top: 28px; background-color: #636363;}
.faq-module-inner .faq-list .faq-module-tit.active,
.faq-module-inner .faq-list .faq-module-detial.active{ background:#ededed;}
.add-subtract::before{ width: 1px; height: 16px; right: 8px; background:#1f1f1f;}
.add-subtract::after{ width: 16px; height: 1px; background:#1f1f1f;}
.add-subtract-change::after,
.add-subtract-change::before{ background:var(--v-red-dark);} 

@media(max-width:1600px) {
    .banner{background-position-x: center;}    
}
@media(max-width:1510px) {
    .row2-swiper ul li{max-width: 250px;}
    .row2-swiper ul li p, 
    .row2 .right p{font-size: 24px;line-height: 27px;}
}
@media(max-width:1440px) {
    .row1-swiper li h3::after{right: -170px;}

    .row2 .left{width: 80%;}

    .faq-module{padding-top: 70px;padding-bottom: 70px;}
    .faq-module h2{font-size:42px;}
    .faq-module .inner .faq-module-top-text{ margin-bottom:50px;}
}
@media(max-width:1340px) {
    .row2-swiper ul li{max-width: 226px;}
    .row2-swiper ul li h3, 
    .row2 .right h3{font-size: 22px;line-height: 1.22;}
    .row2-swiper ul li p, 
    .row2 .right p{font-size: 22px;line-height: 1.22;}
}
@media(max-width:1240px) {
    .row2 h2{font-size: 50px;line-height: 1.22;}
    .row2-swiper ul li{max-width: 210px;}
    .row2-swiper ul li h3, 
    .row2 .right h3{font-size: 20px;}
    .row2-swiper ul li p, 
    .row2 .right p{font-size: 20px;}

    .faq-module{padding-top: 60px;padding-bottom: 60px;}
    .faq-module h2{ font-size:36px;}
    .faq-module .inner .faq-module-top-text{ margin-bottom:40px;}
}
@media(max-width:1200px) {
    .banner{background-position-x: 40%;padding: 100px 0 120px;}
    .banner h2{font-size: var(--fs-40);line-height: 1.22;}
    .banner p{font-size: var(--fs-20);line-height: 22px;}

    .row1 h2{font-size: 42px;line-height: 1.22;}
    .row1 li h3{font-size: 33px;line-height: 33px;}
    .row1 p{font-size: 22px;line-height: 24px;}
    .row1-swiper li h3::after{top: 18px;right: -145px;}
}
@media(max-width:1160px) {
    .row2-swiper ul li{max-width: 200px;}
    .row2-swiper ul li h3, 
    .row2 .right h3{font-size: 19px;}
    .row2-swiper ul li p, 
    .row2 .right p{font-size: 19px;}
    .row2 .right{width: 270px;}
}
@media(max-width:1080px) {
    .row2 .right{width: 210px;}
}
@media(max-width:1024px) {
    .row1 h2{margin-bottom: 50px;}
    .row1-swiper-pagination{display: flex;}
    .row1-swiper{margin-top: 30px;}

    .row2 h2{font-size: 45px;}
    .row2 .rewards{flex-direction: column-reverse;align-items: center;}
    .row2 .left{width: 100%;}
    .row2 .right{width: 330px;margin-bottom: 24px;}
    .row2 .right .electric-vehicles{padding: 10px 10px 80px;}
    .row2-swiper{margin-bottom: 16px;}
    .row2-swiper-pagination{display: flex;}
}
@media(max-width:920px) {
    .banner{background-position-x: 30%;}
}
@media(max-width:768px) {
    .row2 h2{font-size: 36px;}
    .row2 .bottom-text p{font-size: 20px;}

    .faq-module{padding-top: 48px;padding-bottom: 48px; background:var(--v-white);}
    .faq-module h2{ font-size:24px; margin-bottom:15px;}
    .faq-module .inner .faq-module-top-text{ margin-bottom:32px; opacity:1; font-size:14px; line-height:1.1;}    
    .faq-module .inner .faq-module-top-text a{ text-decoration:none; color: var(--v-black);}
    .faq-module .inner .faq-module-top-text a:hover{ text-decoration:none; color: var(--v-black);}
    .faq-module-inner .faq-list{ padding-bottom:9px; border-bottom:1px solid #c6c6c6; padding-top:2px;}
    .faq-module-inner .faq-list .faq-module-tit.active,
    .faq-module-inner .faq-list .faq-module-detial.active{ background:none;}
    .faq-module-inner .faq-list .faq-module-detial{ padding: 0px 40px 22px 42px;}
    .faq-module-inner .faq-list .faq-module-tit{ padding-left: 5px; padding-right: 50px; padding-bottom:12px; border-bottom:none; position: relative;}
    .faq-module-inner .faq-list .faq-module-tit .list-serial{align-items: flex-start;}    
    .faq-module-inner .faq-list .faq-module-tit span.serial{ font-size: 16px; margin-left:11px; margin-right: 13px; height: auto; line-height:1.08;}
    .faq-module-inner .faq-list .faq-module-tit h3{ font-size: 16px; line-height:1.08;}
    .faq-module-inner .faq-list .faq-module-detial p{ line-height:1.1;}
    
    .faq-module-inner .faq-list .faq-module-tit p.faq-module-icon{ width: 44px; margin-top:-11px; position: absolute; right: 15px; top:25px;}
    .add-subtract::before{ height: 22px; right: 11px;}
    .add-subtract::after{ width: 22px;}
    
    .faq-module-inner .faq-list .faq-module-tit.active p.faq-module-icon{ top:15px;}
}
@media(max-width:510px) {
    .banner{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/level-up-rewards-banner-mobile.webp) center top no-repeat;background-size: cover;padding: 9px 0 700px;}
    .banner .text-box{max-width: 100%;text-align: center;}
    .banner h2{font-size: 22px;line-height: 26px;max-width: 75%;margin: 0 auto 8px;}
    .banner p{font-size: 12px;line-height: 21px;max-width: 85%;margin: 0 auto 11px;}
    .banner .orange-button{font-size: 18px;line-height: 18px;margin-bottom: 14px;padding: 13px 43px;}

    .row1{padding: 25px 0 37px;}
    .row1 h2{font-size: 29px;line-height: 29px;margin-bottom: 23px;}
    .row1 p{font-size: 18px;line-height: 21px;}
    .row1-swiper{margin-top: 26px;}
    .row1-swiper li{max-width: 203px;}
    .row1-swiper .img-box{margin-bottom: 0;}
    .row1-swiper li h3::after{width: 100px;height: 5px;right: -66px;}

    .row2{padding: 30px 0 44px;}
    .row2 h2{font-size: 29px;margin-bottom: 33px;}
    .row2 .rewards{margin-bottom: 19px;}
    .row2-swiper{margin-bottom: 3px;}
    .row2-swiper ul li h3, 
    .row2 .right h3,
    .row2-swiper ul li p, 
    .row2 .right p{font-size: 17px;}
    .row2 .right .img-box img{width: 80%;}
    .row2-swiper ul li{max-width: 227px;}
    .row2 .bottom-text p{font-size: 12px;line-height: 20px;margin-bottom: 14px;}
    .row2 .right{width: 227px;}

    .faq-module{padding: 39px 0;}
}
@media(max-width:400px) {
    .banner{padding: 9px 0 489px;}
}
/* ! vantagemarekts|2025-10-21 17:20:00 ! */