.slider-controls {
    justify-content: center;
    display: flex;
    position: relative
}

.slider-controls__pagination {
    gap: 8px;
    width: 208px;
    padding: 20px 28px;
    display: flex
}

@media (width>=1024px) {
    .slider-controls__pagination {
        width: 300px
    }
}

.-rtl-mode .slider-controls__pagination {
    transform: rotate(180deg)
}

.slider-controls__item {
    cursor: pointer;
    background: #828ca0;
    border-radius: 2px;
    flex-grow: 1;
    height: 4px;
    position: relative;
    overflow: hidden
}

.slider-controls__item:before {
    content: "";
    border-radius: 1px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 1px 0 1px #00000040
}

.slider-controls__item._active:before {
    background: #fff;
    animation: 5s linear progressBar
}

.slider-controls._light .slider-controls__item {
    background: #e2e6f9
}

.slider-controls._light .slider-controls__item._active:before {
    background: #0c34f0
}

@keyframes progressBar {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

.min-deposit {
    z-index: 1;
    color: #0b0b16;
    background: #e2e6f9;
    padding-top: 100px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden
}

@media (width>=768px) {
    .min-deposit {
        padding-top: 156px;
        padding-bottom: 96px
    }
}

@media (width>=1000px) {
    .min-deposit {
        padding-top: 233px
    }
}

.min-deposit:after {
    content: "";
    z-index: -2;
    background: #0c34f0;
    width: 100%;
    height: 246px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0
}

@media (width>=768px) {
    .min-deposit: after {
        display:none
    }
}

.min-deposit__container {
    flex-direction: column;
    display: flex;
    position: relative
}

@media (width>=768px) {
    .min-deposit__container {
        justify-content: center;
        align-items: flex-start;
        min-height: 250px;
        position: static
    }
}

@media (width>=1024px) {
    .min-deposit__container {
        min-height: 480px
    }
}

.-rtl-mode .min-deposit__container {
    direction: rtl
}

.min-deposit__subtitle {
    text-transform: uppercase;
    margin: 0;
    font-size: 14px;
    line-height: 140%
}

@media (width>=768px) {
    .min-deposit__subtitle {
        max-width: calc(50% - 100px)
    }
}

@media (width>=1024px) {
    .min-deposit__subtitle {
        max-width: calc(50% - 150px);
        font-size: 16px
    }
}

.min-deposit h2.min-deposit__title {
    align-self: flex-start;
    margin: 8px 0 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 110%
}

@media (width>=768px) {
    .min-deposit h2.min-deposit__title {
        max-width: calc(50% - 60px)
    }
}

@media (width>=1024px) {
    .min-deposit h2.min-deposit__title {
        max-width: calc(50% - 100px);
        margin-top: 16px;
        font-size: 56px;
        line-height: 116%
    }
}

@media (width>=1280px) {
    .min-deposit h2.min-deposit__title {
        letter-spacing: -2px;
        font-size: 64px
    }
}

@media (width>=1024px) {
    .-rtl-mode .min-deposit h2.min-deposit__title {
        max-width: calc(50% - 40px)
    }
}

.min-deposit h2.min-deposit__title>* {
    color: #0c34f0;
    display: block
}

.min-deposit__description {
    color: #fff;
    order: 1;
    margin: -18px 0 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 142%
}

@media (width>=768px) {
    .min-deposit__description {
        max-width: calc(50% - 100px);
        color: inherit;
        order: 0;
        margin-top: 16px
    }
}

@media (width>=1024px) {
    .min-deposit__description {
        width: 450px;
        max-width: calc(50% - 150px);
        margin-top: 32px;
        font-size: 20px;
        line-height: 140%
    }
}

@media (width>=1280px) {
    .min-deposit__description {
        font-size: 24px
    }
}

@media (width>=1024px) {
    .-rtl-mode .min-deposit__description {
        width: 350px
    }
}

.min-deposit__pic {
    z-index: -1;
    min-height: 360px;
    display: block;
    position: relative
}

@media (width>=768px) {
    .min-deposit__pic {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }
}

.min-deposit__pic:after {
    content: "";
    background: linear-gradient(#0c34f000 0%,#0c34f0 100%);
    width: 768px;
    height: 300px;
    display: block;
    position: absolute;
    bottom: -138px;
    left: 50%;
    transform: translate(-50%)
}

@media (width>=768px) {
    .min-deposit__pic: after {
        background-image:none
    }
}

.min-deposit__img {
    width: 768px;
    display: block;
    position: absolute;
    bottom: -138px;
    left: 50%;
    transform: translate(-50%)
}

@media (width>=768px) {
    .min-deposit__img {
        width: 820px;
        bottom: 0;
        left: calc(50% - 265px);
        transform: none
    }
}

@media (width>=1024px) {
    .min-deposit__img {
        width: auto;
        left: calc(50% - 440px)
    }
}

@media (width>=768px) {
    .-rtl-mode .min-deposit__img {
        left: auto;
        right: calc(50% - 185px)
    }
}

@media (width>=1024px) {
    .-rtl-mode .min-deposit__img {
        right: calc(50% - 290px)
    }
}

.min-deposit__btn {
    color: #fff;
    order: 1;
    width: 100%;
    margin: 24px auto 0
}

@media (width>=768px) {
    .min-deposit__btn {
        order: 0;
        width: auto;
        min-width: 260px;
        margin-left: 0;
        margin-right: 0
    }
}

@media (width>=1024px) {
    .min-deposit__btn {
        margin-top: 40px
    }
}

@media (width>=1280px) {
    .min-deposit__btn {
        margin-top: 64px
    }
}

@media (width<=767px) {
    .min-deposit__btn._primary,.min-deposit__btn._primary: hover {
        background:#ff5c00
    }
}

.platforms {
    background-color: #f3f5fe;
    padding: 48px 0
}

@media (width>=768px) {
    .platforms {
        background-color: initial;
        padding: 0
    }
}

.-rtl-mode .platforms {
    direction: rtl
}

.platforms__container {
    flex-direction: column;
    display: flex
}

@media (width>=768px) {
    .platforms__container {
        background: #f3f5fe;
        border-radius: 16px;
        padding: 48px 20px
    }
}

@media (width>=1024px) {
    .platforms__container {
        z-index: 1;
        border-radius: 32px;
        padding: 72px 628px 72px 48px;
        position: relative
    }

    .-rtl-mode .platforms__container {
        padding-left: 628px;
        padding-right: 48px
    }
}

.platforms__title {
    text-align: center;
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 110%
}

@media (width>=768px) {
    .platforms__title {
        text-align: initial
    }
}

@media (width>=1024px) {
    .platforms__title {
        font-size: 48px;
        font-weight: 700;
        line-height: 56px
    }
}

.platforms__text {
    margin-top: 16px;
    font-size: 16px;
    line-height: 132%
}

@media (width>=768px) {
    .platforms__text {
        margin-top: 24px
    }
}

@media (width>=1024px) {
    .platforms__text {
        letter-spacing: .5px;
        margin-top: 44px;
        font-family: Roboto,Arial,sans-serif;
        line-height: 24px
    }
}

.platforms__text p {
    margin: 0
}

.platforms__text p:not(:first-child) {
    margin-top: 8px
}

@media (width>=1024px) {
    .platforms__text p: not(:first-child) {
        margin-top:0
    }
}

.platforms__text ul {
    margin: 0;
    padding-left: 24px
}

.platforms__text li {
    margin-top: 8px
}

@media (width>=1024px) {
    .platforms__text li {
        margin-top: 0
    }
}

.platforms__list {
    order: -1;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

@media (width>=768px) {
    .platforms__list {
        order: initial;
        margin-top: 24px
    }
}

@media (width>=1024px) {
    .platforms__list {
        margin-top: 44px
    }
}

.platforms__item {
    color: #fff;
    letter-spacing: .5px;
    border-radius: 7px;
    padding: 3px 15px;
    font-family: Roboto,Arial,sans-serif;
    font-size: 12px;
    line-height: 24px
}

@media (width>=1024px) {
    .platforms__item {
        font-size: 16px
    }
}

.platforms__item:first-child {
    background-color: #0c34f0
}

.platforms__item:nth-child(2) {
    background-color: #ff5c00
}

.platforms__item:nth-child(3) {
    background-color: #5dc2fb
}

.platforms__pic {
    order: -1;
    align-self: center;
    margin: 16px -20px;
    display: flex
}

@media (width>=768px) {
    .platforms__pic {
        order: initial;
        margin: 16px 0 0
    }
}

@media (width>=1024px) {
    .platforms__pic {
        z-index: -1;
        margin-top: 0;
        position: absolute;
        top: 88px;
        right: 23px
    }

    .-rtl-mode .platforms__pic {
        left: 23px;
        right: initial
    }
}

.platforms__img {
    max-width: 100%
}

.platforms__apps {
    justify-content: center;
    align-self: center;
    margin-top: 24px;
    display: flex
}

@media (width>=768px) {
    .platforms__apps {
        display: none
    }
}

.platforms__btn {
    display: flex
}

.platforms__btn:not(.--visible) {
    display: none
}

.brands {
    padding: 48px 0
}

@media (width>=1024px) {
    .brands {
        padding: 92px 0
    }
}

.-rtl-mode .brands {
    direction: rtl
}

.brands__container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.brands__title {
    text-align: center;
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 110%
}

@media (width>=1024px) {
    .brands__title {
        font-size: 48px;
        font-weight: 700;
        line-height: 56px
    }
}

.brands__list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 8px;
    max-width: 550px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    display: flex
}

@media (width>=768px) {
    .brands__list {
        max-width: none
    }
}

@media (width>=1024px) {
    .brands__list {
        gap: 32px;
        max-width: 650px;
        margin-top: 64px
    }
}

@media (width>=1150px) {
    .brands__list {
        max-width: none
    }
}

.brands__item {
    background-repeat: no-repeat;
    background-size: contain;
    width: 88px;
    height: 43px;
    font-size: 0
}

@media (width>=1024px) {
    .brands__item {
        width: 125px;
        height: 60px
    }
}

.brands__item:first-child {
    width: 96px
}

@media (width>=1024px) {
    .brands__item: first-child {
        width:137px
    }
}

.brands__item:first-child {
    background-image: image-set("../img/index-page/index-body-za/brand-item-1.png" 1x,"../img/index-page/index-body-za/brand-item-1@2x.png" 2x)
}

.brands__item:nth-child(2) {
    background-image: image-set("../img/index-page/index-body-za/brand-item-2.png" 1x,"../img/index-page/index-body-za/brand-item-2@2x.png" 2x)
}

.brands__item:nth-child(3) {
    background-image: image-set("../img/index-page/index-body-za/brand-item-3.png" 1x,"../img/index-page/index-body-za/brand-item-3@2x.png" 2x)
}

.brands__item:nth-child(4) {
    background-image: image-set("../img/index-page/index-body-za/brand-item-4.png" 1x,"../img/index-page/index-body-za/brand-item-4@2x.png" 2x)
}

.brands__item:nth-child(5) {
    background-image: image-set("../img/index-page/index-body-za/brand-item-5.png" 1x,"../img/index-page/index-body-za/brand-item-5@2x.png" 2x)
}

.brands__item:nth-child(6) {
    background-image: image-set("../img/index-page/index-body-za/brand-item-6.png" 1x,"../img/index-page/index-body-za/brand-item-6@2x.png" 2x)
}

.brands__item:nth-child(7) {
    background-image: image-set("../img/index-page/index-body-za/brand-item-7.png" 1x,"../img/index-page/index-body-za/brand-item-7@2x.png" 2x)
}

.brands__btn {
    width: 100%;
    margin-top: 24px
}

@media (width>=768px) {
    .brands__btn {
        width: auto;
        min-width: 230px
    }
}

@media (width>=1024px) {
    .brands__btn {
        margin-top: 64px
    }
}

.safe {
    background: var(--color-primary-light);
    padding-top: 48px;
    padding-bottom: 24px
}

@media (width>=1024px) {
    .safe {
        padding-top: 92px;
        padding-bottom: 60px
    }
}

.safe__wrap {
    padding: 0
}

@media (width>=1024px) {
    .safe__wrap {
        padding: 0 20px
    }
}

.-rtl-mode .safe__title {
    text-align: right
}

@media (width>=1024px) {
    .safe__title: not(.text-left) {
        text-align:center
    }
}

.safe__list {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px;
    padding: 0 20px;
    display: flex
}

@media (width>=1024px) {
    .safe__list {
        margin-top: 64px;
        padding: 0;
        overflow: visible
    }
}

.-rtl-mode .safe__list {
    direction: rtl
}

.safe__list-inner {
    list-style: none;
    display: flex
}

@media (width>=1024px) {
    .safe__list-inner {
        flex-direction: column;
        gap: 20px;
        width: 45%;
        max-width: 487px
    }
}

.-rtl-mode .safe__list-inner {
    direction: rtl
}

.safe__item {
    padding: var(--space_s);
    border: 1px solid var(--color-primary);
    border-radius: var(--radius_m);
    background-color: var(--color-white);
    color: var(--color-primary)
}

.safe__item:not(:last-child) {
    margin-right: 24px
}

.-rtl-mode .safe__item:not(:last-child) {
    margin-left: 24px;
    margin-right: 0
}

@media (width>=1024px) {
    .safe__item {
        width: 100%;
        max-width: unset;
        padding: var(--space_m);
        border-color: var(--color-white);
        border-radius: var(--radius_l);
        background-color: var(--color-white);
        color: var(--color-black);
        margin: 0;
        transition: all .3s ease-in-out
    }

    .safe__item._active {
        color: var(--color-primary);
        border-color: var(--color-primary)
    }
}

.safe__item:before {
    content: "";
    border-radius: var(--radius_l);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 248px;
    height: 285px;
    display: block;
    overflow: hidden
}

@media (width>=1024px) {
    .safe__item: before {
        display:none
    }
}

.safe__item-title {
    font-weight: var(--subtitle_1_font-weight);
    font-size: var(--subtitle_1_font-size);
    line-height: var(--hsubtitle_1_line-height);
    margin: 16px 0 0
}

@media (width>=1024px) {
    .safe__item-title {
        font-weight: var(--headline_3_font-weight);
        font-size: var(--headline_3_font-size);
        line-height: var(--headline_3_line-height);
        margin-top: 0
    }
}

.safe__item-list {
    margin-top: 12px
}

.safe__item._transparent:before {
    background-image: image-set("../img/main-page-redesign/safe-item1.jpg" 1x,"../img/main-page-redesign/safe-item1@2x.jpg" 2x)
}

.safe__item._ideas:before {
    background-image: image-set("../img/main-page-redesign/safe-item2.jpg" 1x,"../img/main-page-redesign/safe-item2@2x.jpg" 2x)
}

.safe__item._education:before {
    background-image: image-set("../img/main-page-redesign/safe-item3.jpg" 1x,"../img/main-page-redesign/safe-item3@2x.jpg" 2x)
}

.safe__item._za:first-child:before {
    background-image: image-set("../img/index-page/index-body-za/conditions-item-1.jpg" 1x,"../img/index-page/index-body-za/conditions-item-1@2x.jpg" 2x)
}

.safe__item._za:nth-child(2):before {
    background-image: image-set("../img/index-page/index-body-za/conditions-item-2.jpg" 1x,"../img/index-page/index-body-za/conditions-item-2@2x.jpg" 2x)
}

.safe__item._za:nth-child(3):before {
    background-image: image-set("../img/index-page/index-body-za/conditions-item-3.jpg" 1x,"../img/index-page/index-body-za/conditions-item-3@2x.jpg" 2x)
}

.safe__preview {
    display: none;
    overflow: hidden
}

@media (width>=1024px) {
    .safe__preview {
        width: 520px;
        height: 600px;
        padding-bottom: 50%;
        display: block;
        position: relative
    }
}

.safe__preview-img {
    opacity: 0;
    width: auto;
    height: 100%;
    position: absolute
}

.safe__preview-img._active {
    opacity: 1
}

@media (width<=1024px) {
    .safe .swiper-slide {
        width: 280px;
        height: auto
    }
}

.safe .swiper-scrollbar {
    background-color: var(--color-white);
    border-radius: var(--radius_xs);
    width: 100%;
    height: 4px;
    margin-top: 16px
}

@media (width>=1024px) {
    .safe .swiper-scrollbar {
        display: none
    }
}

.safe .swiper-scrollbar-drag {
    background-color: var(--color-primary);
    border-radius: var(--radius_xs);
    height: 100%
}

.best {
    background-color: var(--color-primary-light);
    padding-top: 24px;
    padding-bottom: 49px
}

@media (width>=1024px) {
    .best {
        padding-top: 45px;
        padding-bottom: 92px
    }
}

.best__container {
    flex-direction: column;
    display: flex
}

@media (width>=1024px) {
    .best__title {
        text-align: center;
        width: 635px;
        margin-left: auto;
        margin-right: auto
    }
}

.best__list {
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(96px,auto);
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    display: grid
}

@media (width>=769px) {
    .best__list {
        grid-gap: 24px;
        grid-template-columns: repeat(4,1fr);
        grid-auto-rows: minmax(160px,auto);
        width: 100%;
        max-width: none
    }
}

@media (width>=1024px) {
    .best__list {
        margin-top: 50px
    }
}

.-rtl-mode .best__list {
    direction: rtl
}

.best__item {
    background-color: var(--color-white);
    border-radius: var(--radius_m);
    background-repeat: no-repeat;
    padding: 12px
}

@media (width>=769px) {
    .best__item {
        padding: 20px
    }
}

.best__item._awards {
    background-position: bottom;
    background-size: 167px;
    grid-area: 1/1/3;
    min-height: 170px
}

@media (width>=769px) {
    .best__item._awards {
        background-position: right 7% bottom;
        background-size: 56%;
        grid-area: 1/1;
        min-height: auto
    }

    .-rtl-mode .best__item._awards {
        background-position: left 7% bottom
    }
}

.best__item._awards:not(._za) {
    background-image: url(../img/main-page-redesign/best-awards-mob.webp)
}

html .best__item._awards:not(._za) {
    background-image: -webkit-image-set(url(../img/main-page-redesign/best-awards-mob@2x.webp) 2x,url(../img/main-page-redesign/best-awards-mob.webp) 1x)
}

@media (width>=769px) {
    .best__item._awards: not(._za) {
        background-image:url(../img/main-page-redesign/best-awards-desk.webp)
    }

    html .best__item._awards:not(._za) {
        background-image: -webkit-image-set(url(../img/main-page-redesign/best-awards-desk@2x.webp) 2x,url(../img/main-page-redesign/best-awards-desk.webp) 1x)
    }
}

.best__item._awards._za {
    background-image: url(../img/main-page-redesign/best-awards-za-2024.webp)
}

html .best__item._awards._za {
    background-image: -webkit-image-set(url(../img/main-page-redesign/best-awards-za-2024@2x.webp) 2x,url(../img/main-page-redesign/best-awards-za-2024.webp) 1x)
}

.best__item._accounts {
    background-image: url(../img/main-page-redesign/best-accounts-mob.webp);
    background-position: right -10px top;
    background-size: 65px;
    grid-area: 1/2;
    min-height: 96px
}

html .best__item._accounts {
    background-image: -webkit-image-set(url(../img/main-page-redesign/best-accounts-mob@2x.webp) 2x,url(../img/main-page-redesign/best-accounts-mob.webp) 1x)
}

@media (width>=769px) {
    .best__item._accounts {
        background-image: url(../img/main-page-redesign/best-accounts-desk.webp);
        background-position: 120px 50%;
        background-size: auto 100%;
        grid-area: 1/3;
        min-height: auto
    }

    html .best__item._accounts {
        background-image: -webkit-image-set(url(../img/main-page-redesign/best-accounts-desk@2x.webp) 2x,url(../img/main-page-redesign/best-accounts-desk.webp) 1x)
    }
}

.best__item._accounts .best__item-text {
    width: 75px
}

@media (width>=769px) {
    .best__item._accounts .best__item-text {
        width: 30%
    }
}

.-rtl-mode .best__item._accounts {
    background-image: url(../img/main-page-redesign/best-accounts-mob-pk.webp);
    background-position: -10px 0
}

html .-rtl-mode .best__item._accounts {
    background-image: -webkit-image-set(url(../img/main-page-redesign/best-accounts-mob-pk@2x.webp) 2x,url(../img/main-page-redesign/best-accounts-mob-pk.webp) 1x)
}

@media (width>=769px) {
    .-rtl-mode .best__item._accounts {
        background-image: url(../img/main-page-redesign/best-accounts-desk-pk.webp);
        background-position: right 120px center
    }

    html .-rtl-mode .best__item._accounts {
        background-image: -webkit-image-set(url(../img/main-page-redesign/best-accounts-desk-pk@2x.webp) 2x,url(../img/main-page-redesign/best-accounts-desk-pk.webp) 1x)
    }
}

.best__item._years {
    background-image: url(../img/main-page-redesign/best-years-mob.webp);
    background-position: 50% 5px;
    background-size: 112px;
    grid-area: 3/1/4;
    min-height: 143px;
    display: flex
}

html .best__item._years {
    background-image: -webkit-image-set(url(../img/main-page-redesign/best-years-mob@2x.webp) 2x,url(../img/main-page-redesign/best-years-mob.webp) 1x)
}

@media (width>=769px) {
    .best__item._years {
        background-image: url(../img/main-page-redesign/best-years-desk.webp);
        background-position: left 100% bottom 0;
        background-size: 49%;
        grid-area: 1/4;
        min-height: auto
    }

    html .best__item._years {
        background-image: -webkit-image-set(url(../img/main-page-redesign/best-years-desk@2x.webp) 2x,url(../img/main-page-redesign/best-years-desk.webp) 1x)
    }
}

@media (width>=1280px) {
    .best__item._years {
        background-size: 58%
    }
}

.best__item._years .best__item-text {
    margin-top: auto
}

@media (width>=769px) {
    .best__item._years .best__item-text {
        margin-top: 0
    }

    .-rtl-mode .best__item._years {
        background-position: 0
    }
}

.best__item._countries {
    background-image: url(../img/main-page-redesign/best-countries-mob.webp);
    background-position: left bottom 28px;
    background-size: 130px;
    grid-area: 2/2/4;
    min-height: 210px
}

html .best__item._countries {
    background-image: -webkit-image-set(url(../img/main-page-redesign/best-countries-mob@2x.webp) 2x,url(../img/main-page-redesign/best-countries-mob.webp) 1x)
}

@media (width>=769px) {
    .best__item._countries {
        background-image: url(../img/main-page-redesign/best-countries-desk.webp);
        background-position: 100%;
        background-size: 43%;
        grid-area: 1/2;
        min-height: auto
    }

    html .best__item._countries {
        background-image: -webkit-image-set(url(../img/main-page-redesign/best-countries-desk@2x.webp) 2x,url(../img/main-page-redesign/best-countries-desk.webp) 1x)
    }
}

@media (width>=1280px) {
    .best__item._countries {
        background-size: 57%
    }
}

@media (width>=769px) {
    .best__item._countries .best__item-text {
        width: 30%
    }

    .-rtl-mode .best__item._countries {
        background-image: url(../img/main-page-redesign/best-countries-mob.webp);
        background-position: 0
    }

    html .-rtl-mode .best__item._countries {
        background-image: -webkit-image-set(url(../img/main-page-redesign/best-countries-mob@2x.webp) 2x,url(../img/main-page-redesign/best-countries-mob.webp) 1x)
    }
}

.best__item-text {
    font-weight: var(--caption_font-weight);
    font-size: var(--caption_font-size);
    line-height: var(--caption_line-height);
    letter-spacing: var(--caption_letter-spacing);
    margin: 0
}

@media (width>=576px) {
    .best__item-text {
        font-weight: var(--body_2_font-weight);
        font-size: var(--body_2_font-size);
        line-height: var(--body_2_line-height);
        letter-spacing: var(--body_2_letter-spacing);
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing)
    }
}

.best__item-title {
    font-weight: var(--headline_4_font-weight);
    font-size: var(--headline_4_font-size);
    line-height: var(--headline_4_line-height);
    margin: 0;
    display: block
}

@media (width>=576px) {
    .best__item-title {
        font-weight: var(--headline_3_font-weight);
        font-size: var(--headline_3_font-size);
        line-height: var(--headline_3_line-height)
    }
}

.-rtl-mode .best__item {
    justify-content: flex-start;
    display: flex
}

.-rtl-mode .best__item .best__item-text {
    width: 44%
}

.best__testimonials {
    padding: var(--space_s)10%;
    background: var(--color-white);
    border-radius: var(--radius_m);
    margin-top: 20px
}

@media (width>=1024px) {
    .best__testimonials {
        max-width: none;
        padding: var(--space_l)var(--space_m)
    }
}

@media (width>=820px) {
    .best__testimonials-mobile {
        display: none
    }
}

.best__testimonials-desktop {
    display: none
}

@media (width>=820px) {
    .best__testimonials-desktop {
        display: block
    }
}

.best__btn {
    justify-content: center;
    align-self: center;
    margin-top: 24px
}

@media (width>=820px) {
    .best__btn {
        align-self: center;
        width: auto;
        margin-top: 40px
    }
}

.best__link-page-reviews {
    letter-spacing: 1.25px;
    color: #0c34f0;
    text-transform: uppercase;
    justify-content: center;
    margin-top: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 110%;
    display: flex
}

@media (width>=1024px) {
    .best__link-page-reviews {
        margin-top: 64px
    }
}

.invest {
    background-color: var(--color-primary-white);
    padding-top: 48px;
    padding-bottom: 48px
}

@media (width>=769px) {
    .invest {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (width>=1024px) {
    .invest {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.-rtl-mode .invest {
    direction: rtl
}

.invest__subtitle {
    font-weight: var(--body_2_font-weight);
    font-size: var(--body_2_font-size);
    line-height: var(--body_2_line-height);
    letter-spacing: var(--body_2_letter-spacing);
    margin: 20px 0 0
}

@media (width>=1024px) {
    .invest__subtitle {
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing);
        max-width: 385px;
        margin-top: 48px
    }
}

.invest__list {
    grid-gap: 24px 20px;
    grid-template-columns: repeat(auto-fit,minmax(129px,1fr));
    margin: 32px 0 0;
    padding: 0;
    display: grid
}

@media (width>=576px) {
    .invest__list {
        grid-template-columns: repeat(auto-fit,145px)
    }
}

@media (width>=1024px) {
    .invest__list {
        grid-gap: 40px;
        grid-template-columns: repeat(auto-fit,30%);
        margin-top: 40px
    }
}

.invest__item {
    font-weight: var(--body_2_font-weight);
    font-size: var(--body_2_font-size);
    line-height: var(--body_2_line-height);
    letter-spacing: var(--body_2_letter-spacing);
    flex-direction: column;
    display: flex
}

@media (width>=1024px) {
    .invest__item {
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing);
        flex-direction: row;
        align-items: center;
        max-width: 316px
    }
}

.invest__item:before {
    content: "";
    border-radius: var(--radius_m);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    width: 49.2%;
    margin-bottom: 16px;
    padding-bottom: 49.2%;
    display: block
}

@media (width>=1024px) {
    .invest__item: before {
        width:78px;
        margin-bottom: 0;
        margin-right: 24px;
        padding-bottom: 78px
    }

    .-rtl-mode .invest__item:before {
        margin-left: 24px;
        margin-right: 0
    }
}

.invest__item._leverage:before {
    background-image: url(../img/main-page-redesign/invest-icon-leverage.webp)
}

html .invest__item._leverage:before {
    background-image: -webkit-image-set(url(../img/main-page-redesign/invest-icon-leverage@2x.webp) 2x,url(../img/main-page-redesign/invest-icon-leverage.webp) 1x)
}

.invest__item._assets:before {
    background-image: url(../img/main-page-redesign/invest-icon-assets.webp)
}

html .invest__item._assets:before {
    background-image: -webkit-image-set(url(../img/main-page-redesign/invest-icon-assets@2x.webp) 2x,url(../img/main-page-redesign/invest-icon-assets.webp) 1x)
}

.invest__item._bonus:before {
    background-image: url(../img/main-page-redesign/invest-icon-bonus.webp)
}

html .invest__item._bonus:before {
    background-image: -webkit-image-set(url(../img/main-page-redesign/invest-icon-bonus@2x.webp) 2x,url(../img/main-page-redesign/invest-icon-bonus.webp) 1x)
}

.invest__item._status:before {
    background-image: url(../img/main-page-redesign/invest-icon-status.webp)
}

html .invest__item._status:before {
    background-image: -webkit-image-set(url(../img/main-page-redesign/invest-icon-status@2x.webp) 2x,url(../img/main-page-redesign/invest-icon-status.webp) 1x)
}

.invest__item._support:before {
    background-image: url(../img/main-page-redesign/invest-icon-support.webp)
}

html .invest__item._support:before {
    background-image: -webkit-image-set(url(../img/main-page-redesign/invest-icon-support@2x.webp) 2x,url(../img/main-page-redesign/invest-icon-support.webp) 1x)
}

.invest__item._pairs:before {
    background-image: url(../img/main-page-redesign/invest-icon-pairs.webp)
}

html .invest__item._pairs:before {
    background-image: -webkit-image-set(url(../img/main-page-redesign/invest-icon-pairs@2x.webp) 2x,url(../img/main-page-redesign/invest-icon-pairs.webp) 1x)
}

.invest__item._tg:before {
    background-image: url(../img/index-page/index-body-za/invest-item-1.jpg)
}

.invest__item._calendar:before {
    background-image: url(../img/index-page/index-body-za/invest-item-2.jpg)
}

.invest__item._iaf:before {
    background-image: url(../img/index-page/index-body-za/invest-item-3.jpg)
}

@media (width>=1280px) {
    .trade-app {
        padding-bottom: 92px
    }
}

.trade-app__container {
    background-color: var(--color-primary-light);
    flex-direction: column;
    padding-top: 305px;
    padding-bottom: 32px;
    display: flex;
    position: relative
}

@media (width>=1024px) {
    .trade-app__container {
        padding: 72px 20px
    }
}

@media (width>=1280px) {
    .trade-app__container {
        border-radius: var(--radius_xl);
        max-width: 1200px;
        padding-left: 48px;
        padding-right: 48px
    }
}

.-rtl-mode .trade-app__container {
    direction: rtl
}

.trade-app__wrap {
    justify-content: center;
    margin: auto;
    display: flex;
    position: absolute;
    top: 24px;
    left: 0;
    right: 0
}

@media (width>=1024px) {
    .trade-app__wrap {
        top: 0;
        bottom: 0;
        left: unset;
        align-items: center;
        justify-content: unset;
        width: 39%;
        right: 80px
    }

    .-rtl-mode .trade-app__wrap {
        left: 80px;
        right: unset
    }
}

.trade-app__img {
    object-fit: cover;
    max-width: 286px;
    height: auto;
    display: block
}

@media (width>=1024px) {
    .trade-app__img {
        max-width: 100%
    }
}

.trade-app__title {
    text-align: center;
    align-self: center;
    max-width: 650px;
    margin: 0
}

@media (width>=1024px) {
    .trade-app__title {
        text-align: left;
        align-self: flex-start;
        width: 50%;
        max-width: 535px
    }

    .-rtl-mode .trade-app__title {
        text-align: right
    }
}

.trade-app__description {
    font-weight: var(--body_2_font-weight);
    font-size: var(--body_2_font-size);
    line-height: var(--body_2_line-height);
    letter-spacing: var(--body_2_letter-spacing);
    text-align: center;
    align-self: center;
    max-width: 650px;
    margin: 20px 0 0
}

@media (width>=1024px) {
    .trade-app__description {
        font-weight: var(--body_1_font-weight);
        font-size: var(--body_1_font-size);
        line-height: var(--body_1_line-height);
        letter-spacing: var(--body_1_letter-spacing);
        text-align: left;
        align-self: flex-start;
        width: 50%;
        max-width: 490px
    }

    .-rtl-mode .trade-app__description {
        text-align: right
    }
}

.trade-app__apps {
    align-self: center;
    margin-top: 24px
}

@media (width>=1024px) {
    .trade-app__apps {
        display: none
    }
}

.trade-app__apps-item {
    display: block
}

.trade-app__apps-item:not(:first-child) {
    margin-top: 16px
}

.trade-app__qrcode {
    display: none
}

@media (width>=1024px) {
    .trade-app__qrcode {
        width: 125px;
        margin-top: 24px;
        display: block
    }
}

.trade-app__qrcode img {
    object-fit: contain;
    background-color: var(--color-white);
    border-radius: 16px;
    max-width: 100%;
    height: auto;
    display: block
}

.quotes-table {
    table-layout: fixed;
    border-collapse: collapse;
    letter-spacing: .25px;
    width: 100%;
    font-size: 14px;
    line-height: 20px
}

.quotes-table__head,.quotes-table__body {
    font-family: Roboto,Arial,sans-serif
}

.quotes-table__head .quotes-table__row {
    border-bottom: 1px solid var(--color-divider)
}

.quotes-table__body .quotes-table__row:not(:first-child),.quotes-table__foot .quotes-table__row {
    border-top: 1px solid var(--color-divider)
}

.quotes-table__col {
    padding: 0
}

.quotes-table__col:not(:first-child) {
    text-align: right
}

@media (width>=1024px) {
    .quotes-table__col: not(:first-child) {
        padding-right:calc(25% - 100px)
    }
}

.-rtl-mode .quotes-table__col:not(:first-child) {
    text-align: left
}

@media (width>=1024px) {
    .-rtl-mode .quotes-table__col: not(:first-child) {
        padding-left:calc(25% - 100px);
        padding-right: 0
    }
}

.quotes-table__head .quotes-table__col {
    vertical-align: top;
    color: var(--color-subscript);
    padding-bottom: 16px;
    font-weight: 400
}

.quotes-table__head .quotes-table__col:first-child {
    text-align: left
}

.-rtl-mode .quotes-table__head .quotes-table__col:first-child {
    text-align: right
}

.quotes-table__body .quotes-table__col {
    padding-top: 16px;
    padding-bottom: 15px
}

.quotes-table__body .quotes-table__col:first-child {
    letter-spacing: .1px;
    font-weight: 500
}

.quotes-table__body .quotes-table__col.-up {
    color: var(--color-success)
}

.quotes-table__body .quotes-table__col.-down {
    color: var(--color-error)
}

.quotes-table__foot {
    text-align: center;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 171%
}

.quotes-table__foot .quotes-table__col {
    padding-top: 21px
}

@media (width>=1024px) {
    .quotes-table__foot .quotes-table__col {
        padding-top: 40px
    }
}

.quotes-table__link {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 140%;
    display: inline-flex
}

@media (width>=1024px) {
    .quotes-table__link {
        gap: 4px;
        font-size: 16px
    }
}

.quotes-table__link:after {
    content: "";
    background-image: url(../img/svg-icons/icon-arrow-link.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 24px;
    min-height: 100%;
    display: block
}

.-rtl-mode .quotes-table__link:after {
    transform: rotate(180deg)
}

@media (width>=768px) {
    .page-tabs {
        border-radius: var(--radius_l);
        background: var(--color-white);
        padding: 32px
    }
}

.page-tabs__container {
    gap: 4px;
    margin-bottom: 16px;
    display: flex
}

@media (width>=375px) {
    .page-tabs__container {
        gap: 16px
    }
}

@media (width>=768px) {
    .page-tabs__container {
        justify-content: center;
        margin-bottom: 40px
    }
}

.page-tabs__item {
    border-radius: var(--radius_m);
    border: 1px solid var(--color-primary-light);
    background: var(--color-primary-light);
    color: var(--color-subscript);
    text-align: center;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    cursor: pointer;
    flex: auto;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    transition: all .2s linear
}

@media (width>=768px) {
    .page-tabs__item {
        flex: initial;
        min-width: 150px
    }
}

.page-tabs__item.-selected {
    border-color: var(--color-primary);
    color: var(--color-black);
    cursor: default
}

.page-tabs__content {
    border-radius: var(--radius_m);
    background: var(--color-white);
    padding: 24px 16px
}

@media (width>=768px) {
    .page-tabs__content {
        border-radius: var(--radius_l);
        padding: 0
    }
}

.page-tabs__content:not(.-selected) {
    display: none
}

.qr-code {
    align-items: center;
    gap: 16px;
    display: flex
}

.qr-code__image {
    object-fit: contain;
    filter: drop-shadow(0 0 26px #0c34f026);
    background-color: var(--color-white);
    border-radius: 16px;
    width: 150px;
    height: auto;
    display: block
}

.qr-code__info {
    max-width: 224px
}

.qr-code__text {
    color: var(--color-subscript);
    margin: 0;
    font-size: 16px;
    line-height: 132%
}

.qr-code__link {
    color: var(--color-primary);
    margin-top: 8px;
    padding: 0
}

.-rtl-mode .redesign-wrapper {
    text-align: right;
    direction: rtl
}

.headline-h1 {
    color: inherit;
    margin: 0 0 32px
}

.headline-h2 {
    margin: 0 0 16px
}

@media (width>=1024px) {
    .headline-h2 {
        margin-bottom: 32px
    }
}

.headline-h3 {
    margin-bottom: 16px
}

.headline-h1,._redesign .headline-h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 110%
}

@media (width>=1024px) {
    .headline-h1,._redesign .headline-h1 {
        font-size: 64px;
        line-height: 116%
    }
}

.headline-h2,._redesign .headline-h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 110%
}

@media (width>=1024px) {
    .headline-h2,._redesign .headline-h2 {
        font-size: 48px;
        line-height: 116%
    }
}

.headline-h3,._redesign .headline-h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 108%
}

@media (width>=1024px) {
    .headline-h3,._redesign .headline-h3 {
        font-size: 24px;
        line-height: 116%
    }
}

.subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 142%
}

@media (width>=1024px) {
    .subtitle {
        font-size: 24px;
        line-height: 140%
    }
}

.section {
    padding: 64px 0 32px
}

@media (width>=1024px) {
    .section {
        padding: 96px 0
    }
}

.section._bg-light {
    background: var(--color-primary-light)
}

.section-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 32px 48px;
    display: grid
}

@media (width>=768px) {
    .section-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.slider-bullets {
    justify-content: center;
    align-items: center;
    gap: 5px;
    display: flex
}

.slider-bullets__item {
    background-color: var(--color-divider);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    transition: background-color .3s
}

.slider-bullets__item._active {
    background-color: var(--color-primary)
}

.swiper-pagination-clickable .slider-bullets__item {
    cursor: pointer
}

.slider-bullets.swiper-pagination-lock {
    display: none
}

.slider-scrollbar {
    background-color: var(--color-divider);
    border-radius: var(--radius_xs);
    width: 100%;
    height: 6px
}

.slider-scrollbar__drag {
    background-color: var(--color-primary);
    border-radius: var(--radius_xs);
    height: 100%
}

.intro {
    z-index: 0;
    height: 100%;
    padding-top: calc(var(--header-height) + var(--header-menu-height) + 32px);
    background: var(--color-primary-light);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 64px;
    display: flex;
    position: relative;
    overflow: hidden
}

@media (width>=768px) {
    .intro {
        text-align: left;
        padding-bottom: 94px
    }

    .-rtl-mode .intro {
        text-align: right
    }
}

@media (width>=1024px) {
    .intro {
        min-height: calc(var(--header-height) + var(--header-menu-height) + 600px)
    }
}

@media (width>=1280px) {
    .intro {
        min-height: calc(var(--header-height) + var(--header-menu-height) + 720px)
    }
}

.intro__wrapper {
    flex-direction: column;
    align-items: center;
    gap: 0 24px;
    height: 100%;
    display: flex
}

@media (width>=768px) {
    .intro__wrapper {
        --content-column-width: 390px;
        grid-template-columns: var(--content-column-width)1fr;
        grid-template-areas: "date picture""title picture""subtitle picture""button picture""reviews picture";
        align-items: flex-start;
        height: auto;
        display: grid
    }
}

@media (width>=1024px) {
    .intro__wrapper {
        --content-column-width: 575px;
        gap: 0 48px
    }
}

.intro__title {
    grid-area: title
}

.intro__subtitle {
    grid-area: subtitle;
    margin: 32px 0 40px
}

@media (width>=768px) {
    .intro__subtitle {
        margin: 0 0 64px
    }
}

.intro__picture-wrapper {
    z-index: -1;
    grid-area: picture;
    margin: auto
}

@media (width>=768px) {
    .intro__picture-wrapper {
        width: 100%
    }
}

.intro__picture {
    height: 204px;
    display: block;
    position: relative
}

@media (width>=768px) {
    .intro__picture {
        height: auto
    }
}

.intro__image {
    width: 100%;
    min-width: 392px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-46%,-50%)
}

@media (width>=375px) {
    .intro__image {
        transform: translate(-50%,-50%)
    }
}

@media (width>=768px) {
    .intro__image {
        width: 120%;
        min-width: unset
    }
}

@media (width>=1024px) {
    .intro__image {
        width: 129%;
        transform: translate(-45%,-50%)
    }

    .-rtl-mode .intro__image {
        transform: translate(-52%,-50%)
    }
}

.intro__btn {
    grid-area: button;
    width: 100%
}

@media (width>=768px) {
    .intro__btn {
        max-width: fit-content
    }
}

.intro__reviews {
    grid-area: reviews;
    width: 180px;
    margin-top: 32px
}

@media (width>=1024px) {
    .intro__reviews {
        width: 420px
    }
}

.awards {
    text-align: center;
    padding: 32px 0 24px
}

@media (width>=768px) {
    .awards {
        padding: 48px 0
    }
}

.awards__slider {
    margin: 0 -20px
}

@media (width>=768px) {
    .awards__slider {
        margin: 0
    }
}

.awards__bullets {
    margin-top: 16px
}

.awards-item {
    padding: 0 20px
}

@media (width>=768px) {
    .awards-item {
        padding: 0
    }
}

.awards-item__content {
    max-width: 300px;
    margin: auto
}

@media (width>=768px) {
    .awards-item__content {
        max-width: 100%
    }
}

.awards-item__title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 500;
    line-height: 142%
}

@media (width>=1024px) {
    .awards-item__title {
        font-size: 24px;
        font-weight: 116%
    }
}

.awards-item__subtitle {
    color: var(--color-subscript);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 140%;
    position: relative
}

@media (width>=1024px) {
    .awards-item__subtitle {
        letter-spacing: 1px
    }
}

.awards-item__subtitle:before {
    content: "";
    background: linear-gradient(270deg,#e2e6f900 0%,#e2e6f9 48.1%,#e2e6f900 100%);
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: -8px
}

.payments__title {
    margin-bottom: 0
}

.payments__slider {
    margin: 0 -20px
}

@media (width>=768px) {
    .payments__slider {
        grid-row: span 2;
        margin: 0 -30px;
        padding-top: 30px
    }
}

.payments__slider-container {
    padding: 5% 20px;
    position: relative
}

@media (width>=768px) {
    .payments__slider-container {
        padding: 5% 30px
    }

    .payments__slider-container:before,.payments__slider-container:after {
        content: "";
        background-color: var(--color-white);
        width: 5px;
        height: 100%;
        box-shadow: 0px 0px 15px 15px var(--color-white);
        z-index: 10;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .payments__slider-container:before {
        left: 0
    }

    .payments__slider-container:after {
        right: 0
    }
}

.payments__bullets {
    margin-top: 16px
}

@media (width>=768px) {
    .payments__bullets {
        margin-top: 24px
    }
}

.payments__text {
    margin: 0
}

.payments__text br {
    display: none
}

@media (width>=768px) {
    .payments__text br {
        display: initial
    }
}

.payments__info {
    color: var(--color-subscript);
    margin: 16px 0 0;
    font-size: 14px;
    line-height: 132%
}

@media (width>=768px) {
    .payments__info {
        margin-top: 32px
    }
}

.payments-item {
    border-radius: var(--radius_s);
    background: var(--color-primary-light);
    transition: transform .3s;
    position: relative;
    box-shadow: 0 1px 6px #0026c240
}

.payments-item.swiper-slide-next {
    transform: scale(1.25)
}

.payments-item__image {
    object-fit: contain;
    width: 100%;
    display: block
}

.quotes__title {
    margin-bottom: 32px
}

@media (width>=768px) {
    .quotes__title {
        text-align: center;
        margin-bottom: 64px
    }
}

.quotes__btn {
    width: 100%;
    margin-top: 64px
}

@media (width>=768px) {
    .quotes__btn {
        width: auto;
        margin-left: auto;
        margin-right: auto
    }
}

.download-app__image {
    border-radius: var(--radius_s);
    width: 100%
}

@media (width>=768px) {
    .download-app__image {
        top: calc(var(--header-height) + var(--header-menu-height) + 12px);
        order: 1;
        position: sticky
    }
}

@media (width>=1024px) {
    .download-app__title {
        max-width: 560px
    }
}

.download-app__subtitle {
    margin-bottom: 16px
}

@media (width>=1024px) {
    .download-app__subtitle {
        margin-bottom: 32px
    }
}

.download-app__text {
    margin-bottom: 0
}

.download-app__qr-code {
    margin-top: 32px
}

.download-app__btns-wrapper {
    gap: 32px;
    margin-top: 32px;
    display: grid
}

@media (width>=768px) {
    .download-app__btns-wrapper {
        justify-content: flex-start;
        gap: 16px
    }
}

.download-app__store-btns {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    display: flex
}

@media (width>=768px) {
    .download-app__store-btns {
        justify-content: flex-start
    }
}

.download-app__btn-app {
    justify-self: center;
    display: flex
}

.download-app._is-ios .download-app__btn-app._ios {
    order: -1
}

.download-app__btn-image {
    border-radius: var(--radius_xs);
    background-color: var(--color-black)
}

@media (width>=768px) {
    .platform__inner {
        flex-direction: column;
        align-items: center;
        display: flex
    }

    .platform__title {
        text-align: center;
        max-width: 475px
    }
}

@media (width>=1024px) {
    .platform__title {
        max-width: 690px
    }
}

.platform__subtitle {
    margin-bottom: 32px
}

@media (width>=768px) {
    .platform__subtitle {
        text-align: center;
        max-width: 330px;
        margin-bottom: 64px
    }
}

@media (width>=1024px) {
    .platform__subtitle {
        max-width: 470px;
        font-size: 24px;
        font-weight: 500;
        line-height: 140%
    }
}

.platform__slider {
    margin: 0 -20px
}

@media (width>=768px) {
    .platform__slider {
        margin: 0
    }
}

.platform__slider-container {
    padding: 0 20px
}

@media (width>=768px) {
    .platform__slider-container {
        padding: 0
    }

    .platform__list {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 0 24px;
        display: grid
    }
}

@media (width>=1024px) {
    .platform__list {
        gap: 0 48px
    }
}

.platform__scrollbar {
    margin-top: 32px
}

@media (width>=768px) {
    .platform__scrollbar {
        display: none
    }
}

.platform__btn {
    width: 100%;
    margin-top: 64px
}

@media (width>=768px) {
    .platform__btn {
        width: auto
    }
}

.platform-item {
    border-radius: var(--radius_m);
    background: var(--color-primary-light);
    flex-direction: column;
    width: 240px;
    height: auto;
    padding: 24px 24px 0;
    display: flex
}

@media (width>=768px) {
    .platform-item {
        width: unset
    }
}

.platform-item:after {
    content: "";
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 192px;
    margin-top: auto;
    padding-bottom: 104%;
    display: block
}

@media (width>=768px) {
    .platform-item: after {
        max-width:304px;
        padding-bottom: 85%
    }
}

.platform-item:first-child:after {
    background-image: url(../img/main-page-indonesia/platform/1.webp)
}

.platform-item:nth-child(2):after {
    background-image: url(../img/main-page-indonesia/platform/2.webp)
}

.platform-item:nth-child(3):after {
    background-image: url(../img/main-page-indonesia/platform/3.webp)
}

.platform-item__text {
    margin-bottom: 48px
}

@media (width>=768px) {
    .platform-item__text {
        margin-bottom: 56px
    }
}