:root{--fs-48:48px;}
:root{--fs-28:28px;}
@media (max-width:1600px){
    :root{--fs-48:40px;  }
}
@media (max-width:1440px){
    :root{--fs-48:35px;}
    :root{--fs-28:22px;}
}
@media (max-width:768px){
    :root{--fs-48:28px;}
    :root{--fs-28:16px;}
}
@media (max-width:510px){
    :root{--fs-48:20px;}
    :root{--fs-28:14px;}
}
.banner {padding-top: 92px;overflow: hidden;}
.banner .inner .banner-con-pc{position: relative;padding: 28px 0 48px 0;border-radius: 16px;width: 100%;max-width: 1400px;background:url(/wp-content/themes/vantage/images/web_trading_platform_banner_bg.webp) center top no-repeat;background-size: cover;}
.banner .inner .banner-text{max-width: 756px;margin-left: 80px;}
.banner .inner .banner-text h1{font-size: var(--fs-48);color: var(--v-white);font-weight: 600;line-height: 1.2;}
.banner .inner .banner-text p{font-size: var(--fs-16);line-height: 1.3;font-weight: 500;margin: 12px 0 20px;color: rgba(255, 255, 255, .7);max-width: 600px;}
.banner .inner .banner-text .btn-box {max-height: 50px;}
.banner .inner .banner-text .orange-arrow-button {padding: 13.5px 58px 13.5px 28px;line-height: 1.3;border-radius: 38px;}
.banner .inner .banner-text .orange-arrow-button:hover {padding-right: 62px;}

.banner .inner .right_img{position: absolute;right: 0px;bottom: 0px;}
.banner .inner .banner-text-mobile, .banner .inner .mb_img{display: none;}
.banner .inner .banner-text-mobile h1,
.banner .inner .banner-text-mobile p{text-align: left;}

h2 {font-size: var(--fs-48);color: var(--v-black-light);font-weight: 600;line-height: 1.2;}
h2 span {color: var(--v-orange);}

.row1 {padding: 56px 0 96px;background-color: var(--v-white);}
.row1 .inner {max-width: 1400px;}
.row1 .inner h2 {font-size: var(--fs-32);max-width: 900px;margin: 0 auto;text-align: center;}
.row1 .inner p {font-size: var(--fs-16);color: rgba(0, 0, 0, .8);margin: 16px auto 32px;text-align: center;max-width: 900px;}
.row1 .inner .content {width: 100%;border: 3px solid #DADBE0;box-shadow: -32px 20px 60px 0px #00000040;border-radius: 16px;overflow: hidden;}

.row2 {padding: 96px 0;background-color: var(--v-white);}
.row2 .inner {max-width: 1440px;}
.row2 .inner h2 {text-align: center;}
.row2 .inner .btn-box {text-align: center;max-height: 64px;margin: 24px 0 56px;}
.row2 .inner .btn-box .orange-arrow-button, .row3 .content .top .orange-arrow-button {padding: 20.5px 72px 20.5px 28px;line-height: 1.3;border-radius: 38px;box-shadow: 0px 10px 20px 0px #A9491A33;}
.row2 .inner .btn-box .orange-arrow-button:hover, .row3 .content .top .orange-arrow-button:hover {padding-right: 76px;}
.row2 .inner ul {display: flex;justify-content: space-between;width: 100%;gap: 10px;}
.row2 .inner ul li {max-width: 604px;width: 100%;padding-top: 40px;text-align: center;border-radius: 8px;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden;}
.row2 .inner ul li:nth-child(1) {background: url("/wp-content/themes/vantage/images/web_trading_platform_row2_bg_01.webp") no-repeat center / cover;}
.row2 .inner ul li:nth-child(2) {background: url("/wp-content/themes/vantage/images/web_trading_platform_row2_bg_02.webp") no-repeat center / cover;}
.row2 .inner ul li:nth-child(1) h3 {color: var(--v-black);}
.row2 .inner ul li:nth-child(1) p {color: rgba(0, 0, 0, .8);}
.row2 .inner ul li:nth-child(2) h3 {color: var(--v-white);}
.row2 .inner ul li:nth-child(2) p {color: rgba(255, 255, 255, .8);}
.row2 .inner ul li .icon {margin-bottom: 16px;}
.row2 .inner ul li h3 {font-size: var(--fs-32);font-weight: 600;line-height: 1.2;margin: 0 auto;padding: 0 32px;width: 100%;}
.row2 .inner ul li p {font-size: var(--fs-16);margin: 16px auto 56px;padding: 0 32px;width: 100%;}
.row2 .inner .info_bottom {max-width: 1240px;width: 100%;text-align: center;border-radius: 8px;margin-top: 32px;padding: 64px 68px 0;background: url("/wp-content/themes/vantage/images/web_trading_platform_row2_bg_03.webp") no-repeat center / cover;overflow: hidden;}
.row2 .inner .info_bottom .icon {margin-bottom: 16px;}
.row2 .inner .info_bottom h3 {font-size: var(--fs-32);font-weight: 600;line-height: 1.2;max-width: 640px;margin: 0 auto;color: var(--v-white);}
.row2 .inner .info_bottom p {font-size: var(--fs-16);margin: 16px auto 56px;max-width: 640px;color: rgba(255, 255, 255, .8);}

.row3 {padding: 96px 0 120px;background-color: var(--v-grey-light1);position: relative;}
.row3 .inner h2 {text-align: center;}
.row3 .inner .p_text {color: var(--v-black-light);opacity: .7;margin: 12px auto 32px;text-align: center;max-width: 900px;font-size: var(--fs-20);font-weight: 500;line-height: 1.3;}
.row3 .join-tab-list{display: flex;justify-content: center;margin-bottom: 78px;cursor: pointer;position: relative;gap: 28px;}
.row3 .join-tab-list .tab-item{position: relative;height: 42px;}
.row3 .join-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:#0000003D;position: absolute;bottom: -1px;left: 0;}
.row3 .join-tab-list p{width: 100%;color: var(--v-black);font-size: var(--fs-28);line-height: 1.3;margin-bottom: 0;text-align: center;font-weight: 500;max-width: max-content;}
.row3 .join-tab-list .tab-item:first-child::after {width: 116%;}
.row3 .join-tab-list .tab-item.active p{color: var(--v-orange);font-weight: 600;line-height: 1.2;}
.row3 .row3_wire{position: absolute;top: 31px;height: 2px;background: var(--v-orange);transition: .4s;}
.row3 .tab-con-item:last-child {display: none;}
.row3 .content {width: 100%;background: var(--v-white);box-shadow: 0px 20px 30px 0px #00000029;border-radius: 16px;}
.row3 .content .top {position: relative;background: url('/wp-content/themes/vantage/images/web_trading_platform_row3_top_bg.webp?v=1') no-repeat center / cover;padding: 32px 40px;border-radius: 16px 16px 0 0;}
.row3 .content .top .left {max-width: 800px;width: 100%;position: relative;z-index: 1;}
.row3 .content .top .left h3 {font-size: var(--fs-28);font-weight: 600;line-height: 1.2;color: var(--v-white);}
.row3 .content .top .left .btn-box {margin-top: 16px;max-height: 64px;}
.row3 .content .top .left_img {position: absolute;bottom: 0;right: 0;}
.row3 .content .top .mb_img {display: none;}

.row3 .orange-arrow-button .btn-text span {color: #FCE055;}

.row3 .content ul {display: flex;width: 100%;padding: 32px 60px;justify-content: space-between;gap: 15px;}
.row3 .content ul li {max-width: 400px;width: 100%;}
.row3 .content ul li span {display: block;width: 52px;height: 52px;background: var(--v-orange);border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--v-white);font-size: var(--fs-20);font-weight: 600;line-height: 1;text-align: center;}
.row3 .content ul li h4 {font-size: var(--fs-20);font-weight: 600;line-height: 1.2;color: var(--v-orange);margin: 8px 0 12px;}
.row3 .content ul li p {color: var(--v-black);font-size: var(--fs-16);margin-bottom: 0;}
.row3 .content ul li p a {color: var(--v-blue-dark);text-decoration: underline;font-weight: 700;}

.row4 .faq-list.active {background: #D9D9D94D;transition: all .3s;}
.row4 .faq-module-inner .faq-list.active .faq-module-tit {border-bottom: 1px solid #C6C6C6;}
.row4 .faq-module-inner .faq-list .faq-module-tit {font-size: var(--fs-20);padding: 16px 32px 16px 20px;border-bottom: 1px solid #C2C2C4;transition: all .3s;}
.row4 .faq-module .inner .faq-module-h2 {color: var(--v-black-light);margin-bottom: 56px;}
.row4 .faq-module-inner .faq-list {margin-bottom: 32px;}
.row4 .faq-module-inner .faq-list:last-child {margin-bottom: 0;}
.row4 .faq-module-inner .faq-list .faq-module-tit h3 {font-size: var(--fs-20);font-weight: 600;line-height: 1.2;}
.row4 .faq-module-inner .faq-list {padding: 0;border: none;}
.row4 .faq-module-inner .faq-list .faq-module-detial {padding: 20px;margin: 0;font-size: var(--fs-16);line-height: 1.5;color: #404040;}
.row4 .add-subtract {width: 15px;height: 15px;}
.row4 .add-subtract::before {height: 15px;right: 7.5px;}
.row4 .add-subtract::after {width: 15px;}
.row4 .faq-module-inner .faq-list .faq-module-tit span.serial {margin-right: 12px;width: auto;min-width: auto;max-width: max-content;line-height: 1.2;height: auto;}
.row4 .faq-module-inner .faq-list .faq-module-tit p.faq-module-icon {width: 28px;height: 28px;margin-left: 10px;align-items: center;}

@media (max-width:1700px) {
    .banner .inner .banner-text {width: 60%;margin-left: 30px;}
}
@media (max-width:1440px) { 
    .row3 .join-tab-list .tab-item:first-child::after {width: 121%;}
    .row3 .content .top .left h3 {max-width: 700px;}
    .row3 .join-tab-list .tab-item {height: auto;}
}
@media (max-width:1240px) {
    .banner .inner .banner-con-pc{height: auto;min-height: auto;}
    .banner .inner .right_img {max-width: 400px;bottom: 50px;}

    .row1 {padding: 56px 0;}

    .row3 .content ul {padding: 20px;}
    .row3 .content .top .left h3 {max-width: 500px;}
    .row3 .content .top .left_img {max-width: 400px;}
}
@media (max-width:1024px) {
    .banner .inner .banner-con-pc{height: auto;padding: 40px 20px;}
    .banner .inner .right_img{width: 360px;top: -45px;}

    .row2 .inner ul li {padding-top: 30px;}
    .row2 .inner ul li p, .row2 .inner .info_bottom p {margin-bottom: 36px;}
    .row2 .inner ul li h3, .row2 .inner ul li p {padding: 0 20px;}
    .row2 .inner .info_bottom {padding: 30px 30px 0;}

    .row3 .content .top {padding: 20px;}
    .row3 .content .top .left_img {max-width: 370px;}
    .row3 .content .top .left h3 {max-width: 450px;}
}
@media (max-width:880px) {
    .banner .inner .banner-text{padding-left: 0px;}
    .banner .inner .right_img{right: -20px;}
    .banner .inner .banner-text p br {display: none;}

    .row2 .inner ul li h3, .row2 .inner .info_bottom h3 {font-size: 22px;}

    .row3 .content .top .left h3 {max-width: 370px;}
    .row3 .content .top .left_img {max-width: 350px;}
}
@media (max-width:768px) {
    .banner .banner-text {width: 100%;}
    .banner{padding-top: 50px;}
    .banner .inner .banner-con-pc{height: 170px;}
    .banner .inner .banner-text h1{width: 100%;}
    .banner .inner .right_img {left: 50%; bottom: 0px; transform: translateX(-54%); right: unset; width: 300px;}
    .banner .inner .banner-con-pc .banner-text{display: none;}
    .banner .inner .banner-text-mobile{display: block;text-align: center;margin-bottom: 42px;margin-left: 0;width: 100%;}
    .banner .inner .banner-text h1 {color: var(--v-black);}
    .banner .inner .banner-text p {color: rgba(0, 0, 0, .7);margin-bottom: 0;}
    .banner .inner .banner-text p br {display: block;}
    html[lang='ar-AE'] .banner .inner .banner-text-mobile h1, 
    html[lang='ar-AE'] .banner .inner .banner-text-mobile p{text-align: right;}

    .row2 {padding: 50px 0;background-color: var(--v-grey-light3);}
    .row2 .inner ul {flex-direction: column;gap: 16px;align-items: center;}
    .row2 .inner ul li {max-width: 550px;}
    .row2 .inner .info_bottom {max-width: 550px;margin: 16px auto 0;}
    .row2 .inner .btn-box {max-height: 47px;margin: 24px 0;}
    .row3 .content .top .left .btn-box {max-height: 47px;}
    .row2 .inner .btn-box .orange-arrow-button, .row3 .content .top .orange-arrow-button {padding: 13px 52px 13px 24px;font-size: var(--fs-16);box-shadow: none;}
    .row2 .inner .btn-box .orange-arrow-button:hover, .row3 .content .top .orange-arrow-button:hover {padding-right: 56px;}
    .row2 .inner ul li .icon, .row2 .inner .info_bottom .icon {max-width: 50px;}
    
    .row3 {padding: 50px 0;}
    .row3::after {content: '';display: block;width: 109px;height: 96px;background: url("/wp-content/themes/vantage/images/web_trading_platform_row3_bg_img.webp") no-repeat;background-size: cover;background-position: center top;position: absolute;top: 0;right: 0;}
    .row3 .join-tab-list {margin-bottom: 30px;}
    .row3 .join-tab-list .tab-item:first-child::after {width: 128%;}
    .row3 .content {border-radius: 8px;box-shadow: none;}
    .row3 .content .top {text-align: center;border-radius: 8px 8px 0 0;padding: 30px 20px 0;background: url('/wp-content/themes/vantage/images/web_trading_platform_row3_top_bg_mb.webp') no-repeat center / cover;}
    .row3 .content .top .left h3 {font-size: 24px;max-width: 100%;}
    .row3 .content .top .left_img {position: static;max-width: 100%;}
    .row3 .content .top .left .btn-box {margin: 16px 0 32px;}
    .row3 .content ul {flex-direction: column;align-items: center;gap: 16px;}
    .row3 .content ul li span {width: 32px;height: 32px;}
    .row3 .content ul li h4 {margin: 0;}
    .row3 .content ul li h4 br {display: none;}
    .row3 .content ul li .title {display: flex;gap: 8px;align-items: center;margin-bottom: 10px;}
    .row3 .content ul li p {margin-left: 40px;}
    .row3 .inner h2, .row3 .inner .p_text {position: relative;z-index: 1;}

    .row4 .faq-module .inner .faq-module-h2 {margin-bottom: 24px;}
    .row4 .faq-module-inner .faq-list {margin-bottom: 20px;}
}
@media (max-width:510px) {
    .banner{padding-top: 32px;}
    .banner .inner .banner-text p {margin-top: 4px;}
    .banner .inner .banner-text a.free-demo-account{padding-left: 0px;}
    .banner .inner .banner-con-pc{height: 120px;background:url(/wp-content/themes/vantage/images/web_trading_platform_banner_bg_mb.webp) center top no-repeat;border-radius: 12px;background-size: cover;}
    .banner .inner .right_img{width: 259px;top: unset;}
    .banner .inner .mb_img {display: block;}
    .banner .inner .pc_img {display: none;}

    .row1 {padding: 20px 0 32px;}
    .row1 .inner h2 {font-size: 20px;}
    .row1 .inner p {margin: 8px auto 20px;line-height: 1.4;}
    .row1 .inner .content {box-shadow: -9.41px 5.88px 17.65px 0px #00000040;border: 0.88px solid #DADBE0;}

    .row2 {padding: 32px 0;}
    .row2 .inner ul li {padding-top: 24px;}
    .row2 .inner ul li .icon, .row2 .inner .info_bottom .icon {max-width: 40px;margin-bottom: 8px;}
    .row2 .inner ul li p, .row2 .inner .info_bottom p {margin: 8px auto 32px;line-height: 1.4;}
    .row2 .inner ul li h3, .row2 .inner .info_bottom h3 {font-size: 18px;}
    .row2 .inner ul li h3, .row2 .inner ul li p, .row2 .inner .info_bottom p, .row2 .inner .info_bottom h3 {padding: 0 16px;}
    .row2 .inner .info_bottom {padding: 24px 0 0;}
    .row2 .inner .btn-box {margin: 8px 0 24px;max-height: 44px;}
    
    .row3 {padding: 32px 0;}
    .row3 .inner .p_text {margin: 4px 0 24px;font-size: 14px;}
    .row3 .join-tab-list {gap: 16px;margin-bottom: 16px;}
    html[lang='en-US'] .row3 .join-tab-list .tab-item {height: 22px;}
    
    .row3 .content .top {background: url('/wp-content/themes/vantage/images/web_trading_platform_row3_top_bg_min.webp') no-repeat center / cover;padding: 20px 0 0;}
    .row3 .content .top .left .btn-box {max-height: 44px;}
    .row3 .content .top .orange-arrow-button {padding-top: 11.5px;padding-bottom: 11.5px;line-height: 1.5;}
    .row3 .join-tab-list .tab-item:first-child::after {width: 133%;}
    .row3 .content .top .left h3 {font-size: 20px;padding: 0 12px;}
    .row3 .content ul {padding: 16px 12px 20px;}
    .row3 .content ul li span {width: 24px;height: 24px;font-size: 14px;}
    .row3 .content ul li p {margin-left: 32px;line-height: 1.4;}
    .row3 .content ul li .title {margin-bottom: 4px;}

    .row4 .faq-module-inner .faq-list .faq-module-tit h3 {font-size: 14px;}
    .row4 .faq-module-inner .faq-list .faq-module-tit {font-size: 14px;padding: 16px 12px;}
    .row4 .faq-module-inner .faq-list .faq-module-detial {padding: 8px 12px 12px;line-height: 1.4;}
    .row4 .add-subtract {width: 11px;height: 11px;}
    .row4 .add-subtract::before {height: 11px;right: 5.5px;}
    .row4 .add-subtract::after {width: 11px;}
    .row4 .faq-module-inner .faq-list {margin-bottom: 0px;}
    .row4 .faq-module-inner .faq-list .faq-module-tit p.faq-module-icon {width: 18px;height: 18px;margin-left: 12px;}
}
@media (max-width:410px) { 
    .row3 .content .top .left h3 {margin: 0 auto;}
    html[lang='en-US'] .row3 .content .top .left h3 {max-width: 257px;}
    .row3 .content .top .mb_img {display: block;}
    .row3 .content .top .pc_img {display: none;}
}
@media (max-width:394px) {
    .row2 h2 span {display: inline-block;}
    .row3 .join-tab-list .tab-item:first-child::after {width: 118%;}
}
/* ! vantagenl|2025-11-03 15:38:00 ! */