h1,
h2{color: var(--v-white); font-size: 48px; font-weight: 600; line-height:1.22;}
h1 span,
h2 span{color: var(--v-orange);}

.banner{ background:linear-gradient(90deg, rgba(0, 0, 0, 0.8) 12%, rgba(0, 0, 0, 0) 60%),url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-glory-predict-bannerbg.webp?v=2) center center no-repeat; width: 100%; overflow: hidden; position: relative;background-size: cover;}
.banner:after{ content:''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 86.54%, #000000 100%); z-index: 2;}
.banner .inner{ height:1080px; max-width:1440px; display: flex; position: relative; z-index: 5; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-top:100px; padding-bottom:50px;}
.banner .text-box{ width: 600px; max-width:60%; position: relative; z-index: 1; text-align:start;}
.banner .text-box p.sub-title{ font-weight:600; font-size:28px; opacity: 0.7; margin-bottom:16px;line-height: 1.2;}
.banner .text-box p{ font-size:16px; color: var(--v-white); line-height:1.5; opacity: 0.8; margin-bottom:24px;}
.banner .text-box p.tncText{ font-size:14px; opacity: 1; padding-top:5px;}
.banner .text-box p.tncText a{text-decoration: underline; opacity: 0.7;}
.banner .text-box p.tncText a:hover{text-decoration: underline; opacity: 1; margin-bottom:0;}
.banner .text-box h1{font-size:64px; margin-bottom:4px; line-height:1.2;}
.banner .text-box .orange-button.p18{ padding: 18px 36px 17px; box-shadow: 0px 8px 20px 0px #B75D2670;}
.banner .img-box{ position: absolute; inset-inline-end: 48px; width:560px; bottom:31.5%; transform: translateY(50%);}


.win{background:url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-glory-predict-winbg.webp) center no-repeat;background-size: cover;width: 100%; overflow: hidden;padding: 96px 0;position: relative;}
.win:after{ content:''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 86.54%, #000000 100%); z-index: 2;}
.win .inner{max-width:1180px;}
.win ul{display: flex;justify-content: center;gap:30px;position: relative;z-index: 4;}
.win ul li{background: var(--v-black); width: 33%;max-width:300px;backdrop-filter: blur(16px);padding:38px 24px ;position: relative;overflow: hidden;transition: .5s ease;text-align: center;border-radius: 8px;}
.win ul li::before{width: 500px;height: 500px;content: '';position: absolute;top:0;border-radius: 50%;background: radial-gradient(50% 50% at 50% 50%, #E35128 0%, rgba(227, 87, 40, 0) 100%);left: 50%;transform: translate(-50%, -350px);z-index: -1;transition:  all 0.3s ease;}
.win ul li::after{content: '';position: absolute;inset: 0;border-radius: 8px;padding: 1px;background: linear-gradient(360deg, rgba(255, 255, 255, 0) -0.08%, #FFFFFF 49.96%, rgba(255, 255, 255, 0) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.win ul li:first-child:before{background:radial-gradient(50% 50% at 50% 50%, rgba(48, 180, 194) 0%, rgba(0, 0, 0, 0) 100%);}
.win ul li:last-child:before{background: radial-gradient(50% 50% at 50% 50%, rgba(48, 194, 148) 0%, rgba(227, 87, 40, 0) 100%);}
.win ul li h3{font-size: var(--fs-20);line-height: 1.2;color: var(--v-white);margin: 8px 0;}
.win ul li p{font-size: 14px;line-height: 1.4;margin: 0;color: var(--v-white);opacity: 0.8;}
.win ul li:hover{transform: translateY(-20px);}

.game-win h2,.win h2{font-size: 32px;line-height: 1.2;text-align: center;}
.win_text{margin: 16px 0 32px;font-size: var(--fs-16);line-height: 1.5;color: var(--v-white);opacity: 0.8;text-align: center;}
.game-win .orange-button.p18,.win .orange-button.p18{display: block;margin: 0 auto;}

.game-item{display: flex;gap: 120px;align-items: center;}
.item-box {width: 40%;max-width: 240px;}
.item-box h3{font-size: 28px;line-height: 1.2;text-align: left;color: var(--v-white);}
.item-box h3 span{display: block;font-size: 18px;line-height: 1.3;font-weight: 500;}
.item-box p{margin: 16px 0;color: var(--v-white);opacity: 0.8;}
.item-box .item-glay{padding: 4px 20px;border-radius: 50px;background: rgba(255, 255, 255, 0.16);color: var(--v-white);line-height: 1.3;display: inline-block;}


.game-win .game-text{font-size: var(--fs-16);line-height: 1.3;color: var(--v-white);font-weight: 500;}
.item-right .game-note{font-size:12px;line-height: 1.4;color:rgba(255, 255, 255, 0.8);font-weight:400;margin: 0;}
.item-right .game-icon{padding-left:28px;position: relative;margin:28px 0;}
.item-right .game-icon::before{position: absolute;top: 0;left: 0;width: 20px;height: 20px;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-glory-predict-gameicon.svg?v=1) center no-repeat;background-size: cover;content: '';}
.item-right .game-icon h4{font-size: var(--fs-16);line-height: 1.2;color: var(--v-white);font-weight:500;}
.item-right .game-icon p{font-size:14px;line-height: 1.4;color:rgba(255, 255, 255, 0.8);;font-weight:400;margin:4px 0 0;display: flex;justify-content: space-between;gap: 12px;}
.item-right .game-icon p span{font-size:14px;line-height: 1.3;color:var(--v-white);font-weight:500;padding-top: 9px;}
.item-right .game-icon p span span{font-size:16px;line-height: 1.2;font-weight:600;padding: 0;}


.game-win{background: #000;position: relative;}
.game-win .inner{position: sticky; top: 0;height:100vh; display: flex; align-items: center;overflow: hidden;}
.game{display: flex; gap:200px;flex-flow: column;position: relative; z-index: 2;will-change: transform}
.game-wrap{overflow: hidden;position: relative;height: 320px;margin-top: 64px;}

.trade-smarter-bar{width: 4px; min-width:4px; background-color: var(--v-grey-light1);position: relative;position: absolute;left: 300px;height: 320px;}
.game-wrap::after{content: '';position: absolute; top: 0; left:300px; width: 4px; height: 200px;transition: all 0.2s;background: var(--v-orange);}


.game-win .game-text br{display: none;}
.win-tablist{display: none;}



.join-warp{background:url(https://d21u74ttq7jqzf.cloudfront.net/image/glory-pre-join-bg.webp) center no-repeat;background-size: cover; background-position-x: 96%; width: 100%; overflow: hidden;}
.join-warp .inner{ padding-top:58px; padding-bottom:96px;}
.join-warp .get-tab-list{display: flex;justify-content: center;margin-bottom: 72px;cursor: pointer;position: relative;}
.join-warp .get-tab-list .tab-item{position: relative;}
.join-warp .get-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#FFFFFF52;position: absolute;bottom: 0px;left: 0;}
.join-warp .get-tab-list .tab-item p{color: #fff;font-size: 18px;font-weight: 500;line-height:1;margin-bottom: 0;text-align: center;padding:4px 32px;}
.join-warp .get-tab-list .tab-item.active p{color:#FF8E5C; font-weight: 600; font-size: 20px; padding-top:0;}
.join-warp .wire{position: absolute;/* top: 24px !important; */height: 2px;background: #FF8E5C;transition: .4s;}
.join-warp .tab-con-item{opacity: 0;height: 0;}
.join-warp .tab-con-item.active{opacity: 1;height: auto;}
.join-warp .get-tab-con{ box-shadow: 0px 20px 30px 0px #00000029; border-radius: 20px;max-width: 1155px;margin: 0 auto;}
.join-warp .join-top{ padding-block:50px; padding-inline:40px; position: relative;border-radius: 16px 16px 0px 0px; background: linear-gradient(88.12deg, #002329 0%, #000000 99.42%);}
.join-warp .join-top h2{color:var(--v-white);font-size:28px;font-weight:600;position: relative;z-index: 9;text-align: start;line-height: 1.2; margin-bottom:16px;}
.join-warp .join-top p{font-size:16px;line-height: 1.3;font-weight: 500;color:var(--v-white);opacity: 0.7;margin: 0px 0 15px;max-width: 350px;position: relative;z-index: 2; text-align:start;}
.join-warp .join-top .orange-arrow-button{font-size:var(--fs-18); font-weight: 500; text-transform: none;  padding: 22px 72px 22px 28px;}
.join-warp .join-top .btn-text { width: max-content; text-align: center; -webkit-tap-highlight-color: transparent;}
.join-warp .join-top .img-box{position: absolute; right: 20px; bottom: 0px; width:48%; max-width:  532px;text-align: center;}
.join-warp  .join-bottom-wrap{}
.join-warp .join-bottom{background: var(--v-white); border-radius: 0 0 16px 16px; padding: 32px 60px;display: flex;justify-content: space-between; position: relative; z-index: 1;gap: 20px; text-align: start;}
.join-warp .join-bottom .text-box{display: flex;gap: 40px;}
.join-warp .join-bottom ul li{ max-width: 240px;}
.join-warp .join-bottom ul li:last-child{ max-width: 240px;}
.join-warp .join-bottom ul li .step-index{width: 52px;height: 52px;border-radius: 50%;background: var(--v-orange);color: var(--v-white);font-size: var(--fs-20);font-weight: 600;display: flex;align-items: center; justify-content: center;margin-bottom: 8px;}
.join-warp .join-bottom ul li .step-title h3{color: var(--v-orange);text-transform: capitalize;font-size: var(--fs-20);font-weight: 600;margin-bottom: 12px;line-height: 1.2;}
.join-warp .join-bottom ul li .step-message{color: var(--v-black);}
.join-warp .join-bottom ul li .step-message p{margin: 0; font-size: var(--fs-16);line-height: 1.5;}
.join-warp .join-bottom .img-box{display: flex;flex-direction: column;gap: 12px; padding-top: 0px; min-width: 170px;}
.join-warp .orange-arrow-button{display: block;}
.join-warp .img-box-mb{display: none;}

.faq-module-wrap{background:#f2f3f5; width: 100%; overflow: hidden; position: relative;}
.faq-module-wrap .inner{ max-width:1400px;}
.faq-module-wrap .faq-module{background:#f2f3f5; text-align:start; padding-bottom: 0px;}
.faq-module-wrap .faq-module .inner h2{ text-align:center; color: var(--v-black-light); margin-bottom:52px;}
.faq-module-wrap .faq-module-inner .faq-list .faq-module-detial{ background:#ededef;}
.faq-bottom-text{ padding-bottom:96px; color: #818181; font-size:16px; line-height:1.5; opacity: 0.8; text-align:start;}
.faq-bottom-text b{ font-size:14px; font-weight: 500; display: inline-block; padding-bottom:5px;}
.faq-bottom-text a{text-decoration: underline; color: #404040;}
.faq-bottom-text a:hover{text-decoration: underline; color: #404040;}

html[dir="rtl"] .banner{ background:linear-gradient(270deg, rgba(0, 0, 0, 0.8) 12%, rgba(0, 0, 0, 0) 60%), url(/wp-content/themes/vantage//images/vantage-glory-predict-bannerbgar.webp);background-size: cover;}
html[lang="vi-VN"] .row1 .top-text-box2{ max-width:630px;}
html[dir="rtl"] .game-wrap::after{left: inherit;right: 300px;}
html[dir="rtl"] .trade-smarter-bar{left: inherit;right: 300px;}
html[dir="rtl"] .item-box h3,html[dir="rtl"] .game-item{text-align: right;}
html[dir="rtl"] .join-warp .join-top .img-box{right: inherit;left: 20px;}

html[dir="rtl"] .item-right .game-icon{padding: 0 28px 0 0;}
html[dir="rtl"] .item-right .game-icon::before{left: inherit;right: 0;transform: rotate(180deg);}

@media (max-width:1780px) {
    .banner .inner{ height: 860px;}
}

@media (max-width:1580px) {
    .banner .inner{ height: 720px;}
    .banner .img-box{ inset-inline-end:60px;max-width:36%;}
}

@media (max-width:1440px) {
    h1,
    h2{font-size: var(--fs-50);line-height: 1.22;}


    .banner .text-box h1{ font-size:52px;}
    /* .banner .img-box{ inset-inline-end: 10px;} */
}

@media (max-width:1400px) {
    h1,
    h2{font-size: var(--fs-38);}

    .join-warp .join-top{ padding-block:45px;}
    .join-warp .join-top .img-box{bottom:0;}
    .join-warp .join-bottom{padding-left:40px; padding-right:40px;}
}

@media (max-width: 1240px) {
    .faq-module-wrap .faq-module{padding-top: 65px;}
    .faq-bottom-text{padding-bottom: 65px;}
}

@media (max-width:1200px) {
    h1,
    h2{font-size: 28px;}
    html[dir="rtl"] .banner,
    .banner{ background:#000000 url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-glory-predict-bannerbgpad.webp) center bottom no-repeat;background-size: cover;}
    .banner::after{ background: linear-gradient(180deg, #000000 20.02%, rgba(0, 0, 0, 0) 35.73%);}
    .banner:before{ content:""; display: none; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 85%, #000000 100%);}
    .banner .inner{ height: auto; padding-top:82px; padding-bottom:0;}    
    .banner .text-box{ width: 608px; max-width:100%; margin: 0 auto; padding-bottom:38px;}
    .banner .text-box h1{ font-size:48px; margin-bottom: 4px;}
    .banner .text-box p.sub-title{ font-size:20px; margin-bottom: 15px;}
    .banner .text-box .orange-button.p18{ font-size:16px; padding: 14px 25px 13px;}
    .banner .img-box{ width: 100%; max-width:100%; position: static; transform: translateY(0); text-align:center;}
    .banner .img-box img{ width:430px;margin-bottom: -100px;}
   
    .win{padding:56px 0;}
    .win h2{font-size: 28px;}
    .win ul{gap: 22px;}
    .win ul li{padding: 16px 16px 24px 16px;}
    .win ul li .topText{width: 80px;margin: 0 auto;}
    .win ul li h3{font-size: 18px;}

    .join-warp{ position: relative; background: #000000;}
    .join-warp:after,
    .join-warp:before{ content:""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0;}
    .join-warp:after{background: linear-gradient(243.88deg, rgba(227, 87, 40, 0.6) -1.73%, rgba(227, 87, 40, 0) 34.65%); z-index: 1;}
    .join-warp:before{background: linear-gradient(60.12deg, rgba(25, 108, 121, 0.7) -10.6%, rgba(25, 108, 121, 0) 30.52%); z-index: 2;}
    .join-warp .inner{ padding-bottom:56px; position: relative; z-index: 3;}
    .join-warp .get-tab-list{ margin-bottom: 32px;}
    .join-warp .join-top{ padding-block:40px; padding-inline:32px 270px;  background: linear-gradient(85.92deg, #002329 0%, #000000 100%); border-radius: 8px 8px 0px 0px;}
    .join-warp .join-top .img-box{max-width:200px;}
    .join-warp .join-top h2{ font-size:28px; /* margin-bottom: 8px; */}
    .join-warp .join-top p{ font-size:16px; margin-bottom:19px; max-width: 400px;}
    .join-warp .join-top .orange-arrow-button{padding: 15px 51px 14px 24px; font-size:14px;}
    .join-warp .join-top .orange-arrow-button .btn-icon{ width: 40px; height: 36px; right: 5px;}
    .join-warp .join-bottom{border-radius: 0 0 8px 8px; padding: 20px 32px;}
    .join-warp .join-bottom .text-box{flex-direction: column; gap:16px;}
    .join-warp .join-bottom ul li{ width: 100%; max-width: 100%; padding-inline-start:33px; position: relative;}
    .join-warp .join-bottom ul li:last-child { max-width: 100%;}
    .join-warp .join-bottom ul li .step-index{ width: 24px; height: 24px; font-size:14px; position: absolute; inset-inline-start: 0; top:-1px;}
    .join-warp .join-bottom ul li .step-title h3{ font-size:18px; margin-bottom:4px;}
    .join-warp .join-bottom ul li .step-message p{ font-size:14px;}
    .join-warp .join-bottom .img-box{ width: 180px; min-width: 180px; gap: 14px;}
    
    .faq-module-wrap .faq-module{padding-top: 57px; padding-bottom:0px;}
    .faq-bottom-text{padding-bottom: 57px;}
    .faq-module-wrap .faq-module .inner h2{ font-size:28px; margin-bottom:48px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit{ padding-block: 16px 15px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit h3{ font-size:20px;}
}
@media (max-width:1060px){
    .trade-smarter-bar{left: 280px;}
    .game-wrap::after{left: 280px;}
    html[dir="rtl"] .game-wrap::after{right: 280px;}
    html[dir="rtl"] .trade-smarter-bar{right: 280px;}
}
@media (max-width:1024px){
    .game-win{display: none;}
    .win-tablist{display: block;}
    .win .get-tab-list{display: flex;justify-content: center;margin:32px 0;cursor: pointer;position: relative;}
    .win .inner{position: relative;z-index: 4;}
    .win .get-tab-list .tab-item{position: relative;}
    .win .get-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#FFFFFF52;position: absolute;bottom: 0px;left: 0;}
    .win .get-tab-list .tab-item p{color: #fff;font-size: 16px;font-weight:400;line-height:1.3;margin-bottom: 0;text-align: center;padding:4px 32px;}
    .win .get-tab-list .tab-item.active p{color:#FF8E5C; font-weight:500;padding-top:0;}
    .win .wire{position: absolute;height: 2px;background: #FF8E5C;transition: .4s;}

    .win .tab-con-item{opacity: 0;height: 0;text-align: center;}
    .win .tab-con-item.active{opacity: 1;height: auto;}
    .win .win_text{margin: 8px 0 32px;}
    .win .item-glay{background: rgba(227, 87, 40, 0.1);color: var(--v-orange);font-size: 14px;font-weight: 500;line-height:1.3;display: inline-block;margin: 0 auto;padding: 4px 8px;}
    .win .tab-con-item h3{color: #eee;font-size:20px;font-weight: 600;line-height:1.2;margin-top: 16px;}
    .win .get-tab-list .tab-item span,.win .tab-con-item h3 span{display: none;}
    .win .game-text{font-size: 14px;font-weight:600;line-height:1.2;color: #eee;margin: 4px 0 8px;}
    .win .game-ptext{font-size: 14px;font-weight:400;line-height:1.4;color: #eee;margin:0 auto 32px;max-width: 500px;}
    .win h4{font-size: 16px;font-weight:500;line-height:1.5;color: var(--v-white);position: relative;display: inline-block;padding-left: 28px;}
    .win h4::before{position: absolute;top: 0;left: 0;width: 24px;height: 24px;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-glory-predict-gamemicon.svg?v=1) center no-repeat;background-size: cover;content: '';}
    .win .game-icon{font-size: 14px;font-weight:500;line-height:1.3;color: #eee;margin: 10px 0 32px;opacity: 0.7;display: flex;justify-content:center;gap: 50px;}
    .win .game-icon span{font-size:14px;line-height: 1.3;color:var(--v-white);font-weight:500;text-align: left;}
    .win .game-icon span span{font-size:16px;line-height: 1.2;font-weight:600;padding: 0;}
    .win .game-note{font-size: 12px;font-weight:400;line-height:1.4;color: var(--v-white);margin:0;opacity: 0.5;}
    .win .get-tab-con{margin:0 auto 56px;max-width: 670px;}
    .win .game-icon>br{display: none;}
    html[dir="rtl"] .win .game-icon span{text-align: right;}

}

@media (max-width:767px) {    
    h1,
    h2{font-size: 20px;}

    html[dir="rtl"] .banner,
    .banner{background:#000000 url(https://d21u74ttq7jqzf.cloudfront.net/image/vantage-glory-predict-bannerbgmb.webp) center bottom no-repeat;background-size: cover;}
    .banner:after{ background: linear-gradient(180deg, #000000 22.92%, rgba(0, 0, 0, 0) 61.75%);}
    .banner .inner{ padding-top:34px;}    
    .banner .text-box{ width: 353px; padding-bottom:5px; text-align:center;margin-bottom: 56px;}
    .banner .text-box h1{ font-size:28px; margin-bottom: 4px;}
    .banner .text-box p.sub-title{ font-size:16px; margin-bottom: 14px;}
    .banner .text-box p{ margin-bottom:16px;}
    .banner .text-box .orange-button.p18{ font-size:16px; padding: 13px 25px 12px;}
    .banner .img-box img{width: 200px;margin-bottom: -30px;}
    .win{padding: 32px 0;}
    .win h2{font-size: 20px;}
    .win_text{font-size: 14px;margin: 4px 0 32px;}

    .win .get-tab-list .tab-item p{font-size: 14px;padding: 4px 10px;}
    .win .item-glay{font-size: 12px;}
    .win .tab-con-item h3{font-size: 18px;}
    .win .game-ptext{margin-bottom: 20px;}
    .win .game-icon{margin: 8px 0 20px;}
    .win .get-tab-con{margin-bottom: 36px;}
    .win h4{text-align: left;}

    .win ul{flex-wrap: wrap;}
    .win ul li{width: 100%;max-width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 16px;text-align: left;}
    .win ul li .topText{width: 60px;margin: 0;}
    .win ul li .text-content{width: calc(100% - 64px);}
    .win ul li h3{font-size: 16px;}
    .win ul li h3 br {display: none;}
    .win ul li:hover{transform: translateY(0px);}
    .win ul li::before{transform: translate(-50%, -400px);}
    .join-warp .inner{max-width: 433px; position: relative; z-index: 3; padding-top:32px; padding-bottom:32px;}
    .join-warp .get-tab-list{ margin-bottom: 20px;}
    .join-warp .get-tab-list .tab-item p{ padding-left:12px; padding-right:12px; font-size:14px; padding-bottom:5px;}
    .join-warp .get-tab-list .tab-item.active p{ font-size:16px; padding-top:1px;}
    .join-warp .wire{ /* top:auto !important; */}
    .join-warp .join-top{ padding-block:20px 238px; padding-inline:14px; text-align:center;  display: flex; flex-direction: column; align-items: center; background: linear-gradient(38.64deg, #002329 2.26%, #000000 97.87%);}
    .join-warp .join-top h2{ text-align:center; font-size:20px; /* margin-bottom:4px; */}
    .join-warp .join-top p{ font-size:14px; margin-bottom:16px; text-align:center;}
    .join-warp .join-top .orange-arrow-button{ padding-right:56px;}
    .join-warp .join-top .orange-arrow-button .btn-icon{ width: 40px; height: 30px;}
    .join-warp .join-top .img-box{ width: 410px; max-width: 410px; min-width: 410px; bottom:-4px; inset-inline-end: 50%; transform:translateX(50%);}
    html[dir="rtl"] .join-warp .join-top .img-box{ transform:translateX(-50%);}
    .join-warp .join-bottom{flex-direction: column; padding: 16px 12px;}
    .join-warp .join-bottom ul li .step-index{ top:-2px; font-weight:400;}
    .join-warp .join-bottom ul li .step-title h3{ font-size:16px;}
    .join-warp .join-bottom .img-box { width: 100%; flex-direction: row; justify-content: center;}
    .join-warp .join-bottom .img-box a{ width: 146px; max-width: calc(50% - 6px);}  
    .join-warp .img-box-pc{display: none;}
    .join-warp .img-box-mb{display: block;margin: 0 auto;}  
    
    .faq-module-wrap .faq-module{padding-top: 32px; padding-bottom:24px;}
    .faq-bottom-text{padding-bottom: 32px;}
    .faq-module-wrap .faq-module .inner h2{ font-size:20px; margin-bottom:23px;}
    .faq-module-wrap .faq-module-inner .faq-list{ padding-bottom:0px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit{ padding-block: 15px 11px; padding-inline: 12px 14px; }
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit h3{ font-size:14px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-tit span.serial{ font-size:14px; margin-inline-end: 1px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-detial{padding-block: 8px; padding-inline: 12px;}
    .faq-module-wrap .faq-module-inner .faq-list .faq-module-detial p{font-size:14px;}
    .faq-bottom-text{font-size:14px;}
    html[dir="rtl"] .join-warp .join-top .img-box{left: 50%;}
    html[dir="rtl"] .win ul li .text-content{text-align: right;}
    
}
@media (max-width:510px){
.win .game-icon{flex-wrap: wrap;}
.win .game-icon span{width: 40%;}
}
@media (max-width:380px) {
    .join-warp .join-top .img-box{ width: 320px; max-width: 320px; min-width: 320px; bottom: 0px;}
    
    .join-warp .get-tab-list .tab-item p{ font-size:12px; padding-left:5px; padding-right:5px;}
    .join-warp .get-tab-list .tab-item.active p{ font-size:13px; padding-left:5px; padding-right:5px;}

    
    html[lang="vi-VN"] .banner .text-box .orange-button.p18{ font-size:14px; padding-left:12px; padding-right:12px;}
}
/* ! vantagemarekts|2026-06-25 16:05:00 ! */