.account-list h2{font-size:var(--fs-20);font-weight: 600; margin-bottom:15px;position: relative;padding-left:20px;}
.account-list h2 span{position:absolute;left:0px;top:50%;margin-top:-2px; display:inline-block;width: 4px;height: 4px;border-radius:50%;background:var(--v-black);}

.account-list .step-list {display:flex;font-weight: 500;margin-left: 20px;}
.account-list .step-list p{font-weight: 500;}

.account-list .step-list>li {width:33%;position: relative;}
.account-list-apac .step-list>li {width:25%;position: relative;}
.account-list .step-list>li::after {content:''; position: absolute; width:calc(100% - 20px);left:40px;top:20px;border-bottom:5px dashed #E8E9ED;z-index:1; }
.account-list .step-list>li:last-child::after{display:none;}
.account-list .step-list>li .account-step {position: relative;z-index:2;width: 41px;height: 41px;border-radius:50%;display:flex;justify-content:center;align-items:center; font-size:var(--fs-22);line-height:1; margin-bottom:13px;color:var(--v-white);}
.account-list .step-list>li .step-text {font-size:20px;color:var(--v-black);margin-bottom:12px;}
.account-list .step-list>li .step-detail { transition: .3s; border-radius: 15px; color:var(--v-white); padding:32px 15px 60px; margin-right:12px;}
.account-list .step-list>li .step-detail:hover {transform: translateY(-10px);box-shadow:0 3px 6px 0px rgba(0,0,0,0.3) inset;}
.account-list .step-list>li .step-detail:hover a {transform: translateY(-10px);}
.account-list .step-list>li .step-detail:hover a::after{width: 100%;}
.account-list .step-detail .img-box {margin-bottom:18px;}
.account-list .step-detail p {font-size:var(--fs-18);margin-bottom:26px;font-weight: 500;}
.account-list .step-detail a {font-size:var(--fs-17);display: inline-block; transition: 0.3s;position: absolute;bottom: 20px;}
.account-list .step-detail a::after {content:'';position: absolute;bottom:-2px;left:0px;width: 0px; height: 2px;background:var(--v-white);transition: .3s; }

.account-list .step-list>li .step-detail ul{padding-left: 20px;}
.account-list .step-list>li .step-detail ul li{list-style: disc;line-height: 1.3;}
.account-list .step-list>li .step-detail ul li.none{list-style: none;}
 
html[lang='mn-MN'] .account-list .step-list>li .step-detail ul li{font-size: 14px;}
html[lang='id-ID'] .account-list .step-list>li .step-detail ul li{font-size: 14px;}
html[lang='ar-AE'] .account-list .step-list>li .step-detail ul{padding-left: 0;padding-right: 20px;}
html[lang='ar-AE'] .account-list .step-list>li .step-detail ul li{text-align: right;}
html[lang='ar-AE'] .account-list .step-detail a{right: 20px;}
html[lang='en-IN'] .account-list .step-detail a,
html[lang='en-PH'] .account-list .step-detail a{text-transform: uppercase;}

.account-list .step-list>li:nth-child(1) .account-step,
.account-list .step-list>li:nth-child(1) .step-detail{background:#FF8E5C;}
.account-list .step-list>li:nth-child(2) .account-step,
.account-list .step-list>li:nth-child(2) .step-detail{background:#E35728;}
.account-list .step-list>li:nth-child(3) .account-step,
.account-list .step-list>li:nth-child(3) .step-detail{background:#034854;margin-right:0px;}

.account-list-apac .step-list>li:nth-child(1) .account-step,
.account-list-apac .step-list>li:nth-child(1) .step-detail{background:#FF8E5C;}
.account-list-apac .step-list>li:nth-child(2) .account-step,
.account-list-apac .step-list>li:nth-child(2) .step-detail{background:#E87B6D;}
.account-list-apac .step-list>li:nth-child(3) .account-step,
.account-list-apac .step-list>li:nth-child(3) .step-detail{background:#E35728;margin-right:12px;}
.account-list-apac .step-list>li:nth-child(4) .account-step,
.account-list-apac .step-list>li:nth-child(4) .step-detail{background:#034854;margin-right:0px;}

html[lang='ar-AE'] .account-list .step-list>li .step-detail {margin-right:0px;margin-left: 12px;}
html[lang='ar-AE'] .account-list .step-list{flex-direction: row-reverse;margin-right: 20px;}
html[lang='ar-AE'] .account-list .step-list>li .step-text{text-align: right;}
html[lang='ar-AE'] .account-list .step-list>li::after{right: 20px;}
html[lang='ar-AE'] .account-list .step-detail .img-box{display: flex;}
html[lang='ar-AE'] .account-list .step-detail p{text-align: right;}
html[lang='ar-AE'] .account-list .step-detail a{ text-align: right;}

@media (max-width:1024px){
  .account-list .step-list>li {width:auto;max-width:350px;}
  .account-list .step-list>li .step-detail {margin-right:0px;}

  html[lang='ar-AE'] .account-list .step-list>li{max-width: 300px;}
  html[lang='ar-AE'] .account-list .step-list>li .step-detail {margin-left:0px;}
  html[lang='ar-AE'] .account-list .step-list{flex-direction: row;margin-right: 20px;}
  html[lang='ar-AE'] .account-list .step-list>li::after{left: 100%;right: unset;}
  }
@media (max-width:510px){
  .account-list .step-list {margin-left: 0px;}
  .account-list .step-list>li {width:250px;}
  .account-list .step-list>li .step-text {margin-bottom: 20px;}
  .account-list .step-detail p {font-size: 18px;}
  .account-list h2{margin-bottom: 9px;}
  .account-list h2 span {background:url(/wp-content/themes/vantage/images/forex-trading-icon3.svg)center center no-repeat;top:0px;margin-top: 0px;width: 17px;height: 17px;}

}