.wrapper-box{background: #f2f3f5;}
.faq-title-box{background: url(/wp-content/themes/vantage-au/images/trading-support-banner-bg.webp) top center no-repeat; background-size: cover; position: relative; overflow: hidden;padding: 80px 0 145px;}

.faq-title-box .wrap-bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);}
.faq-title-box .inner{position: relative; z-index: 1;}
.faq-title-box .inner .title-box h1{ font-size: var(--fs-56); color: var(--v-white);font-weight: 600; text-align: center; margin:0 0 60px;}
/* .faq-title-box .inner .title-box h1 span{color:var(--v-orange);} */
.faq-title-box .faq-page-title{display: flex; justify-content: center; gap: 20px;}
.faq-title-box .faq-page-title li{flex:1; max-width: 220px; background: var(--v-white); position: relative; z-index: 1; text-align: center; border-radius: 20px; overflow: hidden; cursor: pointer;transition: .1s;}
.faq-title-box .faq-page-title li.active{box-shadow: inset 0px 3px 6px #00000047;background: #e8e9ed;backdrop-filter: blur(4px);}
.faq-title-box .faq-page-title li .wrap{padding: 32px 10px 34px;}
.faq-title-box .faq-page-title li::after{content: ""; position: absolute; left: -190px; bottom: -256px; width: 210px; height: 390px; background: rgba(0, 0, 0, 0.1); transform: rotateZ(-40deg) translateX(0px); transition: all .5s;}
.faq-title-box .faq-page-title li:hover::after{transform: rotateZ(-44deg) translateX(600px);}
.faq-title-box .faq-page-title li:hover .link-box a{color: var(--v-red-dark);}
.faq-title-box .faq-page-title li .img-box{margin-bottom: 16px;}
.faq-title-box .faq-page-title li h3{font-size: var(--fs-20); color: var(--v-black); margin-bottom: 20px; font-weight: 500;}
.faq-title-box .faq-page-title li .link-box a{text-decoration: underline; line-height: 1.2; color: var(--v-grey); font-size: var(--fs-14); transition: all .5s;}
.faq-title-box .faq-page-title li .a-wrap{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.faq-title-box .faq-page-title li:active{background: #e8e9ed; box-shadow: inset 0 3px 6px 0 #00000047;}
.faq-title-box .inner .swiper-scrollbar-drag{background: #818181;}




.faq-module{padding: 30px 0 60px; border-radius: 65px 65px 0px 0px; background: #ffffff; min-height: 500px;  margin-top: -65px;position: relative;z-index: 1;}
.faq-module .inner .faq-module-h2{font-size: var(--fs-56);font-weight: 600;margin-bottom: 15px;color: #002329;text-align: center;}
.faq-module .inner .faq-module-h2 span{color: var(--v-orange);}
.faq-module-inner .faq-list{padding: 30px 20px 30px 16px;border-bottom: 1px solid #D1D1D1;}
.faq-module-inner .faq-list .faq-module-tit{font-size: var(--fs-22);font-weight: 500;color: var(--v-black);cursor: pointer;}
.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: 20px;margin-right: 6px;font-style: italic;color: var( --v-grey);display: block;height: 100%;min-width: 20px;max-width: 20px; text-align: center;}
.faq-module-inner .faq-list .faq-module-tit h3{font-size: var(--fs-18);font-weight: 500;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: #636363;padding-left: 22px;padding-right: 88px;margin-top: 11px;margin-bottom: 0px;}


.faq-module-item ul {display: none;}
.faq-module-item ul.active{display: block;}

@media (max-width:510px) {
    .faq-module{padding-top: 20px;padding-bottom: 20px;}
    .faq-module .inner .faq-module-h2{margin-bottom: 0px;}
    .faq-module-inner .faq-list{padding: 10px 9px 10px 0px;}
    .faq-module-inner .faq-list .faq-module-detial{padding-right: 20px;padding-left: 22px;}
}

@media (max-width:768px) {
    .faq-title-box{padding: 40px 0 80px;}
    .faq-title-box .inner .title-box h1{margin: 0 0 30px;}

    .faq-module{border-radius: 40px 40px 0px 0px; margin-top: -40px;}
}

@media (max-width:510px) {
    .faq-title-box .faq-page-title{flex-wrap: wrap ;  }
    .faq-title-box .faq-page-title li{width: calc(50% - 10px); flex: initial;}
    .faq-title-box .faq-page-title li .wrap{padding: 10px;}
    
    .faq-module{border-radius: 40px 40px 0px 0px; min-height: auto;}
}

/* table */

    .faq-module-inner .faq-list .faq-module-detial table{ width: 530px;box-shadow: 0px 3px 16px #0000001A; border-radius: 8px; overflow: hidden;}
    .faq-module-inner .faq-list .faq-module-detial table tr:nth-child(odd) {background: var(--v-white);}
    .faq-module-inner .faq-list .faq-module-detial table th {background: var(--v-grey);padding: 20px 30px;color: var(--v-white);font-size: var(--fs-18);font-weight: 600;text-align: center;position: relative;line-height: 1.12;}
    .faq-module-inner .faq-list .faq-module-detial table td {color: var(--v-black);font-size: var(--fs-18);font-weight: 400;line-height: 1.3;text-align: center;padding: 20px 30px;}
    .faq-module-inner .faq-list .faq-module-detial table tr:nth-child(even) {  background: var(--v-grey-light2);}
    @media (max-width: 1200px) {
        .faq-module-inner .faq-list .faq-module-detial table th {padding: 12px 26px;}
        .faq-module-inner .faq-list .faq-module-detial table td {padding: 20px 20px;}
    }
    @media (max-width: 1024px) {
        .faq-module-inner .faq-list .faq-module-detial table th {padding: 12px 20px;font-size: 16px;}
        .faq-module-inner .faq-list .faq-module-detial table td {padding: 12px 20px;font-size: 16px;}
    }
    @media (max-width: 768px) {
        .faq-module-inner .faq-list .faq-module-detial table{ width: 100%; }
        .faq-module-inner .faq-list .faq-module-detial table th {padding: 12px 14px;}
    }
    @media (max-width: 510px) {
        .faq-module-inner .faq-list .faq-module-detial table th,.faq-module-inner .faq-list .faq-module-detial table td {font-size: 14px;}
    }
/* ! vantagemarekts|2025-10-21 18:00:00 ! */