.trading-platform-banner{padding-top: 114px;padding-bottom: 115px;background-color: var(--v-grey-light2);}
.trading-platform-banner .inner{max-width: 1755px;display: flex;flex-direction: column;align-items: center;position: relative;}
.trading-platform-banner-top{width: 100%;height: 400px;display: flex;align-items: center;overflow-x: clip;}
.trading-platform-banner-top .swiper-box{display: flex;width: 100%;cursor: none;justify-content: center;}
.trading-platform-banner-top .imgList{cursor: none;width: calc(100%/7) !important;display: flex;justify-content: space-around;align-items: center;transform: translateX(calc(var(--y)*6%)) translateY(calc(var(--y)*18px));transition: all .2s linear;}
.trading-platform-banner-top .imgList img{max-width: 300px;}
.trading-platform-banner-top .imgList.active,.trading-platform-banner-top .imgList:hover{transform: translateX(calc(var(--y)*6%)) translateY(calc(var(--y)*23px - 15%));}
.trading-platform-banner-bottom{width: 100%;max-width: 560px;position: relative;padding-left: 20px;padding-right: 20px;}
.trading-platform-banner-bottom .swiper-slide{display: flex;flex-direction: column;align-items: center;}
.trading-platform-banner-bottom .swiper-slide p.title-ill,
.trading-platform-banner-bottom .swiper-slide h1{color: var(--v-orange);font-size: 19px;margin-bottom: 0px;font-weight: 600;line-height: 1.05;}
.trading-platform-banner-bottom .swiper-slide h2{font-size: var(--fs-56);color: var(--v-black);margin: 7px 0px;font-weight: 600;text-align: center;}
.trading-platform-banner-bottom .swiper-slide p{font-size: var(--fs-16);text-align: center;color: var(--v-black);}
.trading-platform-banner-bottom .swiper-slide a{width: 186px;height: 49px;font-size: 16px;line-height: 49px;padding: 0px 0px !important;text-align: center;}
.trading-platform-banner-bottom .swiper-button-next, 
.trading-platform-banner-bottom .swiper-button-prev{width: 30px !important;height: 30px !important;display: flex !important;justify-content: space-around;align-items: center;outline: none;top: 70px;}
.trading-platform-banner-bottom .swiper-button-next{right: 0;}
.trading-platform-banner-bottom .swiper-button-prev{left: 0;}
.trading-platform-banner-bottom .swiper-button-next::after{content: 'next';}
.trading-platform-banner-bottom .swiper-button-prev::after{content: 'prev';}
.trading-platform-banner-bottom .swiper-button-next::after,
.trading-platform-banner-bottom .swiper-button-prev::after{color: #000;opacity: .7;font-size: 12px;font-weight: bold;font-family: swiper-icons;text-transform: none !important;letter-spacing: 0;font-variant: initial;line-height: 1;}
.trading-platform-banner-bottom .swiper-button-next::before,
.trading-platform-banner-bottom .swiper-button-prev::before{content: '';background-color: none;display: block;width: 10px;height: 10px;transition: all .15s linear;position: absolute;border-radius: 50%;}
.trading-platform-banner-bottom .swiper-button-next:hover::before,
.trading-platform-banner-bottom .swiper-button-prev:hover::before{background-color: var(--v-grey-light4);width: 50px;height: 50px;opacity: .6;}

.trading-platform-content{padding-top: 64px;padding-bottom: 116px;background-color: var(--v-white);}
.trading-platform-content .inner h2{font-size: var(--fs-56);font-weight: 600;margin-bottom: 40px;color: #002329;text-align: center;}
.trading-platform-content .inner h2 span{color: var(--v-orange);}
.trading-platform-content .inner .content-tabbar{position: relative;width: 100%;max-width: 1035px;border-bottom: 1px solid #D1D1D1;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;font-size: var(--fs-22);color: var(--fs-22);}
html[lang='kk-KZ'] .trading-platform-content .inner .content-tabbar,
html[lang='ru-RU'] .trading-platform-content .inner .content-tabbar { max-width: unset;}
.trading-platform-content .inner .content-tabbar li{border-bottom: 3px solid rgba(0, 0, 0, 0);transform: translateY(1.5px);}
.trading-platform-content .inner .content-tabbar li h3{padding-bottom:8px;margin-bottom: 0px;cursor: pointer;color: var(--v-black);font-size: var(--fs-22);line-height: 1.3;font-weight: 400;}
.trading-platform-content .inner .content-list{margin: 0 auto;margin-top: 58px;width: 100%;max-width: 1400px;height: min-content;}
.trading-platform-content .inner .content-list li{width: 100%;max-width: 1400px;display: flex;justify-content: space-between;display: none;}
.trading-platform-content .inner .content-list li.active{display: flex;}
.trading-platform-content .inner .content-list li .content-list-left{transition: all .2s linear;margin-right: 40px;border-radius: 20px;overflow: hidden;max-width: 700px;max-height: 520px;}
.trading-platform-content .inner .content-list li .content-list-left img{transition-property:transform;transition-duration: .1s;}
.trading-platform-content .inner .content-list li .content-list-right{transition: all .2s linear;width: 100%;max-width: 555px;}
.trading-platform-content .inner .content-list li .content-list-right .content-list-right-tit{font-size: 28px;padding-left: 0px;color: var(--v-black);margin-bottom: 25px;font-weight: 500;}
.trading-platform-content .inner .content-list li .content-list-right p{padding-left: 40px;font-size: var(--fs-14);font-weight: 400;color: var(--v-black);letter-spacing: 1px;position: relative;line-height: 1.2;}
.trading-platform-content .inner .content-list li .content-list-right p .content-list-right-icon{position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;border-radius: 50%;color: var(--v-white);background-color: rgb(20, 120, 117);display: flex;justify-content: space-around;align-items: center;}
.trading-platform-content .inner .content-list li .content-list-right p:last-child{margin-bottom: 0px;}
.trading-platform-content .inner .content-list li .content-list-right a{width: 186px;height: 49px;font-size: 16px;line-height: 49px;padding: 0px 0px !important;text-align: center;}
.trading-platform-content .inner .content-tabbar .swiper{overflow-x: clip !important;overflow: unset;}
.trading-platform-content .inner .content-tabbar .swiper-tabbar{width: 100%;}
.trading-platform-content .inner .content-tabbar .swiper-tabbar-con{width: 100%;display: flex;justify-content: space-between;}
.trading-platform-content .inner .content-tabbar .swiper-slide{width: max-content;margin-right: 10px;}
.swiper-button-disabled{opacity:0;z-index: 0 !important;}
.trading-platform-content .inner .content-tabbar #selected-block{position: absolute;background-color: var(--v-orange);height: 3px;transition: all .3s linear;}

.trading-platform-content .inner .content-tabbar .swiper-slide.active h3{color: var(--v-orange);font-weight: 600;}
.faq-module{background-color: #F2F3F5;}

.cursor path{fill: var(--v-white);}
.cursor, .cursor2{transform: scale(1);position: fixed;z-index: 10;top: 0;left: 0;width: 80px;height: 80px;border-radius: 40px;transition: transform .4s cubic-bezier(0, 0.02, 0, 1),opacity .5s;opacity: 0;pointer-events: none;background: rgba(233, 229, 229, 0);backdrop-filter: blur(5px);}
.cursor2{background-color: rgba(0, 0, 0, 0.644);opacity: 0;z-index:11;display: flex;justify-content: space-around;align-items: center;}
.cursor2::after{content: '';display: block;width: 108px;height: 108px;border-radius: 54px;box-sizing: border-box;border: 1.5px dashed #000;position: absolute;top: -14px;left: -14px;animation: rollBorder 10s linear infinite;overflow: hidden;}
.noshow {opacity: 0 !important;transform: scale(0);}

html[lang='ar-AE'] .trading-platform-content .inner .content-list li .content-list-right p{text-align: right;padding-left: 0px;padding-right: 40px;}
html[lang='ar-AE'] .trading-platform-content .inner .content-list li .content-list-right p .content-list-right-icon{left: unset;right: 0px;}
html[lang='ar-AE'] .trading-platform-content .inner .content-list li .content-list-right a{float: right;}

@media (pointer: fine) {
    .cursor, .cursor2{
        opacity: 1;
    }
}

@keyframes rollBorder {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

@media (max-width:1640px) {
    .trading-platform-banner-top .imgList img{max-width:260px;}
    .trading-platform-banner-top .imgList{transform: translateX(calc(var(--y)*20%)) translateY(calc(var(--y)*18px));}
    .trading-platform-banner-top .imgList.active,.trading-platform-banner-top .imgList:hover{transform: translateX(calc(var(--y)*20%)) translateY(calc(var(--y)*18px - 15%));}
}

@media (max-width:1580px) {
    .trading-platform-banner-top .imgList{transform: translateX(calc(var(--y)*14%)) translateY(calc(var(--y)*16px));}
    .trading-platform-banner-top .imgList.active,.trading-platform-banner-top .imgList:hover{transform: translateX(calc(var(--y)*14%)) translateY(calc(var(--y)*16px - 15%));}
}

@media (max-width:1440px) {
    .trading-platform-banner{padding-top: 80px;padding-bottom: 80px;}
    .trading-platform-banner-top{height: 280px;}
    .trading-platform-banner-top .imgList{cursor: pointer;}
    .trading-platform-banner-top .imgList img{max-width: 100%;}
    .trading-platform-banner-top .imgList{transform: translateX(calc(var(--y)*30%)) translateY(calc(var(--y)*12px));}
    .trading-platform-banner-top .imgList.active,.trading-platform-banner-top .imgList:hover{transform: translateX(calc(var(--y)*30%)) translateY(calc(var(--y)*12px - 15%));}
    
    .trading-platform-content{padding-bottom: 80px;}
    .trading-platform-content .inner .content-list li .content-list-right .content-list-right-tit{font-size: var(--fs-24);}
    .trading-platform-content .inner .content-list li .content-list-left{max-width: 520px;}
    .trading-platform-content .inner .content-list li .content-list-right{width: 50%;}
}

@media (max-width:1240px) {
    .trading-platform-banner-top .imgList{transform: translateX(calc(var(--y)*30%)) translateY(calc(var(--y)*10px));}
    .trading-platform-banner-top .imgList.active,.trading-platform-banner-top .imgList:hover{transform: translateX(calc(var(--y)*30%)) translateY(calc(var(--y)*10px - 15%));}
}

@media (max-width:1024px) {
    .trading-platform-content .inner .content-list{height: auto !important;margin-top: 40px;}
    .trading-platform-content .inner .content-list li {flex-direction: column;align-items: center;}
    .trading-platform-content .inner .content-list li .content-list-left{margin-top: 0px; margin-right: 0px;margin-bottom: 30px;max-height: 520px;}
    .trading-platform-content .inner .content-list li .content-list-right{width: 100%;max-width: 80%;}
    
}
@media (max-width:820px) {
    .trading-platform-banner-top .imgList img{max-width: 120%;}
    .trading-platform-banner-top .imgList{transform: translateX(calc(var(--y)*18%)) translateY(calc(var(--y)*8px));}
    .trading-platform-banner-top .imgList.active,.trading-platform-banner-top .imgList:hover{transform: translateX(calc(var(--y)*18%)) translateY(calc(var(--y)*8px - 15%));}
    .trading-platform-content .inner .content-tabbar{border-bottom: none;}
    .trading-platform-content .inner .content-tabbar li{transform: translateY(0px);}
    .trading-platform-content .inner .content-tabbar li h3{padding-bottom: 1px;}
    .trading-platform-content .inner .content-tabbar .swiper-slide.active li p{color: var(--v-orange);}
    .trading-platform-content .inner .content-tabbar .swiper-tabbar-con{border-bottom: 1px solid #D1D1D1;width: fit-content;}

    .trading-platform-content .inner .content-tabbar #selected-block{height: 1px;transform: translateY(2px);}
}
@media (max-width:768px) {
    .trading-platform-banner-top{height: 180px;}
    .trading-platform-banner{padding-top: 50px;padding-bottom: 50px;}
    .trading-platform-content .inner h2{margin-bottom: 20px;}
    .trading-platform-content .inner .content-list{margin-top: 20px;}
    .trading-platform-content .inner .content-list li .content-list-right .content-list-right-tit{margin-bottom: 20px;line-height: 25px;}
    .trading-platform-content .inner .content-list li .content-list-right p{margin-bottom: 15px;padding-left: 37px;font-size: 14px;line-height: 16px;}
}
@media (max-width:510px) {
    .cursor, .cursor2{display: none !important;}
    .trading-platform-banner{padding-top: 50px;padding-bottom: 50px;}
    .trading-platform-banner .inner{padding-left: 0px;padding-right: 0px;}
    .trading-platform-banner-top{height: auto;padding: 10px 0px 30px 0px;}
    .trading-platform-banner-top .swiper3{opacity: 0;transition: opacity .2s linear;}
    .trading-platform-banner-top .imgList img{max-width: 120%;}
    .trading-platform-banner-top .imgList{transform: translateX(calc(var(--y)*16%)) translateY(calc(var(--y)*4px));}
    .trading-platform-banner-top .imgList.active,.trading-platform-banner-top .imgList:hover{transform: translateX(calc(var(--y)*16%)) translateY(calc(var(--y)*4px - 15%));}
    .trading-platform-banner-bottom .swiper-slide p.title-ill,
    .trading-platform-banner-bottom .swiper-slide h1{font-size: 14px;}
    .trading-platform-banner-bottom .swiper-slide h2{margin: 1px 0px;font-size: 22px;}
    .trading-platform-banner-bottom .swiper-slide p{margin-bottom: 16px;padding: 0px 10px;}
    .trading-platform-banner-bottom .swiper-button-prev{left: 5px;}
    .trading-platform-banner-bottom .swiper-button-next{right: 5px;}

    .trading-platform-content{padding-top: 40px;padding-bottom: 25px;}
    .trading-platform-content .inner{padding: 0px 0px;}
    .trading-platform-content .inner h2{margin-bottom: 10px;}
    .trading-platform-content .inner .content-tabbar .swiper-tabbar,.trading-platform-content .inner .content-list{padding: 0px 20px;}
    .trading-platform-content .inner .content-tabbar li h3{font-size: 14px;line-height: 16px;padding-bottom: 2px;}
    .trading-platform-content .inner .content-list{margin-top: 20px;}
    .trading-platform-content .inner .content-list li .content-list-left{width: 84%;margin-bottom: 17px;}
    .trading-platform-content .inner .content-list li .content-list-right{max-width: 100%;}
}
@media (max-width:360px) {
    .trading-platform-banner-bottom .swiper-slide p{width: 230px;}
}