.third-level-open-account-banner {margin:135px 0px 80px;box-shadow: 19px 33px 26px #00000029;background: #F2F3F5;border-radius: 20px;}
.third-level-open-account-banner .banner-top { padding-block: 32px; padding-inline:40px; background-image: linear-gradient(45deg, #034755, #00222d);position: relative;border-radius: 20px 20px 0px 0px;}
.third-level-open-account-banner .banner-top h2{font-size:var(--fs-32);color:var(--v-white);font-weight: 500;margin-bottom:15px; text-align: start; position: relative;}
.third-level-open-account-banner .banner-top .img-box{position: absolute; inset-inline-end:0; bottom:0%;}
.third-level-open-account-banner .banner-top .img-box .img-mobile{display: none;}
.third-level-open-account-banner .btn-box {display: flex;width: max-content;-webkit-tap-highlight-color:transparent;max-width: 100%; position: relative;}
.third-level-open-account-banner .open-account-btn{font-size:var(--fs-18);}

.third-level-open-account-banner .banner-bottom{ padding-block: 30px 45px; padding-inline:65px;}
.third-level-open-account-banner .banner-bottom ul{display:flex; text-align: start;}
.third-level-open-account-banner .banner-bottom ul li{ min-width:270px;width: 33.3%; padding-inline-end:40px;}
.third-level-open-account-banner .banner-bottom ul li:last-child{padding-block:0px; padding-inline: 0;}
.banner-bottom ul li .step-index {width: 42px; height:42px; border-radius:50%;background:var(--v-orange);color:var(--v-white);font-size:var(--fs-26); font-weight: 600;display: flex;align-items:center;justify-content: center;margin-bottom:10px;}
.banner-bottom ul li .step-title h3{color: var(--v-orange);text-transform: capitalize;font-size:var(--fs-22);font-weight: 600;margin-bottom:10px;}
.banner-bottom ul li .step-message {font-size:var(--fs-16);color: #636363;}
.banner-bottom ul li .step-message p{margin:0px;}

html[lang='de-DE'] .third-level-open-account-banner .btn-box span.dim-text{color: #fff;}

html[lang='ru-RU'] .banner-bottom ul li .step-title h3 {text-transform: unset;}

html[lang='ar-AE'] .third-level-open-account-banner{ direction:rtl;}

@media (max-width:1240px){
.banner-bottom ul li .step-message .pc-br{display: none;}
}
@media (max-width:1024px){
    .third-level-open-account-banner .banner-top .img-box{inset-inline-end:-10%;text-align: center;}
    .third-level-open-account-banner .banner-top .img-box img{width: 80%;}
}

@media (max-width:980px){
    .third-level-open-account-banner .banner-top { padding-block: 30px 17px;;}
    .third-level-open-account-banner .banner-bottom{ padding-block: 30px; padding-inline:40px;}
    .third-level-open-account-banner .banner-bottom ul li { min-width: 33.3%;}
    .third-level-open-account-banner .banner-bottom .pc-br{display:none;}
}

@media (max-width:800px){
    .third-level-open-account-banner .banner-top .img-box{ inset-inline-end:-21%;}
    .third-level-open-account-banner .banner-top .img-box img{width: 60%;}
    .third-level-open-account-banner {margin:55px 0px 60px;}
}

@media (max-width:768px){
    .third-level-open-account-banner .banner-top h2 {font-size: 20px;}
    .third-level-open-account-banner .banner-bottom ul {flex-direction: column;}
    .third-level-open-account-banner .banner-bottom ul li { width: 100%; padding-block: 0px 10px; padding-inline:0;}
}
@media (max-width:620px){
    .third-level-open-account-banner .banner-top {padding-block: 24px 164px; padding-inline: 16px; background-position-x: left;overflow: hidden;background-image: linear-gradient(180deg, #034755, #00222d);}
    .third-level-open-account-banner .banner-top .img-box{width: 100%; inset-inline-end:-50%; transform: translateX(-50%);}
    .third-level-open-account-banner .banner-bottom{ padding-block-start:20px; padding-inline: 16px;}

    html[lang='ar-AE'] .third-level-open-account-banner .banner-top .img-box,
    html[dir='rtl'] .third-level-open-account-banner .banner-top .img-box{ transform: translateX(50%);}
}
@media (max-width:510px){
    .third-level-open-account-banner .banner-top { padding-block: 24px 230px; padding-inline:16px;}
    .third-level-open-account-banner .banner-top .img-box img{width: 80%;}

    .forex-trading .btn-box .open-account-btn{padding: 14px 55px 14px 16px;}

    /* .open-account-btn .btn-icon{right: 4px;top: 4px;} */
    .third-level-open-account-banner .banner-top h2 { margin-inline-start:8px;}

    .banner-bottom ul li .step-index {width: 22px;height: 22px;display: inline-block;text-align: center;line-height: 22px; margin-inline-end:10px;}
    .banner-bottom ul li .step-title {display: inline-block;}
    .banner-bottom ul li .step-title h3 {font-size: 18px;}

    .third-level-open-account-banner .banner-bottom ul li { padding-block: 0px 16px;}

    html[lang='ar-AE'] .third-level-open-account-banner .banner-top{background-position-x: right;}
    
    html[lang='ar'] .third-level-open-account-banner .banner-top{background-position-x: right;}
}
@media (max-width:400px){
    .third-level-open-account-banner .banner-top .img-box img{width: 100%;}
}
@media (max-width:340px){
    .third-level-open-account-banner .banner-top { padding-block: 24px 170px;}
}
/* ! vantagemarekts|2026-04-20 14:05:00 ! */