.trade-on-app{padding: 114px 0 100px; background: #e8e9ed;}
.trade-on-app .trade-on-app-warp{box-shadow: 19px 33px 26px #00000029; border-radius: 20px;}
.trade-on-app .trade-on-app-top{padding: 51px 41px;background:url(/wp-content/themes/vantage/images/plat-vantageapp-row4-bg.webp) no-repeat;background-size: cover;position: relative;border-radius: 20px 20px 0px 0px; background-position: 1% top;}
.trade-on-app .trade-on-app-top h2{color:var(--v-white);font-size:var(--fs-32);font-weight:500;margin-bottom:20px;position: relative;z-index: 9;}
.trade-on-app .trade-on-app-top h2 br{display: none;}
.trade-on-app .trade-on-app-top .btn-text{width: max-content;text-align: center;-webkit-tap-highlight-color: transparent;}
.trade-on-app .trade-on-app-top .open-account-btn{font-size:var(--fs-18); max-width: 100%;}
.trade-on-app .trade-on-app-top .img-box{max-width: 486px; position: absolute;right: 8%;bottom: -8%;}
.trade-on-app .trade-on-app-bottom{padding: 30px 82px 45px 64px;background: #F2F3F5 0% 0% no-repeat padding-box;border-radius: 0 0 20px 20px;display: flex;justify-content: space-between; position: relative; z-index: 1;}
.trade-on-app .trade-on-app-bottom .text-box{display: flex;}
.trade-on-app-bottom ul li{padding-right: 48px;max-width: 265px;}
.trade-on-app-bottom ul li:last-child{padding-right: 0px;}
.trade-on-app-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;}
.trade-on-app-bottom ul li .step-title h3{color: var(--v-orange);text-transform: capitalize;font-size: var(--fs-22);font-weight: 600;margin-bottom: 10px;}
.trade-on-app-bottom ul li .step-message{color: #636363;}
.trade-on-app-bottom ul li .step-message p{margin: 0;}
.trade-on-app .trade-on-app-bottom .img-box{display: flex;flex-direction: column;gap: 16px; padding-top: 9px; min-width: 170px;}


html[lang='ar-AE'] .trade-on-app-bottom ul li{padding-right:0; padding-left:48px;}
html[lang='ar-AE'] .trade-on-app-bottom ul li:last-child{ padding-right:0;}
html[lang='ar-AE'] .trade-on-app-bottom ul li .step-title h3,
html[lang='ar-AE'] .trade-on-app-bottom ul li .step-message p{text-align: right;}
html[lang='ar-AE'] .trade-on-app .trade-on-app-bottom .text-box{flex-direction:row-reverse;}


@media (max-width:1200px) {
    .trade-on-app{padding: 130px 0px 100px;}
}
@media (max-width:900px) {
    .trade-on-app .trade-on-app-top .img-box{width: 50%;}
}
@media (max-width:768px) {
    .trade-on-app .trade-on-app-top{padding: 40px 20px 51px;}
    .trade-on-app .trade-on-app-top h2 br{display: block;}
    .trade-on-app .trade-on-app-top .img-box{width: 100%; max-width: 326px; bottom: -4%; right: -2%;}
    .trade-on-app .trade-on-app-bottom{flex-direction: column; padding: 30px 40px 45px 32px;}
    .trade-on-app .trade-on-app-bottom .text-box{margin-bottom: 20px;}
    .trade-on-app-bottom ul li{padding-right: 30px;}

    html[lang='ar-AE'] .trade-on-app-bottom ul li{ padding-left:30px;}
}
@media (max-width:600px) {    
    html[lang='ar-AE'] .trade-on-app .trade-on-app-bottom .text-box{ flex-direction: column; align-items: flex-end;}
    html[lang='ar-AE'] .trade-on-app-bottom ul li{ padding-left:0px; max-width: 100%;}
}
@media (max-width:510px) {
    .trade-on-app .trade-on-app-top{padding: 24px 20px 131px 23px;}

    .trade-on-app .trade-on-app-bottom{padding: 20px 12px;}
    .trade-on-app .trade-on-app-bottom .text-box{flex-direction: column; margin: 0;}

    .trade-on-app-bottom ul li{padding-right: 0px; margin-bottom: 20px;}

    .orange-arrow-button.p18{max-width: 100%;}
    .trade-on-app .trade-on-app-top .btn-text{max-width: 100%;}
    
    html[lang='ar-AE'] .trade-on-app-bottom ul li{ padding-left:0px;}
}