h2{font-size: 48px;font-weight: 600;line-height: 58px;}
h2 span,
p span{color: var(--v-orange);}
.orange-button{text-transform: uppercase;padding: 16px 36px;box-shadow: 0px 8px 20px 0px #B75D2670;}
br.mb{display: none;}
.mb-img{display: none;}

.banner{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/easter-basket-bonus-banner-bg.webp) left top no-repeat;background-size: cover;padding: 190px 0;overflow: hidden;position: relative;}

.banner .inner{max-width: 1440px;display: flex; }
.banner .text-box{max-width: 612px;position: relative;z-index: 10;}
.banner h2{color: #002329;margin-bottom: 20px;}
.banner p{color: #002329;font-size: var(--fs-20);font-weight: 500;line-height: 1.3;margin-bottom: 24px; opacity: 0.8;}
.banner .tnc{color: #000000;font-size: 14px;font-weight: 400;line-height: 20px;margin: 0;}
.banner .tnc a{color:#7f7f7f;text-decoration: underline;}
.banner .tnc a:hover{color: #000000;}
.banner .orange-button{margin-bottom: 12px;}
.banner .img-box{position: absolute;bottom: 0;right: 149px; z-index: 5;}
.banner .img-box.pc{display: block;}
.banner .img-box.mb{display: none;}

.row1{padding: 62px 0 62px;overflow: hidden;position: relative; background: url(https://d21u74ttq7jqzf.cloudfront.net/image/easter-basket-bonus-Rebate-bg.webp) left top no-repeat;background-size: cover; }
.row1 .inner{position: relative;z-index: 10;}
.row1 .text-box{ margin-bottom: 35px; }
.row1 .text-box h2{color: #002329;margin-bottom: 12px;text-align: center;}
.row1 .text-box p{    color: #002329; text-align: center; font-size: var(--fs-20); line-height: 1.3; margin: 0 auto; max-width: 600px; }

.row1 .content{ display: flex; gap: 20px; justify-content: space-between; max-width: 1110px;margin: 0 auto; padding-bottom: 8%; margin-bottom: 27px; }
.row1 .content .content-item{     flex: 0 0 246px;
    padding: 35px 20px 113px;
    position: relative;
    background: url(https://d21u74ttq7jqzf.cloudfront.net/image/easter-basket-bonus-Rebate-bg.webp);
    background-size: 100% 100%;
    width: 100%;
    border-radius: 10px;
    border: 2px solid #e65d29;   }

.row1 .content .item-text h3{ color: #E35728; font-size: var(--fs-32); font-weight: 600; line-height: 120%; text-align: center; margin-bottom: 6px; }
.row1 .content .item-text p{ color: #002329; font-weight: 500; font-size: var(--fs-22); line-height: 130%; text-align: center;     margin-bottom: 7px;;}
.row1 .content .item-text p:last-child{ color: #002329; opacity: 0.8; font-weight: 400; font-size: var(--fs-16); line-height: 150%; text-align: center; margin-bottom: 0;}

.row1 .content .img-box { position: absolute; top: 99%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 160px; }
.row1 .tnc { font-weight: 400; font-size: 14px; line-height: 120%; letter-spacing: 0px; text-align: center; color: #000000; margin: 0; }
.row1 .tnc a{ text-decoration: underline; }

.row1 .content .title-box{ position: relative; }

.row1 .content .title-box .icon{width: 22px; height: 20px; background: url(https://d21u74ttq7jqzf.cloudfront.net/image/easter-basket-bonus-comment-icon.webp) left top no-repeat; background-size: cover; position: absolute;     top: 55%;
    right: 22px;transform: translate(50%, -50%); cursor: pointer; }
.row1 .content .title-box .icon span{ /* display: block; */ display: none; padding: 9px 12px; background-color: #000000; box-shadow: 0px 3.67px 18.33px 0px #00000029; font-weight: 400; font-size: 12px; line-height: 140%; white-space: nowrap; position: absolute; color: #FFFFFF; left: 32px; border-radius: 9px; text-align: center; }
.row1 .content .title-box .icon:hover span{ display: block; }



.row2{padding: 96px 0 88px;overflow: hidden;position: relative;}
.row2 .inner{position: relative;z-index: 10;}
.row2 .content{max-width: 1200px;margin: 0 auto;}
.row2 h2{color: #002329;margin-bottom: 50px;text-align: center;}
.row2 .get-tab-list{display: flex;justify-content: center;margin-bottom: 60px;cursor: pointer;position: relative;}
.row2 .get-tab-list .tab-item{position: relative;}
.row2 .get-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#BABABA;position: absolute;bottom: -4px;left: 0;}
.row2 .get-tab-list .tab-item p{color: #000000;font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 0;text-align: center;padding: 0 8px;}
.row2 .get-tab-list .tab-item.active p{color: var(--v-orange);}
.row2 .swiper{overflow: visible;}
.row2 ul{display:flex;gap: 56px; justify-content: space-between;}
.row2 ul li{width: 272px;position: relative;}
.row2 ul li:last-child{margin-right: 0 !important;}
.row2 ul li::after{content:"";display:block;    width: 132px; height: 2px;background:url(https://d21u74ttq7jqzf.cloudfront.net/image/golden-prosperity-2026-row3-line.svg) left top no-repeat; background-size:cover;position: absolute;top: 26px;right: 0;}
.row2 .get-tab-con ul li:last-child::after{display: none;}
.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);font-weight: 600;margin-bottom: 10px;line-height: 24px;}
.row2 .get-tab-con{text-align: center;}

.row2 .get-tab-con ul li:nth-child(1) .step{background:#FF8E5C;}
.row2 .get-tab-con ul li:nth-child(2) .step{background: #E35728;}
.row2 .get-tab-con ul li:nth-child(3) .step{background: #034854;}
.row2 .get-tab-con ul li:nth-child(1) h3{color:#FF8E5C;}
.row2 .get-tab-con ul li:nth-child(2) h3{color: #E35728;}
.row2 .get-tab-con ul li:nth-child(3) h3{color: #034854;}

.row2 .get-tab-con h3{color: var(--v-black);font-size: var(--fs-20);font-weight: 600;line-height: 24px;margin-bottom: 10px;text-align: left;}
.row2 .get-tab-con ul li:last-child h3::after{display: none;}
.row2 .get-tab-con p{color: #000000;font-size: 14px; font-weight: 400; line-height: 1.4;margin-bottom: 0;text-align: left; opacity: 0.8;}
.row2 .get-tab-con p a{color: #E35728; text-decoration: underline;}
.row2 .get-tab-con p em{font-size: var(--fs-12);}
.row2 .tab-con-item{opacity: 0;height: 0;}
.row2 .tab-con-item.active{opacity: 1;height: auto;}
.row2 .get-tab-con .orange-button{padding: 16px 36px;font-size: var(--fs-18);line-height: 23px;box-shadow: 0px 8px 20px 0px #B75D2670;}

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





@media(max-width:1720px) {
    .banner .img-box{right: 20px;}
}
@media(max-width:1440px) {
    .banner .img-box{right: -100px;}
    .banner .img-box img{width: 80%;}

    .row1 .content .title-box .icon:hover span {
    left: 0px;
    bottom: 35px;
    transform: translateX(-20%);
}
}
@media(max-width:1240px) {
    h2{font-size: var(--fs-40);line-height: 1.22;}

    .banner{padding: 100px 0 90px;}
    .banner .text-box{max-width: 60%;}
    .banner .img-box{right: -230px;}
    .banner .img-box img{width: 70%;}

    .row1 { background-size: 100% 100%; }

    .row1 .content { gap: 137px 70px; justify-content: center; padding-bottom: 14%; flex-wrap: wrap; max-width: 600px; }


    .row2{padding: 86px 0;}
    .row2 ul{gap: 130px;}
    .row2 ul li::after{top: 26px;}
}
@media(max-width:1024px) {
    .banner{padding: 60px 0 70px;}
    .banner .img-box{right: -400px;bottom: 0px;}
    .banner .img-box img{width: 50%;}

    .row1{padding: 70px 0;}
    .row2{padding: 70px 0;}
    .row2 ul{gap: 50px;}

}
@media(max-width:950px) {
    
}
@media(max-width:860px) {
    .row2{background-position: bottom;}
    .row2 ul{justify-content: flex-start;}
    .row2 ul li::after{width: 125px;right: 0px;}
}
@media(max-width:768px) {
    .banner{padding: 0;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/easter-basket-bonus-banner-mb-bg.webp) center bottom no-repeat;background-size: cover;}
    
    .banner .inner{flex-direction: column;padding: 0;}
    .banner .text-box{max-width: 100%;text-align: center;padding: 100px 40px 48px;}
    .banner .img-box{position: static;text-align: center;}
    .banner .img-box img{width: 80%;}
    
    .row1{padding: 60px 0;}
    .row1 .content { gap: 135px 30px; padding-bottom: 23%; max-width: 600px; }
    .row1 .text-box p { font-size: var(--fs-16); font-weight: 500; }
    .row1 .text-box { margin-bottom: 25px; }
    .row1 .content .item-text h3{ font-size: 18px; }
    .row1 .content { gap: 23px 20px; padding-bottom: 0%; margin-bottom: 28px; }
    .row1 .content .content-item { flex: none; padding: 6px 10px 10px 17%; position: relative; min-height: 117px; height: auto; border-radius: 10px; border: 2px solid #e65d29; width: calc(50% - 10px); background: url(https://d21u74ttq7jqzf.cloudfront.net/image/easter-basket-bonus-Rebate-mb-bg.webp) ;        background-size: 200% 157%; background-position: center; }
    .row1 .content .img-box { position: absolute; top: 58%; left: 20%; transform: translate(-50%, -50%); width: 30.3%; max-width: 90px; }
    .row1 .content .item-text p { font-size: 13px; line-height: 130%; margin-bottom: 3px; }
    .row1 .content .item-text p:last-child { font-size: 12px; line-height: 150%; margin-bottom: 0; }
    .row1 .content .title-box .icon { width: 13px; height: 12px; top: 50%; right: calc(50% - 36px); }
    .row1 .content .title-box .icon:hover span { left: 0px; bottom: unset; transform: translateX(-20%); transform: scale(0.56) translateX(-19%); padding: 9px 15px; top: -7px; }
    

    .row2{padding: 60px 0;}
    .row2 ul{gap: 20px;}
    .row2 ul li::after{width: 94px;}


}
@media(max-width:580px) {
    .row2 ul li::after{width: 70px;}
}
@media(max-width:650px) {
   
    .row1 .content .content-item {   width: 80%;  }

}
@media(max-width:510px) {
    h2{font-size: 20px;line-height: 24px;}
    .orange-button.mb{display: inline-block;}
    .orange-button.pc{display: none;}
    br.mb{display: block;}

    .banner .text-box{padding: 70px 20px 48px;}
    .banner h2{  font-size: 28px; line-height: 34px; margin-bottom: 16px;}
    .banner h2 span{ display: block;}
    .banner p{  font-size: 16px; line-height: 23px; margin-bottom: 22px; font-weight: 400;}
    .banner .orange-button{font-size: 16px;line-height: 21px;padding: 12px 24px;margin-bottom: 10px;}
    .banner .img-box.pc{display: none;}
    .banner .img-box.mb{display: block;}
    .banner .img-box img{width: 100%;}

    
    .row1{padding: 32px 0;}
    .row1 .text-box h2{line-height: 24px;margin-bottom: 4px;}
    

    .row2{padding: 52px 0 45px;position: relative;}
    .row2 h2{line-height: 24px;margin-bottom: 22px;}
    .row2 .get-tab-list{margin-bottom: 28px;}
    .row2 .get-tab-list .tab-item p{font-size: 14px;line-height: 20px;}
    .row2 .get-tab-con h3{line-height: 19px;margin-bottom: 4px;padding: 2.5px 0;}
    .row2 .get-tab-con p{font-size: 14px;line-height: 20px;}
    .row2 .get-tab-list p{line-height: 19px;}
    .row2 ul li::after{display: none;}
    .row2 .step{        width: 24px; height: 24px; font-size: 14px; line-height: 23px; margin: 0; position: relative;}
    .row2 ul li .step::after{content: '';display: block;width: 0px;height: 56px;position: absolute;top: 26px;left: 50%;transform: translateX(-50%);}
    .row2 ul li:nth-child(1) .step::after{border: 1px dashed #FF8E5C;}
    .row2 ul li:nth-child(2) .step::after{border: 1px dashed #E35728;}
    .row2 .tab-con-swiper { margin-bottom: 24px; }
    .row2 ul{flex-direction: column;gap: 16px;}
    .row2 ul li{width: 100%;display: flex;gap: 8px;}
    .row2 .message{max-width: 91%;}
    .row2 ul li .step::after{display: none;}
    .row2 .get-tab-con .orange-button{line-height: 18px;padding: 12px 20px;}
    .wire{top: 22px !important;}
}
@media(max-width:450px) {
    .row1 .content .content-item {  padding: 6px 10px 0px 100px;  width: 303px;  }

    
}
@media(max-width:390px) {
    .row2 .message{max-width: 80%;}
}
@media(max-width:387px) {
    html[lang='mn-MN'] .wire{top: 42px !important;}
}
@media(max-width:348px) {
    html[lang='ms-MY'] .wire{top: 43px !important;}
}





.faq-module {  padding: 96px 0 83px !important; }
.faq-module-inner .faq-list .faq-module-tit h3{ font-size: var(--fs-20) !important; line-height: 1.2 !important; }
.faq-module-inner .faq-list { padding: 0 0 !important; background: #D9D9D933 !important; margin-bottom: 35px !important; border-bottom: none !important; }
.faq-module-inner .faq-list .faq-module-tit { font-size: var(--fs-20) !important; line-height: 1.2 !important; padding: 15px 20px; }
.faq-module-inner .faq-list .faq-module-detial { font-size: var(--fs-16) !important; color: #404040 !important; padding: 1px 20px !important; padding-right: 50px !important; margin-top: 0px !important; border-top: 1px solid #C6C6C6; }
.faq-module-inner .faq-list .faq-module-detial p { margin: 18px 0px !important; }

.faq-module-inner .faq-list .faq-module-detial ul{ padding: 20px 0px 20px 20px; }
.faq-module-inner .faq-list .faq-module-detial  li{ list-style: disc; }

.faq-module-inner .faq-list .faq-module-tit span.serial { margin-right: 3px !important;}
.faq-module-inner .faq-list .faq-module-tit p.faq-module-icon { width: 40px !important; align-items: center;}
.add-subtract::after { width: 15px !important; height: 1px !important; }
.add-subtract::before { width: 1px !important; height: 15px !important; right: 7.6px !important; }
.add-subtract { width: 15px !important; height: 15px !important; }
@media(max-width:1440px) {
    .faq-module .inner .faq-module-h2 { margin-bottom: 40px !important; }
    .faq-module { padding-top: 60px !important; padding-bottom: 60px !important; }
}
@media(max-width:768px) {
    .faq-module .inner .faq-module-h2 { margin-bottom: 24px !important; }
    .faq-module { padding: 32px 0 !important; }
    .faq-module-inner .faq-list .faq-module-tit h3{ font-size: 14px !important; line-height: 1.3 !important; }
    .faq-module-inner .faq-list { margin-bottom: 0px !important;  }
    .faq-module-inner .faq-list .faq-module-tit { border-bottom: 1px solid #C6C6C6 !important; padding: 15px 10px; }
    .faq-module-inner .faq-list .faq-module-detial { font-size: var(--fs-16) !important;  padding: 1px 10px !important; padding-right: 19px !important;  border-top: none; }
    .faq-module-inner .faq-list .faq-module-detial p {
    margin: 10px 0px !important;
}
    .faq-module-inner .faq-list .faq-module-tit span.serial { margin-right: 13px !important; }
    .faq-module-inner .faq-list .faq-module-tit p.faq-module-icon { width: 40px !important;}
    .add-subtract::after { width: 12px !important;  }
    .add-subtract::before {  height: 12px !important; right: 6px !important; }
    .add-subtract { width: 12px !important; height: 12px !important; }
}

/* ! vantagemarekts|2026-03-31 16:15:00 ! */