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:#2e1208 url(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-banner-bg2.webp?v=2) center center no-repeat; width: 100%; overflow: hidden; position: relative;}
.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: 996px; max-width:1440px; display: flex; position: relative; z-index: 5; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-top:50px; padding-bottom:105px;}
.banner .text-box{ width: 600px; max-width:60%; position: relative; z-index: 1; text-align:start;}
.banner .text-box p.sub-title{ font-weight:500; font-size:28px; opacity: 0.7; margin-bottom:11px;}
.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:3px; line-height:1.12;}
.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: 110px; width: 540px; bottom: 50%; transform: translateY(50%);}

.row1{ background:url(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-row1-bg.webp) center center no-repeat; background-size:cover; position: relative;}
.row1:before{ content:''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 49.52%, rgba(0, 0, 0, 0.8) 100%); display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 2;}
.row1 .inner{ position: relative; z-index: 2; padding-top:98px; padding-bottom:96px;}
.row1 .top-text-box{ text-align:center; max-width:900px; margin-left:auto; margin-right:auto; padding-bottom:52px;}
.row1 h2{ margin-bottom:17px; font-size:32px;}
.row1 .top-text-box p.periodText{font-size:20px; font-weight:500; margin-bottom:0px;color: var(--v-orange);}
.row1 .top-text-box p{color: var(--v-white); opacity: 0.8; margin-bottom:24px; font-size:16px; line-height:1.3;}
.row1 .top-text-box p.notesText{ font-size:12px; margin-bottom:0px;}
.row1-top-list{ display: flex; justify-content: center; flex-wrap: wrap; gap:24px; padding-bottom:56px;}
.row1-top-list li{ width: 360px; max-width: calc(50% - 12px);/*  border-radius: 8px; */ box-shadow: 0px 20px 30px 0px #00000029; backdrop-filter: blur(16px); background: #000000; overflow: hidden; transition: .5s ease;}
.row1-top-list li:hover{ transform: translateY(-20px); }
.row1-top-list li .text-box{ background:#000000 url(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-row1-shadow1.webp) center top no-repeat; position: relative; /* border-radius: 8px; */ max-width:100%;  height: 100%; text-align:center; color: var(--v-white);}
.row1-top-list li:nth-child(2) .text-box{ background-image:url(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-row1-shadow2.webp);}
.row1-top-list li .text-box::after{ 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;content: ''; position: absolute; /* border-radius: 8px; */ inset: 0; padding: 1px;}
.row1-top-list h3{font-weight:600; font-size:20px; line-height:1.4; margin-bottom:2px;}
.row1-top-list li .topText{ position: relative;/*  top:0; left: 50%; transform: translateX(-50%); */ z-index: 3; width: max-content; margin: 0 auto; padding:3px 20px 2px; border-radius:0px 0px 1px 1px;}
.row1-top-list li .topText:before,
.row1-top-list li .topText:after{ content:""; display: block; position: absolute; bottom:0; width:52%; height: 100%;}
.row1-top-list li .topText:before{background:url(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-row1-triangle1.webp) left top no-repeat; background-size: 100% auto; left:0; }
.row1-top-list li .topText:after{background:url(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-row1-triangle2.webp) right top no-repeat; background-size: 100% auto; right:0; }
.row1-top-list li:nth-child(2) .topText:before{background-image:url(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-row1-triangle3.webp); }
.row1-top-list li:nth-child(2) .topText:after{background-image:url(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-row1-triangle4.webp);}
.row1-top-list .topText p{font-size:16px; font-weight:600; margin-bottom:0; line-height:1.3; position: relative; z-index: 3; padding-left:13px; padding-right:13px;}
.row1-top-list .text-content{padding: 10px 20px 40px; display: flex; flex-direction: column; justify-content: center; min-height:295px;}
.row1-top-list .text-content h3{ font-size:18px; font-weight:500; line-height:1.3; margin-bottom:14px;}
.row1-top-list .text-content h3 span{ font-size:28px; font-weight:600; color:#FF8E5C; display: block;}
.row1-top-list li:nth-child(2) .text-content h3 span{ color:#00DDCE;}
.row1-top-list .text-content p{ font-size:16px; line-height:1.5; opacity: 0.8; margin-bottom:0;}
.row1 .top-text-box2{ text-align:center; max-width:600px; margin-left:auto; margin-right:auto; padding-bottom:57px;}
.row1 .top-text-box2 h2{ margin-bottom:4px;}
.row1 .top-text-box2 h3{ font-size:18px; margin-bottom:16px; font-weight:500; color: var(--v-white); }
.row1 .top-text-box2 p{color: var(--v-white); opacity: 0.8; margin-bottom:0px; font-size:16px; line-height:1.5;}
.row1 .top-text-box2 p b{ font-weight:600;}
.row1 ul.row2-top-list{ max-width:872px; margin-left:auto; margin-right:auto; display: flex; justify-content: center; gap:24px; text-align:center;}
.row1 ul.row2-top-list li{ width: 240px; max-width: calc(100% / 3 - 14px); background: #fff; border-radius:8px; position: relative; overflow: hidden; min-height:284px; }
.row1 ul.row2-top-list li .text-box{ padding: 20px 15px; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1;}
.row1 ul.row2-top-list img.icon{ margin-bottom:9px;}
.row1 ul.row2-top-list h3{color: var(--v-black-light); font-size:18px; font-weight: 600; margin-bottom:7px;}
.row1 ul.row2-top-list p{color: rgba(0,0,0,0.8); font-size:14px; font-weight: 500; margin-bottom:0; line-height:1.45;}
.row1 ul.row2-top-list li .mask-layer {position: absolute;width:120%;height:120%;border-radius:50%;bottom:-120%;left:-120%; background:#f5f5f5; transition: .5s ease;}
.row1 ul.row2-top-list li:hover .mask-layer{transform: scale(1.4);bottom:-20%;left:-20%;}

.join-warp{background:url(/wp-content/themes/vantage/images/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; inset-inline-end:-8px;bottom: 0px; width: 540px; max-width: 48%;}
.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;}

.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[lang="ar-AE"] .banner .text-box,
html[lang="ar-AE"] .join-warp,
html[lang="ar-AE"] .faq-bottom-text{ direction:rtl;}
html[lang="ar-AE"] .faq-module-inner .faq-list .faq-module-tit p.faq-module-icon{ padding-left:10px;} */

html[dir="rtl"] .banner{ background-image: url(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-banner-bg-ar.webp);}
html[lang="vi-VN"] .row1 .top-text-box2{ max-width:630px;}

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

@media (max-width:1580px) {
    .banner{ background-size:auto 860px;}
    .banner .inner{ height: 720px;}
    .banner .img-box{ inset-inline-end: 65px; width: 600px; max-width:48%; bottom:50%; transform: translateY(50%);}
}

@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{ inset-inline-end: 0; max-width: 38.125%; 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(/wp-content/themes/vantage/images/vantage-glory-power-prize-pool-banner-bg-pad.webp) center bottom no-repeat;}
    .banner::after{ background: linear-gradient(180deg, #000000 20.02%, rgba(0, 0, 0, 0) 35.73%);}
    .banner:before{ content:""; display: block; 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:80px;}    
    .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: 562px;}
   
    .row1 .inner{ padding-top:56px; padding-bottom:56px;}
    .row1 .top-text-box{ padding-bottom:33px;}
    
    .row1 h2{ font-size:28px;}
    .row1 .top-text-box p.periodText{font-size:18px;}
    .row1-top-list{ gap:16px;}

    .row1-top-list li{ width: 320px;}
    .row1-top-list li .topText{ padding-bottom:1px; padding-left:20px; padding-right:20px;}
    .row1-top-list .text-content{ padding-bottom:34px;}
    .row1-top-list .text-content h3{ font-size:14px; margin-bottom:2px;}
    .row1-top-list .text-content h3 span{ font-size:20px; padding-top:4px;}
    .row1-top-list .text-content p{ font-size:14px; line-height:1.45;}

    .row1 .top-text-box2{ padding-bottom:25px;}
    .row1 .top-text-box2 h3{ font-size:16px;}
    .row1 ul.row2-top-list{ gap:8px;}
    .row1 ul.row2-top-list li{ width: 220px; min-height:230px;}
    .row1 ul.row2-top-list li .text-box{ padding-left:10px; padding-right:10px;}
    .row1 ul.row2-top-list img.icon{ width: 40px;}
    .row1 ul.row2-top-list h3{ font-size:14px; margin-bottom:4px;}
    .row1 ul.row2-top-list h3 br{ display: none;}

    
    .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 .get-tab-con{ max-width:704px;}
    .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{ width: 310px; max-width:310px; min-width: 310px; inset-inline-end: -27px; bottom:-6px;}
    .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:3px;}
    .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 .inner{ max-width:834px;}
    .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 (min-width:769px) {
    .row1 ul.row2-top-list li .list-content{ display: block !important;}
    .row1 ul.row2-top-list li .list-title{pointer-events: none; cursor: auto;}
}

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

    html[dir="rtl"] .banner,
    .banner{ background-size:800px auto; background-position-y: 80px;}
    .banner:after{ background: linear-gradient(180deg, #000000 22.92%, rgba(0, 0, 0, 0) 61.75%);}
    .banner .inner{ padding-top:34px; padding-bottom:50px;}    
    .banner .text-box{ width: 353px; padding-bottom:5px; text-align:center;}
    .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: 326px;}
   
    .row1{ background:var(--v-black);}
    .row1:before{background: linear-gradient(342.46deg, rgba(29, 29, 31, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);}
    .row1 .inner{ padding-top:32px; padding-bottom:32px;}
    .row1 .top-text-box{ padding-bottom:24px; max-width: 360px;}    
    .row1 h2{ font-size:20px; margin-bottom:8px;}
    .row1 .top-text-box p{font-size:14px; line-height: 1.4;margin-bottom: 20px;}
    .row1 .top-text-box p.periodText{font-size:14px; line-height: 1.2;}
    .row1 .top-text-box p.notesText{font-size:12px;}
    .row1-top-list{ gap:16px; max-width: 360px; margin-left:auto; margin-right:auto; padding-bottom: 32px;}
    .row1-top-list li{ width:100%; max-width:100%;}    
    /* .row1-top-list li:hover{ transform: translateY(-10px); } */
    .row1-top-list li .topText{ padding: 3px 20px 4px;}
    .row1-top-list .topText p{font-size:14px;}
    .row1-top-list .text-content{ padding-top:5px; padding-bottom:25px; min-height: 175px;}
    .row1-top-list .text-content h3{ margin-bottom:0px;}
    .row1-top-list .text-content h3 span{ font-size:18px; padding-top:8px;}
    .row1-top-list .text-content p{ font-size:14px; line-height:1.45;}

    .row1 .top-text-box2{ padding-bottom:21px; max-width: 353px;}
    .row1 .top-text-box2 h3{ font-size:14px; margin-bottom:8px;}
    .row1 .top-text-box2 p{ font-size:14px; line-height:1.45;}
    .row1 ul.row2-top-list{ gap:8px; max-width: 353px; flex-wrap: wrap;}
    .row1 ul.row2-top-list li{ width: 100%; max-width:100%; min-height:auto; border-radius: 4px;}
    html[lang="vi-VN"] .row1 .top-text-box2{ max-width: 353px;}

    .row1 ul.row2-top-list li .list-title{ display: flex; align-items: center; justify-content: flex-start; min-height:84px; gap:12px; padding-block:12px; padding-inline:12px 40px; position: relative; width: 100%; cursor: pointer;}
    .row1 ul.row2-top-list li .list-title:before{ content:"\f107";/*  font-weight:bold; */ display: block; position: absolute; width: 35px; height: 100%; inset-inline-end: 0; top:50%; transform:translateY(-50%); font-size:30px; color:rgba(0,0,0,0.5); font-family: 'FontAwesome'; display: flex; align-items: center; transition: .5s ease;}
    .row1 ul.row2-top-list li .text-box.active .list-title:before{ content:"\f106"; color:#E35728;}
    .row1 ul.row2-top-list li .list-content{box-shadow: 0px 4px 4px 0px #00000029 inset; padding: 16px; text-align:start; display: none;}
    .row1 ul.row2-top-list li .list-content p{ color: var(--v-black-light);}
    .row1 ul.row2-top-list li .text-box{ padding:0px;}
    .row1 ul.row2-top-list img.icon{ width: 40px; margin-bottom:0;}
    .row1 ul.row2-top-list h3{ font-size:16px; margin-bottom:0; text-align:start;}
    .row1 ul.row2-top-list h3 br{ display: none;}
    .row1 ul.row2-top-list li .mask-layer{ display: none !important;}    

    .join-warp .inner{max-width: 433px; position: relative; z-index: 3; padding-top:34px; 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: 18px 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; margin-bottom: 7px;}
    .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);}    
    
    .faq-module-wrap .inner{max-width: 433px;}
    .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;}
    
}
@media (max-width:380px) {
    .join-warp .join-top{ padding-block-end:180px;}
    .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;}
}

/* ! vantagemarekts|2026-06-11 09:30:00 ! */