.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: 32px 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;}
.third-level-open-account-banner .banner-top .img-box{position: absolute;right: 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%;}
.third-level-open-account-banner .open-account-btn{font-size:var(--fs-18);}

.third-level-open-account-banner .banner-bottom{padding:30px 65px 45px;}
.third-level-open-account-banner .banner-bottom ul{display:flex;}
.third-level-open-account-banner .banner-bottom ul li{padding-right:40px;min-width:270px;width: 33.3%;}
.third-level-open-account-banner .banner-bottom ul li:last-child{padding:0px;}
.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='ar-AE'] .third-level-open-account-banner .banner-top{display: flex; flex-direction: column; align-items: flex-end;}
html[lang='ar-AE'] .third-level-open-account-banner .banner-top .img-box{right: unset; left: 0;}
html[lang='ar-AE'] .banner-bottom ul li .step-title h3,
html[lang='ar-AE'] .banner-bottom ul li .step-message p{text-align: right;}
html[lang='ar-AE']  .third-level-open-account-banner .banner-bottom ul{flex-direction:row-reverse;}

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;}

@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{right: -10%;text-align: center;}
    .third-level-open-account-banner .banner-top .img-box img{width: 80%;}

    html[lang='ar-AE'] .third-level-open-account-banner .banner-top .img-box{left: -10%;}
}

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

    /* html[lang='ar-AE'] .third-level-open-account-banner .banner-top .img-box{right: unset; left: 6%;} */
}

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

    html[lang='ar-AE'] .third-level-open-account-banner .banner-top .img-box{left: -21%;}
}

@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 {padding:0px 0px 10px;width: 100%;}
}
@media (max-width:620px){
    .third-level-open-account-banner .banner-top {padding:24px 16px 164px;background-position-x: left;overflow: hidden;background-image: linear-gradient(180deg, #034755, #00222d);}
    .third-level-open-account-banner .banner-bottom{padding: 20px;}
    .third-level-open-account-banner .banner-top .img-box{width: 100%;right: 50%;transform: translateX(50%);}
    /* .third-level-open-account-banner .banner-top .img-box img{display: none;} */
    /* .third-level-open-account-banner .banner-top .img-box .img-mobile{display: block;width: 240px;height: 152px;} */

    html[lang='ar-AE'] .third-level-open-account-banner .banner-top .img-box{right: auto;left: 50%;transform: translateX(-50%);}
}
@media (max-width:510px){
    .third-level-open-account-banner .banner-top {padding:24px 16px 230px;}
    .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-left: 8px;}

    .banner-bottom ul li .step-index {width: 22px;height: 22px;display: inline-block;text-align: center;line-height: 22px;margin-right: 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: 0px 0px 16px;}

    html[lang='ar-AE'] .third-level-open-account-banner .banner-top{background-position-x: right;}
    html[lang='ar-AE'] .third-level-open-account-banner .banner-bottom ul li{text-align: 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:24px 16px 170px;}
}