.title h2{font-size: var(--fs-56); line-height: 1.25; font-weight: 600; margin-bottom: 32px; color: var(--v-black-light); text-align: center;}
.title h2 span{color: var(--v-orange);}

.banner{background: #131313;}
.banner .inner{display: flex; align-items: center; justify-content: space-between;}
.banner .inner .text-box{max-width: 600px;}
.banner .inner .text-box h1{font-size: var(--fs-50); color: var(--v-white); line-height: 1.36; margin-bottom: 2px; font-weight: 600;}
.banner .inner .text-box h1 span{color: var(--v-orange);}
.banner .inner .text-box h1 i{font-weight: 400;}
.banner .inner .text-box p{font-size: var(--fs-18); line-height: 1.55; color: var(--v-white); margin-bottom: 24px;}

.row2{background: url(/wp-content/themes/vantage/images/my-fx-book-autotrade-row2-bg.webp) top center no-repeat; background-size: cover;}
.row2 .inner{padding-top: 80px; padding-bottom: 120px; text-align: center;}
.row2 .inner .content{max-width: 800px; margin: 0 auto;}
.row2 .inner .content p{margin-bottom: 32px; color: var(--v-black); font-size: var(--fs-18); line-height: 1.55;}
.row2 .inner .content p:last-of-type{margin: 0;}

.row3{overflow: hidden;}
.row3 .inner{padding-top: 80px; padding-bottom: 100px;}
.row3 .inner .account-list{padding: 0;}
.row3 .inner .account-list h2{font-size: var(--fs-56); color: var(--v-black-light); font-weight: 600; text-align: center; padding: 0; text-transform: capitalize; line-height: 1.25;}
.row3 .inner .account-list h2 span{color: var(--v-orange); position: static; margin: 0; width: auto; height: auto; border-radius: 0; background: none;}
.row3 .inner .account-list h2.icon-title::after{display: none;}
.row3 .inner .account-list .step-list{margin: 0; justify-content: center;}
.row3 .inner .account-list .step-list li .account-step{color: #f5f5f5;}
.row3 .inner .account-list .step-list li .step-text{line-height: 1.3;}
.row3 .inner .account-list .step-list li{width: 33%; max-width: 400px;}
.row3 .inner .account-list .step-list li:nth-child(2) .account-step, 
.row3 .inner .account-list .step-list li:nth-child(2) .step-detail{background: var(--v-orange);}
.row3 .inner .account-list .step-list li:nth-child(3) .account-step, 
.row3 .inner .account-list .step-list li:nth-child(3) .step-detail{background: var(--v-green-darker);}
.row3 .inner .account-list .step-detail{padding: 24px 24px 69px 24px; margin-right: 20px;}
.row3 .inner .account-list .step-detail .img-box{display: none;}
.row3 .inner .account-list .step-detail a{display: none;}
.row3 .inner .account-list .step-detail p{margin: 0; font-weight: 400; font-size: var(--fs-18);}

/* .row4{background: var(--v-grey-light2);} */
.row4 .inner{padding-top: 80px; padding-bottom: 120px;}
.row4 .inner .title h2{margin-bottom: 60px;}
.row4 .inner .content{max-width: 1400px; margin: 0 auto;} 
.row4 .inner .content ul{display: flex; gap: 16px;}
.row4 .inner .content ul li{width: 25%; max-width: 338px; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding-bottom: 22px;}
.row4 .inner .content ul li .img-box{max-width: 120px; margin-bottom: 8px;}
.row4 .inner .content ul li h4{font-size: var(--fs-20); color: var(--v-black); line-height: 1.3; font-weight: 600; margin-bottom: 10px; text-align: center;}
.row4 .inner .content ul li p{text-align: center;margin: 0;}

.row5 .third-level-open-account-banner .banner-top h2 span{color: var(--v-orange);}
.row5 .third-level-open-account-banner .banner-bottom ul{max-width: 810px;}
.row5 .third-level-open-account-banner .btn-box a:first-child{margin-right: 20px;}
.row5 .third-level-open-account-banner .banner-bottom ul li .step-message p a{text-decoration: underline;color: var(--v-orange);}

.faq-module{background: #e8e9ed;}

html[lang='ar-AE'] .banner .inner .text-box{text-align: right;}

@media (max-width:1440px) {
    .banner .inner{padding-top: 50px; padding-bottom: 50px;}
}
@media (max-width:1024px) {
    .row3 .inner .account-list .step-list{justify-content: flex-start;}
    .row3 .inner .account-list .step-list li{width: auto;}
}
@media (max-width:768px) {
    .title h2{margin-bottom: 20px;}

    .banner .inner{padding-top: 40px; padding-bottom: 37px; flex-direction: column; align-content: center; justify-content: center;}
    .banner .inner .text-box{max-width: 353px; margin-bottom: 102px; text-align: center;}
    .banner .inner .text-box h1{line-height: 1.3; margin-bottom: 8px;}
    .banner .inner .text-box h1 i{font-size: 36px; line-height: 1;}
    .banner .inner .img-box{max-width: 393px;}

    .row2{background: var(--v-white);}
    .row2 .inner{padding-top: 32px; padding-bottom: 32px;}
    .row2 .inner .title h2{margin-bottom: 12px;}
    .row2 .inner .content p{margin-bottom: 20px;}
    .row2 .inner .content p:last-of-type{margin: 0;}

    .row3 .inner{padding-top: 32px; padding-bottom: 32px;}
    .row3 .inner .account-list .step-list li{max-width: 328px;}
    .row3 .inner .account-list .step-detail{padding: 12px 12px 60px 12px;}
    .row3 .inner .account-list .step-detail p{font-size: 14px;}

    .row4 .inner{padding-top: 32px; padding-bottom: 32px;}
    .row4 .inner .title h2{margin-bottom: 20px;}
    .row4 .inner .content ul{flex-wrap: wrap; justify-content: center; column-gap: 16.5px; row-gap: 20px;}
    .row4 .inner .content ul li{width: 45%; padding: 0;}
    .row4 .inner .content ul li .img-box{max-width: 100px;}
}
@media (max-width:620px) {
    .row5 .third-level-open-account-banner .btn-box{flex-direction: column;}
    .row5 .third-level-open-account-banner .btn-box a:first-child{margin-right: 0;margin-bottom: 10px;}
}
@media (max-width:510px) {
    .row3 .inner .account-list .step-detail{margin-right: 8px;}
    .row3 .inner .account-list .step-list li{max-width: 248px;}

    .banner-top .open-account-btn .btn-icon{top: 50%;}

    .row5 .third-level-open-account-banner .banner-top h2 br{display: none;}
    .row5 .third-level-open-account-banner .btn-box{flex-direction: row;}
    .row5 .third-level-open-account-banner .btn-box a:first-child{margin-right: 20px;margin-bottom: 0px;}
}
/* ! vantagemarekts|2025-10-21 17:20:00 ! */