h2{font-size: 48px;font-weight: 600;line-height: 58px;}
h2 span{color: var(--v-orange);}
.orange-button{text-transform: uppercase;box-shadow: 0px 8px 20px 0px #B75D2670;}

.banner{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/trading-rewards-banner.webp) left center no-repeat;background-size: cover;overflow: hidden;position: relative;}
.banner::before{content:"";display:block;width: 952px;height: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 50.4%, rgba(0, 0, 0, 0) 100%);position: absolute;left: 0;top: 0;}
.banner .inner{max-width: 1626px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 10;}
.banner .text-box{width: 612px;}
.banner .text-box h2{color: var(--v-white);margin-bottom: 16px;}
.banner .text-box p{color: var(--v-white);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 24px;}
.banner .text-box p span{color: var(--v-orange);font-weight: 600;font-size: var(--fs-24);}
.banner .text-box .orange-button{padding: 16px 36px;line-height: 23px;margin-bottom: 16px;}
.banner .text-box .tnc{font-size: 18px;margin: 0;}
.banner .text-box .tnc a{color: rgb(255 255 255 / 80%);text-decoration: underline;}
.banner .text-box .tnc a:hover{color: var(--v-white);}
.banner .text-box .orange-button{padding: 16px 36px;}
.banner .img-box{margin-right: -195px;}


.row1{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/trading-rewards-row1-bg.webp) left center no-repeat;background-size: cover;padding: 94px 0;}
.row1 .inner{max-width: 1400px;}
.row1 h2{color: var(--v-black-light);margin-bottom: 56px;text-align: center;}
.row1 .content{display: flex;justify-content: center;gap: 56px;}
.row1-faq{width: 440px;padding: 16px 0 32px;}
.row1-faq .inner{padding: 0;}
.row1-faq .add-subtract::before{background: #034854;}
.row1-faq .add-subtract::after{background: #034854;}
.row1-faq .add-subtract-change::before {background-color: var(--v-red-dark);}
.row1-faq .add-subtract-change::after {background-color: var(--v-red-dark);}
.row1-faq .faq-module-inner .faq-list .faq-module-tit .list-serial{align-items: center;}
.row1 .mb-img{display: none;}

.deposit-bonus-get{padding: 96px 0;overflow: hidden;position: relative;}
.deposit-bonus-get .inner{position: relative;z-index: 10;}
.deposit-bonus-get .content{max-width: 1000px;margin: 0 auto;}
.deposit-bonus-get h2{color: var(--v-black-light);margin-bottom: 56px;text-align: center;}
.deposit-bonus-get .get-tab-list{display: flex;justify-content: center;margin-bottom: 34px;cursor: pointer;position: relative;}
.deposit-bonus-get .get-tab-list .tab-item{position: relative;}
.deposit-bonus-get .get-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#BABABA;position: absolute;bottom: -4px;left: 0;}
.deposit-bonus-get .get-tab-list .tab-item p{color: var(--v-black);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 0;text-align: center;padding: 0 8px;}
.deposit-bonus-get .get-tab-list .tab-item.active p{color: var(--v-orange);}
.deposit-bonus-get .swiper{overflow: visible;}
.deposit-bonus-get ul{display:flex;gap: 56px;}
.deposit-bonus-get ul li{width: 296px;position: relative;}
.deposit-bonus-get ul li:last-child{margin-right: 0 !important;}
.deposit-bonus-get ul li::after{content:"";display:block;width: 188px;height: 2px;background:url(https://d21u74ttq7jqzf.cloudfront.net/image/trading-rewards-get-after-icon.svg) top center no-repeat; background-size:cover;position: absolute;top: 26px;right: 0px;}
.deposit-bonus-get .get-tab-con ul li:last-child::after{display: none;}
.deposit-bonus-get .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);font-weight: 500;margin-bottom: 8px;line-height: 24px;}
.deposit-bonus-get .get-tab-con{text-align: center;}
.deposit-bonus-get .get-tab-con ul li:nth-child(1) .step{background:#FF8E5C;}
.deposit-bonus-get .get-tab-con ul li:nth-child(1) h3{color: #FF8E5C;}
.deposit-bonus-get .get-tab-con ul li:nth-child(2) .step{background:#E35728;}
.deposit-bonus-get .get-tab-con ul li:nth-child(2) h3{color: #E35728;}
.deposit-bonus-get .get-tab-con ul li:nth-child(3) .step{background:#164B53;}
.deposit-bonus-get .get-tab-con ul li:nth-child(3) h3{color: #034854;}
.deposit-bonus-get .get-tab-con h3{color: var(--v-black);font-size: var(--fs-20);font-weight: 600;line-height: 24px;margin-bottom: 12px;text-align: left;}
.deposit-bonus-get .get-tab-con ul li:last-child h3::after{display: none;}
.deposit-bonus-get .get-tab-con p{color: var(--v-black);font-size: var(--fs-16);font-weight: 400;line-height: 24px;margin-bottom: 0;text-align: left;}
.deposit-bonus-get .get-tab-con p em{font-size: var(--fs-12);}
.deposit-bonus-get .tab-con-item{opacity: 0;height: 0;}
.deposit-bonus-get .tab-con-item.active{opacity: 1;height: auto;}
.deposit-bonus-get .get-tab-con .orange-button{padding: 16px 36px;font-size: var(--fs-18);line-height: 23px;}

.deposit-bonus-get .tab-con-swiper { margin-bottom: 32px; }
.wire{position: absolute;top: 28px !important;height: 2px;background: var(--v-orange);transition: .4s;}
.deposit-bonus-get .get-tab-con .account{text-align: center;margin-top: 32px;line-height: 19px;}
.deposit-bonus-get .orange-button.p16 span span{ color:#FCE055;}

.row3{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/trading-rewards-row3-bg.webp) center center no-repeat;background-size: cover;padding: 96px 0;overflow: hidden;}
.row3 .inner{max-width: 1104px;}
.row3 .title-box{text-align: center;margin-bottom: 40px;}
.row3 .title-box h2{color: var(--v-black-light);margin-bottom: 16px;}
.row3 .title-box p{color: var(--v-black-light);font-size: var(--fs-16);font-weight: 400;line-height: 24px;margin-bottom: 0;}
.row3 .title-box p span{color: var(--v-orange);font-weight: 500;}
.row3 ul{display: flex;justify-content: center;}
.row3 ul li{width: 280px;padding: 16px 16px 24px;background: #F8F8F9;border-radius: 8px;transition: all .3s linear;}
.row3 ul li p{color: var(--v-black-light);font-size: 14px;margin: 0;}
.row3 ul li .top {text-align: center;}
.row3 ul li .top p{font-weight: 500;line-height: 18px;margin-bottom: 4px;}
.row3 ul li h4{color: var(--v-orange);font-size: var(--fs-20);font-weight: 600;line-height: 24px;}
.row3 ul li .icon-box{margin: 8px 0;}
.row3 ul li .line{width: 100%;height: 0;border-bottom: 1px dashed rgb(0 0 0 / 20%);}
.row3 ul li .deposit{margin: 8px 0;}
.row3 ul li .deposit,
.row3 ul li .volume{display: flex;justify-content: space-between;align-items: center;}
.row3 ul li .deposit p,
.row3 ul li .volume p{font-weight: 400;line-height: 19px;margin-bottom: 0;}
.row3 ul li .deposit p b,
.row3 ul li .volume p b{font-weight: 500;font-size: var(--fs-16);line-height: 19px;}
.row3 ul li:hover{background: var(--v-white);transform: translateY(-20px);}
.row3 .ul-swiper{position: relative;}
.row3 .ul-swiper-scrollbar{display: none;width: 89px;height: 3px;background: #C6C6C6;border-radius: 4px;position: absolute;left: 50%;transform: translateX(-50%);bottom: -25px;}
.row3 .ul-swiper-scrollbar .swiper-scrollbar-drag{background: #E35728;}

/* faq */
.faq-module{background: #F2F3F5;padding: 96px 0;}
.faq-module {}
.faq-module .faq-module-h2{margin-bottom: 56px;color: var(--v-black-light);text-align: center;}
.faq-module .faq-module-h2 span{color: var(--v-orange);}
.faq-module .faq-module-top-text{ text-align:center; color: var(--v-black);font-size: var(--fs-18);}
.faq-module .faq-module-top-text a{ text-decoration:underline; color: var(--v-black);}
.faq-module .faq-module-top-text a:hover{ text-decoration:underline; color: var(--v-black);}
.faq-module-inner .faq-list{}
.faq-module-inner .faq-list .faq-module-tit{font-size: var(--fs-22);font-weight: 500;color: var(--v-black);cursor: pointer;padding: 16px 32px 16px 20px;border-bottom: 1px solid #C6C6C6;transition: all .3s linear;}
.faq-module-inner .faq-list .faq-module-tit .list-serial{display: flex;gap: 12px;}
.faq-module-inner .faq-list .faq-module-tit span.serial{font-size: var(--fs-20);font-style: italic;color: var( --v-grey);display: block;line-height: 24px;}
.faq-module-inner .faq-list .faq-module-tit h3{font-size: var(--fs-20);font-weight: 600;display: flex;line-height: 24px;}
.faq-module-inner .faq-list .faq-module-tit p{margin-bottom: 0px;}
.faq-module-inner .faq-list a{text-decoration: underline;}
.faq-module-inner{display: flex;flex-direction: column;gap: 32px;}
.faq-module-inner .faq-list.active .faq-module-tit{background: #D9D9D94D;}
.faq-module-inner .faq-list .faq-module-tit:hover{background: #D9D9D94D;}
.faq-module-inner .faq-list .faq-module-tit p.faq-module-icon{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-20);color: #636363;margin-bottom: 0px;padding: 20px;background: #D9D9D933;}
.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;color: #404040;font-size: var(--fs-16);line-height: 24px;}
.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;}
.add-subtract::before {width: 1px;height: 15px;right: 12px;background: var(--v-black);}
.add-subtract::after {width: 15px;height: 1px;background: var(--v-black);right: 4px;}
.add-subtract-change::before {background-color: var(--v-red-dark);}
.add-subtract-change::after {background-color: var(--v-red-dark);}

@media(max-width:1600px) {
    h2{font-size: 44px;}

    .banner .img-box img{width: 90%;}
}
@media(max-width:1440px) {
    h2{font-size: var(--fs-40);line-height: 1.22;}

    .banner .img-box img{width: 80%;}

    .row1{padding: 80px 0;}
}
@media(max-width:1240px) {

    .row1 .content{gap: 20px;}
    .row1-faq{width: 50%;}
    .row1 .img-box{width: 66%;}

    .deposit-bonus-get{padding: 86px 0;}
    .deposit-bonus-get ul li::after{top: 26px;}

    .faq-module{padding: 80px 0;}
}

@media(max-width:1024px) {
    .banner{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/trading-rewards-banner-mobile.webp) center bottom no-repeat;background-size: cover;padding: 32px 0 0;}
    .banner::before{width: 100%;height: 275px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);}
    .banner .inner{flex-direction: column;}
    .banner .text-box{width: 100%;text-align: center;margin-bottom: 48px;}
    .banner .img-box{margin-right: 0;text-align: center;}
    .banner .img-box img{width: 100%;}

    .row1{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/trading-rewards-row1-bg-mobile-new.webp) center bottom no-repeat;background-size: cover;padding: 60px 0;}
    .row1 h2{margin-bottom: 32px;}
    .row1 .content{flex-direction: column;}
    .row1 .content .img-box{text-align: center;width: 100%;}
    .row1-faq{width: 100%;padding: 0;}
    .row1-faq .faq-module-inner{gap: 8px;}

    .row3 ul li:hover{background: #F8F8F9;transform: translateY(0px);}

    .deposit-bonus-get{padding: 70px 0;}
    .deposit-bonus-get ul li::after{right: -30px;}

    .faq-module{padding: 60px 0;}
}
@media(max-width:940px) {
    .row3 ul{justify-content: flex-start;}
    .row3 .ul-swiper-scrollbar{display: block;}
}
@media(max-width:860px) {
    .deposit-bonus-get ul{justify-content: flex-start;}
    .deposit-bonus-get ul li::after{width: 125px;right: 0px;}
}
@media(max-width:768px) {
    .row1-faq .faq-module-inner .faq-list .faq-module-tit h3{width: 100%;}

    .deposit-bonus-get{padding: 60px 0;}
    .deposit-bonus-get h2{line-height: 1.2;}
    .deposit-bonus-get ul{gap: 20px;}
    .deposit-bonus-get ul li::after{width: 94px;}

    .faq-module .faq-module-h2{margin-bottom: 24px;}
    .faq-module-inner .faq-list .faq-module-tit h3{width: 84%;}
}
@media(max-width:580px) {
    .deposit-bonus-get ul li::after{width: 70px;}
}

@media(max-width:510px) {
    h2{font-size: 20px;line-height: 24px;}

    .banner .inner{padding: 0;} 
    .banner .text-box{padding: 0 20px;}
    .banner .text-box h2{font-size: 28px;line-height: 34px;}
    .banner .text-box p{font-weight: 400;line-height: 24px;margin-bottom: 16px;}
    .banner .text-box p span{font-size: 16px;font-weight: 400;line-height: 24px;}
    .banner .text-box .orange-button{font-size: 16px;padding: 12px 24px;}
    .banner .text-box .tnc{font-size: 14px;line-height: 20px;}

    .row1{padding: 32px 0;}
    .row1 h2{margin-bottom: 24px;}
    .row1 .pc-img{display: none;}
    .row1 .mb-img{display: inline-block;}
    .row1 .content{gap: 16px;}

    .deposit-bonus-get{padding: 32px 0;}
    .deposit-bonus-get h2{margin-bottom: 24px;}
    .deposit-bonus-get .get-tab-list{margin-bottom: 25px;}
    .deposit-bonus-get .get-tab-list .tab-item p{font-size: 14px;line-height: 20px;}
    .deposit-bonus-get .get-tab-con h3{line-height: 18px;margin-bottom: 4px;padding: 2.5px 0;}
    .deposit-bonus-get .get-tab-con p{line-height: 16px;}
    .deposit-bonus-get .get-tab-list p{line-height: 19px;}
    .deposit-bonus-get .step{width: 24px;height: 24px;font-size: 14px;line-height: 20px;margin: 0;}
    .deposit-bonus-get ul li::after{display: none;}
    .deposit-bonus-get .tab-con-swiper { margin-bottom: 24px; }
    .deposit-bonus-get ul{flex-direction: column;gap: 16px;}
    .deposit-bonus-get ul li{width: 100%;display: flex;gap: 8px;}
    .deposit-bonus-get .message{max-width: 88%;}
    .deposit-bonus-get .get-tab-con .orange-button{line-height: 18px;padding: 12px 20px;}
    .wire{top: 22px !important;}

    .row3 {background: url(https://d21u74ttq7jqzf.cloudfront.net/image/trading-rewards-row3-bg-mobile.webp) center center no-repeat;background-size: cover;padding: 32px 0 56px;}
    .row3 .title-box{margin-bottom: 20px;}
    .row3 .title-box h2{margin-bottom: 8px;}
    .row3 .title-box p{line-height: 20px;}
    .row3 .title-box p br{display: none;}
    .row3 ul li{width: 200px;padding: 16px;}
    .row3 ul li .deposit p, 
    .row3 ul li .volume p {font-size: 12px;line-height: 18px;}
    .row3 ul li .deposit p b,
    .row3 ul li .volume p b{line-height: 18px;}
    .row3 ul li .volume p:nth-of-type(1){width: 40%;}
    .row3 ul li .volume p:nth-of-type(2){width: 60%;text-align: right;}
    .row3 ul li h4{line-height: 19px;}
    .row3 ul li .icon-box{margin: 14px 0 8px;}
    
    .faq-module{padding: 32px 0;}
    .faq-module-inner{gap: 0;}
    .faq-module-inner .faq-list .faq-module-tit{padding: 16px 12px;}
    .faq-module-inner .faq-list .faq-module-tit span.serial{font-size: 14px;line-height: 22px;}
    .faq-module-inner .faq-list .faq-module-tit h3{font-size: 14px;line-height: 18px;}
    .faq-module-inner .faq-list .faq-module-detial{padding: 8px 12px 12px;}
    .faq-module-inner .faq-list .faq-module-detial p{line-height: 20px;}
    .add-subtract::before {width: 1px;height: 12px;right: 10px;}
    .add-subtract::after {width: 12px;height: 1px;}
}
/* ! vantagemarekts|2025-11-10 14:28:00 ! */