@charset "UTF-8";

@font-face {
    font-family: InterVariable;
    src: url(/fonts/Inter-VariableFont_opsz,wght.ttf) format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: InterStatic;
    src: url(/fonts/static/Inter_18pt-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: InterStatic;
    src: url(/fonts/static/Inter_18pt-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: InterStatic;
    src: url(/fonts/static/Inter_18pt-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

body {
    font-family: InterVariable,InterStatic,Inter,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #19222e;
    background-color: #fff;
    line-height: 1.5;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent
}

.main {
    overflow: hidden
}

html, body {
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

*, *:after, *:before {
    box-sizing: border-box
}

section {
    overflow: hidden
}

.uppercase {
    text-transform: uppercase
}

.hidden {
    display: none !important
}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

h1, .h1 {
    font-size: 3.75rem;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -.01em;
    margin: 0
}

@supports (text-box: trim-both text text) {
    h1, .h1 {
        text-box: trim-both text text
    }
}

@media (max-width: 68rem) {
    h1, .h1 {
        font-size: 2.5rem;
        letter-spacing: -.02em
    }
}

h2, .h2 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -.01em;
    margin: 0
}

@supports (text-box: trim-both text text) {
    h2, .h2 {
        text-box: trim-both text text
    }
}

@media (max-width: 68rem) {
    h2, .h2 {
        font-size: 1.875rem
    }
}

h3, .h3 {
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -.01em;
    margin: 0
}

@supports (text-box: trim-both text text) {
    h3, .h3 {
        text-box: trim-both text text
    }
}

@media (max-width: 68rem) {
    h3, .h3 {
        font-size: 1.375rem
    }
}

h4, .h4 {
    font-size: 1.375rem;
    font-weight: 300 !important;
    line-height: 130%;
    letter-spacing: -.01em;
    margin: 0
}

@supports (text-box: trim-both text text) {
    h4, .h4 {
        text-box: trim-both text text
    }
}

h4.semi-bold, h4 .semi-bold, .h4.semi-bold, .h4 .semi-bold {
    font-weight: 600 !important
}

@media (max-width: 68rem) {
    h4, .h4 {
        font-size: 1.125rem !important
    }
}

p {
    all: unset
}

@supports (text-box: trim-both text text) {
    p {
        text-box: trim-both text text
    }
}

.body-text {
    font-size: 1rem;
    line-height: 160%;
    letter-spacing: -.01em;
    font-weight: 400
}

@supports (text-box: trim-both text text) {
    .body-text {
        text-box: trim-both text text
    }
}

.body-text-light {
    font-size: 1rem;
    line-height: 160%;
    letter-spacing: -.01em;
    font-weight: 300
}

.body-text-semi-bold {
    font-size: 1rem;
    line-height: 160%;
    letter-spacing: -.01em;
    font-weight: 600 !important
}

.text-small-regular {
    font-size: .875rem;
    line-height: 160%;
    letter-spacing: 0;
    font-weight: 400
}

.text-small-semi-bold {
    font-size: .875rem;
    line-height: 130%;
    letter-spacing: 0;
    font-weight: 600
}

.text-xsmall-regular {
    font-size: .75rem;
    line-height: 140%;
    letter-spacing: 0;
    font-weight: 400
}

.text-xxs-regular {
    font-size: .625rem;
    line-height: 140%;
    letter-spacing: 0;
    font-weight: 400
}

.text-xsmall-semi-bold {
    font-size: .75rem;
    line-height: 140%;
    letter-spacing: 0;
    font-weight: 600
}

.uppercase-lg {
    font-size: 1rem;
    line-height: 160%;
    letter-spacing: .01em;
    text-transform: uppercase
}

.uppercase-md {
    font-size: .875rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-transform: uppercase
}

.uppercase-sm {
    font-size: .75rem;
    line-height: 140%;
    letter-spacing: .1em;
    text-transform: uppercase
}

.link-large {
    font-size: 1rem;
    font-weight: 400
}

.link-xlarge {
    font-size: 1.25rem;
    line-height: 160%
}

.link-medium {
    font-size: .875rem;
    font-weight: 400
}

.link-small {
    font-size: .75rem;
    font-weight: 400
}

.link-large-bold {
    font-size: 1rem;
    font-weight: 600
}

.link-medium-bold {
    font-size: .875rem;
    font-weight: 600
}

.link-small-bold {
    font-size: .75rem;
    font-weight: 600
}

.light-blue {
    color: #00bdff
}

.mid-blue {
    color: #1d47f0
}

.opacity-60 {
    opacity: .6
}

.text-center {
    text-align: center !important
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.text-balance {
    text-wrap: balance
}

.text-pretty {
    text-wrap: pretty
}

.button {
    height: 2.625rem;
    width: fit-content;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: InterVariable,InterStatic,Inter,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1em;
    border-radius: 2rem;
    cursor: pointer;
    transition-property: background,color,opacity,border;
    transition-duration: .3s;
    transition-timing-function: ease;
    padding: 0 1.25rem;
    border: 1px solid transparent;
    background: transparent;
    color: transparent;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    outline: none
}

@supports (text-box: trim-both cap alphabetic) {
    .button {
        text-box: trim-both cap alphabetic
    }
}

.button--small {
    height: 2.125rem;
    padding: 0 1rem
}

.button-green {
    background: #26cc68;
    color: #fff
}

    .button-green:hover {
        opacity: .8
    }

.button-red {
    background: #e04442;
    color: #fff
}

    .button-red:hover {
        opacity: .8
    }

.button-group {
    display: flex;
    gap: 1rem;
    align-items: center
}

.button-unset {
    all: unset
}

.button.button-dark-theme {
    background: #00bdff;
    color: #fff;
    border-color: transparent
}

    .button.button-dark-theme, .button.button-dark-theme:link, .button.button-dark-theme:visited {
        color: #fff;
        background: #00bdff;
        border-color: transparent
    }

        .button.button-dark-theme:hover, .button.button-dark-theme:active, .button.button-dark-theme:focus {
            background: transparent;
            color: #fff;
            border-color: #fff
        }

        .button.button-dark-theme:disabled {
            background: #00bdff;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

.button.button-dark-blue-theme {
    background: #00bdff;
    color: #fff;
    border-color: transparent
}

    .button.button-dark-blue-theme, .button.button-dark-blue-theme:link, .button.button-dark-blue-theme:visited {
        color: #fff;
        background: #00bdff;
        border-color: transparent
    }

        .button.button-dark-blue-theme:hover, .button.button-dark-blue-theme:active, .button.button-dark-blue-theme:focus {
            background: transparent;
            color: #fff;
            border-color: #fff
        }

        .button.button-dark-blue-theme:disabled {
            background: #00bdff;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

.button.button-mid-blue-theme {
    background: #19222e;
    color: #fff;
    border-color: transparent
}

    .button.button-mid-blue-theme, .button.button-mid-blue-theme:link, .button.button-mid-blue-theme:visited {
        color: #fff;
        background: #19222e;
        border-color: transparent
    }

        .button.button-mid-blue-theme:hover, .button.button-mid-blue-theme:active, .button.button-mid-blue-theme:focus {
            background: transparent;
            color: #fff;
            border-color: #fff
        }

        .button.button-mid-blue-theme:disabled {
            background: #19222e;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

.button.button-light-theme {
    background: #00bdff;
    color: #fff;
    border-color: transparent
}

    .button.button-light-theme, .button.button-light-theme:link, .button.button-light-theme:visited {
        color: #fff;
        background: #00bdff;
        border-color: transparent
    }

        .button.button-light-theme:hover, .button.button-light-theme:active, .button.button-light-theme:focus {
            background: #19222e;
            color: #fff;
            border-color: transparent
        }

        .button.button-light-theme:disabled {
            background: #00bdff;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

.button.button-light-grey-theme {
    background: #00bdff;
    color: #fff;
    border-color: transparent
}

    .button.button-light-grey-theme, .button.button-light-grey-theme:link, .button.button-light-grey-theme:visited {
        color: #fff;
        background: #00bdff;
        border-color: transparent
    }

        .button.button-light-grey-theme:hover, .button.button-light-grey-theme:active, .button.button-light-grey-theme:focus {
            background: #19222e;
            color: #fff;
            border-color: transparent
        }

        .button.button-light-grey-theme:disabled {
            background: #00bdff;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

.button.button-light-blue-theme {
    background: #19222e;
    color: #fff;
    border-color: transparent
}

    .button.button-light-blue-theme, .button.button-light-blue-theme:link, .button.button-light-blue-theme:visited {
        color: #fff;
        background: #19222e;
        border-color: transparent
    }

        .button.button-light-blue-theme:hover, .button.button-light-blue-theme:active, .button.button-light-blue-theme:focus {
            background: transparent;
            color: #19222e;
            border-color: #19222e
        }

        .button.button-light-blue-theme:disabled {
            background: #19222e;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

.button.button-dark-theme-outline, .button.button-dark-theme-outline:link, .button.button-dark-theme-outline:visited {
    background: transparent;
    color: #fff;
    border: 1px solid #FFFFFF
}

    .button.button-dark-theme-outline:hover, .button.button-dark-theme-outline:active, .button.button-dark-theme-outline:focus {
        background: #00bdff;
        color: #fff;
        border-color: transparent
    }

    .button.button-dark-theme-outline:disabled {
        background: transparent;
        color: #fff;
        border-color: #fff;
        opacity: .2;
        pointer-events: none
    }

.button.button-dark-blue-theme-outline, .button.button-dark-blue-theme-outline:link, .button.button-dark-blue-theme-outline:visited {
    background: transparent;
    color: #fff;
    border: 1px solid #FFFFFF
}

    .button.button-dark-blue-theme-outline:hover, .button.button-dark-blue-theme-outline:active, .button.button-dark-blue-theme-outline:focus {
        background: #00bdff;
        color: #fff;
        border-color: transparent
    }

    .button.button-dark-blue-theme-outline:disabled {
        background: transparent;
        color: #fff;
        border-color: #fff;
        opacity: .2;
        pointer-events: none
    }

.button.button-mid-blue-theme-outline, .button.button-mid-blue-theme-outline:link, .button.button-mid-blue-theme-outline:visited {
    background: transparent;
    color: #fff;
    border: 1px solid #FFFFFF
}

    .button.button-mid-blue-theme-outline:hover, .button.button-mid-blue-theme-outline:active, .button.button-mid-blue-theme-outline:focus {
        background: #19222e;
        color: #fff;
        border-color: transparent
    }

    .button.button-mid-blue-theme-outline:disabled {
        background: transparent;
        color: #fff;
        border-color: #fff;
        opacity: .2;
        pointer-events: none
    }

.button.button-light-theme-outline, .button.button-light-theme-outline:link, .button.button-light-theme-outline:visited {
    background: transparent;
    color: #19222e;
    border: 1px solid #19222E
}

    .button.button-light-theme-outline:hover, .button.button-light-theme-outline:active, .button.button-light-theme-outline:focus {
        background: #19222e;
        color: #fff;
        border-color: transparent
    }

    .button.button-light-theme-outline:disabled {
        background: transparent;
        color: #19222e;
        border-color: #19222e;
        opacity: .2;
        pointer-events: none
    }

.button.button-light-grey-theme-outline, .button.button-light-grey-theme-outline:link, .button.button-light-grey-theme-outline:visited {
    background: transparent;
    color: #19222e;
    border: 1px solid #19222E
}

    .button.button-light-grey-theme-outline:hover, .button.button-light-grey-theme-outline:active, .button.button-light-grey-theme-outline:focus {
        background: #19222e;
        color: #fff;
        border-color: transparent
    }

    .button.button-light-grey-theme-outline:disabled {
        background: transparent;
        color: #19222e;
        border-color: #19222e;
        opacity: .2;
        pointer-events: none
    }

.button.button-light-blue-theme-outline, .button.button-light-blue-theme-outline:link, .button.button-light-blue-theme-outline:visited {
    background: transparent;
    color: #fff;
    border: 1px solid #FFFFFF
}

    .button.button-light-blue-theme-outline:hover, .button.button-light-blue-theme-outline:active, .button.button-light-blue-theme-outline:focus {
        background: #19222e;
        color: #fff;
        border-color: transparent
    }

    .button.button-light-blue-theme-outline:disabled {
        background: transparent;
        color: #fff;
        border-color: #fff;
        opacity: .2;
        pointer-events: none
    }

a {
    color: inherit;
    text-decoration: unset;
    cursor: pointer
}

.link {
    font-family: InterVariable,InterStatic,Inter,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: inherit;
    cursor: pointer;
    transition: opacity .3s ease,color .3s ease
}

    .link.small {
        font-size: .875rem
    }

@media (max-width: 68rem) {
    .link {
        font-size: .875rem
    }
}

.link.dark {
    color: #fff
}

    .link.dark:hover {
        opacity: .6
    }

    .link.dark:active {
        color: #00bdff;
        opacity: .6
    }

    .link.dark:disabled {
        opacity: .4;
        color: #fff
    }

.link.light {
    color: #19222e
}

    .link.light:hover {
        opacity: .6
    }

    .link.light:active {
        color: #00bdff;
        opacity: .6
    }

    .link.light:disabled {
        opacity: .4;
        color: #19222e
    }

.link--footer {
    color: #19222e;
    opacity: 80%;
    font-size: .875rem;
    line-height: 100%;
    font-weight: 400;
    transition: opacity .3s ease
}

    .link--footer:hover {
        opacity: .9
    }

    .link--footer:active {
        opacity: 1
    }

.link--basic {
    color: #00bdff;
    cursor: pointer;
    transition: color,opacity .3s ease
}

    .link--basic.dark-theme {
        color: #fff
    }

    .link--basic:hover {
        text-decoration: underline
    }

    .link--basic:active {
        opacity: .8
    }

.link--semi-bold {
    font-weight: 600
}

.link--small {
    font-size: .875rem;
    font-weight: 400
}

@supports (text-box: trim-both text text) {
    .link--small {
        text-box: trim-both text text
    }
}

.link--xsmall {
    font-size: .75rem;
    font-weight: 400
}

@supports (text-box: trim-both text text) {
    .link--xsmall {
        text-box: trim-both text text
    }
}

.link--xxsmall-semi-bold {
    font-size: .625rem;
    font-weight: 600
}

.input {
    display: flex;
    flex-direction: column;
    padding: 0 1.5rem;
    border-color: #19222e;
    color: #19222e;
    border-radius: 2rem;
    font-size: .875rem;
    transition-property: color,background,border;
    transition-duration: .3s;
    transition-timing-function: ease;
    height: 2.75rem;
    outline: unset;
    margin: unset;
    background: transparent
}

    .input::placeholder {
        font-size: .875rem;
        color: #19222e
    }

    .input.small {
        height: 2.56rem;
        font-size: .75rem
    }

        .input.small::placeholder {
            font-size: .75rem
        }

    .input.dark-theme {
        border: 1px solid #FFFFFF;
        color: #fff;
        background: #fff0
    }

        .input.dark-theme::placeholder {
            color: #fff
        }

        .input.dark-theme:hover, .input.dark-theme:focus {
            background: #ffffff0d
        }

    .input.light-theme {
        border: 1px solid #9DA0A4;
        color: #9da0a4
    }

        .input.light-theme::placeholder {
            color: #9da0a4;
            letter-spacing: .1em
        }

    .input:hover, .input:focus {
        background: #19222e0d
    }

.input--error {
    border-color: #e04442;
    color: #e04442
}

.input--verified {
    border-color: #26cc68;
    color: #26cc68
}

.input--disabled {
    border: 1px solid #B7C4CC;
    opacity: .8
}

.input .error-message, .input .verified-message {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .75rem
}

.input .error-message {
    color: #e04442
}

.input .verified-message {
    color: #26cc68
}

.custom-select {
    position: relative;
    width: 100%;
    font-family: inherit;
    font-size: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.custom-select__selected {
    height: 2.75rem;
    padding: 0 1.25rem;
    border: 1px solid #19222E;
    border-radius: 2rem;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .custom-select__selected svg {
        transition: transform .2s ease
    }

.custom-select__dropdown {
    display: none;
    max-height: 20rem;
    overflow-y: scroll;
    gap: .25rem;
    flex-direction: column;
    margin-top: .5rem;
    background: #f4f4f4;
    padding: .25rem;
    position: absolute;
    width: 100%;
    z-index: 10;
    box-shadow: 0 4px 20px #0000001a
}

    .custom-select__dropdown::-webkit-scrollbar {
        width: .25rem
    }

    .custom-select__dropdown::-webkit-scrollbar-thumb {
        border-radius: .5rem
    }

.custom-select__option {
    height: 2.75rem;
    padding: 0 1rem;
    border-radius: 2rem;
    background: transparent;
    border: 1px solid transparent;
    transition: all .2s ease;
    display: flex;
    align-items: center
}

    .custom-select__option:hover {
        border-color: #19222e
    }

    .custom-select__option:active {
        border-color: #19222e;
        background: #19222e;
        color: #fff
    }

    .custom-select__option.active {
        border-color: transparent;
        background: #19222e;
        color: #fff
    }

.custom-select.open .custom-select__dropdown {
    display: block
}

.custom-select.open svg {
    transform: rotate(180deg)
}

.textarea {
    display: flex;
    flex-direction: column;
    background: transparent;
    padding: 1rem 1.5rem;
    border: 1px solid #19222E;
    color: #19222e;
    border-radius: 1.5rem;
    font-size: .875rem;
    transition-property: color,background,border;
    transition-duration: .3s;
    transition-timing-function: ease;
    outline: unset;
    margin: unset
}

    .textarea::placeholder {
        font-size: .875rem;
        line-height: 140%;
        letter-spacing: 0;
        font-weight: 400;
        color: #19222e
    }

    .textarea.small {
        font-size: .75rem
    }

        .textarea.small::placeholder {
            font-size: .75rem
        }

    .textarea.dark-theme {
        border-color: #fff;
        color: #fff;
        background: #fff0
    }

        .textarea.dark-theme::placeholder {
            color: #fff
        }

        .textarea.dark-theme:hover, .textarea.dark-theme:focus {
            background: #ffffff0d
        }

    .textarea.light-theme {
        border-color: #9da0a4;
        color: #9da0a4
    }

        .textarea.light-theme::placeholder {
            color: #9da0a4;
            letter-spacing: .1em
        }

    .textarea:hover, .textarea:focus {
        background: #19222e0d
    }

.textarea--error {
    border-color: #e04442;
    color: #e04442
}

.textarea--verified {
    border-color: #26cc68;
    color: #26cc68
}

.textarea--disabled {
    border: 1px solid #B7C4CC;
    opacity: .8
}

.textarea .error-message, .textarea .verified-message {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .75rem
}

.textarea .error-message {
    color: #e04442
}

.textarea .verified-message {
    color: #26cc68
}

.card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 3rem 1.5rem;
    color: #19222e;
    position: relative;
    overflow: hidden;
    width: 20.75rem;
    height: 26rem;
    text-wrap-mode: wrap
}

@media (max-width: 48rem) {
    .card {
        width: 17.5rem;
        height: 24rem
    }
}

.card p {
    max-width: 13.75rem;
    white-space: normal
}

.card:hover .card__bg img {
    transform: scale(1.1)
}

@media (max-width: 48rem) {
    .card:hover .card__bg img {
        transform: unset
    }
}

.card--dark-theme {
    color: #fff
}

.card--light-theme {
    color: #19222e
}

.card__bg {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

    .card__bg img, .card__bg source {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .3s ease-in-out
    }

@media (max-width: 48rem) {
    .card__bg img, .card__bg source {
        object-position: top left;
        width: 130%
    }
}

@media (max-width: 68rem) {
    .card {
        width: 20.75rem;
        height: 26rem
    }
}

@media (max-width: 68rem) {
    .card {
        width: 17.5rem;
        height: 21.875rem
    }
}

.icon-card {
    width: 14rem;
    height: 14rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f4f4f4
}

    .icon-card img {
        height: 5.625rem;
        width: 6.625rem;
        margin: 0 auto
    }

    .icon-card p {
        font-weight: 300;
        text-align: left
    }

html[dir=rtl] .icon-card p {
    text-align: right
}

.finding-card {
    width: 20rem;
    height: 36.3rem;
    padding: 3rem 2rem
}

.register-card {
    max-width: 20rem;
    width: 100%;
    height: 28.125rem;
    padding: 3rem 2rem 0;
    background: #f4f4f4f2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 0
}

    .register-card.dark-theme {
        background: #19222ef2
    }

        .register-card.dark-theme h4.semi-bold {
            color: #00bdff
        }

    .register-card.big {
        height: unset
    }

@media (max-width: 68rem) {
    .register-card {
        padding: 2rem 1.5rem 0;
        max-width: 100%;
        gap: 1rem
    }
}

.card-accordion {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    background: #f4f4f4f2;
    max-width: 19.8rem;
    position: relative
}

    .card-accordion.active svg {
        transform: rotate(180deg)
    }

@media (max-width: 48rem) {
    .card-accordion {
        cursor: pointer;
        width: 100%;
        max-width: 100%;
        padding: 2rem 1.25rem;
        gap: 2rem;
        transition: all .3s ease
    }

        .card-accordion .card-accordion__wr {
            gap: unset
        }

        .card-accordion .card-accordion__body {
            max-height: 0;
            overflow: hidden;
            transition: all .2s ease;
            padding-top: 0;
            padding-bottom: 0
        }

        .card-accordion.active .card-accordion__body {
            max-height: 100rem;
            padding-top: 3rem;
            padding-bottom: 0
        }
}

.card-accordion picture {
    width: 9.375rem;
    display: flex;
    margin-bottom: -.625rem
}

@media (max-width: 48rem) {
    .card-accordion picture {
        width: 6.8rem
    }
}

.card-accordion picture source {
    all: initial
}

.card-accordion picture img {
    width: 100%
}

.card-accordion__wr {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 100%
}

.card-accordion__head {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 48rem) {
    .card-accordion__head {
        text-align: left;
        align-items: flex-start
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .card-accordion__head {
        text-align: right
    }
}

.card-accordion__head svg {
    position: absolute;
    top: 2rem;
    inset-inline-end: 2rem;
    height: 12px;
    width: 16px;
    display: none;
    transition: transform .3s ease
}

@media (max-width: 48rem) {
    .card-accordion__head svg {
        display: block
    }
}

.card-accordion__body {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: space-between;
    height: 100%
}

.card-accordion__body__text {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

    .card-accordion__body__text p {
        text-align: center
    }

@media (max-width: 48rem) {
    .card-accordion__body__text p {
        text-align: left
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .card-accordion__body__text p {
        text-align: right
    }
}

.card-award {
    width: 14.25rem;
    min-height: 21.2rem;
    background: #f4f4f4;
    padding: 2rem;
    display: flex;
    gap: 2rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center
}

.card-award__text {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

    .card-award__text h4, .card-award__text p {
        text-wrap: balance
    }

    .card-award__text .text-xxs-regular {
        margin-top: .5rem
    }

.card-award picture {
    width: 100%;
    max-width: 9.4rem;
    display: flex
}

    .card-award picture source {
        all: initial
    }

    .card-award picture img {
        width: 100%
    }

.card-contact {
    position: relative;
    width: 19.8rem;
    background: #f4f4f4;
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column
}

@media (max-width: 48rem) {
    .card-contact {
        width: 100%;
        height: fit-content;
        padding: 2rem 1.25rem;
        cursor: pointer;
        max-width: 100%;
        transition: all .3s ease
    }

        .card-contact .card-contact__body {
            max-height: 0;
            overflow: hidden;
            transition: max-height .3s ease
        }

        .card-contact.active .card-contact__body {
            max-height: 100rem
        }
}

.card-contact.active svg {
    transform: rotate(180deg)
}

.card-contact__head {
    text-align: left;
    padding-bottom: 1.5rem
}

html[dir=rtl] .card-contact__head {
    text-align: right
}

@media (max-width: 48rem) {
    .card-contact__head {
        padding-bottom: unset
    }
}

.card-contact__head svg {
    position: absolute;
    top: 2.15rem;
    inset-inline-end: 2rem;
    height: 12px;
    width: 16px;
    display: none;
    transition: transform .3s ease
}

@media (max-width: 48rem) {
    .card-contact__head svg {
        display: block
    }
}

.card-contact__body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3rem
}

.card-contact__content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (max-width: 48rem) {
    .card-contact__content {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.card-contact picture {
    width: 100%;
    max-width: 8rem;
    display: flex;
    align-self: center
}

    .card-contact picture source {
        all: initial
    }

    .card-contact picture img {
        width: 100%
    }

.card-hours {
    height: 16.5rem;
    width: 14.25rem;
    display: flex;
    flex-direction: column;
    background: #f4f4f4;
    padding: 2rem;
    align-items: center;
    text-align: center
}

    .card-hours.dark {
        background: #08174ecc;
        color: #fff
    }

@media (max-width: 35.5rem) {
    .card-hours {
        width: 100%
    }
}

.card-hours picture {
    width: 9.375rem
}

    .card-hours picture source, .card-hours picture img {
        width: 100%
    }

.card-hours__text {
    display: flex;
    flex-direction: column
}

    .card-hours__text .body-text-semi-bold {
        margin-bottom: 1rem
    }

    .card-hours__text .body-text-light {
        margin-bottom: .5rem
    }

.card-mam {
    height: 24.7rem;
    width: 20.75rem;
    display: flex;
    flex-direction: column;
    background: #f4f4f4;
    padding: 2rem;
    align-items: center;
    text-align: center;
    justify-content: space-between
}

    .card-mam picture {
        height: 9.376rem
    }

        .card-mam picture source, .card-mam picture img {
            height: 100%
        }

.card-mam__text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    white-space: pre-wrap;
    text-align: left
}

html[dir=rtl] .card-mam__text {
    text-align: right
}

.unbreakable {
    white-space: nowrap
}

.pagination {
    display: flex;
    gap: 8px;
    z-index: 11
}

    .pagination.dark-theme .pagination__line {
        background-color: #fff
    }

    .pagination.light-theme .pagination__line {
        background-color: #19222e
    }

        .pagination.light-theme .pagination__line.active {
            background-color: #00bdff
        }

.pagination__line {
    width: 40px;
    height: 3px;
    background-color: #fff;
    opacity: .3;
    transition-property: background-color,opacity;
    transition-duration: .3s;
    transition-timing-function: ease;
    cursor: pointer
}

    .pagination__line.active {
        opacity: 1
    }

.block__arrows.dark-theme {
    color: #fff
}

.block__arrows.light-theme {
    color: #19222e
}

.block__arrows .arrow {
    position: absolute;
    top: 50%;
    cursor: pointer
}

html[dir=rtl] .block__arrows .arrow {
    transform: scaleX(-1)
}

.block__arrows .arrow:hover path {
    opacity: 1
}

.block__arrows .arrow-left {
    inset-inline-start: 1.5rem
}

.block__arrows .arrow-right {
    inset-inline-end: 1.5rem
}

.section {
    width: 100%;
    display: flex;
    overflow-x: hidden;
    position: relative
}

    .section.dark-theme, .section.mid-blue-theme, .section.dark-grey-theme {
        color: #fff
    }

    .section.light-theme {
        color: #000
    }

.section__fs {
    min-height: 100vh;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 48rem) {
    .section__fs {
        min-height: unset;
        height: unset
    }
}

.section__fs.bg-dark-grey {
    background: #19222e
}

.section .section__bg {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    z-index: -1
}

html[dir=rtl] .section .section__bg {
    transform: scaleX(-1)
}

.section .section__bg img, .section .section__bg source {
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section__wr-big {
    max-width: 75rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 4rem;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 79rem) {
    .section__wr-big {
        margin: unset;
        padding: 0 2rem
    }
}

@media (max-width: 68rem) {
    .section__wr-big {
        gap: 3rem
    }
}

@media (max-width: 48rem) {
    .section__wr-big {
        padding: 0 1.25rem
    }
}

.section.column, .section .column {
    flex-direction: column
}

.section .center {
    align-items: center
}

.section .grey-500 {
    background: #f4f4f4
}

.section__wr-medium {
    max-width: 75rem;
    padding-left: 6.25rem;
    padding-right: 6.25rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 4rem;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 79rem) {
    .section__wr-medium {
        margin: 0 2rem
    }
}

@media (max-width: 68rem) {
    .section__wr-medium {
        gap: 3rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (max-width: 48rem) {
    .section__wr-medium {
        margin: 0 1.25rem
    }
}

.section__wr-small {
    max-width: 62.5rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 4rem;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 68rem) {
    .section__wr-small {
        padding: 0 2rem;
        gap: 3rem
    }
}

@media (max-width: 48rem) {
    .section__wr-small {
        padding: 0 1.25rem
    }
}

.section__wr-800 {
    max-width: 50rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 4rem;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 68rem) {
    .section__wr-800 {
        padding: 0 2rem;
        gap: 3rem
    }
}

@media (max-width: 48rem) {
    .section__wr-800 {
        padding: 0 1.25rem
    }
}

.section__wr-xs {
    max-width: 37.5rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media (max-width: 48rem) {
    .section__wr-xs {
        margin: 0 1.25rem;
        max-width: 100%;
        width: unset
    }
}

.section .content {
    max-width: 25rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 3rem
}

@media (max-width: 48rem) {
    .section .content {
        gap: 1.25rem;
        margin-bottom: 2rem
    }
}

.section .content-medium {
    max-width: 37.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
    align-items: center
}

@media (max-width: 48rem) {
    .section .content-medium {
        gap: 1.25rem
    }
}

.section .content-big {
    max-width: 50rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
    align-items: center
}

    .section .content-big p {
        max-width: 25rem
    }

        .section .content-big p.full-w {
            max-width: 100%
        }

@media (max-width: 48rem) {
    .section .content-big {
        width: 100%;
        max-width: unset;
        gap: 1.25rem
    }
}

.section .content.center {
    align-items: center
}

.slider-track {
    display: flex;
    transition: transform .6s ease;
    width: 100%;
    height: initial;
    position: relative
}

.slide {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.spacing-my-120 {
    margin: 7.5rem auto
}

.spacing-my-160 {
    margin: 10rem auto
}

.section__left {
    flex: 1 1 0
}

@media (max-width: 48rem) {
    .section__left {
        flex: unset
    }
}

.section__right {
    flex: 1 1 0
}

@media (max-width: 48rem) {
    .section__right {
        flex: unset
    }
}

@media (max-width: 48rem) {
    .mobile-hide {
        display: none
    }
}

.mobile-full-w {
    max-width: 100%;
    width: 100%
}

@media (max-width: 48rem) {
    .mobile-column {
        flex-direction: column
    }

        .mobile-column .section__left, .mobile-column .section__right {
            max-width: 100%;
            width: 100%
        }
}

@media (max-width: 48rem) {
    .mobile-column-reverse {
        flex-direction: column-reverse
    }

        .mobile-column-reverse .section__left, .mobile-column-reverse .section__right {
            max-width: 100%;
            width: 100%
        }
}

.py-main {
    padding-bottom: 10rem;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .py-main {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

.pb-main {
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .pb-main {
        padding-bottom: 5rem
    }
}

.pt-main {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .pt-main {
        padding-top: 5rem
    }
}

.mb-unset {
    margin-bottom: 0 !important
}

.pb-unset {
    padding-bottom: 0 !important
}

.p-unset {
    padding: 0 !important
}

.py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

.mt-2 {
    margin-top: 2rem !important
}

.pb-2 {
    padding-bottom: 2rem !important
}

.pt-10 {
    padding-top: 10rem !important
}

.hero {
    padding: 8.75rem 0 4rem;
    min-height: 29rem;
    overflow: hidden
}

    .hero .section__wr-small {
        z-index: 10
    }

@media (max-width: 48rem) {
    .hero {
        padding: 6.25rem 0 9rem;
        align-items: flex-start
    }
}

.section__l-text-r-grey-list {
    padding: 10rem 0 12.5rem
}

    .section__l-text-r-grey-list h2 {
        text-wrap: balance
    }

@media (max-width: 68rem) {
    .section__l-text-r-grey-list {
        padding: 5rem 0 8.75rem
    }
}

.section__l-text-r-grey-list .section__wr-small {
    align-items: unset
}

.section__l-text-r-grey-list picture {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    width: 80%;
    height: auto;
    z-index: -1
}

html[dir=rtl] .section__l-text-r-grey-list picture {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .section__l-text-r-grey-list picture {
        width: 130%
    }
}

.section__l-text-r-grey-list picture source, .section__l-text-r-grey-list picture img {
    width: 100%;
    display: flex
}

.section__l-text-r-grey-list .section__left {
    padding-top: 5rem
}

@media (max-width: 48rem) {
    .section__l-text-r-grey-list .section__left {
        padding-top: 0;
        text-align: center
    }

        .section__l-text-r-grey-list .section__left .content {
            max-width: 100%
        }
}

.section__l-text-r-grey-list__text {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.section__l-text-r-grey-list .section__right {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: flex-start
}

@media (max-width: 48rem) {
    .section__l-text-r-grey-list .section__right {
        padding: 2rem 1.25rem
    }
}

.section-grey__l-img-r-list {
    position: relative;
    overflow: hidden
}

    .section-grey__l-img-r-list.bg-dark-gradient {
        background-image: radial-gradient(farthest-corner at 62% 53%,#152539,#0a131c 60%)
    }

    .section-grey__l-img-r-list .section__wr-medium {
        padding-top: 11.25rem;
        padding-bottom: 11.25rem
    }

@media (max-width: 68rem) {
    .section-grey__l-img-r-list .section__wr-medium {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .section-grey__l-img-r-list .section__wr-medium {
        flex-direction: column-reverse
    }
}

.section-grey__l-img-r-list.img-fit .section__wr-medium {
    padding: 5rem 6.26rem 5rem 0;
    margin-bottom: 10rem
}

@media (max-width: 68rem) {
    .section-grey__l-img-r-list.img-fit .section__wr-medium {
        padding: 5rem 1.25rem
    }
}

html[dir=rtl] .section-grey__l-img-r-list.img-fit .section__wr-medium {
    padding: 5rem 0 5rem 6.26rem
}

@media (max-width: 68rem) {
    html[dir=rtl] .section-grey__l-img-r-list.img-fit .section__wr-medium {
        padding: 5rem 1.25rem
    }
}

.section-grey__l-img-r-list.img-fit .section__wr-medium {
    position: relative
}

.section-grey__l-img-r-list.img-fit .section__left {
    width: 70%
}

    .section-grey__l-img-r-list.img-fit .section__left picture {
        display: flex
    }

        .section-grey__l-img-r-list.img-fit .section__left picture source {
            all: initial
        }

        .section-grey__l-img-r-list.img-fit .section__left picture img {
            width: 100%;
            bottom: 0
        }

@media (max-width: 48rem) {
    .section-grey__l-img-r-list.img-center-left-overflow .section__left {
        height: 15rem
    }
}

@media (max-width: 35.5rem) {
    .section-grey__l-img-r-list.img-center-left-overflow .section__left {
        height: 10rem
    }
}

.section-grey__l-img-r-list.img-center-left-overflow picture {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-start: 0;
    width: 50%;
    height: auto
}

html[dir=rtl] .section-grey__l-img-r-list.img-center-left-overflow picture {
    transform: scaleX(-1) translateY(-50%)
}

@media (max-width: 48rem) {
    .section-grey__l-img-r-list.img-center-left-overflow picture {
        width: 90%;
        top: unset;
        bottom: 5%;
        transform: unset
    }

    html[dir=rtl] .section-grey__l-img-r-list.img-center-left-overflow picture {
        transform: scaleX(-1) translateY(0)
    }
}

@media (max-width: 35.5rem) {
    .section-grey__l-img-r-list.img-center-left-overflow picture {
        width: 100%
    }
}

.section-grey__l-img-r-list.img-center-left-overflow picture source {
    all: initial
}

.section-grey__l-img-r-list.img-center-left-overflow picture img {
    width: 100%
}

@media (max-width: 68rem) {
    .section-grey__l-img-r-list.img-bottom-left-overflow {
        margin-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .section-grey__l-img-r-list.img-bottom-left-overflow .section__left {
        height: 25rem
    }
}

@media (max-width: 35.5rem) {
    .section-grey__l-img-r-list.img-bottom-left-overflow .section__left {
        height: 20rem
    }
}

.section-grey__l-img-r-list.img-bottom-left-overflow picture {
    position: absolute;
    bottom: 0;
    inset-inline-end: 50%;
    width: 45%;
    height: auto;
    display: flex
}

@media (max-width: 79rem) {
    .section-grey__l-img-r-list.img-bottom-left-overflow picture {
        width: 60%
    }
}

@media (max-width: 48rem) {
    .section-grey__l-img-r-list.img-bottom-left-overflow picture {
        width: 80%;
        bottom: 0;
        inset-inline-end: -5%;
        transform: unset
    }
}

@media (max-width: 35.5rem) {
    .section-grey__l-img-r-list.img-bottom-left-overflow picture {
        width: 90%
    }
}

.section-grey__l-img-r-list.img-bottom-left-overflow picture source {
    all: initial
}

.section-grey__l-img-r-list.img-bottom-left-overflow picture img {
    object-position: bottom;
    object-fit: contain;
    width: 100%;
    bottom: 0
}

ul.circle {
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 1.5rem
}

ul:not(.link-list,.circle) {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

    ul:not(.link-list,.circle) li:not(.white) {
        position: relative;
        padding-left: 1.75rem
    }

html[dir=rtl] ul:not(.link-list,.circle) li:not(.white) {
    padding-right: 1.75rem
}

ul:not(.link-list,.circle) li:not(.white):before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: .3rem;
    width: 13px;
    height: 16px;
    background: url(/assets/images/landing/list-blue-arrow.svg) no-repeat center;
    background-size: contain
}

html[dir=rtl] ul:not(.link-list,.circle) li:not(.white):before {
    transform: scaleX(-1)
}

ul:not(.link-list,.circle) li.white {
    position: relative;
    padding-left: 1.75rem
}

html[dir=rtl] ul:not(.link-list,.circle) li.white {
    padding-right: 1.75rem
}

ul:not(.link-list,.circle) li.white:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: .2rem;
    width: 13px;
    height: 16px;
    background: url(/icons/list-white-arrow.svg) no-repeat center;
    background-size: contain
}

html[dir=rtl] ul:not(.link-list,.circle) li.white:before {
    transform: scaleX(-1)
}

.forex-item {
    padding: 10rem 0;
    overflow: unset
}

@media (max-width: 68rem) {
    .forex-item {
        padding: 5rem 0
    }
}

.forex-item__layout {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4rem
}

@media (max-width: 48rem) {
    .forex-item__layout {
        flex-direction: column
    }
}

.forex-item__about {
    max-width: 39rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5rem
}

@media (max-width: 48rem) {
    .forex-item__about {
        max-width: 100%
    }
}

.forex-item .about__part {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

    .forex-item .about__part .social-links {
        display: flex;
        gap: 1rem
    }

    .forex-item .about__part .social-links__icons {
        display: flex;
        gap: .5rem
    }

.forex-item .instruments {
    max-width: 20rem;
    background: #f4f4f4;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    position: sticky;
    top: 8rem;
    align-self: flex-start
}

@media (max-width: 48rem) {
    .forex-item .instruments {
        max-width: 100%
    }
}

.forex-item .instruments .trading-view {
    display: flex;
    align-items: center;
    gap: .75rem
}

.forex-item .instruments__head {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.forex-item .instruments__bottom {
    align-self: center;
    justify-items: center;
    width: 100%
}

    .forex-item .instruments__bottom.button-group button {
        width: 100%;
        flex: 1 1 0
    }

.section-title-five-icon-cards {
    padding-top: 10rem;
    padding-bottom: 10rem
}

    .section-title-five-icon-cards .section__wr-big {
        overflow: unset
    }

@media (max-width: 68rem) {
    .section-title-five-icon-cards {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.section-title-five-icon-cards h2 {
    max-width: 50rem;
    text-align: center
}

.section-title-five-icon-cards__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem
}

@media (max-width: 35.5rem) {
    .section-title-five-icon-cards__cards {
        flex-direction: column;
        width: 100%
    }

        .section-title-five-icon-cards__cards .icon-card {
            width: 100%
        }

            .section-title-five-icon-cards__cards .icon-card p {
                text-align: center !important
            }
}

.section-bg-img-title-three-cards {
    position: relative;
    padding-bottom: 10rem;
    padding-top: 10rem
}

    .section-bg-img-title-three-cards .section__bg picture {
        height: 100%
    }

        .section-bg-img-title-three-cards .section__bg picture source, .section-bg-img-title-three-cards .section__bg picture img {
            object-position: top
        }

@media (max-width: 68rem) {
    .section-bg-img-title-three-cards {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .section-bg-img-title-three-cards .section__bg {
        display: none
    }
}

.section-bg-img-title-three-cards .card-list {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media (max-width: 68rem) {
    .section-bg-img-title-three-cards .card-list {
        gap: 1rem
    }
}

@media (max-width: 48rem) {
    .section-bg-img-title-three-cards .card-list {
        flex-direction: column;
        align-items: center
    }
}

.section-bg-img-title-three-cards .card-list h4 {
    margin-bottom: 1.5rem
}

.section-bg-img-title-three-cards .card-list .register-card {
    height: unset;
    gap: 2rem;
    padding-bottom: 2rem
}

.section-bg-img-title-three-cards .card-list picture {
    width: 100%;
    max-width: 20rem;
    display: flex;
    justify-content: center;
    align-self: center
}

    .section-bg-img-title-three-cards .card-list picture source {
        all: initial
    }

    .section-bg-img-title-three-cards .card-list picture img {
        width: 100%
    }

@media (max-width: 48rem) {
    .section-bg-img-title-three-cards .card-list picture {
        width: unset
    }
}

.faq-section {
    padding: 10rem 0
}

@media (max-width: 68rem) {
    .faq-section {
        padding: 5rem 0
    }
}

.faq-section__head {
    display: flex;
    flex-direction: column;
    max-width: 37.5rem;
    gap: 2rem;
    align-items: center;
    text-align: center
}

.faq-section__text {
    display: flex;
    gap: 2rem
}

    .faq-section__text p {
        flex: 1 1 0
    }

.section-slider-with-pagination {
    padding: 10rem 0
}

    .section-slider-with-pagination.dark-blue-bg {
        background: #08174e
    }

@media (max-width: 68rem) {
    .section-slider-with-pagination {
        padding: 5rem 0
    }
}

.section-slider-with-pagination .section__wr-medium {
    padding: 5rem 0 2rem;
    position: relative;
    flex-direction: column;
    gap: 1rem;
    overflow-x: hidden
}

@media (max-width: 48rem) {
    .section-slider-with-pagination .section__wr-medium {
        padding: 2rem 0
    }
}

.section-slider-with-pagination .section__wr-medium .slide {
    align-items: flex-start;
    width: 100%;
    padding: 0 6.25rem
}

@media (max-width: 48rem) {
    .section-slider-with-pagination .section__wr-medium .slide {
        align-items: center;
        padding: 0 1.125rem
    }

        .section-slider-with-pagination .section__wr-medium .slide .content {
            max-width: 100%
        }
}

.section-slider-with-pagination .section__wr-medium .slide__half {
    display: none
}

    .section-slider-with-pagination .section__wr-medium .slide__half .column {
        display: flex;
        gap: 4rem
    }

        .section-slider-with-pagination .section__wr-medium .slide__half .column picture {
            width: 100%
        }

            .section-slider-with-pagination .section__wr-medium .slide__half .column picture source {
                all: initial
            }

            .section-slider-with-pagination .section__wr-medium .slide__half .column picture img {
                width: 100%
            }

.section-slider-with-pagination .section__wr-medium .slide__full picture {
    grid-row: 2
}

@media (min-width: 769px) {
    .section-slider-with-pagination .section__wr-medium .slide__full {
        display: block
    }

    .section-slider-with-pagination .section__wr-medium .slide__half, .section-slider-with-pagination .section__wr-medium .pagination__line.slide__half {
        display: none
    }
}

@media (max-width: 768px) {
    .section-slider-with-pagination .section__wr-medium .slide__full {
        display: none
    }

    .section-slider-with-pagination .section__wr-medium .slide__half {
        display: block
    }

    .section-slider-with-pagination .section__wr-medium .pagination__line.slide__half {
        display: inline-block
    }
}

.section-slider-with-pagination .section__wr-medium .slide__grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%;
    gap: 2rem;
    margin-top: 3rem
}

    .section-slider-with-pagination .section__wr-medium .slide__grid p {
        grid-row: 1;
        align-self: center
    }

    .section-slider-with-pagination .section__wr-medium .slide__grid picture {
        width: 100%;
        display: flex
    }

        .section-slider-with-pagination .section__wr-medium .slide__grid picture source {
            all: initial
        }

        .section-slider-with-pagination .section__wr-medium .slide__grid picture img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: contain
        }

.section-slider-with-pagination .section__wr-medium .slide__flex {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 2rem;
    margin-top: 3rem
}

    .section-slider-with-pagination .section__wr-medium .slide__flex .section__left {
        display: flex;
        flex: 1 1 0
    }

    .section-slider-with-pagination .section__wr-medium .slide__flex .section__right {
        display: flex;
        flex: 1 1 0;
        align-items: center
    }

    .section-slider-with-pagination .section__wr-medium .slide__flex picture {
        width: 100%;
        display: flex
    }

        .section-slider-with-pagination .section__wr-medium .slide__flex picture source {
            all: initial
        }

        .section-slider-with-pagination .section__wr-medium .slide__flex picture img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: contain
        }

.section-slider-with-pagination .section__wr-medium .slide__table {
    width: 100%;
    margin-top: 3rem;
    border-collapse: collapse;
    overflow: scroll
}

    .section-slider-with-pagination .section__wr-medium .slide__table thead {
        background-color: #00bdff
    }

        .section-slider-with-pagination .section__wr-medium .slide__table thead th {
            font-weight: 400;
            padding: 1rem;
            text-align: left
        }

html[dir=rtl] .section-slider-with-pagination .section__wr-medium .slide__table thead th {
    text-align: right
}

.section-slider-with-pagination .section__wr-medium .slide__table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #9DA0A4
}

html[dir=rtl] .section-slider-with-pagination .section__wr-medium .slide__table td {
    text-align: right
}

.section-slider-with-pagination .section__wr-medium .slide__table tbody tr:last-child td {
    border-bottom: none
}

.section-slider-with-pagination .section__wr-medium .section__right {
    max-width: 60%;
    display: flex
}

@media (max-width: 48rem) {
    .section-slider-with-pagination .section__wr-medium .section__right {
        max-width: 100%
    }
}

.section-slider-with-pagination .section__wr-medium .section__right picture {
    width: 100%;
    padding-top: unset
}

    .section-slider-with-pagination .section__wr-medium .section__right picture source {
        all: initial
    }

    .section-slider-with-pagination .section__wr-medium .section__right picture img {
        width: 100%
    }

@media (max-width: 48rem) {
    .section-slider-with-pagination .block__arrows {
        display: none
    }
}

.section-slider-with-pagination .dark-theme svg.arrow path {
    fill: #00bdff
}

.section-slider-with-pagination .dark-theme .pagination__line {
    background: #00bdff
}

.section-slider-with-pagination-bg {
    padding: 10rem 0
}

@media (max-width: 68rem) {
    .section-slider-with-pagination-bg {
        padding: 5rem 0
    }
}

.section-slider-with-pagination-bg .slider__wr {
    position: relative;
    flex-direction: column;
    gap: 1rem;
    overflow-x: hidden
}

    .section-slider-with-pagination-bg .slider__wr .slide {
        align-items: flex-start;
        width: 100%;
        padding: 0 6.25rem
    }

@media (max-width: 48rem) {
    .section-slider-with-pagination-bg .slider__wr .slide {
        align-items: center;
        padding: 0 1.125rem
    }

        .section-slider-with-pagination-bg .slider__wr .slide .content {
            max-width: 100%
        }
}

.section-slider-with-pagination-bg .slider__wr .section__right {
    max-width: 60%;
    display: flex
}

@media (max-width: 48rem) {
    .section-slider-with-pagination-bg .slider__wr .section__right {
        max-width: 100%
    }
}

.section-slider-with-pagination-bg .slider__wr .section__right picture {
    width: 100%;
    padding-top: unset
}

    .section-slider-with-pagination-bg .slider__wr .section__right picture source, .section-slider-with-pagination-bg .slider__wr .section__right picture img {
        width: 100%
    }

.section-slider-with-pagination-bg .pagination {
    position: absolute;
    bottom: 2rem;
    inset-inline-start: 50%;
    transform: translate(-50%)
}

@media (max-width: 48rem) {
    .section-slider-with-pagination-bg .block__arrows {
        display: none
    }
}

.section-slider-with-pagination-bg .block__arrows .arrow-left {
    position: absolute
}

.section__l-text-r-fit-img {
    padding: 10rem 0
}

    .section__l-text-r-fit-img .section__wr-small {
        width: unset
    }

@media (max-width: 68rem) {
    .section__l-text-r-fit-img {
        padding: 5rem 0
    }
}

@media (max-width: 48rem) {
    .section__l-text-r-fit-img picture {
        width: 100%
    }
}

.section__l-text-r-fit-img picture source, .section__l-text-r-fit-img picture img {
    width: 100%;
    display: flex
}

.section__l-text-r-fit-img .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .section__l-text-r-fit-img .section__left {
        gap: 1.5rem;
        text-align: center
    }
}

.section__l-text-r-fit-img .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: flex-start
}

@media (max-width: 48rem) {
    .section__l-text-r-fit-img .section__right {
        gap: 1.5rem;
        padding: 2rem 1.25rem
    }
}

.section-light-blue-bg-title-columns {
    padding: 10rem 0;
    background: #00bdff;
    color: #fff
}

@media (max-width: 68rem) {
    .section-light-blue-bg-title-columns {
        padding: 5rem 0
    }
}

.section-light-blue-bg-title-columns .section__wr-small {
    align-items: flex-start
}

.section-light-blue-bg-title-columns__text {
    display: flex;
    gap: 2rem
}

@media (max-width: 48rem) {
    .section-light-blue-bg-title-columns__text {
        flex-direction: column
    }
}

.section-light-blue-bg-title-columns__text div {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .section-title-center-two-text-column {
        padding-top: 5rem
    }
}

.section-title-center-two-text-column__text {
    display: flex;
    gap: 5rem
}

@media (max-width: 48rem) {
    .section-title-center-two-text-column__text {
        flex-direction: column;
        gap: 4rem
    }
}

.big-carousel {
    width: 100%;
    position: relative;
    padding-top: 10rem;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 68rem) {
    .big-carousel {
        padding-top: 7.5rem
    }
}

.big-carousel__wr {
    max-width: 75rem;
    width: 100%;
    margin: 0 auto;
    display: flex
}

@media (max-width: 79rem) {
    .big-carousel__wr {
        margin: 0 2rem;
        width: unset
    }
}

@media (max-width: 48rem) {
    .big-carousel__wr {
        margin: 0 1.25rem
    }
}

.big-carousel__carousel-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    white-space: nowrap;
    width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media (max-width: 48rem) {
    .big-carousel__carousel-container {
        overflow-x: hidden
    }
}

.big-carousel__carousel-container, .big-carousel__carousel-container * {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

    .big-carousel__carousel-container::-webkit-scrollbar {
        display: none
    }

.big-carousel__carousel {
    transition: transform .3s ease;
    display: flex;
    gap: 1rem;
    padding: 0 calc((100% - 1200px)/2);
    width: fit-content
}

    .big-carousel__carousel a {
        cursor: pointer
    }

@media (max-width: 79rem) {
    .big-carousel__carousel {
        padding: 0 2rem
    }
}

@media (max-width: 48rem) {
    .big-carousel__carousel {
        padding: 0 1.25rem
    }
}

.big-carousel__arrows {
    display: flex;
    gap: 1.5rem;
    cursor: pointer;
    transition: all .3s ease
}

    .big-carousel__arrows svg path {
        transition: all .3s ease
    }

    .big-carousel__arrows svg:hover path {
        opacity: 1
    }

html[dir=rtl] .big-carousel__arrows svg {
    transform: scaleX(-1)
}

.slider {
    position: relative;
    width: 100%;
    overflow: hidden
}

.slider__track {
    display: flex;
    transition: transform .5s ease;
    will-change: transform
}

.slider__slide {
    flex: 0 0 100%;
    width: 100%;
    height: auto;
    position: relative
}

.slider__pagination {
    display: flex;
    justify-content: center;
    gap: .5rem;
    margin-top: 1rem
}

.slider__pagination-dot, .slider__pagination-line {
    width: 40px;
    height: 2px;
    background: #f4f4f4;
    opacity: .4;
    transition: all .3s ease;
    cursor: pointer
}

    .slider__pagination-dot.active, .slider__pagination-line.active {
        background: #00bdff;
        opacity: 1
    }

.slider__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10
}

.slider__arrow--left {
    inset-inline-start: 1rem
}

.slider__arrow--right {
    inset-inline-end: 1rem
}

.slider__arrow svg path {
    transition: opacity .3s ease
}

.slider__arrow svg:hover path {
    opacity: 1
}

@media (max-width: 768px) {
    .slider__arrow {
        display: none
    }

    .slider__pagination {
        margin-top: 2rem
    }
}

.slider--testimonial .slider__slide {
    padding: 2rem;
    background-color: #f4f4f4
}

.slider--dark-theme .slider__pagination-line {
    background-color: #fff
}

.slide--mobile-only {
    display: none
}

.slide--desktop-only {
    display: block
}

@media (max-width: 768px) {
    .slide--desktop-only {
        display: none !important
    }

    .slide--mobile-only {
        display: block !important
    }
}

.alert {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    max-width: 71.5rem;
    padding: 2rem;
    background: #f4f4f4;
    gap: 1rem
}

@media (max-width: 48rem) {
    .alert {
        align-items: center;
        flex-direction: column;
        text-align: center
    }
}

::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
    border-radius: .5rem
}

::-webkit-scrollbar-track {
    background: #f4f4f4
}

::-webkit-scrollbar-thumb {
    background: #00bdff;
    border-radius: .5rem
}

    ::-webkit-scrollbar-thumb:hover {
        background: #00bdff
    }

.accordion {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 50rem
}

.accordion-item {
    background: #f4f4f4f2;
    padding-bottom: 2rem
}

    .accordion-item.open .accordion-item__head {
        padding-bottom: 2rem
    }

        .accordion-item.open .accordion-item__head:before {
            transform: rotate(270deg)
        }

    .accordion-item.open p {
        opacity: 1
    }

.accordion-item__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2rem 3.5rem 0 2rem;
    cursor: pointer;
    position: relative
}

html[dir=rtl] .accordion-item__head {
    padding: 2rem 2rem 0 3.5rem
}

.accordion-item__head:before {
    content: "";
    position: absolute;
    inset-inline-end: 2rem;
    top: 2rem;
    width: 16px;
    height: 16px;
    background: url(/icons/list-blue-arrow.svg) no-repeat center;
    background-size: contain;
    transform: rotate(90deg)
}

.accordion-item__body {
    padding: 0 2rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease
}

    .accordion-item__body p {
        opacity: 0;
        transition: opacity .3s ease
    }

.table__wrapper {
    overflow-x: hidden;
    width: 100%
}

    .table__wrapper.scrollable {
        overflow-y: auto;
        height: 35rem
    }

@media (max-width: 68rem) {
    .table__wrapper {
        overflow-x: auto
    }
}

.table__wrapper table {
    width: 62.5rem;
    border-collapse: collapse;
    overflow: auto
}

    .table__wrapper table.small {
        width: 37.5rem
    }

@media (max-width: 48rem) {
    .table__wrapper table.small {
        width: 100%;
        min-width: 37.5rem
    }
}

.table__wrapper table.big {
    width: 75rem
}

@media (max-width: 68rem) {
    .table__wrapper table.big {
        width: 100%;
        min-width: 75rem
    }
}

.table__wrapper table thead {
    background-color: #f4f4f4;
    position: sticky;
    top: 0
}

.table__wrapper table th {
    padding: 1rem;
    text-align: left
}

html[dir=rtl] .table__wrapper table th {
    text-align: right
}

.table__wrapper table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #B7C4CC
}

html[dir=rtl] .table__wrapper table td {
    text-align: right
}

.table__wrapper table tbody {
    background: #fff
}

.custom-modal {
    all: initial;
    font-family: inherit;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: #00000080;
    transition: opacity .3s ease
}

    .custom-modal.active {
        display: flex;
        opacity: 1
    }

    .custom-modal.hidden {
        display: none
    }

.custom-modal__title {
    margin: 0;
    font-size: 2.5rem;
    line-height: normal;
    text-align: center;
    font-weight: 700
}

@media (max-width: 68rem) {
    .custom-modal__title {
        font-size: 1.875rem
    }
}

.custom-modal__body, .custom-modal__footer {
    width: auto;
    text-align: center
}

.custom-modal__footer {
    margin-top: 16px
}

    .custom-modal__footer .button.mb-15 {
        margin-bottom: 15px
    }

.modal-content-nd {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 600px;
    min-width: 600px;
    padding: 64px;
    gap: 32px;
    background-color: #fff;
    opacity: 0;
    border-radius: 0;
    transition: transform .3s ease-out,opacity .3s ease-out
}

    .modal-content-nd.animate-in {
        transform: translateY(0);
        opacity: 1
    }

@media (max-width: 640px) {
    .modal-content-nd {
        width: 90%;
        min-width: unset;
        padding: 32px
    }
}

.modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1
}

.navbar {
    width: 100%;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    z-index: 1202;
    transition: transform .2s ease,background .2s ease,color .2s ease
}

.navbar--hidden {
    transform: translateY(-100%)
}

.navbar--visible {
    transform: translateY(0)
}

.navbar--light {
    background: #e7e9f0e6 !important;
    color: #19222e !important
}

    .navbar--light .logo-light {
        display: none
    }

    .navbar--light .logo-dark {
        display: block
    }

    .navbar--light .navbar__bg {
        background: unset
    }

    .navbar--light .lang-select__dropdown {
        background-color: #e7e9f0eb !important
    }

    .navbar--light .lang-select__selected, .navbar--light .login, .navbar--light .lang-select__option {
        color: #19222e !important
    }

        .navbar--light .lang-select__option.active {
            background: #00bdff !important
        }

        .navbar--light .lang-select__option:hover:not(.active) {
            border-color: #19222e !important
        }

    .navbar--light .live.button.button--small, .navbar--light .live.button.button--small:link, .navbar--light .live.button.button--small:visited {
        background: #00bdff;
        color: #fff;
        border-color: transparent
    }

        .navbar--light .live.button.button--small:hover, .navbar--light .live.button.button--small:active, .navbar--light .live.button.button--small:focus {
            background: #19222e;
            color: #fff;
            border-color: transparent
        }

        .navbar--light .live.button.button--small:disabled {
            background: #00bdff;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

    .navbar--light .live.button.button--small {
        background: #00bdff !important;
        color: #fff !important;
        border-color: transparent !important
    }

        .navbar--light .live.button.button--small:hover, .navbar--light .live.button.button--small:active {
            background: #19222e !important;
            color: #fff !important;
            border-color: transparent !important
        }

.navbar .logo-dark {
    display: none
}

.navbar__bg {
    width: 100%;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: background .2s ease
}

.navbar__bg--grey {
    background-color: #e7e9f0eb
}

    .navbar__bg--grey .live.button.button--small, .navbar__bg--grey .live.button.button--small:link, .navbar__bg--grey .live.button.button--small:visited {
        background: #00bdff;
        color: #19222e;
        border-color: transparent
    }

        .navbar__bg--grey .live.button.button--small:hover, .navbar__bg--grey .live.button.button--small:active, .navbar__bg--grey .live.button.button--small:focus {
            background: #00bdff;
            color: #fff;
            border-color: transparent
        }

        .navbar__bg--grey .live.button.button--small:disabled {
            background: #00bdff;
            color: #19222e;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

    .navbar__bg--grey .lang-select__dropdown {
        background-color: #e7e9f0eb
    }

    .navbar__bg--grey .lang-select__selected, .navbar__bg--grey .login, .navbar__bg--grey .lang-select__option {
        color: #19222e
    }

        .navbar__bg--grey .lang-select__option.active {
            background: #00bdff
        }

        .navbar__bg--grey .lang-select__option:hover:not(.active) {
            border-color: #19222e
        }

.navbar__bg--light-blue {
    background-color: #00bdffcc
}

    .navbar__bg--light-blue .live.button.button--small, .navbar__bg--light-blue .live.button.button--small:link, .navbar__bg--light-blue .live.button.button--small:visited {
        background: #19222e;
        color: #fff;
        border-color: transparent
    }

        .navbar__bg--light-blue .live.button.button--small:hover, .navbar__bg--light-blue .live.button.button--small:active, .navbar__bg--light-blue .live.button.button--small:focus {
            background: transparent;
            color: #19222e;
            border-color: #19222e
        }

        .navbar__bg--light-blue .live.button.button--small:disabled {
            background: #19222e;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

    .navbar__bg--light-blue .lang-select__dropdown {
        background-color: #00bdffcc
    }

    .navbar__bg--light-blue .lang-select__selected, .navbar__bg--light-blue .login, .navbar__bg--light-blue .lang-select__option {
        color: #fff
    }

        .navbar__bg--light-blue .lang-select__option.active {
            background: #19222e
        }

        .navbar__bg--light-blue .lang-select__option:hover:not(.active) {
            border-color: #fff
        }

.navbar__bg--dark-blue {
    background-color: #08174ecc
}

    .navbar__bg--dark-blue .live.button.button--small, .navbar__bg--dark-blue .live.button.button--small:link, .navbar__bg--dark-blue .live.button.button--small:visited {
        background: #00bdff;
        color: #fff;
        border-color: transparent
    }

        .navbar__bg--dark-blue .live.button.button--small:hover, .navbar__bg--dark-blue .live.button.button--small:active, .navbar__bg--dark-blue .live.button.button--small:focus {
            background: transparent;
            color: #fff;
            border-color: #fff
        }

        .navbar__bg--dark-blue .live.button.button--small:disabled {
            background: #00bdff;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

    .navbar__bg--dark-blue .lang-select__dropdown {
        background-color: #08174ecc
    }

    .navbar__bg--dark-blue .lang-select__selected, .navbar__bg--dark-blue .login, .navbar__bg--dark-blue .lang-select__option {
        color: #fff
    }

        .navbar__bg--dark-blue .lang-select__option.active {
            background: #00bdff
        }

        .navbar__bg--dark-blue .lang-select__option:hover:not(.active) {
            border-color: #fff
        }

.navbar__bg--dark-grey {
    background-color: #0a121ccc
}

    .navbar__bg--dark-grey .live.button.button--small, .navbar__bg--dark-grey .live.button.button--small:link, .navbar__bg--dark-grey .live.button.button--small:visited {
        background: #00bdff;
        color: #fff;
        border-color: transparent
    }

        .navbar__bg--dark-grey .live.button.button--small:hover, .navbar__bg--dark-grey .live.button.button--small:active, .navbar__bg--dark-grey .live.button.button--small:focus {
            background: transparent;
            color: #fff;
            border-color: #fff
        }

        .navbar__bg--dark-grey .live.button.button--small:disabled {
            background: #00bdff;
            color: #fff;
            border-color: transparent;
            opacity: .2;
            pointer-events: none
        }

    .navbar__bg--dark-grey .lang-select__dropdown {
        background-color: #0a121ccc
    }

    .navbar__bg--dark-grey .lang-select__selected, .navbar__bg--dark-grey .login, .navbar__bg--dark-grey .lang-select__option {
        color: #fff
    }

        .navbar__bg--dark-grey .lang-select__option.active {
            background: #00bdff
        }

        .navbar__bg--dark-grey .lang-select__option:hover:not(.active) {
            border-color: #fff
        }

.navbar .lang-select__selected, .navbar .login {
    color: #fff;
    transition: color .1s ease;
    text-transform: uppercase
}

.navbar__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 80rem;
    margin: 0 auto;
    height: 4rem
}

@media (max-width: 1350px) {
    .navbar__content {
        margin: 0 2rem
    }
}

@media (max-width: 68rem) {
    .navbar__content {
        margin: 0 1.25rem
    }
}

.navbar__menu {
    display: flex;
    position: relative
}

@media (max-width: 1140px) {
    .navbar__menu {
        gap: 0
    }
}

.navbar__left, .navbar__right {
    display: flex;
    align-items: center
}

.navbar__right {
    gap: 1rem
}

@media (max-width: 68rem) {
    .navbar__right {
        gap: unset
    }
}

.navbar .language {
    cursor: pointer;
    display: flex;
    gap: .5rem;
    align-items: center
}

.navbar .language__label {
    padding: 10px 8px
}

.navbar .burger-menu {
    display: none
}

@media (max-width: 68rem) {
    .navbar .burger-menu {
        display: flex
    }
}

.nav-item {
    display: flex;
    padding: .5625rem .75rem;
    border-radius: 2rem;
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    font-family: InterVariable,InterStatic,Inter,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: .625rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: color .2s ease,opacity .2s ease,border-color .2s ease
}

    .nav-item.dark {
        color: #fff
    }

        .nav-item.dark:hover {
            border-color: #fff
        }

        .nav-item.dark:disabled {
            color: #b7c4cc;
            border-color: #b7c4cc;
            opacity: .8
        }

    .nav-item.light {
        color: #19222e
    }

        .nav-item.light:hover {
            border-color: #19222e
        }

        .nav-item.light:disabled {
            color: #b7c4cc;
            border-color: #b7c4cc;
            opacity: .8
        }

.navbar__dropdown {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    width: 100%;
    gap: 4.375rem;
    padding: 3rem 0 4rem;
    background: #e7e9f0e6;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity .2s ease,transform .2s ease,visibility .2s ease
}

.navbar__dropdown--visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.navbar__dropdown .dropdown__content {
    max-width: 80rem;
    margin: 0 auto;
    display: flex;
    gap: 4rem
}

@media (max-width: 1350px) {
    .navbar__dropdown .dropdown__content {
        margin: 0 2rem
    }
}

@media (max-width: 68rem) {
    .navbar__dropdown .dropdown__content {
        margin: 0 1.25rem
    }
}

.navbar__dropdown .dropdown__left {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    max-width: 25rem
}

    .navbar__dropdown .dropdown__left .button-group {
        flex-flow: wrap
    }

.navbar__dropdown .dropdown-links {
    display: none;
    gap: 4rem
}

.navbar__dropdown .dropdown-links__section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.navbar__dropdown .dropdown-links__subsection {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-10px)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.mobile-menu {
    display: none
}

@media (max-width: 68rem) {
    .mobile-menu {
        display: flex;
        flex-direction: column;
        background: #e7e9f0e6;
        position: fixed;
        top: 65px;
        inset-inline-start: 0;
        width: 100%
    }
}

.mobile-menu.active {
    transform: translateY(0);
    overflow-y: auto
}

@media (max-width: 68rem) {
    .navbar .logo {
        width: 7.875rem
    }

    .navbar__bg {
        position: relative;
        z-index: 1202
    }

    .navbar__content {
        height: 3.375rem
    }

    .navbar__menu, .navbar__right .login, .navbar__right .live {
        display: none
    }

    .navbar.active, .navbar.active .navbar__bg {
        background-color: #fff
    }

        .navbar.active .logo-dark {
            display: flex
        }

        .navbar.active .logo-light {
            display: none
        }

        .navbar.active .language__label {
            color: #19222e
        }

    .burger-menu {
        display: flex;
        cursor: pointer;
        margin-left: 1rem;
        position: relative;
        flex-direction: column;
        gap: .5rem
    }

        .burger-menu.rtl {
            margin-left: unset;
            margin-right: 1rem
        }

        .burger-menu.light-theme span {
            background-color: #19222e
        }

        .burger-menu span {
            display: block;
            width: 1.5rem;
            height: 1px;
            background-color: #fff;
            transition: all .2s ease
        }

        .burger-menu:hover span {
            opacity: .8
        }

        .burger-menu.active span {
            background-color: #19222e
        }

            .burger-menu.active span:nth-child(1) {
                transform: translateY(10px) rotate(45deg)
            }

            .burger-menu.active span:nth-child(2) {
                opacity: 0
            }

            .burger-menu.active span:nth-child(3) {
                transform: translateY(-8px) rotate(-45deg)
            }

    .mobile-menu {
        position: fixed;
        top: 0;
        inset-inline-start: 0;
        height: 100vh;
        transform: translateY(-200%);
        transition: transform .2s ease;
        z-index: 1201;
        display: flex;
        padding: 5rem 1.25rem;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px)
    }

    .mobile-menu__nav {
        display: flex;
        flex-direction: column
    }

        .mobile-menu__nav .button-group {
            display: flex;
            gap: 1rem;
            margin-bottom: 1rem
        }

            .mobile-menu__nav .button-group button {
                flex: 1 1 0
            }

            .mobile-menu__nav .button-group a {
                width: 100%
            }

    .mobile-menu__nav__item {
        text-transform: uppercase;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem 0;
        cursor: pointer
    }

        .mobile-menu__nav__item.open .mobile-arrow {
            transform: rotate(180deg);
            transition: transform .2s ease
        }

    .mobile-menu .mobile-dropdown-links {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding-bottom: 0;
        transition: max-height .4s ease,opacity .4s ease;
        border-bottom: 1px solid #000000
    }

    .mobile-menu .mobile-dropdown-links__section {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        border-bottom: 1px solid #00BDFF;
        padding: 1.25rem 0
    }

        .mobile-menu .mobile-dropdown-links__section:first-child {
            padding-top: .5rem
        }

    .mobile-menu .mobile-dropdown-links__subsection {
        display: flex;
        flex-direction: column;
        gap: 1.25rem
    }

    .mobile-menu .mobile-dropdown-links.active {
        max-height: 100rem;
        opacity: 1;
        padding-bottom: 1.5rem
    }
}

.lang-select {
    position: relative;
    width: 100%;
    font-family: inherit;
    font-size: .875rem;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.lang-select__selected {
    height: 2.75rem;
    padding: 0 1.25rem;
    border-radius: 2rem;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    color: #fff
}

    .lang-select__selected svg {
        transform: rotate(90deg);
        transition: all .3s ease
    }

.lang-select__dropdown {
    display: none;
    max-height: 20rem;
    min-width: 10rem;
    overflow-y: auto;
    gap: .25rem;
    flex-direction: column;
    margin-top: .5rem;
    background: #0a121ccc;
    padding: .25rem;
    position: absolute;
    width: 100%;
    z-index: 1200;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

@media (max-width: 68rem) {
    .lang-select__dropdown {
        inset-inline-end: -2rem
    }
}

.lang-select__dropdown::-webkit-scrollbar {
    width: .25rem
}

.lang-select__dropdown::-webkit-scrollbar-thumb {
    border-radius: .5rem
}

.lang-select__option {
    height: 2.125rem;
    padding: .16rem 1rem 0;
    border-radius: 2rem;
    background: transparent;
    border: 1px solid transparent;
    transition: all .2s ease;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #fff
}

    .lang-select__option:hover {
        border-color: #fff
    }

    .lang-select__option:active, .lang-select__option.active {
        border-color: #00bdff;
        background: #00bdff;
        color: #fff
    }

.lang-select.open .lang-select__selected svg {
    transform: rotate(270deg)
}

.lang-select.open .lang-select__dropdown {
    display: block
}

.breadcrumb {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 12
}

@media (max-width: 48rem) {
    .breadcrumb {
        display: none
    }
}

.breadcrumb__wr {
    position: absolute;
    top: 0;
    inset-block-start: 0;
    padding: 1.5rem 0;
    display: flex;
    max-width: 62.5rem;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 68rem) {
    .breadcrumb__wr {
        padding: 0 2rem
    }
}

.breadcrumb__container {
    display: flex
}

.breadcrumb__item {
    font-size: 14px;
    font-style: normal;
    line-height: 1.6
}

    .breadcrumb__item:not(:last-child):after {
        content: "/";
        margin: 0 .5rem;
        color: #84888d;
        cursor: unset
    }

    .breadcrumb__item .active-link {
        color: #00bdff;
        font-weight: 600;
        cursor: pointer;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto
    }

    .breadcrumb__item .not-active-link {
        color: #84888d;
        font-weight: 400;
        text-decoration: none;
        cursor: unset
    }

.footer {
    width: 100%;
    background-color: #0a121c;
    color: #fff;
    display: flex
}

.footer__wr {
    max-width: 1000px;
    margin: 7.5rem auto
}

@media (max-width: 68rem) {
    .footer__wr {
        margin: 7.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .footer__wr {
        margin: 5rem 1.25rem
    }
}

.footer__top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 68rem) {
    .footer__top {
        margin-bottom: 2rem
    }
}

.footer__text {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

.footer__controls {
    margin-bottom: 2rem;
    align-items: flex-start
}

@media (max-width: 35.5rem) {
    .footer__controls {
        display: block;
        margin-bottom: 1.5rem
    }
}

.footer__controls .footer__reputation {
    display: flex;
    align-items: flex-end
}

.footer__controls tv-broker-rating {
    margin: -20px
}

.country-select {
    position: relative;
    width: 100%;
    max-width: 19rem;
    min-width: 16rem;
    font-family: inherit;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    margin: 1.5rem 0
}

.country-select__selected {
    height: 2.75rem;
    padding: .15rem 1.25rem 0;
    border: 1px solid white;
    border-radius: 2rem;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .country-select__selected svg {
        transition: transform .2s ease
    }

.country-select__dropdown {
    display: none;
    max-height: 20rem;
    overflow-y: scroll;
    gap: .25rem;
    flex-direction: column;
    margin-top: .5rem;
    background: #0a121ccc;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: .25rem;
    position: absolute;
    width: 100%;
    z-index: 10;
    box-shadow: 0 4px 20px #0000001a
}

    .country-select__dropdown::-webkit-scrollbar {
        width: .25rem
    }

    .country-select__dropdown::-webkit-scrollbar-thumb {
        border-radius: .5rem
    }

.country-select__option {
    height: 2.75rem;
    padding: 0 1rem;
    border-radius: 2rem;
    background: transparent;
    border: 1px solid transparent;
    transition: all .2s ease;
    display: flex;
    align-items: center
}

    .country-select__option:hover {
        border-color: #fff
    }

    .country-select__option:active {
        border-color: #00bdff;
        background: #00bdff;
        color: #fff
    }

    .country-select__option.active {
        border-color: transparent;
        background: #00bdff;
        color: #fff
    }

.country-select.open .country-select__dropdown {
    display: block
}

.country-select.open svg {
    transform: rotate(180deg)
}

.contact__block {
    padding-top: 10rem
}

    .contact__block .link__part .links-container {
        margin: 0 auto;
        max-width: 75rem;
        padding: 3rem 3rem 5rem;
        background: #f4f4f4;
        display: grid;
        grid-template-columns: repeat(6,1fr);
        gap: 1.25rem;
        justify-content: space-between
    }

@media (max-width: 79rem) {
    .contact__block .link__part .links-container {
        margin: 0 2rem
    }
}

@media (max-width: 48rem) {
    .contact__block .link__part .links-container {
        margin: 0 1.25rem
    }
}

.contact__block .link__part .link-column {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.contact__block .link__part .column-title {
    height: 2rem;
    font-weight: 600;
    font-size: .875rem;
    line-height: 130%;
    margin: 0;
    color: #19222e
}

    .contact__block .link__part .column-title svg {
        display: none
    }

.contact__block .link__part .link-list {
    display: flex;
    flex-direction: column;
    gap: .625rem;
    list-style: none;
    padding: 0;
    margin: 0
}

.contact__block .contact__part {
    display: flex;
    justify-content: center;
    width: 100%
}

.contact__block .contact__part__wr {
    width: 62.5rem;
    margin: 5rem auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 79rem) {
    .contact__block .contact__part__wr {
        margin: 5rem 2rem
    }
}

@media (max-width: 68rem) {
    .contact__block .contact__part__wr {
        flex-direction: column;
        gap: 1.5rem
    }
}

@media (max-width: 48rem) {
    .contact__block .contact__part__wr {
        margin: 5rem 1.25rem
    }
}

.contact__block .contact__part .left {
    gap: 2.5rem
}

@media (max-width: 48rem) {
    .contact__block .contact__part .left {
        gap: 1.8rem
    }
}

.contact__block .contact__part .contact__social {
    display: flex;
    gap: .75rem
}

.contact__block .contact__part-group {
    display: flex;
    align-items: center;
    gap: 1.125rem
}

@media (max-width: 48rem) {
    .contact__block .contact__part-group .border {
        display: none
    }

    .contact__block .contact__part-group {
        flex-direction: column
    }
}

.contact__block .contact__part-group .border {
    width: 1px;
    height: .75rem;
    background-color: #000
}

@media (max-width: 68rem) {
    .contact__block {
        padding-top: 5rem
    }

        .contact__block .link__part .links-container {
            display: flex;
            flex-direction: column;
            padding: 1.25rem 1.125rem;
            gap: 1.25rem;
            grid-template-columns: none
        }

        .contact__block .link__part .link-column {
            background: #f4f4f4;
            cursor: pointer;
            display: flex;
            flex-direction: column
        }

            .contact__block .link__part .link-column .column-title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 1.75rem;
                font-size: .875rem;
                font-weight: 600;
                margin: 0;
                color: #19222e;
                position: relative
            }

                .contact__block .link__part .link-column .column-title svg {
                    display: flex;
                    transition: transform .3s ease
                }

            .contact__block .link__part .link-column .link-list {
                display: none;
                flex-direction: column;
                gap: .625rem;
                margin-top: .5rem
            }

            .contact__block .link__part .link-column.active .link-list {
                display: flex
            }

            .contact__block .link__part .link-column.active .column-title svg {
                transform: rotate(180deg)
            }
}

.trade-now {
    position: relative;
    display: flex;
    overflow: hidden
}

    .trade-now.dark-grey-theme .trade-now__bg .bg__middle {
        background-color: #0a121ccc
    }

    .trade-now.mid-blue-theme .trade-now__bg .bg__middle {
        background-color: #1d47f0cc
    }

.trade-now__bg img, .trade-now__bg source {
    object-fit: cover;
    object-position: center left;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .trade-now__bg img, .trade-now__bg source {
        object-position: bottom center
    }
}

.trade-now__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

    .trade-now__bg .bg__back.rtl {
        transform: scaleX(-1)
    }

.trade-now__bg .bg__middle {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

@media (max-width: 68rem) {
    .trade-now__bg .bg__middle {
        width: 100%
    }
}

.trade-now__wr {
    margin: 10rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
    z-index: 4
}

@media (max-width: 68rem) {
    .trade-now__wr {
        margin: 5rem 2rem;
        gap: 2rem;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: auto
    }
}

@media (max-width: 48rem) {
    .trade-now__wr {
        gap: 0;
        grid-template-columns: 100%;
        grid-template-rows: auto;
        margin: 5rem 1.125rem
    }
}

.trade-now__text {
    width: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    grid-column: 2
}

    .trade-now__text.rtl ul:not(.link-list,.circle) li.white {
        padding-left: unset;
        padding-right: 1.75rem
    }

        .trade-now__text.rtl ul:not(.link-list,.circle) li.white:before {
            transform: scaleX(-1)
        }

@media (max-width: 68rem) {
    .trade-now__text {
        grid-column: 1
    }
}

@media (max-width: 48rem) {
    .trade-now__text {
        grid-row: 1;
        grid-column: 1;
        height: 100%
    }
}

.trade-now__form {
    display: flex;
    flex-direction: column;
    grid-column: 3
}

@media (max-width: 68rem) {
    .trade-now__form {
        grid-column: 2
    }
}

@media (max-width: 48rem) {
    .trade-now__form {
        grid-row: 2;
        grid-column: 1;
        gap: 3rem
    }
}

.trade-now__form form {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: 2rem
}

@media (max-width: 48rem) {
    .trade-now__form form {
        margin-bottom: 0
    }
}

.trade-now__form form .button {
    width: fit-content
}

.trade-now__form label {
    display: none
}

.preview-block {
    color: #fff;
    min-height: 56rem;
    height: 100vh;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

@media (max-width: 68rem) {
    .preview-block {
        min-height: 48rem
    }
}

@media (max-width: 48rem) {
    .preview-block {
        height: 100vh;
        min-height: 40rem
    }
}

.preview-block__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(182deg,#fff0 56%,#000 92%)
}

.preview-block__video {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    opacity: 1;
    transition: opacity .5s ease-in-out
}

html[dir=rtl] .preview-block__video {
    object-position: left
}

@media (max-width: 48rem) {
    .preview-block__video {
        display: none
    }
}

.preview-block h1 {
    text-wrap: pretty
}

.preview-block h4 {
    text-wrap: balance
}

.preview-block__image {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    display: none
}

html[dir=rtl] .preview-block__image source {
    all: initial
}

html[dir=rtl] .preview-block__image img {
    object-position: bottom left
}

@media (max-width: 48rem) {
    .preview-block__image {
        display: block
    }
}

.preview-block__image source {
    all: initial
}

.preview-block__image img {
    object-fit: cover;
    object-position: bottom right;
    width: 100%;
    height: 100%
}

.preview-block__wr {
    margin: 13.75rem auto 18rem;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

    .preview-block__wr.column {
        flex-direction: column;
        margin: 13.75rem auto 3rem;
        justify-content: space-between
    }

@media (max-width: 1142px) {
    .preview-block__wr.column {
        margin: 13.75rem 5rem 3rem;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .preview-block__wr.column {
        margin: 13.75rem 1.25rem 3rem;
        width: 100%
    }
}

.preview-block__wr.column .preview-block__top {
    display: flex;
    width: 100%
}

.preview-block__wr .add-info {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.preview-block__wr .add-info__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    flex: 1 1 0
}

@media (max-width: 48rem) {
    .preview-block__wr .add-info__item {
        display: none
    }
}

.preview-block__wr .add-info h2, .preview-block__wr .add-info h4 {
    letter-spacing: -.005em !important
}

.preview-block__wr .add-info h2 {
    font-weight: 500 !important
}

.preview-block__wr .add-info h4 {
    font-weight: 200 !important
}

@media (max-width: 1142px) {
    .preview-block__wr {
        margin: 13.75rem 5rem 18rem;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .preview-block__wr {
        margin: 13.75rem 1.25rem 18rem;
        width: 100%
    }
}

@media (max-width: 48rem) {
    .preview-block__wr {
        margin: 6.25rem 1.25rem 0 !important;
        align-items: unset
    }
}

.preview-block__left {
    max-width: 45rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media (max-width: 48rem) {
    .preview-block__left {
        max-width: 22rem
    }
}

.preview-block__content {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (max-width: 48rem) {
    .preview-block__content {
        gap: 2.5rem
    }
}

.preview-block .content-text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (max-width: 48rem) {
    .preview-block .content-text {
        gap: 1rem
    }
}

.preview-block .content-text h4 {
    max-width: 25rem
}

@media (max-width: 48rem) {
    .preview-block .button-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem
    }
}

.preview-block__pagination {
    position: absolute;
    inset-inline-start: 0;
    bottom: 15rem;
    width: 100%
}

@media (max-width: 68rem) {
    .preview-block__pagination .section__wr-small {
        padding: 0
    }
}

@media (max-width: 48rem) {
    .preview-block__pagination .section__wr-small {
        padding: 0
    }
}

@media (max-width: 68rem) {
    .preview-block__pagination {
        padding: 0 1.25rem;
        gap: 3rem
    }
}

@media (max-width: 48rem) {
    .preview-block__pagination {
        padding: 0 1.25rem;
        bottom: 6rem
    }
}

.preview-block__running-line.stv {
    bottom: unset;
    top: 0;
    background-color: #000 !important;
    color: #fff !important
}

.preview-block__running-line {
    position: absolute;
    bottom: 0;
    left: 0
}

@media (max-width: 48rem) {
    .preview-block__running-line {
        display: none
    }
}

@media (hover: none) {
    .preview-block__running-line {
        display: none
    }
}

.preview-block__running-line .ticker {
    display: none
}

    .preview-block__running-line .ticker .line {
        margin-left: 1.5rem;
        font-weight: var(--font-weight-small)
    }

        .preview-block__running-line .ticker .line .bold {
            font-weight: var(--font-weight-bold)
        }

        .preview-block__running-line .ticker .line .style-two {
            color: #26cc68
        }

        .preview-block__running-line .ticker .line .style-one {
            color: #e04442
        }

.preview-block__running-line .marquee-container {
    width: 100vw;
    overflow: hidden;
    background-color: #0b192599
}

.preview-block__running-line .Marquee {
    width: 100vw;
    margin: 0;
    padding: 1em 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 200;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden
}

.preview-block__running-line .Marquee-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: marquee 10s linear infinite running;
    -moz-animation: marquee 10s linear infinite running;
    -o-animation: marquee 10s linear infinite running;
    -ms-animation: marquee 10s linear infinite running;
    animation: marquee 10s linear infinite running
}

    .preview-block__running-line .Marquee-content:hover {
        -webkit-animation-play-state: paused;
        -moz-animation-play-state: paused;
        -o-animation-play-state: paused;
        -ms-animation-play-state: paused;
        animation-play-state: paused
    }

.preview-block__running-line .Marquee-tag {
    width: auto;
    margin: 0 .5em;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    flex: 0 0 auto;
    position: relative;
    padding: 0 45px
}

    .preview-block__running-line .Marquee-tag.jjjj {
        padding: 0 30px
    }

        .preview-block__running-line .Marquee-tag.jjjj:before {
            display: none
        }

        .preview-block__running-line .Marquee-tag.jjjj img {
            margin-right: 20px
        }

    .preview-block__running-line .Marquee-tag:hover {
        cursor: pointer
    }

@-moz-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@-o-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.preview-block .wip.cysec {
    background: linear-gradient(90deg,#08174e,#0f236b)
}

    .preview-block .wip.cysec .preview-block__image {
        display: none
    }

.preview-block .wip .preview-block__image {
    display: block
}

    .preview-block .wip .preview-block__image source {
        all: initial
    }

    .preview-block .wip .preview-block__image img {
        object-fit: cover;
        object-position: right bottom;
        width: 100%;
        height: 100%
    }

@media (max-width: 68rem) {
    .preview-block .wip .preview-block__image img {
        object-position: 83% bottom
    }
}

@media (max-width: 48rem) {
    .preview-block .wip .preview-block__image img {
        object-position: right bottom
    }
}

html[dir=rtl] .preview-block .wip .preview-block__image img {
    object-position: left bottom
}

@media (max-width: 68rem) {
    html[dir=rtl] .preview-block .wip .preview-block__image img {
        object-position: 17% bottom
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .preview-block .wip .preview-block__image img {
        object-position: left bottom
    }
}

.preview-block .wip .pag {
    display: flex;
    gap: 8px
}

@media (max-width: 68rem) {
    .preview-block .wip .pag {
        display: none
    }
}

.preview-block .wip .pag.dark-theme .pagination__line {
    background-color: #fff
}

.preview-block .wip .pag.light-theme .pagination__line {
    background-color: #19222e
}

    .preview-block .wip .pag.light-theme .pagination__line.active {
        background-color: #00bdff
    }

.preview-block .wip .pag__l {
    width: 40px;
    height: 2px;
    background-color: #fff;
    opacity: .3;
    transition-property: background-color,opacity;
    transition-duration: .3s;
    transition-timing-function: ease;
    cursor: pointer
}

    .preview-block .wip .pag__l.active {
        opacity: 1
    }

html[dir=rtl] .preview-block .block__arrows .arrow {
    transform: scaleX(-1)
}

@media (max-width: 68rem) {
    .preview-block .block__arrows {
        display: none
    }
}

.trade-block {
    width: 100%;
    position: relative;
    padding-top: 10rem;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 68rem) {
    .trade-block {
        padding-top: 7.5rem
    }
}

.trade-block__wr {
    max-width: 75rem;
    width: 100%;
    margin: 0 auto;
    display: flex
}

@media (max-width: 79rem) {
    .trade-block__wr {
        margin: 0 2rem;
        width: unset
    }
}

@media (max-width: 48rem) {
    .trade-block__wr {
        margin: 0 1.25rem
    }
}

.trade-block__carousel-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    white-space: nowrap;
    width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media (max-width: 48rem) {
    .trade-block__carousel-container {
        overflow-x: hidden
    }
}

.trade-block__carousel-container, .trade-block__carousel-container * {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

    .trade-block__carousel-container::-webkit-scrollbar {
        display: none
    }

.trade-block__carousel {
    transition: transform .3s ease;
    display: flex;
    gap: 1rem;
    padding: 0 calc((100% - 1200px)/2);
    width: fit-content
}

    .trade-block__carousel a {
        cursor: pointer
    }

@media (max-width: 79rem) {
    .trade-block__carousel {
        padding: 0 2rem
    }
}

@media (max-width: 48rem) {
    .trade-block__carousel {
        padding: 0 1.25rem
    }
}

@media (max-width: 68rem) {
    html[dir=rtl] .trade-block__carousel .card__bg.indices {
        inset-inline-start: 0
    }

        html[dir=rtl] .trade-block__carousel .card__bg.indices source {
            all: initial
        }

        html[dir=rtl] .trade-block__carousel .card__bg.indices img {
            width: 118%;
            height: 118%;
            object-position: right top
        }
}

.trade-block__arrows {
    display: flex;
    gap: 1.5rem;
    cursor: pointer;
    transition: all .3s ease
}

    .trade-block__arrows svg path {
        transition: all .3s ease
    }

    .trade-block__arrows svg:hover path {
        opacity: 1
    }

html[dir=rtl] .trade-block__arrows svg {
    transform: scaleX(-1)
}

.spreads {
    position: relative;
    overflow: visible;
    padding: 10rem 0;
    width: 100vw;
    overflow-x: clip
}

    .spreads.asic {
        overflow: hidden
    }

@media (max-width: 68rem) {
    .spreads.asic {
        padding-top: 0
    }
}

.spreads h2 {
    text-wrap-style: balance
}

@media (max-width: 48rem) {
    .spreads h2 {
        text-align: center
    }
}

@media (max-width: 68rem) {
    .spreads {
        padding: 5rem 0
    }
}

@media (max-width: 48rem) {
    .spreads .button {
        align-self: center;
        margin: 0 auto
    }
}

@media (max-width: 48rem) {
    .spreads .section__left {
        justify-items: center
    }
}

@media (max-width: 48rem) {
    .spreads .content {
        max-width: 100%
    }
}

@media (max-width: 48rem) {
    .spreads .section__wr-small {
        gap: 0
    }
}

@media (max-width: 48rem) {
    .spreads .section__right {
        height: 27rem;
        position: relative
    }
}

@media (max-width: 35.5rem) {
    .spreads .section__right {
        height: 24rem;
        position: relative
    }
}

.spreads__img {
    position: absolute;
    top: -1rem;
    inset-inline-start: 50%;
    width: 42rem;
    height: auto
}

html[dir=rtl] .spreads__img {
    inset-inline-start: 45%
}

@media (max-width: 68rem) {
    .spreads__img {
        width: 35rem
    }

    html[dir=rtl] .spreads__img {
        inset-inline-start: 35%
    }
}

@media (max-width: 48rem) {
    .spreads__img {
        top: 0;
        transform: translate(-41%);
        width: 29rem
    }

    html[dir=rtl] .spreads__img {
        inset-inline-start: 50%;
        transform: translate(61%)
    }
}

@media (max-width: 35.5rem) {
    .spreads__img {
        width: 25rem
    }
}

.spreads__img source {
    all: initial
}

.spreads__img img {
    width: 100%
}

@media (max-width: 48rem) {
    .trade-technology {
        min-height: unset
    }
}

.trade-technology.cysec {
    margin-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .trade-technology.cysec {
        margin-bottom: 5rem
    }
}

.trade-technology.cysec .button {
    margin: 0 auto
}

.trade-technology .section__right {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 48rem) {
    .trade-technology .section__right {
        justify-content: flex-start
    }
}

@media (max-width: 48rem) {
    .trade-technology .section__left {
        height: 14rem
    }
}

.trade-technology__img {
    position: absolute;
    top: 5rem;
    height: 27.5rem;
    width: 47rem;
    inset-inline-end: 53%;
    display: flex
}

@media (max-width: 68rem) {
    .trade-technology__img {
        top: 1rem;
        height: 20.5rem;
        width: 34rem
    }
}

@media (max-width: 48rem) {
    .trade-technology__img {
        height: 14rem;
        top: unset;
        bottom: 4rem;
        inset-inline-end: 50%;
        transform: translate(50%)
    }

    html[dir=rtl] .trade-technology__img {
        transform: translate(-50%)
    }
}

@media (max-width: 35.5rem) {
    .trade-technology__img {
        height: 14rem;
        width: 24rem;
        top: unset;
        bottom: 4rem;
        inset-inline-end: unset;
        transform: unset;
        inset-inline-start: -2rem
    }

    html[dir=rtl] .trade-technology__img {
        transform: unset
    }
}

.trade-technology__img source {
    all: initial
}

.trade-technology__img img {
    height: 100%;
    width: 100%
}

.trustpilot {
    padding: 7.5rem 0
}

@media (max-width: 68rem) {
    .trustpilot {
        padding: 5rem 0
    }
}

.trustpilot .section__wr-small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: unset
}

@media (max-width: 68rem) {
    .trustpilot .section__wr-small {
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }
}

.trustpilot-rating {
    display: flex;
    align-items: center;
    gap: .5rem
}

@media (max-width: 68rem) {
    .trustpilot-rating {
        flex-direction: column
    }
}

.start {
    position: relative
}

    .start picture {
        height: 100%
    }

@media (max-width: 68rem) {
    .start {
        min-height: unset;
        padding: 12.5rem 0 5rem
    }
}

.advanced {
    position: relative;
    overflow: visible;
    padding: 10rem 0
}

@media (max-width: 68rem) {
    .advanced .section__wr-medium {
        gap: 2rem
    }
}

@media (max-width: 68rem) {
    .advanced .content-medium {
        gap: 1.5rem
    }
}

@media (max-width: 68rem) {
    .advanced {
        padding: 5rem 0;
        width: 100%
    }

        .advanced .section__wr-medium {
            margin: 0
        }
}

.advanced picture.mobile {
    display: none
}

@media (max-width: 48rem) {
    .advanced picture.mobile {
        display: block
    }
}

@media (max-width: 48rem) {
    .advanced picture {
        display: none
    }
}

.advanced source {
    all: initial
}

.advanced img {
    max-width: 55rem
}

.copy {
    overflow: hidden;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .copy {
        padding-top: 5rem
    }
}

.copy .section__wr-medium {
    position: relative;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .copy .section__wr-medium {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .copy .section__left {
        display: flex;
        flex-direction: column;
        text-align: left
    }

    html[dir=rtl] .copy .section__left {
        text-align: right
    }
}

@media (max-width: 48rem) {
    .copy .section__right {
        height: 17rem
    }
}

.copy__img {
    position: absolute;
    bottom: 0;
    inset-inline-start: 36%;
    width: 54rem;
    height: auto;
    display: flex
}

@media (max-width: 68rem) {
    .copy__img {
        inset-inline-start: 40%;
        width: 40rem
    }
}

@media (max-width: 48rem) {
    .copy__img {
        width: 28.75rem;
        inset-inline-start: 44%;
        transform: translate(-50%)
    }

    html[dir=rtl] .copy__img {
        transform: translate(50%)
    }
}

.copy__img source {
    all: initial
}

.copy__img img {
    width: 100%
}

.broker-you-can-trust {
    position: relative;
    display: flex;
    min-height: 47rem;
    overflow: hidden
}

@media (max-width: 48rem) {
    .broker-you-can-trust {
        min-height: unset
    }

        .broker-you-can-trust h2 {
            text-wrap-style: balance
        }
}

.broker-you-can-trust__bg source {
    all: initial
}

.broker-you-can-trust__bg img {
    object-fit: cover;
    object-position: bottom right;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .broker-you-can-trust__bg img {
        object-position: bottom left
    }
}

.broker-you-can-trust__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

html[dir=rtl] .broker-you-can-trust__bg .bg__back {
    transform: scaleX(-1)
}

.broker-you-can-trust__bg .bg__middle {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    inset-inline-end: 0;
    background-color: #00bdff;
    opacity: .8
}

@media (max-width: 48rem) {
    .broker-you-can-trust__bg .bg__middle {
        width: 100%
    }
}

.broker-you-can-trust__bg .bg__front {
    position: absolute;
    width: 55%;
    height: 100%;
    top: 0;
    inset-inline-start: 0
}

html[dir=rtl] .broker-you-can-trust__bg .bg__front {
    transform: scaleX(-1)
}

.broker-you-can-trust__bg .bg__front source {
    all: initial
}

.broker-you-can-trust__bg .bg__front img {
    object-fit: cover;
    object-position: bottom right;
    width: 100%
}

@media (max-width: 48rem) {
    .broker-you-can-trust__bg .bg__front {
        display: none
    }
}

.broker-you-can-trust__wr {
    margin: 12.5rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 4
}

@media (max-width: 68rem) {
    .broker-you-can-trust__wr {
        margin: 12.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .broker-you-can-trust__wr {
        margin: 5rem 1.25rem;
        justify-content: flex-start
    }
}

.broker-you-can-trust .content {
    max-width: 100%
}

.broker-you-can-trust__text {
    max-width: 25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

@media (max-width: 68rem) {
    .broker-you-can-trust__text {
        width: 40%
    }
}

@media (max-width: 48rem) {
    .broker-you-can-trust__text {
        width: 100%;
        max-width: 100%
    }
}

.broker-you-can-trust .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .broker-you-can-trust .text p {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

@media (max-width: 48rem) {
    .broker-you-can-trust .text p {
        width: 100%
    }
}

.global {
    overflow: hidden;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .global {
        padding-top: 5rem
    }
}

.global .section__wr-medium {
    position: relative;
    min-height: 40rem;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .global .section__wr-medium {
        min-height: unset;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .global .section__right {
        height: 18rem
    }
}

@media (max-width: 490px) {
    .global .section__right {
        height: 14rem
    }
}

.global__img {
    position: absolute;
    display: flex;
    bottom: 2rem;
    inset-inline-start: 43%;
    height: 33.5rem
}

@media (max-width: 68rem) {
    .global__img {
        height: 21rem;
        bottom: 1rem;
        inset-inline-start: 48%
    }
}

@media (max-width: 48rem) {
    .global__img {
        min-width: unset;
        bottom: 2rem;
        inset-inline-start: 50%;
        transform: translate(-50%)
    }

    html[dir=rtl] .global__img {
        transform: translate(50%)
    }
}

@media (max-width: 490px) {
    .global__img {
        min-width: unset;
        bottom: -2rem;
        inset-inline-start: 2rem;
        transform: unset
    }
}

.global__img source {
    all: initial
}

.global__img img {
    height: 100%
}

.global__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 68rem) {
    .global__text, .global__text .content {
        max-width: unset
    }
}

.global .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .global .text p {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

@media (max-width: 35.5rem) {
    .global .text p {
        width: 100%
    }
}

.app {
    position: relative;
    overflow: visible;
    padding-top: 10rem
}

@media (max-width: 48rem) {
    .app .mobile-full-w {
        justify-items: center;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media (max-width: 68rem) {
    .app {
        padding-top: 5rem
    }
}

.app__img {
    display: flex;
    max-width: 28.25rem;
    justify-content: center
}

    .app__img source {
        all: initial
    }

    .app__img img {
        width: 100%
    }

@media (max-width: 48rem) {
    .app__img {
        display: none
    }
}

.app__img.mobile {
    display: none
}

@media (max-width: 48rem) {
    .app__img.mobile {
        display: flex;
        width: 20rem;
        margin-left: 2rem;
        margin-bottom: 3rem
    }
}

.app__row {
    display: flex;
    gap: 1rem;
    align-items: center
}

    .app__row .qr {
        width: 4.5rem;
        height: 4.5rem
    }

        .app__row .qr source {
            all: initial
        }

        .app__row .qr img {
            width: 100%
        }

@media (max-width: 48rem) {
    .app__row {
        justify-content: center
    }

        .app__row .qr {
            display: none
        }
}

.withdrawals {
    padding-top: 10rem;
    text-align: center
}

@media (max-width: 68rem) {
    .withdrawals {
        padding-top: 5rem
    }
}

.withdrawals__icons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width: 68rem) {
    .withdrawals__icons {
        gap: 1rem;
        justify-content: center
    }
}

@media (max-width: 48rem) {
    .transform {
        padding-bottom: unset
    }
}

.transform .register-card {
    gap: unset !important;
    padding-bottom: unset !important
}

.warning {
    padding-top: 5rem
}

html[dir=rtl] .forex-hero .section__bg {
    transform: unset !important
}

    html[dir=rtl] .forex-hero .section__bg img, html[dir=rtl] .forex-hero .section__bg source {
        object-position: 25% center
    }

@media (max-width: 48rem) {
    html[dir=rtl] .forex-hero .section__bg img, html[dir=rtl] .forex-hero .section__bg source {
        object-position: center 45%
    }
}

.explore-forex {
    gap: 4rem;
    padding-bottom: unset;
    overflow: hidden
}

@media (max-width: 68rem) {
    .explore-forex {
        gap: 2rem
    }
}

@media (max-width: 48rem) {
    .explore-forex .section__left {
        text-align: center
    }
}

.forex-why-trade {
    padding-bottom: unset
}

.trade-fp-carousel {
    position: relative;
    padding: 10rem 0
}

@media (max-width: 68rem) {
    .trade-fp-carousel {
        padding: 7.5rem 0
    }
}

.trade-fp-carousel.normal-mobile-p {
    padding: 5rem 0
}

.trade-fp-carousel__arrows {
    display: flex;
    gap: 24px;
    cursor: pointer;
    transition: all .3s ease
}

html[dir=rtl] .trade-fp-carousel__arrows svg {
    transform: scaleX(-1)
}

.trade-fp-carousel__arrows path:hover {
    fill: #000
}

.trade-fp-carousel:before {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    content: "";
    width: 30%;
    height: 100%;
    background: #fff;
    z-index: 1
}

@media (max-width: 68rem) {
    .trade-fp-carousel:before {
        display: none
    }
}

.trade-fp-carousel .section__wr-big {
    gap: 0;
    overflow: unset
}

@media (max-width: 68rem) {
    .trade-fp-carousel .section__wr-big {
        flex-direction: column;
        align-items: flex-start;
        gap: 3rem;
        position: relative
    }
}

.trade-fp-carousel__text {
    height: 100%;
    width: 100%;
    max-width: 25rem;
    flex-basis: content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    z-index: 2;
    padding-right: 4rem
}

html[dir=rtl] .trade-fp-carousel__text {
    padding-right: unset;
    padding-left: 4rem
}

.trade-fp-carousel__carousel {
    scroll-behavior: smooth;
    min-height: 14rem;
    position: relative;
    width: 100%
}

@media (max-width: 68rem) {
    .trade-fp-carousel__carousel {
        margin-bottom: 3.5rem
    }
}

.trade-fp-carousel__carousel .cards {
    position: absolute;
    transition: transform .6s ease;
    will-change: transform;
    display: flex;
    gap: 1rem
}

@media (max-width: 68rem) {
    .trade-fp-carousel__wr {
        position: absolute;
        bottom: 0;
        inset-inline-start: 0
    }
}

.video {
    height: 56.25rem;
    padding-bottom: 10rem;
    padding-top: 10rem
}

    .video .section__wr-medium {
        align-self: center;
        justify-content: center
    }

        .video .section__wr-medium .content-big {
            gap: 4rem
        }

            .video .section__wr-medium .content-big p {
                text-wrap: pretty
            }

@media (max-width: 48rem) {
    .video .section__wr-medium {
        padding: 0
    }
}

.video .forex-video-content, .video p {
    max-width: 31.25rem !important
}

@media (max-width: 48rem) {
    .video {
        height: fit-content;
        min-height: 25rem;
        padding: 5rem 0
    }
}

.video picture {
    height: 100%
}

.best-platform {
    position: relative;
    overflow: visible;
    padding: 10rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media (max-width: 68rem) {
    .best-platform {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .best-platform .section__wr-small {
        flex-direction: column-reverse
    }

        .best-platform .section__wr-small .section__right {
            text-align: center;
            justify-items: center
        }
}

@media (max-width: 48rem) and (max-width: 48rem) {
    .best-platform .section__wr-small .section__right {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media (max-width: 48rem) {
    .best-platform .section__wr-small .section__left {
        width: unset
    }
}

.best-platform__img {
    display: flex;
    width: 100%
}

    .best-platform__img source {
        all: initial
    }

    .best-platform__img img {
        width: 100%
    }

.best-platform__text {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.best-platform .section__wr-big {
    display: flex;
    justify-content: center
}

.best-platform .best-platform-forex {
    max-width: 26rem
}

.best-platform .alert-forex {
    width: 100%;
    justify-content: center
}

.reasons {
    position: relative;
    display: flex;
    overflow: unset
}

@media (max-width: 48rem) {
    .reasons {
        overflow: hidden
    }
}

.reasons__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0;
    z-index: 0
}

html[dir=rtl] .reasons__bg .bg__back {
    transform: scaleX(-1)
}

.reasons__bg .bg__back source {
    all: initial
}

.reasons__bg .bg__back img {
    object-fit: cover;
    object-position: top left;
    width: 100%;
    height: 105%
}

@media (max-width: 68rem) {
    .reasons__bg .bg__back img {
        object-position: top left
    }
}

@media (max-width: 48rem) {
    .reasons__bg .bg__back img {
        object-position: top right;
        height: 105%
    }
}

.reasons__wr {
    margin: 10rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    z-index: 4
}

@media (max-width: 68rem) {
    .reasons__wr {
        justify-content: center;
        margin: 7.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .reasons__wr {
        justify-content: flex-start;
        margin: 5rem 1.25rem
    }
}

.reasons h2 {
    max-width: 390px;
    text-wrap: pretty
}

.reasons__text {
    width: 37.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 48rem) {
    .reasons__text {
        width: 100%
    }
}

.reasons .content {
    max-width: unset;
    margin-bottom: unset;
    gap: 4rem
}

@media (max-width: 48rem) {
    .reasons .content {
        gap: 3rem
    }
}

.reasons .text {
    width: 100%;
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 3rem;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(3,1fr)
}

@media (max-width: 48rem) {
    .reasons .text {
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: repeat(6,auto);
        grid-row-gap: 2rem
    }
}

.reasons .text div {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (max-width: 48rem) {
    .reasons .text div {
        gap: 1.125rem
    }
}

.reasons .text p {
    max-width: 15rem
}

@media (max-width: 48rem) {
    .reasons .text p {
        max-width: 100%
    }
}

.forex-table {
    position: relative;
    padding: 7.5rem 0 10rem
}

@media (max-width: 68rem) {
    .forex-table {
        padding: 5rem 0
    }
}

.forex-table .section__wr-small {
    gap: 2rem
}

.forex-table label {
    display: none
}

.forex-table input {
    width: 18rem;
    white-space: nowrap;
    position: relative
}

@media (max-width: 35.5rem) {
    .forex-table input {
        max-width: 18rem;
        width: 100%
    }
}

.forex-table input::-webkit-input-placeholder {
    text-overflow: ellipsis
}

.forex-table input::-moz-placeholder {
    text-overflow: ellipsis
}

.forex-table input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.forex-table input::placeholder {
    text-overflow: ellipsis
}

.forex-table input:placeholder-shown {
    text-overflow: ellipsis
}

.beyond-forex {
    position: relative;
    overflow: visible;
    padding-top: 5rem;
    padding-bottom: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media (max-width: 68rem) {
    .beyond-forex {
        padding-bottom: 5rem
    }
}

.forex-slider-example .slide-2 picture {
    width: 100%
}

    .forex-slider-example .slide-2 picture source {
        all: initial
    }

    .forex-slider-example .slide-2 picture img {
        width: 100%
    }

@media (max-width: 48rem) {
    .forex-slider-example .slide__flex {
        flex-direction: column-reverse
    }

        .forex-slider-example .slide__flex .section__right {
            flex: unset !important
        }
}

.best-platform-metals {
    position: relative;
    overflow: visible;
    padding: 5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media (max-width: 48rem) {
    .best-platform-metals {
        gap: 5rem
    }
}

.best-platform-metals.trade-metals {
    padding-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .best-platform-metals.trade-metals {
        padding-bottom: 5rem
    }
}

.best-platform-metals .section {
    overflow: hidden
}

.best-platform-metals__title {
    margin-bottom: 4rem
}

@media (max-width: 48rem) {
    .best-platform-metals__title {
        margin-bottom: 3rem;
        flex-direction: column !important
    }
}

.best-platform-metals__title h2 {
    text-wrap: pretty
}

.best-platform-metals .content {
    max-width: 50rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 48rem) {
    .best-platform-metals .content {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width: 68rem) {
    .best-platform-metals {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.best-platform-metals .section__wr-small {
    position: relative
}

@media (max-width: 48rem) {
    .best-platform-metals .section__wr-small {
        flex-direction: column-reverse
    }

        .best-platform-metals .section__wr-small .section__right {
            text-align: center;
            justify-items: center
        }
}

@media (max-width: 48rem) and (max-width: 48rem) {
    .best-platform-metals .section__wr-small .section__right {
        text-align: left;
        width: fit-content
    }
}

@media (max-width: 48rem) and (max-width: 48rem) {
    html[dir=rtl] .best-platform-metals .section__wr-small .section__right {
        text-align: right
    }
}

.best-platform-metals__img {
    display: flex;
    max-width: 36.75rem;
    width: 100%
}

    .best-platform-metals__img source {
        all: initial
    }

    .best-platform-metals__img img {
        width: 100%
    }

.best-platform-metals__text {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.best-platform-metals .section__wr-big {
    display: flex;
    justify-content: center
}

    .best-platform-metals .section__wr-big .alert {
        width: 100%;
        justify-content: center
    }

.what-metals-trading {
    position: relative;
    overflow: visible;
    padding: 10rem 0 0
}

@media (max-width: 68rem) {
    .what-metals-trading {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .what-metals-trading .section__wr-small {
        gap: 0;
        flex-direction: column-reverse
    }
}

.what-metals-trading .section__right {
    padding-bottom: 5rem
}

@media (max-width: 48rem) {
    .what-metals-trading .section__right {
        flex: unset;
        justify-items: center;
        text-align: center
    }
}

.what-metals-trading .section__right .content {
    max-width: 30rem
}

@media (max-width: 48rem) {
    .what-metals-trading .section__right .content {
        max-width: unset
    }
}

@media (max-width: 48rem) {
    .what-metals-trading .section__left {
        display: flex;
        justify-content: center
    }
}

.what-metals-trading__img {
    height: auto;
    display: flex;
    max-width: 30rem
}

@media (max-width: 48rem) {
    .what-metals-trading__img {
        justify-self: center
    }
}

.what-metals-trading__img source {
    all: initial
}

.what-metals-trading__img img {
    width: 100%
}

.cfd-trading {
    position: relative;
    overflow: visible
}

    .cfd-trading .section__wr-medium {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
        gap: unset;
        position: relative
    }

@media (max-width: 68rem) {
    .cfd-trading .section__wr-medium {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .cfd-trading .section__wr-medium {
        gap: 3rem
    }
}

.cfd-trading .section__left {
    flex: 1
}

.cfd-trading .section__right {
    display: flex;
    width: 100%
}

.cfd-trading__img {
    max-width: 38rem;
    margin-right: -3rem
}

@media (max-width: 48rem) {
    .cfd-trading__img {
        margin-right: -2rem;
        margin-left: -2rem;
        margin-bottom: -5rem
    }
}

.cfd-trading__img source {
    all: initial
}

.cfd-trading__img img {
    width: 100%
}

.cfd-trading__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

    .cfd-trading__text .content {
        overflow: hidden
    }

@media (max-width: 68rem) {
    .cfd-trading__text {
        max-width: unset
    }
}

@media (max-width: 48rem) {
    .cfd-trading__text .content {
        max-width: unset
    }
}

.cfd-trading .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .cfd-trading .text p {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

@media (max-width: 35.5rem) {
    .cfd-trading .text p {
        width: 100%
    }
}

.metal-spreads {
    position: relative;
    padding: 7.5rem 0 10rem
}

@media (max-width: 68rem) {
    .metal-spreads {
        padding: 5rem 0
    }
}

.metal-spreads .section__wr-small {
    gap: 2rem;
    overflow: hidden
}

.metal-spreads label {
    display: none
}

.metal-spreads input {
    width: 18rem;
    white-space: nowrap;
    position: relative
}

@media (max-width: 35.5rem) {
    .metal-spreads input {
        max-width: 18rem;
        width: 100%
    }
}

.metal-spreads input::-webkit-input-placeholder {
    text-overflow: ellipsis
}

.metal-spreads input::-moz-placeholder {
    text-overflow: ellipsis
}

.metal-spreads input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.metal-spreads input::placeholder {
    text-overflow: ellipsis
}

.metal-spreads input:placeholder-shown {
    text-overflow: ellipsis
}

.precious-metals {
    position: relative;
    padding-bottom: 10rem;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .precious-metals {
        padding: 5rem 0
    }
}

.precious-metals .section__bg picture {
    height: 100%
}

    .precious-metals .section__bg picture source {
        all: initial
    }

    .precious-metals .section__bg picture img {
        object-position: top left
    }

@media (max-width: 68rem) {
    .precious-metals .content-big p {
        max-width: unset
    }
}

@media (max-width: 48rem) {
    .precious-metals .section__bg {
        display: none
    }
}

.precious-metals .card-list {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media (max-width: 68rem) {
    .precious-metals .card-list {
        gap: 1rem
    }
}

@media (max-width: 48rem) {
    .precious-metals .card-list {
        flex-direction: column;
        align-items: center
    }
}

.precious-metals .card-list h4 {
    margin-bottom: 1.5rem
}

.precious-metals .card-list .register-card {
    padding-bottom: 2rem;
    gap: 2rem
}

@media (max-width: 68rem) {
    .precious-metals .card-list .register-card {
        gap: 3rem
    }
}

.precious-metals .card-list picture {
    width: 100%;
    max-width: 10rem;
    margin-right: auto;
    margin-left: auto
}

    .precious-metals .card-list picture source {
        all: initial
    }

    .precious-metals .card-list picture img {
        width: 100%;
        height: auto;
        object-fit: contain
    }

.metal-prices {
    padding: 10rem 0;
    background: #00bdff;
    color: #fff
}

@media (max-width: 68rem) {
    .metal-prices {
        padding: 5rem 0
    }
}

.metal-prices .section__wr-small {
    align-items: flex-start
}

.metal-prices h2 {
    max-width: 27rem
}

.metal-prices__text {
    display: flex;
    gap: 2rem
}

@media (max-width: 48rem) {
    .metal-prices__text {
        flex-direction: column
    }
}

.metal-prices__text p {
    flex: 1 1 0
}

.funding-card {
    padding: 10rem 0
}

.bank-fee {
    position: relative;
    display: flex;
    overflow: unset;
    height: 100vh;
    min-height: 56rem
}

@media (max-width: 68rem) {
    .bank-fee {
        height: unset;
        min-height: unset
    }
}

.bank-fee__bg source {
    all: initial
}

.bank-fee__bg img {
    object-fit: cover;
    object-position: bottom left;
    width: 100%;
    height: 100%
}

.bank-fee__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

.bank-fee__bg .bg__middle {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    inset-inline-end: 0;
    background-color: #00bdff;
    opacity: .8
}

@media (max-width: 1500px) {
    .bank-fee__bg .bg__middle {
        width: 60%
    }
}

@media (max-width: 1300px) {
    .bank-fee__bg .bg__middle {
        width: 60%
    }
}

@media (max-width: 68rem) {
    .bank-fee__bg .bg__middle {
        width: 100%
    }
}

.bank-fee__bg .bg__front {
    position: absolute;
    height: 96%;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end
}

@media (max-width: 68rem) {
    .bank-fee__bg .bg__front {
        display: none
    }
}

.bank-fee__bg .bg__front source {
    all: initial
}

.bank-fee__bg .bg__front img {
    object-fit: cover;
    height: 100%
}

.bank-fee__wr {
    margin: 10rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 4
}

@media (max-width: 68rem) {
    .bank-fee__wr {
        justify-content: center;
        margin: 5rem 2rem
    }
}

@media (max-width: 48rem) {
    .bank-fee__wr {
        justify-content: flex-start;
        margin: 5rem 1.25rem
    }
}

.bank-fee__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end
}

@media (max-width: 68rem) {
    .bank-fee__text {
        align-items: flex-start;
        width: 100%
    }
}

.bank-fee .content {
    max-width: 40%;
    margin-bottom: unset;
    gap: 4rem
}

@media (max-width: 68rem) {
    .bank-fee .content {
        max-width: 60%
    }
}

@media (max-width: 48rem) {
    .bank-fee .content {
        max-width: 100%;
        gap: 3rem
    }
}

.bank-fee .text {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

    .bank-fee .text div {
        display: flex;
        flex-direction: column;
        gap: 1.25rem
    }

@media (max-width: 48rem) {
    .bank-fee .text div {
        gap: 1.125rem
    }
}

@media (max-width: 48rem) {
    .bank-fee .text p {
        max-width: 100%
    }
}

.third-party {
    padding-top: 10rem;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .third-party {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.third-party .section__wr-medium {
    padding-top: 5rem;
    padding-bottom: 5rem;
    align-items: flex-start
}

@media (max-width: 48rem) {
    .third-party .section__wr-medium {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.third-party .section__wr-medium h2 {
    margin-bottom: 2rem
}

.third-party .section__wr-medium .text {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.third-party .section__wr-big {
    justify-content: center
}

@media (max-width: 48rem) {
    #funding-page .section-bg-img-title-three-cards {
        padding-bottom: 5rem
    }
}

.islamic-trading-acc__hero h1 {
    width: 30rem
}

@media (max-width: 48rem) {
    .islamic-trading-acc__hero h1 {
        text-wrap: balance;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .islamic-trading-acc__what {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .islamic-trading-acc__what {
        padding-bottom: unset
    }
}

.islamic-trading-acc__what .section__wr-small {
    align-items: flex-start
}

.acc-types {
    position: relative;
    padding-bottom: 10rem;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .acc-types {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .acc-types {
        padding-bottom: 0;
        padding-top: 5rem
    }
}

.acc-types .section__bg picture {
    height: 100%
}

    .acc-types .section__bg picture source {
        all: initial
    }

    .acc-types .section__bg picture img {
        object-position: top left
    }

@media (max-width: 48rem) {
    .acc-types .section__bg {
        display: none
    }
}

.acc-types .card-list {
    width: 100%;
    display: flex;
    gap: 1rem;
    justify-content: center
}

@media (max-width: 68rem) {
    .acc-types .card-list {
        gap: 1rem
    }
}

@media (max-width: 48rem) {
    .acc-types .card-list {
        flex-direction: column;
        align-items: center
    }
}

.acc-types .card-list .register-card {
    padding-bottom: 2rem;
    gap: 2.5rem
}

@media (max-width: 48rem) {
    .acc-types .card-list .register-card {
        min-height: 26.875rem;
        gap: 4rem;
        justify-content: unset
    }
}

.acc-types .card-list .register-card__body {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    justify-content: space-between;
    height: 100%
}

@media (max-width: 48rem) {
    .acc-types .card-list .register-card__body {
        height: unset;
        justify-content: unset
    }
}

.acc-types .card-list .register-card__body .button {
    align-self: center;
    margin: 0 auto;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: center
}

.acc-types .card-list h4 {
    margin-bottom: 1.5rem
}

.acc-types .card-list picture {
    height: 5.3rem;
    display: flex;
    justify-content: center
}

    .acc-types .card-list picture source {
        all: initial
    }

    .acc-types .card-list picture img {
        height: 100%
    }

.acc-types .alert {
    width: 100%;
    justify-content: center
}

.admin-fee {
    padding: 7.5rem 0 10rem
}

    .admin-fee .section__wr-small {
        justify-content: center;
        margin-bottom: 3rem
    }

@media (max-width: 48rem) {
    .admin-fee .section__wr-small {
        margin-bottom: 2rem
    }
}

.admin-fee__header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    margin-bottom: 3rem;
    text-align: center
}

.admin-fee__input {
    display: flex;
    align-self: center
}

    .admin-fee__input label {
        display: none
    }

    .admin-fee__input input {
        margin-bottom: 2rem;
        width: 18rem;
        white-space: nowrap;
        position: relative
    }

@media (max-width: 35.5rem) {
    .admin-fee__input input {
        max-width: 18rem;
        width: 100%
    }
}

.admin-fee__input input::-webkit-input-placeholder {
    text-overflow: ellipsis
}

.admin-fee__input input::-moz-placeholder {
    text-overflow: ellipsis
}

.admin-fee__input input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.admin-fee__input input::placeholder {
    text-overflow: ellipsis
}

.admin-fee__input input:placeholder-shown {
    text-overflow: ellipsis
}

@media (max-width: 68rem) {
    .admin-fee {
        padding: 5rem 0
    }
}

.admin-fee__text {
    display: flex;
    flex-direction: column;
    margin-top: 4rem;
    gap: 1.5rem
}

.halal-trading {
    position: relative;
    display: flex;
    min-height: 53rem;
    overflow: hidden
}

@media (max-width: 48rem) {
    .halal-trading {
        min-height: unset
    }
}

@media (max-width: 48rem) {
    .halal-trading__bg .bg__back {
        display: none
    }

    .halal-trading__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: image-set(url(/images/islamic-trading-accounts/couple-bg-mobile@1x.webp) type("image/webp") 1x,url(/images/islamic-trading-accounts/couple-bg-mobile@2x.webp) type("image/webp") 2x,url(/images/islamic-trading-accounts/couple-bg-mobile@1x.png) 1x,url(/images/islamic-trading-accounts/couple-bg-mobile@2x.png) 2x);
        background-size: cover;
        background-position: center left;
        background-repeat: no-repeat
    }

    html[dir=rtl] .halal-trading__bg {
        transform: scaleX(-1)
    }

    .halal-trading__bg:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: var(--overlays-light-blue-80, rgba(10, 18, 28, .8));
        pointer-events: none
    }
}

.halal-trading__bg source {
    all: initial
}

.halal-trading__bg img {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

.halal-trading__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

html[dir=rtl] .halal-trading__bg .bg__back {
    transform: scaleX(-1)
}

.halal-trading__wr {
    margin: 12.5rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 4
}

@media (max-width: 68rem) {
    .halal-trading__wr {
        margin: 12.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .halal-trading__wr {
        margin: unset;
        padding: 5rem 1.25rem;
        justify-content: flex-start
    }
}

@media (max-width: 48rem) {
    .halal-trading__wr .content {
        max-width: 100%
    }
}

.halal-trading__text {
    max-width: 25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

@media (max-width: 48rem) {
    .halal-trading__text {
        width: 100%;
        max-width: unset
    }
}

.halal-trading .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .halal-trading .text .slide-item {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 1px
    }

@media (max-width: 48rem) {
    .halal-trading .text .slide-item {
        width: 100%
    }
}

@media (max-width: 68rem) {
    .advantages {
        margin-bottom: 0 !important
    }
}

.advantages .section__wr-medium {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    gap: 4rem;
    position: relative
}

@media (max-width: 68rem) {
    .advantages .section__wr-medium {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .advantages .section__left {
        height: 15rem !important
    }
}

.advantages .section__left picture {
    width: 40rem;
    inset-inline-end: 50%
}

@media (max-width: 68rem) {
    .advantages .section__left picture {
        width: 35rem
    }
}

@media (max-width: 48rem) {
    .advantages .section__left picture {
        width: 23rem;
        transform: translate(50%)
    }

    html[dir=rtl] .advantages .section__left picture {
        transform: translate(-50%)
    }
}

.advantages .section__left picture source {
    all: initial
}

.advantages .section__left picture img {
    width: 100%
}

.advantages .section__right {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 48rem) {
    .advantages .section__right {
        justify-content: flex-start
    }

        .advantages .section__right .content {
            max-width: unset;
            width: 100%
        }
}

@media (max-width: 68rem) {
    .islamic-trading-carousel {
        padding: 5rem 0
    }
}

@media (max-width: 48rem) {
    .islamic-trading-carousel .carousel-wrapper {
        overflow-x: scroll
    }

        .islamic-trading-carousel .carousel-wrapper::-webkit-scrollbar {
            display: none
        }
}

.acc-types-offer {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .acc-types-offer {
        padding-top: 5rem
    }
}

.acc-types-offer h2 {
    text-wrap: balance
}

.acc-types-offer__table {
    display: grid;
    grid-column-gap: 1.5rem;
    grid-template-columns: repeat(2,1fr);
    max-width: 45.25rem;
    width: 100%
}

@media (max-width: 48rem) {
    .acc-types-offer__table {
        width: 100%;
        max-width: unset
    }
}

.acc-types-offer__table .table__header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: #f4f4f4;
    padding: 1.5rem;
    position: relative
}

    .acc-types-offer__table .table__header svg, .acc-types-offer__table .table__header .popular-tag {
        position: absolute;
        top: 0;
        inset-inline-end: 0;
        width: 5.875rem
    }

.acc-types-offer__table .no-border {
    border-bottom: 1px solid transparent !important
}

.acc-types-offer__table .table__body {
    border-bottom: 1px solid #B7C4CC;
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.acc-types-offer__table .table__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem
}

@media (max-width: 48rem) {
    .acc-types-offer__table .table__footer {
        padding: 2rem
    }
}

.acc-types-offer__table .table__left-side {
    grid-column: 1
}

@media (max-width: 48rem) {
    .acc-types-offer__table .table__left-side.table__footer {
        padding: 2rem 2rem 3rem
    }
}

.acc-types-offer__table .table__right-side {
    grid-column: 2
}

@media (max-width: 48rem) {
    .acc-types-offer__table {
        grid-template-columns: auto
    }

        .acc-types-offer__table .table__left-side {
            grid-column: 1;
            order: 1
        }

            .acc-types-offer__table .table__left-side.table__footer {
                margin-bottom: 1.5rem
            }

        .acc-types-offer__table .table__right-side {
            grid-column: 1;
            order: 2
        }
}

.ita-cards {
    overflow: hidden
}

@media (max-width: 68rem) {
    .ita-cards {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .ita-cards {
        padding-bottom: 0
    }
}

.ita-cards .register-card {
    gap: unset !important;
    padding-bottom: unset !important
}

@media (max-width: 48rem) {
    .features.section .content {
        max-width: 100%
    }
}

html[dir=rtl] .forex-spreads-hero .section__bg {
    transform: unset !important
}

.spread-youtube {
    background: linear-gradient(180deg,#fff 80%,#f4f4f4);
    padding-top: 10rem;
    padding-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .spread-youtube {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.spread-youtube__head {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.spread-youtube__body {
    display: flex;
    gap: 4rem
}

@media (max-width: 48rem) {
    .spread-youtube__body {
        flex-direction: column
    }
}

.spread-youtube__body .body__video, .spread-youtube__body .body__text {
    flex: 1 1 0
}

.spread-youtube__body .body__text {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.high-spread-img, .low-spread-img {
    max-height: 7.5rem;
    margin-bottom: 2rem;
    display: flex;
    width: unset !important
}

    .high-spread-img img, .high-spread-img source, .low-spread-img img, .low-spread-img source {
        width: 100%;
        height: 100%
    }

.metatrader-table {
    background: linear-gradient(180deg,#f4f4f4,#fff 20%);
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .metatrader-table {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.metatrader-table__head {
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 37.5rem;
    gap: 2rem
}

.forex-slider .slide1 .section__right {
    align-self: center
}

.forex-slider .slide1 picture {
    width: 37rem !important
}

.trade-execution {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: #08174e;
    overflow: hidden
}

@media (max-width: 68rem) {
    .trade-execution {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.trade-execution .section__wr-small {
    overflow: unset
}

@media (max-width: 48rem) {
    .trade-execution .section__wr-small {
        flex-direction: column;
        gap: unset
    }
}

.trade-execution .section__wr-small .section__left {
    max-width: 25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

@media (max-width: 48rem) {
    .trade-execution .section__wr-small .section__left {
        max-width: 100%
    }
}

@media (max-width: 48rem) {
    .trade-execution .section__wr-small .section__right {
        height: 27rem
    }
}

@media (max-width: 35.5rem) {
    .trade-execution .section__wr-small .section__right {
        height: 24rem
    }
}

.trade-execution .section__wr-small .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .trade-execution .section__wr-small .text .content {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 0 1px
    }

@media (max-width: 48rem) {
    .trade-execution .section__wr-small .text .content {
        width: 100%;
        margin-bottom: 3rem
    }
}

@media (max-width: 48rem) {
    .trade-execution .section__wr-small .pagination {
        justify-content: center
    }
}

.trade-execution .section__wr-small .pagination .active {
    background: #00bdff
}

.trade-execution picture {
    position: absolute;
    width: 40rem;
    top: 0;
    inset-inline-start: 50%
}

@media (max-width: 48rem) {
    .trade-execution picture {
        transform: translate(-40%);
        top: unset;
        bottom: -14rem;
        width: 29rem
    }

    html[dir=rtl] .trade-execution picture {
        transform: translate(55%)
    }
}

@media (max-width: 35.5rem) {
    .trade-execution picture {
        width: 25rem;
        bottom: -10rem
    }

    html[dir=rtl] .trade-execution picture {
        transform: translate(58%)
    }
}

.trade-execution picture source, .trade-execution picture img {
    width: 100%
}

.click-table .icon-card {
    cursor: pointer
}

.forex-spreads {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .forex-spreads {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.forex-spreads .input {
    margin-top: 1rem;
    width: 18rem;
    white-space: nowrap;
    position: relative
}

@media (max-width: 35.5rem) {
    .forex-spreads .input {
        max-width: 18rem;
        width: 100%
    }
}

.forex-spreads .input::-webkit-input-placeholder {
    text-overflow: ellipsis
}

.forex-spreads .input::-moz-placeholder {
    text-overflow: ellipsis
}

.forex-spreads .input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.forex-spreads .input::placeholder {
    text-overflow: ellipsis
}

.forex-spreads .input:placeholder-shown {
    text-overflow: ellipsis
}

.forex-spreads .table__wrapper {
    margin-top: 2rem
}

.forex-spreads .section__wr-small {
    gap: 0 !important
}

.forex-spreads input:not(:first-of-type), .forex-spreads .table__wrapper:not(:first-of-type) {
    display: none
}

.forex-spreads .search-and-select {
    margin-top: 4rem;
    display: flex;
    gap: 1.5rem;
    align-items: center
}

@media (max-width: 48rem) {
    .forex-spreads .search-and-select {
        flex-direction: column
    }
}

.forex-spreads .search-and-select .input, .forex-spreads .search-and-select .custom-select {
    margin: unset;
    width: 16rem
}

.forex-acc {
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .forex-acc {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .spreads-affect {
        background: #000
    }
}

.spreads-affect .register-card picture {
    margin-top: unset;
    margin-bottom: unset;
    margin-left: unset
}

html[dir=rtl] .section-grey__l-img-r-list.industry .section__wr-medium.mobile-column {
    flex-direction: row-reverse
}

@media (max-width: 48rem) {
    html[dir=rtl] .section-grey__l-img-r-list.industry .section__wr-medium.mobile-column {
        flex-direction: column-reverse
    }
}

@media (max-width: 48rem) {
    .section-grey__l-img-r-list.industry .content {
        max-width: 100%
    }
}

html[dir=rtl] .section-grey__l-img-r-list.industry picture {
    inset-inline-start: unset;
    transform: translateY(-50%) !important;
    inset-inline-end: 0;
    max-width: 58rem
}

@media (max-width: 48rem) {
    html[dir=rtl] .section-grey__l-img-r-list.industry picture {
        transform: translateY(0) !important
    }
}

@media (max-width: 48rem) {
    .section-grey__l-img-r-list.industry picture {
        width: 28rem !important;
        transform: translateY(0) !important
    }
}

@media (max-width: 35.5rem) {
    .section-grey__l-img-r-list.industry picture {
        width: 23rem !important
    }
}

.fpmg-hero {
    background: linear-gradient(180deg,#00bdff,#038bbd)
}

    .fpmg-hero .section__left {
        flex: unset
    }

    .fpmg-hero .content {
        max-width: 33rem
    }

    .fpmg-hero picture {
        position: absolute;
        inset-inline-start: 55%;
        bottom: 0;
        width: 41rem;
        z-index: 1;
        display: flex
    }

        .fpmg-hero picture source {
            all: initial
        }

        .fpmg-hero picture img {
            width: 100%
        }

@media (max-width: 48rem) {
    .fpmg-hero picture {
        inset-inline-start: 40%;
        width: 20rem;
        bottom: -1rem
    }
}

@media (max-width: 35.5rem) {
    .fpmg-hero picture {
        inset-inline-start: 45%;
        width: 15rem;
        bottom: -1rem
    }
}

.fpmg-hero .section__wr-small {
    z-index: 10
}

.countries-cards-section {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .countries-cards-section {
        padding-top: 5rem
    }
}

.countries-cards-section .section__wr-small {
    gap: unset
}

.countries-cards-section__title {
    margin-bottom: 4rem;
    text-align: center
}

.countries-cards-section__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem
}

.countries-cards-section .comment {
    padding: 2rem;
    text-align: center
}

.global-forex-broker {
    padding-top: 10rem;
    text-align: center
}

@media (max-width: 68rem) {
    .global-forex-broker {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .global-forex-broker {
        max-width: unset
    }
}

@media (max-width: 48rem) {
    .international .section__right {
        text-align: center
    }
}

.international .section__left {
    width: 100% !important
}

@media (max-width: 48rem) {
    .international .section__left {
        height: 15rem
    }
}

.international picture {
    width: 32.625rem
}

@media (max-width: 68rem) {
    .international picture {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .international picture {
        position: absolute;
        bottom: 2rem;
        inset-inline-start: 50%;
        transform: translate(-50%);
        width: 22rem
    }

    html[dir=rtl] .international picture {
        transform: translate(50%)
    }
}

@media (max-width: 35.5rem) {
    .international picture {
        position: absolute;
        inset-inline-start: 45%
    }
}

@media (max-width: 48rem) {
    .international .section__wr-medium {
        margin-bottom: 5rem !important
    }
}

.fpmg-pricing {
    height: 43.75rem
}

@media (max-width: 48rem) {
    .fpmg-pricing {
        height: 31.25rem;
        padding: 5rem 0
    }

        .fpmg-pricing .section__wr-medium {
            padding: 0
        }
}

.fpmg-pricing picture {
    height: 100%
}

.fpmg-pricing .section__wr-medium {
    align-self: center
}

    .fpmg-pricing .section__wr-medium .content-big {
        gap: 2rem
    }

        .fpmg-pricing .section__wr-medium .content-big p {
            max-width: 28.125rem;
            text-wrap-style: pretty
        }

@media (max-width: 48rem) {
    .fpmg-pricing .section__wr-medium .content-big {
        gap: 1.5rem
    }
}

.fpmg-choice {
    width: 100%;
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem;
    min-height: 42rem
}

@media (max-width: 68rem) {
    .fpmg-choice {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .fpmg-choice {
        min-height: unset
    }
}

.fpmg-choice__bg img, .fpmg-choice__bg source {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .fpmg-choice__bg img, .fpmg-choice__bg source {
        object-position: top right
    }
}

.fpmg-choice__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

html[dir=rtl] .fpmg-choice__bg .bg__back {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .fpmg-choice__bg .bg__back {
        width: 270%
    }
}

.fpmg-choice .section__wr-small {
    z-index: 10;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 68rem) {
    .fpmg-choice .section__wr-small .content {
        max-width: 45%
    }
}

@media (max-width: 48rem) {
    .fpmg-choice .section__wr-small .content {
        max-width: 100%
    }
}

.fpmg-globally .section__right {
    align-items: center;
    padding: 0
}

.fpmg-globally picture {
    width: 25rem
}

@media (max-width: 68rem) {
    .fpmg-globally picture {
        width: 23rem
    }
}

@media (max-width: 48rem) {
    .fpmg-globally picture {
        width: 19rem
    }
}

.fpmg-tech .section__right {
    align-items: center;
    padding: 0
}

.fpmg-tech picture {
    width: 30rem
}

@media (max-width: 68rem) {
    .fpmg-tech picture {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .fpmg-tech picture {
        width: 21rem
    }
}

.ftat-mt-4 {
    padding-top: 10rem;
    padding-bottom: 3rem
}

@media (max-width: 68rem) {
    .ftat-mt-4 {
        padding-top: 5rem
    }
}

.ftat-mt-4 h2 {
    text-align: center
}

.ftat-mt-4__content {
    width: 100%;
    display: flex;
    gap: 0
}

@media (max-width: 48rem) {
    .ftat-mt-4__content {
        gap: 2rem
    }
}

.ftat-mt-4__content .section__left {
    padding-right: 3rem
}

@media (max-width: 48rem) {
    .ftat-mt-4__content .section__left {
        padding-right: 0
    }
}

.ftat-mt-4__content .section__right {
    align-content: center;
    flex: unset
}

.ftat-mt-4__content picture {
    max-width: 38rem;
    margin-right: -5rem
}

html[dir=rtl] .ftat-mt-4__content picture {
    margin-right: unset;
    margin-left: -5rem
}

.ftat-mt-4__content picture {
    width: 100%;
    display: flex
}

    .ftat-mt-4__content picture source {
        all: initial
    }

    .ftat-mt-4__content picture img {
        width: 100%
    }

@media (max-width: 48rem) {
    .ftat-mt-4__content picture img {
        width: 100%
    }
}

.section-with-light-blue-bg-slide {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 40rem;
    overflow: hidden
}

@media (max-width: 48rem) {
    .section-with-light-blue-bg-slide {
        height: unset
    }
}

.section-with-light-blue-bg-slide__bg source {
    all: initial
}

.section-with-light-blue-bg-slide__bg img {
    object-fit: cover;
    object-position: top right;
    width: 100%;
    height: 100%
}

html[dir=rtl] .section-with-light-blue-bg-slide__bg img {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .section-with-light-blue-bg-slide__bg img {
        object-position: top center
    }
}

@media (max-width: 48rem) {
    .section-with-light-blue-bg-slide__bg img {
        object-position: bottom left
    }
}

.section-with-light-blue-bg-slide__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

.section-with-light-blue-bg-slide__bg .bg__middle {
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    inset-inline-end: 0;
    background-color: #00bdff;
    opacity: .8
}

@media (max-width: 48rem) {
    .section-with-light-blue-bg-slide__bg .bg__middle {
        width: 100%
    }
}

.section-with-light-blue-bg-slide__bg .bg__front {
    position: absolute;
    width: 55%;
    height: 100%;
    top: 0;
    inset-inline-start: 0
}

    .section-with-light-blue-bg-slide__bg .bg__front source {
        all: initial
    }

    .section-with-light-blue-bg-slide__bg .bg__front img {
        object-fit: cover;
        object-position: top right;
        width: 100%
    }

@media (max-width: 68rem) {
    .section-with-light-blue-bg-slide__bg .bg__front {
        inset-inline-start: -5rem
    }
}

@media (max-width: 48rem) {
    .section-with-light-blue-bg-slide__bg .bg__front {
        display: none
    }
}

.section-with-light-blue-bg-slide__wr {
    margin: 12.5rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 4
}

@media (max-width: 68rem) {
    .section-with-light-blue-bg-slide__wr {
        margin: 12.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .section-with-light-blue-bg-slide__wr {
        margin: 5rem 1.25rem;
        justify-content: flex-start
    }
}

.section-with-light-blue-bg-slide__text {
    max-width: 25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

@media (max-width: 48rem) {
    .section-with-light-blue-bg-slide__text {
        width: 100%;
        max-width: 100%;
        align-self: center
    }

        .section-with-light-blue-bg-slide__text .content {
            max-width: 100%
        }
}

.section-with-light-blue-bg-slide .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .section-with-light-blue-bg-slide .text p {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

@media (max-width: 48rem) {
    .section-with-light-blue-bg-slide .text p {
        width: 100%
    }
}

.ftat-raw {
    margin-bottom: 10rem
}

    .ftat-raw .section__wr-medium {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

@media (max-width: 48rem) {
    .ftat-raw .section__left {
        height: 27rem !important
    }
}

.ftat-raw picture {
    top: 0;
    max-width: 28rem;
    inset-inline-end: 55% !important;
    width: 100% !important;
    display: unset
}

@media (max-width: 48rem) {
    .ftat-raw picture {
        top: unset !important;
        inset-inline-end: 50% !important;
        transform: translate(50%) !important;
        max-width: 21rem !important
    }

    html[dir=rtl] .ftat-raw picture {
        transform: translate(-50%) !important
    }
}

.trading-account-hero {
    position: relative;
    background: linear-gradient(180deg,#00bdff,#038bbd)
}

    .trading-account-hero picture {
        position: absolute;
        inset-inline-start: 55%;
        bottom: 0;
        width: 41rem;
        z-index: 1;
        display: flex
    }

        .trading-account-hero picture source {
            all: initial
        }

        .trading-account-hero picture img {
            width: 100%
        }

@media (max-width: 48rem) {
    .trading-account-hero picture {
        inset-inline-start: 40%;
        width: 20rem;
        bottom: -1rem
    }
}

@media (max-width: 35.5rem) {
    .trading-account-hero picture {
        inset-inline-start: 45%;
        width: 15rem;
        bottom: -1rem
    }
}

.trading-account-hero .section__wr-small {
    z-index: 10
}

    .trading-account-hero .section__wr-small .content, .trading-account-hero .section__wr-small p {
        max-width: 100%
    }

.forex-acc-types-offer {
    padding-bottom: 10rem
}

    .forex-acc-types-offer h2 {
        text-wrap: pretty
    }

@media (max-width: 68rem) {
    .forex-acc-types-offer {
        padding-bottom: 5rem
    }
}

.forex-acc-types-offer .comment {
    justify-content: center
}

.best-platform-metals.ftat {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .best-platform-metals.ftat {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.commodities-hero {
    position: relative;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c)
}

    .commodities-hero picture {
        position: absolute;
        inset-inline-end: 0;
        bottom: 0;
        height: 100%;
        z-index: 1;
        display: flex
    }

        .commodities-hero picture source {
            all: initial
        }

        .commodities-hero picture img {
            width: 100%
        }

@media (max-width: 48rem) {
    .commodities-hero picture {
        width: 100%;
        height: 100%;
        top: 0;
        inset-inline-end: 0;
        bottom: unset;
        display: unset
    }

        .commodities-hero picture source {
            all: initial
        }

        .commodities-hero picture img {
            object-fit: cover;
            object-position: bottom right;
            width: 100%;
            height: 100%
        }
}

.commodities-hero .section__wr-small {
    z-index: 10
}

    .commodities-hero .section__wr-small .content, .commodities-hero .section__wr-small p {
        max-width: 100%
    }

@media (max-width: 48rem) {
    .trade-commodities {
        padding-bottom: 10rem
    }
}

.trade-commodities .section__left {
    padding-top: 0
}

.trade-commodities picture {
    width: 55%;
    bottom: 15%;
    max-width: 52rem
}

@media (max-width: 48rem) {
    .trade-commodities picture {
        width: 100%;
        inset-inline-end: -2rem;
        bottom: 1rem
    }
}

.good-trading-commodity {
    padding: 10rem 0 5rem
}

@media (max-width: 68rem) {
    .good-trading-commodity {
        padding: 5rem 0 0
    }
}

.good-trading-commodity .section__wr-medium {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.good-trading-commodity h2 {
    margin-bottom: 2rem
}

.good-trading-commodity picture {
    width: 100%
}

    .good-trading-commodity picture source {
        all: initial
    }

    .good-trading-commodity picture img {
        width: 100%
    }

.what-commodities-trading {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .what-commodities-trading {
        padding-top: 5rem
    }
}

.what-commodities-trading__content {
    display: flex
}

.what-commodities-trading .content {
    max-width: 100%
}

.what-commodities-trading picture {
    display: flex;
    max-width: 25rem
}

@media (max-width: 48rem) {
    .what-commodities-trading picture {
        margin: 0 auto 1.5rem
    }
}

@media (max-width: 35.5rem) {
    .what-commodities-trading picture {
        max-width: 20rem;
        justify-self: center
    }
}

.what-commodities-trading picture source {
    all: initial
}

.what-commodities-trading picture img {
    width: 100%
}

.most-traded-commodities__content {
    width: 100%
}

.most-traded-commodities .register-card.big {
    padding-bottom: 3rem;
    gap: 3rem
}

    .most-traded-commodities .register-card.big picture {
        max-height: 6.5rem;
        align-self: center;
        width: unset
    }

        .most-traded-commodities .register-card.big picture source {
            all: initial
        }

        .most-traded-commodities .register-card.big picture img {
            width: 100%;
            object-fit: contain
        }

.most-traded-commodities .comment {
    padding: 2rem;
    width: 100%;
    text-align: center;
    color: #fff
}

.arr {
    transform: rotate(90deg);
    color: #00bdff
}

.commodities-reasons picture source {
    all: initial
}

.commodities-reasons picture img {
    object-position: top left !important
}

.best-platform-metals.commodities {
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .best-platform-metals.commodities {
        padding-bottom: 5rem
    }
}

.commodities-slider .slide1 .section__right {
    align-self: center
}

.commodities-slider .slide1 picture {
    width: 37rem !important
}

.commodities-spreads {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .commodities-spreads {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.commodities-spreads .input {
    margin-top: 1rem;
    width: 18rem;
    white-space: nowrap;
    position: relative
}

@media (max-width: 35.5rem) {
    .commodities-spreads .input {
        max-width: 18rem;
        width: 100%
    }
}

.commodities-spreads .input::-webkit-input-placeholder {
    text-overflow: ellipsis
}

.commodities-spreads .input::-moz-placeholder {
    text-overflow: ellipsis
}

.commodities-spreads .input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.commodities-spreads .input::placeholder {
    text-overflow: ellipsis
}

.commodities-spreads .input:placeholder-shown {
    text-overflow: ellipsis
}

.commodities-spreads .table__wrapper {
    margin-top: 2rem
}

.commodities-spreads .section__wr-small {
    gap: 0 !important
}

.commodities-spreads input:not(:first-of-type), .commodities-spreads .table__wrapper:not(:first-of-type) {
    display: none
}

.commodities-spreads .search-and-select {
    margin-top: 4rem;
    display: flex;
    gap: 1.5rem;
    align-items: center
}

@media (max-width: 48rem) {
    .commodities-spreads .search-and-select {
        flex-direction: column
    }
}

.commodities-spreads .search-and-select .input, .commodities-spreads .search-and-select .custom-select {
    margin: unset;
    width: 16rem
}

.how-to-trade-commodities {
    position: relative;
    overflow: hidden;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .how-to-trade-commodities {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .how-to-trade-commodities {
        padding-top: 0
    }
}

@media (max-width: 48rem) {
    .how-to-trade-commodities .section__wr-small {
        gap: 3rem;
        flex-direction: column-reverse
    }
}

@media (max-width: 48rem) {
    .how-to-trade-commodities .section__right {
        flex: unset;
        justify-items: center;
        text-align: center
    }
}

.how-to-trade-commodities .section__right .content {
    max-width: 30rem
}

@media (max-width: 48rem) {
    .how-to-trade-commodities .section__right .content {
        max-width: unset;
        text-align: left
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .how-to-trade-commodities .section__right .content {
        text-align: right
    }
}

.how-to-trade-commodities__img {
    height: auto;
    display: flex;
    max-width: 30rem
}

@media (max-width: 48rem) {
    .how-to-trade-commodities__img {
        justify-self: center;
        margin: 0 auto
    }
}

.how-to-trade-commodities__img source {
    all: initial
}

.how-to-trade-commodities__img img {
    width: 100%
}

.about-hero {
    position: relative
}

    .about-hero .section__bg img {
        object-position: right
    }

html[dir=rtl] .about-hero .section__bg {
    transform: unset !important
}

    html[dir=rtl] .about-hero .section__bg img {
        object-position: left center
    }

@media (max-width: 48rem) {
    html[dir=rtl] .about-hero .section__bg img {
        object-position: center 62%
    }
}

.about-hero.cysec {
    background: linear-gradient(90deg,#08174e,#0f236b)
}

    .about-hero.cysec .section__bg {
        display: none
    }

.about-hero .section__wr-small {
    z-index: 10
}

.snapshot {
    padding: 10rem 0
}

@media (max-width: 68rem) {
    .snapshot {
        padding: 5rem 0
    }
}

@media (max-width: 48rem) {
    .snapshot .mobile-no-gap {
        gap: .5rem !important;
        width: 100%
    }
}

.global-awards {
    padding: 10rem 0
}

@media (max-width: 68rem) {
    .global-awards {
        padding: 5rem 0
    }
}

.global-awards .section__wr-big {
    overflow-x: visible;
    align-items: flex-start;
    gap: 3rem
}

@media (max-width: 79rem) {
    .global-awards .section__wr-big {
        margin: unset;
        padding: 0 2rem;
        max-width: unset
    }
}

@media (max-width: 48rem) {
    .global-awards .section__wr-big {
        gap: 2rem;
        padding: 0 1.25rem
    }
}

@media (max-width: 48rem) {
    .global-awards h3 {
        margin-bottom: 1rem;
        font-size: 1.875rem
    }
}

.global-awards .global-awards__carousel-container {
    overflow: visible;
    scroll-behavior: smooth;
    white-space: nowrap;
    width: 100%;
    height: 21.2rem;
    position: relative
}

@media (max-width: 68rem) {
    .global-awards .global-awards__carousel-container {
        overflow: scroll
    }
}

.global-awards .global-awards__carousel-container::-webkit-scrollbar {
    display: none
}

.global-awards .global-awards__wr {
    width: 100%;
    margin: 0 auto;
    display: flex;
    text-align: center
}

@media (max-width: 48rem) {
    .global-awards .global-awards__wr {
        margin: 0 1.25rem
    }
}

.global-awards .global-awards__carousel {
    display: flex;
    gap: 1rem;
    width: fit-content;
    overflow: hidden;
    position: absolute;
    left: 0
}

.global-awards .global-awards__arrows {
    display: flex;
    gap: 1.5rem;
    cursor: pointer;
    transition: all .3s ease
}

html[dir=rtl] .global-awards .global-awards__arrows svg {
    transform: scaleX(-1)
}

.global-awards .global-awards__arrows svg path {
    transition: all .3s ease
}

.global-awards .global-awards__arrows svg:hover path {
    opacity: 1
}

.global-cfd {
    padding-top: 10rem;
    overflow: hidden
}

    .global-cfd.asic picture {
        width: 35rem;
        height: 30rem;
        inset-inline-end: 50%;
        bottom: -4rem
    }

@media (max-width: 68rem) {
    .global-cfd.asic picture {
        inset-inline-end: 38%;
        bottom: -2rem
    }
}

@media (max-width: 48rem) {
    .global-cfd.asic picture {
        width: 32.3rem;
        height: 29rem;
        bottom: -5rem;
        inset-inline-start: 50%;
        transform: translate(-50%);
        top: unset
    }
}

.global-cfd.asic .section__wr-medium {
    padding-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .global-cfd.asic .section__wr-medium {
        padding-bottom: 5rem
    }
}

@media (max-width: 68rem) {
    .global-cfd {
        padding-top: 5rem
    }
}

.global-cfd .section__wr-medium {
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow: hidden;
    position: relative
}

.global-cfd__content {
    display: flex;
    gap: 5rem
}

@media (max-width: 48rem) {
    .global-cfd__content {
        flex-direction: column-reverse
    }
}

.global-cfd picture {
    display: block;
    position: absolute;
    width: 40rem;
    height: 33rem;
    inset-inline-end: 45%;
    top: 9rem
}

    .global-cfd picture source {
        all: initial
    }

    .global-cfd picture img {
        object-fit: contain;
        object-position: center right;
        display: block;
        height: 100%;
        width: 100%
    }

html[dir=rtl] .global-cfd picture img {
    object-position: center left
}

@media (max-width: 68rem) {
    .global-cfd picture {
        inset-inline-end: 35%;
        top: 50%;
        transform: translateY(-30%);
        width: 37rem;
        height: 33.5rem
    }
}

@media (max-width: 900px) {
    .global-cfd picture {
        width: 30rem;
        height: 31rem
    }
}

@media (max-width: 48rem) {
    .global-cfd picture {
        width: 32.3rem;
        height: 29rem;
        bottom: -3rem;
        inset-inline-start: 50%;
        transform: translateY(0) translate(-50%);
        top: unset
    }

    html[dir=rtl] .global-cfd picture {
        transform: translateY(0) translate(50%)
    }
}

@media (max-width: 68rem) {
    .global-cfd .section__left {
        min-width: 60%
    }
}

@media (max-width: 48rem) {
    .global-cfd .section__left {
        min-height: 20rem;
        width: 100%
    }
}

.global-cfd .section__right {
    gap: 2rem;
    display: flex;
    flex-direction: column
}

.sponsorship {
    padding-top: 10rem;
    position: relative;
    align-items: center;
    gap: 3.5rem
}

@media (max-width: 48rem) {
    .sponsorship {
        display: none
    }
}

.sponsorship__bg {
    height: 35rem;
    width: 100%;
    background: var(--Gradient-Dark-Blue---Mid-Blue---Radial, radial-gradient(50% 50% at 50% 50%, #132780 0%, #08174E 100%))
}

.sponsorship picture {
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%);
    bottom: 0;
    width: 75rem
}

html[dir=rtl] .sponsorship picture {
    transform: translate(50%)
}

.sponsorship picture img, .sponsorship picture source {
    width: 100%
}

@media (max-width: 68rem) {
    .sponsorship {
        padding-top: 5rem
    }
}

.why-fp {
    background: radial-gradient(137.82% 47.31% at 17.29% 20.87%,#0a121d,#122134);
    padding-top: 10rem;
    padding-bottom: 10rem;
    overflow: hidden
}

    .why-fp .section__wr-big {
        overflow: hidden
    }

    .why-fp .section__left {
        display: flex;
        flex-direction: column;
        gap: 4rem;
        min-width: 30rem
    }

@media (max-width: 48rem) {
    .why-fp .section__left {
        min-width: 100%
    }
}

.why-fp .section__right {
    height: 23rem
}

.why-fp__content {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem
}

@media (max-width: 48rem) {
    .why-fp__content {
        flex-direction: column;
        gap: 2rem
    }
}

.why-fp__item {
    width: 13rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (max-width: 48rem) {
    .why-fp__item {
        width: 100%;
        max-width: unset
    }
}

@media (max-width: 68rem) {
    .why-fp {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.why-fp picture {
    position: absolute;
    top: 0;
    width: 45rem;
    height: 70.7rem
}

html[dir=rtl] .why-fp picture {
    transform: translate(20%)
}

@media (max-width: 68rem) {
    .why-fp picture {
        top: -1rem;
        width: 35rem;
        height: 70.7rem;
        transform: translate(-10%)
    }

    html[dir=rtl] .why-fp picture {
        transform: translate(25%)
    }
}

@media (max-width: 48rem) {
    .why-fp picture {
        top: unset;
        bottom: -12rem;
        width: 28rem;
        height: 44em;
        inset-inline-start: 55%;
        transform: translate(-50%)
    }

    html[dir=rtl] .why-fp picture {
        transform: translate(65%)
    }
}

@media (max-width: 35.5rem) {
    .why-fp picture {
        top: unset;
        bottom: -12rem;
        width: 28rem;
        height: 44em
    }
}

.why-fp picture img, .why-fp picture source {
    width: 100%
}

.feedback {
    width: 100%;
    position: relative;
    padding-top: 10rem;
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 68rem) {
    .feedback {
        padding-top: 5rem;
        gap: 3rem
    }
}

.feedback h2 {
    max-width: 37.5rem;
    align-self: center;
    text-align: center
}

@media (max-width: 48rem) {
    .feedback h2 {
        margin: 0 1.25rem
    }
}

.feedback__wr {
    max-width: 75rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    text-align: center
}

@media (max-width: 79rem) {
    .feedback__wr {
        overflow: hidden;
        margin: 0 2rem;
        width: unset
    }
}

@media (max-width: 48rem) {
    .feedback__wr {
        margin: 0 1.25rem
    }
}

.feedback .section__wr-small {
    display: flex;
    gap: 1rem;
    justify-content: center
}

@media (max-width: 48rem) {
    .feedback .section__wr-small {
        flex-direction: column
    }
}

.feedback .card-feedback {
    background: #f4f4f4;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 21rem;
    align-items: flex-start
}

.feedback .card-feedback__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    white-space: pre-wrap;
    gap: 1rem
}

.feedback__carousel-arrow {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.feedback__carousel-container {
    overflow: hidden;
    scroll-behavior: smooth;
    white-space: nowrap;
    width: 100%
}

@media (max-width: 68rem) {
    .feedback__carousel-container {
        overflow: scroll
    }
}

.feedback__carousel-container::-webkit-scrollbar {
    display: none
}

.feedback__carousel {
    display: flex;
    gap: 1rem;
    padding: 0 calc((100% - 1200px)/2);
    width: fit-content
}

@media (max-width: 79rem) {
    .feedback__carousel {
        padding: 0 2rem
    }
}

@media (max-width: 48rem) {
    .feedback__carousel {
        padding: 0 1.25rem
    }
}

.feedback__arrows {
    display: flex;
    gap: 1.5rem;
    cursor: pointer;
    transition: all .3s ease
}

html[dir=rtl] .feedback__arrows svg {
    transform: scaleX(-1)
}

.feedback__arrows svg path {
    transition: all .3s ease
}

.feedback__arrows svg:hover path {
    opacity: 1
}

.holiday-hero {
    position: relative;
    background: var(--Gradient-Light-Blue---Linear, linear-gradient(180deg, #00BDFF 0%, #038BBD 100%))
}

.holiday-hero__img {
    position: absolute;
    inset-inline-start: 55%;
    bottom: -5rem;
    max-width: 32rem;
    display: flex;
    z-index: 1
}

    .holiday-hero__img source {
        all: initial
    }

    .holiday-hero__img img {
        width: 100%
    }

@media (max-width: 48rem) {
    .holiday-hero__img {
        inset-inline-start: unset;
        inset-inline-end: -2rem;
        bottom: -2rem;
        width: 14rem
    }
}

.holiday-hero .section__wr-small {
    z-index: 10
}

.public-holiday {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .public-holiday {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .public-holiday .section__wr-medium {
        flex-direction: column-reverse
    }
}

.public-holiday picture {
    width: 31rem;
    display: flex;
    justify-self: center
}

@media (max-width: 48rem) {
    .public-holiday picture {
        max-width: 22rem;
        width: 100%
    }
}

.public-holiday picture source {
    all: initial
}

.public-holiday picture img {
    width: 100%;
    margin-top: -2rem
}

.public-holiday .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 7.5rem 0
}

@media (max-width: 48rem) {
    .public-holiday .section__right {
        padding: 3rem 0;
        gap: 1rem
    }
}

.holiday-table {
    padding-top: 10rem;
    position: relative
}

@media (max-width: 68rem) {
    .holiday-table {
        padding-top: 5rem
    }
}

.holiday-table .content {
    gap: 1.5rem;
    margin-bottom: 4rem;
    text-align: center
}

@media (max-width: 48rem) {
    .holiday-table .content {
        margin-bottom: 3rem
    }
}

.holiday-table .section__wr-big {
    gap: unset !important
}

@media (max-width: 79rem) {
    .holiday-table .section__wr-big {
        padding: 0 2rem;
        margin: unset
    }
}

@media (max-width: 48rem) {
    .holiday-table .section__wr-big {
        padding: 0 1.25rem
    }
}

.holiday-table .section__wr-small {
    margin-bottom: 4rem;
    gap: 1rem
}

.holiday-table__comment {
    gap: unset !important;
    margin-bottom: unset;
    margin-top: 2rem
}

.holiday-table .table__wrapper {
    justify-items: unset;
    overflow-x: scroll
}

.contract-rollover {
    padding-top: 10rem;
    padding-bottom: 10rem;
    position: relative
}

@media (max-width: 68rem) {
    .contract-rollover {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.contract-rollover .section__wr-small {
    overflow: hidden
}

.contact-hero {
    position: relative;
    background: var(--Gradient-Light-Blue---Linear, linear-gradient(180deg, #00BDFF 0%, #038BBD 100%))
}

.contact-hero__img {
    position: absolute;
    inset-inline-end: 0;
    bottom: -5rem;
    width: 47.5rem;
    height: 37rem;
    display: flex;
    z-index: 1
}

    .contact-hero__img source {
        all: initial
    }

    .contact-hero__img img {
        width: 100%
    }

@media (max-width: 87.5rem) {
    .contact-hero__img {
        inset-inline-end: unset;
        inset-inline-start: 50%
    }
}

@media (max-width: 48rem) {
    .contact-hero__img {
        inset-inline-start: unset;
        inset-inline-end: -2rem;
        bottom: -1rem;
        width: 18rem;
        height: 15rem
    }
}

.contact-hero .section__wr-small {
    z-index: 10
}

.card-contact__section {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .card-contact__section {
        padding-top: 5rem
    }
}

.card-contact__wr {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center
}

.contact-fp-market {
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .contact-fp-market {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 3rem
    }
}

.contact-fp-market__title {
    justify-content: center
}

.contact-fp-market__wr {
    align-items: flex-start
}

@media (max-width: 48rem) {
    .contact-fp-market__wr {
        gap: 1.5rem
    }
}

.contact-fp-market .section__left {
    text-align: left !important
}

html[dir=rtl] .contact-fp-market .section__left {
    text-align: right !important
}

.map {
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .map {
        padding-bottom: 5rem
    }
}

.map__title {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-align: center
}

@media (max-width: 48rem) {
    .map__title {
        gap: 1.25rem
    }
}

.map__google {
    width: 100%;
    height: 100%
}

.hours-hero {
    background: linear-gradient(180deg,#00bdff,#038bbd)
}

html[dir=rtl] .hours-hero {
    background-size: cover;
    background-position: 32% 50%;
    background-repeat: no-repeat;
    background-image: image-set(url(/images/forex-trading-hours/hours-hero-rtl@1x.webp) type("image/webp"),url(/images/forex-trading-hours/hours-hero-rtl@1x.png) type("image/png"))
}

@media (max-width: 48rem) {
    html[dir=rtl] .hours-hero {
        background-position: 50% 79%;
        background-image: image-set(url(/images/forex-trading-hours/hours-hero-mobile-rtl@1x.webp) type("image/webp"),url(/images/forex-trading-hours/hours-hero-mobile-rtl@1x.png) type("image/png"))
    }
}

@media (max-width: 48rem) {
    .hours-hero {
        padding-bottom: 2rem;
        overflow: hidden
    }
}

.hours-hero picture {
    position: absolute;
    width: 40rem;
    display: flex;
    bottom: -1rem;
    inset-inline-end: 0
}

html[dir=rtl] .hours-hero picture {
    display: none
}

@media (max-width: 68rem) {
    .hours-hero picture {
        inset-inline-end: unset;
        inset-inline-start: 50%
    }
}

@media (max-width: 48rem) {
    .hours-hero picture {
        width: 20rem;
        inset-inline-start: unset;
        inset-inline-end: -2rem;
        bottom: -1rem
    }
}

@media (max-width: 35.5rem) {
    .hours-hero picture {
        width: 15rem
    }
}

.hours-hero picture source {
    all: initial
}

.hours-hero picture img {
    width: 100%
}

.market-hours {
    padding-top: 10rem;
    text-align: center;
    overflow: hidden
}

@media (max-width: 68rem) {
    .market-hours {
        padding-top: 5rem
    }
}

.market-hours__head, .market-hours__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.market-hours .content-big p {
    max-width: 100%
}

.market-hours__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem
}

@media (max-width: 68rem) {
    .market-hours__cards {
        justify-content: center
    }
}

.mt45-trading {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .mt45-trading {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .mt45-trading .section-title-center-two-text-column__text {
        flex-direction: column-reverse
    }
}

.mt45-trading .section__right {
    gap: 2rem;
    display: flex;
    flex-direction: column
}

.mt45-trading .section__left {
    align-content: center
}

@media (max-width: 48rem) {
    .mt45-trading .section__left {
        justify-items: center
    }
}

.mt45-trading picture {
    width: 32.125rem;
    display: flex;
    margin-left: -3rem
}

@media (max-width: 984px) {
    .mt45-trading picture {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .mt45-trading picture {
        width: 100%;
        max-width: 22rem;
        margin-left: unset
    }
}

.mt45-trading picture source {
    all: initial
}

.mt45-trading picture img {
    width: 100%
}

.simple-step {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .simple-step {
        padding-top: 5rem
    }
}

.simple-step .section__wr-big {
    gap: 0;
    overflow-y: hidden
}

@media (max-width: 68rem) {
    .simple-step .section__wr-big {
        margin: unset;
        padding: 0 2rem;
        max-width: unset
    }
}

@media (max-width: 48rem) {
    .simple-step .section__wr-big {
        padding: 0 1.25rem
    }
}

.simple-step h2 {
    margin-bottom: 4rem
}

@media (max-width: 48rem) {
    .simple-step h2 {
        text-align: center;
        margin-bottom: 3rem
    }
}

.simple-step .simple-step__carousel-container {
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    width: 100%;
    height: 16rem;
    display: flex;
    justify-content: center
}

@media (min-width: 945px) {
    .simple-step .simple-step__carousel-container {
        cursor: unset !important
    }
}

@media (max-width: 944px) {
    .simple-step .simple-step__carousel-container {
        display: block;
        justify-content: unset
    }
}

.simple-step .simple-step__carousel-container::-webkit-scrollbar {
    display: none
}

.simple-step .simple-step__item {
    width: 14rem;
    height: 16rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: 2rem;
    text-align: center;
    position: relative
}

    .simple-step .simple-step__item p, .simple-step .simple-step__item h4 {
        white-space: pre-wrap
    }

    .simple-step .simple-step__item svg {
        position: absolute;
        top: 5.8rem;
        inset-inline-end: -2rem
    }

html[dir=rtl] .simple-step .simple-step__item svg {
    transform: scaleX(-1)
}

.simple-step .simple-step__item picture {
    height: 8.5rem;
    display: flex
}

    .simple-step .simple-step__item picture source, .simple-step .simple-step__item picture img {
        height: 100%
    }

.simple-step__arrows {
    display: flex;
    gap: 1.5rem;
    cursor: pointer;
    transition: all .3s ease
}

html[dir=rtl] .simple-step__arrows svg {
    transform: scaleX(-1)
}

.simple-step__arrows svg path {
    transition: all .3s ease
}

.simple-step__arrows svg:hover path {
    opacity: 1
}

.simple-step .simple-step__wr {
    display: flex;
    text-align: center;
    gap: 1rem;
    padding: unset;
    width: fit-content
}

@media (min-width: 945px) {
    .simple-step .simple-step__wr {
        transform: translate(0) !important
    }
}

@media (max-width: 945px) {
    .simple-step .simple-step__wr {
        padding: 0;
        position: absolute;
        left: 0
    }

    html[dir=rtl] .simple-step .simple-step__wr {
        right: 0
    }
}

.simple-step .simple-step__arrows {
    width: 100%;
    display: none;
    margin-top: 2rem
}

@media (max-width: 945px) {
    .simple-step .simple-step__arrows {
        display: flex
    }
}

.timetable {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .timetable {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.timetable .section__wr-small {
    overflow: hidden
}

.timetable .accordion {
    width: 100%
}

.timetable .accordion-item.open {
    padding-bottom: 0
}

    .timetable .accordion-item.open .accordion-item__body {
        overflow: unset
    }

.timetable .accordion-item__body {
    padding: unset
}

.timetable .table__wrapper {
    width: 100%
}

    .timetable .table__wrapper table {
        width: 100%;
        min-width: 50rem
    }

.mt4-5-fees-hero {
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

    .mt4-5-fees-hero .content {
        text-align: left;
        align-items: flex-start
    }

html[dir=rtl] .mt4-5-fees-hero .content {
    text-align: right
}

.mt4-5-fees-hero__img {
    position: absolute;
    width: 51rem;
    height: 36rem;
    display: flex;
    bottom: -4rem;
    inset-inline-start: 50%
}

@media (max-width: 87.5rem) {
    .mt4-5-fees-hero__img {
        inset-inline-start: 45%
    }
}

@media (max-width: 48rem) {
    .mt4-5-fees-hero__img {
        width: 22rem;
        height: 15rem;
        inset-inline-start: unset;
        inset-inline-end: 0;
        bottom: -3rem
    }

    html[dir=rtl] .mt4-5-fees-hero__img {
        inset-inline-start: unset;
        inset-inline-end: 0
    }
}

@media (max-width: 35.5rem) {
    html[dir=rtl] .mt4-5-fees-hero__img {
        inset-inline-end: unset;
        inset-inline-start: 50%
    }
}

.mt4-5-fees-hero__img source {
    all: initial
}

.mt4-5-fees-hero__img img {
    width: 100%
}

@media (max-width: 48rem) {
    .fee-acc-types .table__body {
        padding-bottom: 0
    }
}

.fee-acc-types .table__footer {
    padding-bottom: 2rem !important
}

.fees-table {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .fees-table {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.fees-table .accordion {
    width: 100%
}

.fees-table .accordion-item.open {
    padding-bottom: 0
}

    .fees-table .accordion-item.open .accordion-item__body {
        overflow: unset
    }

.fees-table .accordion-item__body {
    padding: unset
}

.fees-table .tabs-wrapper {
    width: 100%
}

    .fees-table .tabs-wrapper .tabs {
        width: 100%;
        display: flex
    }

        .fees-table .tabs-wrapper .tabs .tab {
            flex: 1 1 0;
            display: flex;
            justify-content: center;
            color: #00bdff;
            cursor: pointer;
            padding-bottom: 2rem;
            padding-top: 2rem;
            transition: all .3s ease
        }

            .fees-table .tabs-wrapper .tabs .tab.active {
                background: #f4f4f4;
                color: #19222e
            }

.fees-table .tab-content {
    display: none
}

    .fees-table .tab-content.active {
        display: flex
    }

.fees-table .table__wrapper {
    width: 100%
}

    .fees-table .table__wrapper table {
        width: 100%;
        min-width: 50rem
    }

        .fees-table .table__wrapper table th {
            padding: 2rem 1.5rem
        }

        .fees-table .table__wrapper table td {
            padding: 1rem 1.5rem
        }

.fees-table .for-mobile {
    display: none
}

@media (max-width: 48rem) {
    .fees-table .for-mobile {
        display: flex;
        width: 100%
    }
}

.fees-table .for-desktop {
    display: block
}

@media (max-width: 48rem) {
    .fees-table .for-desktop {
        display: none
    }
}

.metatrader {
    padding-top: 10rem;
    padding-bottom: 12rem;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a121d);
    position: relative;
    display: flex;
    min-height: 51rem;
    overflow: hidden
}

    .metatrader h2 {
        text-wrap: balance
    }

@media (max-width: 68rem) {
    .metatrader {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }
}

@media (max-width: 48rem) {
    .metatrader {
        min-height: 68rem;
        padding-top: 0;
        padding-bottom: 0
    }
}

.metatrader__bg img, .metatrader__bg source {
    object-fit: cover;
    object-position: top right;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .metatrader__bg img, .metatrader__bg source {
        object-position: bottom left
    }
}

.metatrader__bg .bg__back {
    position: absolute;
    width: 47.5rem;
    height: 100%;
    top: 0;
    inset-inline-start: 46%
}

@media (max-width: 48rem) {
    .metatrader__bg .bg__back {
        width: 29rem;
        bottom: 5rem;
        top: unset;
        height: unset;
        transform: translate(-50%);
        object-position: bottom left
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .metatrader__bg .bg__back {
        transform: translate(50%)
    }
}

.metatrader__wr {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    z-index: 4
}

@media (max-width: 68rem) {
    .metatrader__wr {
        margin: 0 2rem
    }
}

@media (max-width: 48rem) {
    .metatrader__wr {
        margin: 5rem 1.25rem;
        justify-content: flex-start
    }
}

.metatrader__text {
    max-width: 25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media (max-width: 48rem) {
    .metatrader__text {
        width: 100%
    }
}

.metatrader__text div {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .metatrader__text div {
        gap: 1.5rem
    }
}

.demo {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .demo {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.demo .content-big p {
    max-width: unset
}

.demo picture {
    position: absolute;
    bottom: -7rem;
    inset-inline-end: 45%;
    width: 45rem;
    height: 26rem;
    display: flex
}

html[dir=rtl] .demo picture {
    inset-inline-end: 48%;
    bottom: -2rem
}

@media (max-width: 48rem) {
    .demo picture {
        width: 37rem;
        height: 21rem;
        inset-inline-end: 50%;
        transform: translate(50%);
        bottom: -2rem
    }

    html[dir=rtl] .demo picture {
        bottom: -2rem;
        transform: translate(-50%)
    }
}

@media (max-width: 35.5rem) {
    .demo picture {
        inset-inline-end: 0;
        transform: unset;
        bottom: -4rem
    }

    html[dir=rtl] .demo picture {
        bottom: -4rem
    }
}

.demo picture source {
    all: initial
}

.demo picture img {
    width: 100%
}

.demo .grey-500 {
    padding: 4rem
}

@media (max-width: 48rem) {
    .demo .grey-500 {
        padding: 2rem 1.25rem
    }
}

.demo__content {
    width: 100%;
    display: flex;
    position: relative
}

@media (max-width: 48rem) {
    .demo__content {
        flex-direction: column-reverse
    }
}

@media (max-width: 48rem) {
    .demo .section__left {
        height: 18rem
    }
}

@media (max-width: 35.5rem) {
    .demo .section__left {
        height: 16rem
    }
}

.demo__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4rem;
    z-index: 2
}

@media (max-width: 68rem) {
    .demo__bottom {
        gap: 3rem
    }
}

.all-platform {
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .all-platform {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .all-platform .section-title-center-two-text-column__text {
        gap: 2rem
    }
}

.calc-hero {
    position: relative;
    background: var(--Gradient-Light-Blue---Linear, linear-gradient(180deg, #00BDFF 0%, #038BBD 100%))
}

    .calc-hero picture {
        width: 33rem;
        position: absolute;
        inset-inline-start: 50%;
        bottom: -5rem
    }

@media (max-width: 48rem) {
    .calc-hero picture {
        width: 13rem;
        inset-inline-start: unset;
        inset-inline-end: 1rem;
        bottom: -2rem
    }
}

.calc-hero picture img, .calc-hero picture source {
    width: 100%
}

.standard {
    gap: 4rem
}

@media (max-width: 48rem) {
    .standard {
        gap: unset
    }
}

.standard .section__right {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center
}

@media (max-width: 48rem) {
    .standard .section__right {
        margin-bottom: 5rem
    }
}

.standard .section__right picture {
    max-width: 29rem !important
}

.calc-cards {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .calc-cards {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.calc-cards .card_wr {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center
}

    .calc-cards .card_wr .calculator-card {
        padding: 2rem;
        background: #f4f4f4;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        width: 14rem
    }

@media (max-width: 35.5rem) {
    .calc-cards .card_wr .calculator-card {
        width: 100%
    }
}

.calc-cards .card_wr .calculator-card h4 {
    font-size: 1.125rem
}

.calc-cards .card_wr .calculator-card picture {
    height: 7.2rem;
    display: flex;
    align-self: center
}

    .calc-cards .card_wr .calculator-card picture img, .calc-cards .card_wr .calculator-card picture source {
        height: 100%
    }

.calculator {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a121d);
    padding: 10rem 0
}

    .calculator .section__wr-small {
        max-width: 43.35rem;
        align-items: center
    }

.calculator__form {
    width: 100%
}

    .calculator__form iframe {
        position: relative;
        z-index: 2;
        width: 1200px !important;
        margin-left: -336px;
        margin-top: -24px;
        height: -webkit-fill-available;
        height: 806px !important
    }

        .calculator__form iframe .Card {
            border-radius: 32px;
            border: 1px solid var(--Backgrounds-Grey-800, #9DA0A4);
            background: #d3d3d3 50%/cover no-repeat
        }

.vps-hero .section__left {
    flex: unset
}

.vps-hero .content {
    max-width: 37.5rem
}

    .vps-hero .content p {
        max-width: 31.25rem
    }

.seamless-trading {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .seamless-trading {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .seamless-trading {
        min-height: unset
    }
}

.seamless-trading .section__wr-medium {
    padding-top: 5rem;
    padding-bottom: 7.5rem;
    position: relative
}

@media (max-width: 68rem) {
    .seamless-trading .section__wr-medium {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .seamless-trading .section__wr-medium {
        padding-top: 2rem
    }
}

.seamless-trading .section__right {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 48rem) {
    .seamless-trading .section__right {
        justify-content: flex-start
    }
}

.seamless-trading .section__right h4 {
    margin-bottom: 1rem
}

.seamless-trading .section__left {
    min-width: 28rem;
    width: 100%
}

@media (max-width: 68rem) {
    .seamless-trading .section__left {
        min-width: unset
    }
}

@media (max-width: 48rem) {
    .seamless-trading .section__left {
        height: 12.5rem
    }
}

.seamless-trading picture {
    position: absolute;
    bottom: 0;
    inset-inline-start: -2rem;
    width: unset;
    max-width: 38.2rem;
    display: flex
}

@media (max-width: 68rem) {
    .seamless-trading picture {
        max-width: 31rem;
        width: 50%
    }
}

@media (max-width: 48rem) {
    .seamless-trading picture {
        max-width: 20rem;
        width: 110%;
        inset-inline-start: 45%;
        transform: translate(-50%)
    }
}

.seamless-trading picture source, .seamless-trading picture img {
    width: 100%
}

.two-col-vps {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .two-col-vps {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media (max-width: 48rem) {
    .two-col-vps {
        gap: 4rem
    }
}

.two-col-vps .section__wr-small {
    align-items: unset
}

.two-col-vps .section__left, .two-col-vps .section__right {
    gap: 1rem;
    display: flex;
    flex-direction: column
}

.vps-platform {
    background: radial-gradient(33.26% 63.44% at 74.48% 78.21%,#1d47f0,#0a121d);
    padding-top: 10rem;
    padding-bottom: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .vps-platform {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.vps-platform .section__right {
    height: 23rem
}

.vps-platform picture {
    position: absolute;
    top: 0;
    width: 45rem
}

@media (max-width: 48rem) {
    .vps-platform picture {
        top: unset;
        bottom: -12rem;
        width: 28rem;
        inset-inline-start: 55%;
        transform: translate(-50%)
    }
}

.vps-platform picture img, .vps-platform picture source {
    width: 100%
}

.vps-registration {
    padding-top: 10rem;
    padding-bottom: 10rem;
    min-height: 100vh
}

@media (max-width: 68rem) {
    .vps-registration {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .vps-registration {
        min-height: unset
    }
}

.vps-registration__form {
    padding: 3rem;
    max-width: 31.25rem;
    width: 100%;
    display: flex;
    gap: 2rem;
    flex-direction: column;
    align-items: center;
    background: #0a121ccc
}

    .vps-registration__form label {
        display: none
    }

    .vps-registration__form form {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem
    }

        .vps-registration__form form .input {
            width: 100%
        }

        .vps-registration__form form .button {
            width: fit-content
        }

.forex-vps {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .forex-vps {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.forex-vps__title {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center
}

.forex-vps__content {
    width: 100%;
    display: flex;
    gap: 2rem
}

@media (max-width: 48rem) {
    .forex-vps__content {
        flex-direction: column;
        gap: 1rem
    }
}

.forex-vps__content h4 {
    max-width: 24.25rem
}

.benefits-vps {
    padding-top: 10rem;
    padding-bottom: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .benefits-vps .section__bg {
        display: none
    }
}

@media (max-width: 68rem) {
    .benefits-vps {
        padding-top: 5rem;
        padding-bottom: 0
    }
}

.benefits-vps .section__wr-large {
    gap: 4rem;
    display: flex;
    align-items: center
}

@media (max-width: 79rem) {
    .benefits-vps .section__wr-large {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (max-width: 48rem) {
    .benefits-vps .section__wr-large {
        gap: 3rem
    }
}

.benefits-vps .card-list {
    display: flex;
    gap: 1rem
}

@media (max-width: 68rem) {
    .benefits-vps .card-list {
        flex-wrap: wrap
    }
}

@media (max-width: 35.5rem) {
    .benefits-vps .card-list {
        flex-wrap: unset;
        flex-direction: column
    }
}

.benefits-vps .card-list .register-card {
    padding-bottom: 2rem;
    gap: 2rem;
    min-width: 12.5rem
}

    .benefits-vps .card-list .register-card h4 {
        margin-bottom: 1.5rem
    }

@media (max-width: 48rem) {
    .benefits-vps .card-list .register-card h4 {
        margin-bottom: 1rem
    }
}

.benefits-vps .card-list picture {
    height: 9.25rem;
    display: flex;
    align-self: center
}

    .benefits-vps .card-list picture source, .benefits-vps .card-list picture img {
        height: 100%
    }

.maximise {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .maximise {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.maximise h2 {
    max-width: 37.5rem;
    text-align: center
}

.maximise__content {
    display: flex;
    gap: 5rem
}

@media (max-width: 48rem) {
    .maximise__content {
        flex-direction: column-reverse;
        gap: 3rem
    }
}

.maximise__content .section__right {
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .maximise__content .section__right {
        align-items: center;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 48rem) {
    .maximise__content .section__left {
        display: flex;
        justify-content: center
    }
}

.maximise__content button {
    width: fit-content
}

.maximise__content picture {
    width: 31.25rem;
    margin-left: -2rem;
    display: flex
}

@media (max-width: 48rem) {
    .maximise__content picture {
        max-width: 22.25rem;
        width: 100%;
        margin-left: unset
    }
}

.maximise__content picture source, .maximise__content picture img {
    width: 100%
}

.mam-acc {
    padding-top: 10rem;
    padding-bottom: 12rem;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a121d);
    position: relative;
    display: flex;
    min-height: 51rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .mam-acc {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }
}

@media (max-width: 48rem) {
    .mam-acc {
        padding-top: 0;
        padding-bottom: 0;
        min-height: 67.6rem
    }
}

.mam-acc__bg img, .mam-acc__bg source {
    object-fit: cover;
    object-position: top left;
    width: 100%;
    height: 100%
}

.mam-acc__bg .bg__back {
    position: absolute;
    width: 46rem;
    height: 100%;
    top: 0;
    inset-inline-end: 50%
}

@media (max-width: 48rem) {
    .mam-acc__bg .bg__back {
        width: 28rem;
        bottom: -12rem;
        top: unset;
        height: unset;
        transform: translate(50%);
        object-position: bottom left
    }
}

.mam-acc__wr {
    margin: 12.5rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 4
}

@media (max-width: 68rem) {
    .mam-acc__wr {
        margin: 12.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .mam-acc__wr {
        margin: 5rem 1.25rem;
        justify-content: flex-start
    }
}

.mam-acc__text {
    max-width: 25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media (max-width: 48rem) {
    .mam-acc__text {
        width: 100%
    }
}

.mam-acc .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .mam-acc .text p {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

@media (max-width: 48rem) {
    .mam-acc .text p {
        width: 100%
    }
}

.mam-svg {
    position: absolute;
    width: 100%;
    height: 2rem;
    bottom: 0;
    display: flex;
    justify-content: center
}

    .mam-svg svg {
        width: 90rem;
        flex-shrink: 0
    }

    .mam-svg .mam-svg__right, .mam-svg .mam-svg__left {
        background: #fff;
        width: 100%;
        height: 100%
    }

    .mam-svg .mam-svg__right {
        margin-left: -1rem
    }

    .mam-svg .mam-svg__left {
        margin-right: -1rem
    }

.pamm-acc {
    padding-top: 10rem;
    padding-bottom: 12rem;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a121d);
    position: relative;
    display: flex;
    min-height: 51rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .pamm-acc {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }
}

@media (max-width: 48rem) {
    .pamm-acc {
        min-height: 57rem;
        padding-top: 0;
        padding-bottom: 0
    }
}

.pamm-acc__bg img, .pamm-acc__bg source {
    object-fit: cover;
    object-position: top right;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .pamm-acc__bg img, .pamm-acc__bg source {
        object-position: bottom left
    }
}

.pamm-acc__bg .bg__back {
    position: absolute;
    width: 47.5rem;
    height: 100%;
    top: 0;
    inset-inline-start: 50%
}

@media (max-width: 48rem) {
    .pamm-acc__bg .bg__back {
        width: 25rem;
        bottom: 0;
        top: unset;
        height: unset;
        transform: translate(-50%);
        object-position: bottom left
    }
}

.pamm-acc__wr {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    z-index: 4
}

@media (max-width: 68rem) {
    .pamm-acc__wr {
        margin: 0 2rem
    }
}

@media (max-width: 48rem) {
    .pamm-acc__wr {
        margin: 5rem 1.25rem;
        justify-content: flex-start
    }
}

.pamm-acc__text {
    max-width: 25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media (max-width: 48rem) {
    .pamm-acc__text {
        width: 100%
    }
}

.pamm-acc .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .pamm-acc .text p {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

@media (max-width: 48rem) {
    .pamm-acc .text p {
        width: 100%
    }
}

.mam-platform {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .mam-platform {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.pamm-platform {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .pamm-platform {
        padding-top: 5rem
    }
}

.pamm-platform, .mam-platform {
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

    .pamm-platform .content, .mam-platform .content {
        max-width: 37.5rem;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

@media (max-width: 48rem) {
    .pamm-platform .content, .mam-platform .content {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width: 48rem) {
    .pamm-platform .section__wr-small, .mam-platform .section__wr-small {
        flex-direction: column-reverse
    }

        .pamm-platform .section__wr-small .section__right, .mam-platform .section__wr-small .section__right {
            text-align: center;
            justify-items: center
        }
}

@media (max-width: 48rem) and (max-width: 48rem) {
    .pamm-platform .section__wr-small .section__right, .mam-platform .section__wr-small .section__right {
        text-align: left;
        width: fit-content
    }
}

@media (max-width: 48rem) and (max-width: 48rem) {
    html[dir=rtl] .pamm-platform .section__wr-small .section__right, html[dir=rtl] .mam-platform .section__wr-small .section__right {
        text-align: right
    }
}

@media (max-width: 48rem) {
    .pamm-platform .section__wr-small .section__left, .mam-platform .section__wr-small .section__left {
        width: unset
    }
}

.pamm-platform .mam-pic, .mam-platform .mam-pic {
    width: 29.4rem;
    display: flex
}

    .pamm-platform .mam-pic source, .pamm-platform .mam-pic img, .mam-platform .mam-pic source, .mam-platform .mam-pic img {
        width: 100%
    }

@media (max-width: 68rem) {
    .pamm-platform .mam-pic, .mam-platform .mam-pic {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .pamm-platform .mam-pic, .mam-platform .mam-pic {
        max-width: 21.8rem;
        width: 100%
    }
}

.pamm-platform .pamm-pic, .mam-platform .pamm-pic {
    width: 31.5rem;
    display: flex
}

    .pamm-platform .pamm-pic source, .pamm-platform .pamm-pic img, .mam-platform .pamm-pic source, .mam-platform .pamm-pic img {
        width: 100%
    }

@media (max-width: 68rem) {
    .pamm-platform .pamm-pic, .mam-platform .pamm-pic {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .pamm-platform .pamm-pic, .mam-platform .pamm-pic {
        max-width: 21.25rem;
        width: 100%
    }
}

@media (max-width: 48rem) {
    .trading-view-hero {
        min-height: 32rem
    }
}

.trading-view-hero .trading-view-hero__bg {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    z-index: -1;
    background-image: image-set(url(/images/trading-view/tradingview-hero@1x.webp) type("image/webp") 1x,url(/images/trading-view/tradingview-hero@2x.webp) type("image/webp") 2x,url(/images/trading-view/tradingview-hero@1x.png) 1x,url(/images/trading-view/tradingview-hero@2x.png) 2x);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media (max-width: 48rem) {
    .trading-view-hero .trading-view-hero__bg {
        background-position: 50% 92%;
        background-image: image-set(url(/images/trading-view/tradingview-hero-mobile@1x.webp) type("image/webp") 1x,url(/images/trading-view/tradingview-hero-mobile@2x.webp) type("image/webp") 2x,url(/images/trading-view/tradingview-hero-mobile@1x.png) 1x,url(/images/trading-view/tradingview-hero-mobile@2x.png) 2x)
    }
}

@media (max-width: 35.5rem) {
    .trading-view-hero .trading-view-hero__bg {
        background-position: 50% 100%
    }
}

html[dir=rtl] .trading-view-hero .trading-view-hero__bg {
    background-image: image-set(url(/images/trading-view/tradingview-hero-rtl@1x.webp) type("image/webp") 1x,url(/images/trading-view/tradingview-hero-rtl@2x.webp) type("image/webp") 2x,url(/images/trading-view/tradingview-hero-rtl@1x.png) 1x,url(/images/trading-view/tradingview-hero-rtl@2x.png) 2x)
}

@media (max-width: 48rem) {
    html[dir=rtl] .trading-view-hero .trading-view-hero__bg {
        background-image: image-set(url(/images/trading-view/tradingview-hero-mobile-rtl@1x.webp) type("image/webp") 1x,url(/images/trading-view/tradingview-hero-mobile-rtl@2x.webp) type("image/webp") 2x,url(/images/trading-view/tradingview-hero-mobile-rtl@1x.png) 1x,url(/images/trading-view/tradingview-hero-mobile-rtl@2x.png) 2x)
    }
}

@media (max-width: 48rem) {
    .trading-view-hero .button-group {
        flex-direction: column;
        align-items: flex-start
    }
}

.trading-view-hero .content-medium {
    text-align: left;
    align-items: flex-start;
    margin-bottom: 4rem;
    width: 100%
}

html[dir=rtl] .trading-view-hero .content-medium {
    text-align: right
}

@media (max-width: 68rem) {
    .trading-view-hero .content-medium {
        margin-bottom: 3rem
    }
}

.what-is-tv {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .what-is-tv {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.what-is-tv .section__wr-medium {
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media (max-width: 48rem) {
    .what-is-tv .section__wr-medium {
        flex-direction: column-reverse;
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media (max-width: 48rem) {
    .what-is-tv .section__wr-medium .content {
        max-width: unset;
        margin-bottom: 0
    }
}

.what-is-tv picture {
    width: 30rem;
    display: flex
}

@media (max-width: 68rem) {
    .what-is-tv picture {
        width: 100%;
        max-width: 30rem
    }
}

@media (max-width: 48rem) {
    .what-is-tv picture {
        width: 100%;
        max-width: 20rem
    }
}

.what-is-tv picture source {
    all: initial
}

.what-is-tv picture img {
    width: 100%
}

.track-with-tv {
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 68rem) {
    .track-with-tv {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 3rem
    }
}

.track-with-tv .section__right {
    position: relative;
    align-self: flex-start
}

@media (max-width: 48rem) {
    .track-with-tv .section__right {
        height: 15rem
    }
}

.track-with-tv .section__right picture {
    display: flex;
    width: 53rem;
    position: absolute;
    inset-inline-start: 0;
    top: -2rem
}

@media (max-width: 48rem) {
    .track-with-tv .section__right picture {
        width: 30rem;
        top: 0;
        inset-inline-start: 50%;
        transform: translate(-50%)
    }
}

@media (max-width: 35.5rem) {
    .track-with-tv .section__right picture {
        inset-inline-start: 0;
        transform: unset
    }
}

.track-with-tv .section__right picture source {
    all: initial
}

.track-with-tv .section__right picture img {
    width: 100%
}

.trading-view-slider {
    padding-top: 10rem;
    padding-bottom: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .trading-view-slider {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.trading-view-slider .section__wr-medium {
    gap: 2rem
}

@media (max-width: 68rem) {
    .trading-view-slider .section__wr-medium {
        padding-right: unset;
        padding-left: unset
    }
}

.trading-view-slider .big-slider {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%
}

.trading-view-slider .big-slider__img {
    position: relative
}

.trading-view-slider .big-slider__img-bg {
    opacity: 0;
    width: 100%
}

.trading-view-slider .big-slider__img picture {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    display: flex;
    opacity: 0;
    visibility: hidden
}

.trading-view-slider .big-slider__img source {
    all: initial
}

.trading-view-slider .big-slider__img img {
    width: 100%
}

.trading-view-slider .big-slider__img picture:first-child {
    position: relative;
    opacity: 1;
    visibility: visible
}

.trading-view-slider .big-slider__description p {
    display: none;
    opacity: 0;
    transition: opacity .6s ease-in-out
}

    .trading-view-slider .big-slider__description p:first-child {
        display: block;
        opacity: 1
    }

.trading-view-slider .big-slider__bottom {
    display: flex;
    align-items: center;
    gap: 4rem
}

@media (max-width: 48rem) {
    .trading-view-slider .big-slider__bottom {
        flex-direction: column-reverse;
        gap: 3rem;
        align-items: flex-start
    }
}

.trading-view-slider .big-slider__description p {
    display: none
}

    .trading-view-slider .big-slider__description p.active {
        display: block
    }

.trading-view-slider .big-slider__arrows {
    display: flex;
    gap: 1.5rem
}

.trading-view-slider .big-slider svg {
    cursor: pointer
}

html[dir=rtl] .trading-view-slider .big-slider svg {
    transform: scaleX(-1)
}

.trading-view-slider .big-slider svg:hover path {
    opacity: 1
}

.trading-view-faq ol {
    margin: unset;
    padding-left: 1.2rem
}

.tv-charts {
    padding-top: 10rem;
    padding-bottom: 12rem;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a121d);
    position: relative;
    display: flex;
    min-height: 37rem;
    overflow: hidden
}

    .tv-charts h2 {
        text-wrap: pretty
    }

@media (max-width: 68rem) {
    .tv-charts {
        min-height: 30rem;
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }
}

@media (max-width: 48rem) {
    .tv-charts {
        min-height: unset;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .tv-charts__bg {
        height: 20rem
    }
}

@media (max-width: 35.5rem) {
    .tv-charts__bg {
        height: 16rem
    }
}

.tv-charts__bg source {
    all: initial
}

.tv-charts__bg img {
    object-fit: cover;
    object-position: top right;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .tv-charts__bg img {
        object-position: bottom left
    }
}

.tv-charts__bg .bg__back {
    position: absolute;
    width: 36.8rem;
    height: 21rem;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-start: 47%
}

@media (max-width: 79rem) {
    .tv-charts__bg .bg__back {
        width: 33rem;
        height: 18.75rem
    }
}

@media (max-width: 68rem) {
    .tv-charts__bg .bg__back {
        width: 30rem;
        height: 17rem
    }
}

@media (max-width: 960px) {
    .tv-charts__bg .bg__back {
        inset-inline-start: 50%;
        width: 25rem;
        height: 14rem
    }
}

@media (max-width: 48rem) {
    .tv-charts__bg .bg__back {
        width: 25rem;
        height: 14rem;
        bottom: 5rem;
        top: unset;
        transform: translate(-50%)
    }
}

@media (max-width: 35.5rem) {
    .tv-charts__bg .bg__back {
        width: 20rem;
        height: 11rem
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .tv-charts__bg .bg__back {
        transform: translate(50%)
    }
}

.tv-charts__wr {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    z-index: 4
}

@media (max-width: 68rem) {
    .tv-charts__wr {
        margin: unset;
        padding: 0 2rem
    }
}

@media (max-width: 48rem) {
    .tv-charts__wr {
        padding: 0 1.25rem;
        justify-content: flex-start
    }
}

.tv-charts__text, .tv-charts .content {
    max-width: 29rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: center
}

@media (max-width: 68rem) {
    .tv-charts__text, .tv-charts .content {
        max-width: 24rem
    }
}

@media (max-width: 48rem) {
    .tv-charts__text, .tv-charts .content {
        max-width: 100%
    }
}

.tv-charts__text div, .tv-charts .content div {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .tv-charts__text div, .tv-charts .content div {
        gap: 1.5rem
    }
}

.tv-analysis {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .tv-analysis {
        padding-top: 5rem
    }
}

.tv-analysis .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.tv-analysis picture {
    width: 29.3rem
}

    .tv-analysis picture source {
        all: initial
    }

    .tv-analysis picture img {
        width: 100%
    }

.global-community {
    overflow: hidden;
    margin-bottom: 10rem
}

@media (max-width: 68rem) {
    .global-community {
        margin-bottom: 5rem
    }
}

.global-community .section__wr-medium {
    position: relative;
    padding-bottom: 14.37rem;
    padding-top: 14.37rem
}

@media (max-width: 68rem) {
    .global-community .section__wr-medium {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

@media (max-width: 48rem) {
    .global-community .section__wr-medium {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.global-community .section__wr-medium .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .global-community .section__right {
        height: 25rem
    }
}

@media (max-width: 35.5rem) {
    .global-community .section__right {
        height: 19rem
    }
}

.global-community picture {
    width: 29.3rem;
    height: 27.6rem;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    inset-inline-start: 50%;
    display: flex
}

@media (max-width: 48rem) {
    html[dir=rtl] .global-community picture {
        transform: translate(50%)
    }
}

@media (max-width: 68rem) {
    .global-community picture {
        width: 24rem;
        height: 22rem
    }
}

@media (max-width: 900px) {
    .global-community picture {
        width: 20rem;
        height: 18rem
    }
}

@media (max-width: 48rem) {
    .global-community picture {
        width: 25.5rem;
        height: 24rem;
        transform: translate(-50%);
        inset-inline-start: 50%;
        bottom: 2rem
    }
}

@media (max-width: 35.5rem) {
    .global-community picture {
        width: 20rem;
        height: 18.8rem
    }
}

@media (max-width: 400px) {
    .global-community picture {
        width: 17rem;
        height: 16.1rem
    }
}

.global-community picture source {
    all: initial
}

.global-community picture img {
    width: 100%
}

.tv-news {
    background: #00bdff;
    color: #fff;
    padding-bottom: 13.75rem;
    padding-top: 13.75rem
}

@media (max-width: 68rem) {
    .tv-news {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

@media (max-width: 48rem) {
    .tv-news {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .tv-news .section__left {
        height: 17rem
    }
}

@media (max-width: 48rem) {
    .tv-news .content {
        max-width: 100%
    }
}

.tv-news picture {
    position: absolute;
    height: 38rem;
    width: 48rem;
    bottom: -2rem;
    inset-inline-end: 45%;
    display: flex
}

html[dir=rtl] .tv-news picture {
    inset-inline-end: 50%
}

@media (max-width: 48rem) {
    html[dir=rtl] .tv-news picture {
        inset-inline-end: 2rem;
        inset-inline-start: unset
    }
}

@media (max-width: 1800px) {
    .tv-news picture {
        inset-inline-end: 40%
    }
}

@media (max-width: 1600px) {
    .tv-news picture {
        inset-inline-end: 30%
    }
}

@media (max-width: 68rem) {
    .tv-news picture {
        height: 29rem;
        width: 38rem
    }
}

@media (max-width: 48rem) {
    .tv-news picture {
        height: 25rem;
        width: 33rem;
        inset-inline-end: unset;
        inset-inline-start: 2rem
    }
}

@media (max-width: 48rem) {
    .tv-news picture {
        height: 23rem;
        width: 30rem;
        inset-inline-start: 1.5rem
    }
}

.tv-news picture source {
    all: initial
}

.tv-news picture img {
    width: 100%
}

.tv-app {
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e);
    padding-top: 10rem;
    padding-bottom: 10rem;
    color: #fff
}

    .tv-app.asic {
        margin-top: 10rem
    }

@media (max-width: 68rem) {
    .tv-app.asic {
        margin-top: 5rem
    }
}

@media (max-width: 68rem) {
    .tv-app {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.tv-app .section__wr-small {
    gap: 6rem
}

@media (max-width: 35.5rem) {
    .tv-app .section__wr-small {
        gap: 1rem
    }
}

.tv-app .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

    .tv-app .section__left h2 {
        margin-bottom: .5rem
    }

    .tv-app .section__left h4 {
        margin-bottom: 2rem
    }

        .tv-app .section__left h4.semi-bold {
            margin-bottom: 1rem
        }

    .tv-app .section__left a {
        font-weight: 600
    }

@media (max-width: 48rem) {
    .tv-app .section__right {
        height: 17rem
    }
}

.tv-app picture {
    position: absolute;
    width: 36.4rem;
    height: 38rem;
    inset-inline-start: 50%;
    top: 7.5rem;
    display: flex
}

@media for-xl {
    .tv-app picture {
        inset-inline-start: 48%
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .tv-app picture {
        transform: translate(50%)
    }
}

@media (max-width: 68rem) {
    .tv-app picture {
        top: 5rem;
        inset-inline-start: 46%;
        width: 28rem;
        height: 29.1rem
    }
}

@media (max-width: 950px) {
    .tv-app picture {
        top: 7rem;
        width: 25.5rem;
        height: 26.6rem
    }
}

@media (max-width: 48rem) {
    .tv-app picture {
        bottom: 0;
        top: unset;
        inset-inline-start: 50%;
        transform: translate(-50%);
        width: 21rem;
        height: 22rem
    }
}

@media (max-width: 35.5rem) {
    .tv-app picture {
        width: 19rem;
        height: 20rem
    }
}

.tv-app picture source {
    all: initial
}

.tv-app picture img {
    width: 100%
}

.experience-hero {
    position: relative;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a121d)
}

    .experience-hero .section__left {
        flex: unset
    }

    .experience-hero .content {
        max-width: 37.5rem
    }

        .experience-hero .content h1 {
            max-width: 37.5rem;
            width: 100%
        }

        .experience-hero .content p {
            max-width: 31.25rem
        }

    .experience-hero picture {
        width: 35rem;
        position: absolute;
        inset-inline-start: 50%;
        bottom: -7rem
    }

@media (max-width: 48rem) {
    .experience-hero picture {
        width: 14rem;
        inset-inline-start: unset;
        inset-inline-end: -2rem;
        bottom: -2rem
    }
}

.experience-hero picture img, .experience-hero picture source {
    width: 100%
}

.summary {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .summary {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .summary .mobile-column {
        flex-direction: column-reverse
    }
}

@media (max-width: 48rem) {
    .summary .section__left {
        display: flex;
        justify-content: center
    }
}

.summary picture {
    width: 29.5rem;
    display: flex
}

@media (max-width: 48rem) {
    .summary picture {
        width: 21.8rem;
        justify-self: center
    }
}

.summary picture source {
    all: initial
}

.summary picture img {
    width: 100%
}

.summary .content {
    max-width: 100%
}

.experience-slide-title {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (max-width: 48rem) {
    .experience-slide .slide {
        justify-content: space-between
    }
}

@media (max-width: 48rem) {
    .experience-slide .section__right {
        max-width: unset !important;
        display: unset !important;
        width: unset !important
    }
}

.experience-slide picture {
    height: 22.6rem;
    width: auto !important
}

@media (max-width: 48rem) {
    .experience-slide picture {
        height: 16rem;
        width: unset !important
    }
}

.experience-slide picture img, .experience-slide picture source {
    height: 100%
}

.emails {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a121d);
    margin-top: 10rem
}

@media (max-width: 68rem) {
    .emails {
        margin-top: 5rem
    }
}

.emails .register-card {
    background: #0a121ccc;
    padding-bottom: 3rem;
    height: unset
}

.emails .register-card__title {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
    gap: 1rem
}

.emails .register-card.emails__img {
    justify-content: center
}

    .emails .register-card.emails__img picture {
        width: 14.2rem;
        display: flex;
        margin-top: unset;
        margin-bottom: unset;
        margin-left: unset
    }

        .emails .register-card.emails__img picture source {
            all: initial
        }

        .emails .register-card.emails__img picture img {
            width: 100%
        }

.live-chat .register-card {
    padding-bottom: 3rem;
    height: unset
}

.live-chat .register-card__title {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
    gap: 1rem
}

.live-chat .register-card.live-chat__img {
    justify-content: center
}

    .live-chat .register-card.live-chat__img picture {
        width: 14.2rem;
        display: flex
    }

        .live-chat .register-card.live-chat__img picture source {
            all: initial
        }

        .live-chat .register-card.live-chat__img picture img {
            width: 100%
        }

.live-chat .section__bg picture {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .live-chat .section__bg picture {
        display: block
    }
}

.live-chat .section__bg picture img, .live-chat .section__bg picture source {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

@media (max-width: 68rem) {
    .live-chat .section__bg {
        display: none
    }
}

.nps-score, .avg {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .nps-score, .avg {
        padding-top: 0
    }
}

.nps-score picture, .avg picture {
    max-width: 30.6rem;
    width: 100%;
    display: flex
}

@media (max-width: 48rem) {
    .nps-score picture, .avg picture {
        max-width: 26.1rem;
        justify-self: center
    }
}

.nps-score picture source, .avg picture source {
    all: initial
}

.nps-score picture img, .avg picture img {
    width: 100%
}

.nps-score .content, .avg .content {
    align-self: flex-start;
    max-width: 100%
}

.avg {
    padding-top: 5rem
}

@media (max-width: 68rem) {
    .avg {
        padding-top: 0
    }
}

@media (max-width: 48rem) {
    .avg .section__right {
        display: flex;
        justify-content: center
    }
}

@media (max-width: 48rem) {
    .nps-score .section__wr-small {
        flex-direction: column-reverse
    }
}

.language-list {
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

    .language-list .content {
        max-width: 37.5rem;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

@media (max-width: 48rem) {
    .language-list .content {
        margin-left: 20px;
        margin-right: 20px
    }
}

.language-list .section__right {
    align-self: flex-start;
    display: flex;
    gap: 2rem
}

@media (max-width: 48rem) {
    .language-list .section__right {
        justify-content: center
    }
}

.language-list .section__right img {
    height: 1.5rem;
    width: 1.5rem
}

.language-list .section__right li {
    display: flex;
    gap: .5rem
}

@media (max-width: 48rem) {
    .language-list .section__wr-small {
        flex-direction: column-reverse
    }

        .language-list .section__wr-small .section__left {
            width: unset
        }
}

.language-list .language-list-pic {
    margin-top: -2rem;
    width: 31.5rem;
    display: flex
}

    .language-list .language-list-pic source {
        all: initial
    }

    .language-list .language-list-pic img {
        width: 100%
    }

@media (max-width: 68rem) {
    .language-list .language-list-pic {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .language-list .language-list-pic {
        max-width: 21.25rem;
        width: 100%;
        margin-top: 0
    }
}

.etf-hero {
    background: radial-gradient(53.73% 53.73% at 78.44% 50%,#132780,#08174e)
}

    .etf-hero .content {
        text-align: left;
        align-items: flex-start
    }

html[dir=rtl] .etf-hero .content {
    text-align: right
}

.etf-hero__img {
    position: absolute;
    width: 43.75rem;
    display: flex;
    bottom: 0;
    inset-inline-start: 50%
}

@media (max-width: 48rem) {
    .etf-hero__img {
        width: 13.75rem;
        inset-inline-start: unset;
        inset-inline-end: -1rem;
        bottom: 0
    }
}

.etf-hero__img source {
    all: initial
}

.etf-hero__img img {
    width: 100%
}

.what-is-etf {
    overflow: hidden
}

@media (max-width: 68rem) {
    .what-is-etf {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .what-is-etf .section__left {
        text-align: left
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .what-is-etf .section__left {
        text-align: right
    }
}

.etf-history {
    width: 100%;
    overflow: hidden;
    padding-top: 7.5rem;
    padding-bottom: 12.5rem
}

@media (max-width: 68rem) {
    .etf-history {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.etf-history .etf-history__bg {
    position: absolute;
    top: 0;
    inset-inline-start: 50%;
    transform: translate(-50%);
    width: 100%;
    height: 100%
}

html[dir=rtl] .etf-history .etf-history__bg {
    transform: translate(50%) scaleX(-1)
}

@media (max-width: 48rem) {
    .etf-history .etf-history__bg {
        inset-inline-start: 0;
        transform: unset;
        width: 150%
    }

    html[dir=rtl] .etf-history .etf-history__bg {
        transform: translate(0) scaleX(-1)
    }

    .etf-history .etf-history__bg:after {
        content: "";
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        background: #0a121ccc
    }
}

.etf-history .etf-history__bg source {
    all: initial
}

.etf-history .etf-history__bg img {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

.etf-history .section__wr-small {
    z-index: 10;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 68rem) {
    .etf-history .section__wr-small .content {
        max-width: 45%
    }
}

@media (max-width: 48rem) {
    .etf-history .section__wr-small .content {
        max-width: 100%
    }
}

.etf-types {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .etf-types {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 3rem
    }
}

.etf-types__title {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center
}

.etf-types__content {
    width: 100%;
    display: flex;
    gap: 2rem
}

@media (max-width: 48rem) {
    .etf-types__content {
        flex-direction: column;
        gap: 1rem
    }
}

.etf-types__content h4 {
    max-width: 24.25rem
}

.etf-types__description {
    position: relative
}

@media (max-width: 48rem) {
    .etf-types__description {
        flex-direction: column-reverse
    }

        .etf-types__description .section__left {
            height: 23rem
        }
}

.etf-types picture {
    position: absolute;
    width: 35rem;
    display: flex;
    inset-inline-start: -4rem;
    bottom: -12rem;
    z-index: -1
}

@media (max-width: 68rem) {
    .etf-types picture {
        width: 33rem;
        inset-inline-start: -2rem;
        bottom: -10rem
    }
}

@media (max-width: 48rem) {
    .etf-types picture {
        inset-inline-start: 50%;
        transform: translate(-50%);
        width: 35rem;
        bottom: -10rem
    }

    html[dir=rtl] .etf-types picture {
        transform: translate(50%)
    }
}

.etf-types picture source {
    all: initial
}

.etf-types picture img {
    width: 100%
}

.how-etf-works {
    background: #00bdff;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .how-etf-works {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 3rem
    }
}

.how-etf-works .section__wr-small.mobile-column {
    align-items: flex-start
}

@media (max-width: 48rem) {
    .how-etf-works .section__wr-small.mobile-column {
        gap: 1.5rem
    }
}

.etf-spreads {
    position: relative
}

    .etf-spreads .section__wr-small {
        gap: 2rem;
        overflow: hidden
    }

    .etf-spreads label {
        display: none
    }

    .etf-spreads input {
        width: 18rem;
        white-space: nowrap;
        position: relative
    }

@media (max-width: 35.5rem) {
    .etf-spreads input {
        max-width: 18rem;
        width: 100%
    }
}

.etf-spreads input::-webkit-input-placeholder {
    text-overflow: ellipsis
}

.etf-spreads input::-moz-placeholder {
    text-overflow: ellipsis
}

.etf-spreads input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.etf-spreads input::placeholder {
    text-overflow: ellipsis
}

.etf-spreads input:placeholder-shown {
    text-overflow: ellipsis
}

.etf-spreads .table__wrapper table th {
    padding: 2rem 1.5rem
}

.etf-spreads .table__wrapper table td {
    padding: 1rem 1.5rem
}

.best-platform-metals.start-etf {
    padding-top: 0;
    padding-bottom: 10rem
}

@media (max-width: 48rem) {
    .best-platform-metals.start-etf .section__wr-small {
        gap: 2rem
    }
}

.best-platform-metals.start-etf .content {
    max-width: 35rem
}

@media (max-width: 48rem) {
    .best-platform-metals.start-etf .content {
        max-width: unset
    }
}

@media (max-width: 68rem) {
    .best-platform-metals.start-etf {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .best-platform-metals.start-etf .section__left {
        display: flex;
        justify-content: center
    }
}

.etf-profitable {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .etf-profitable {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.etf-profitable .content {
    max-width: 100%
}

@media (max-width: 48rem) {
    .etf-profitable .section__left {
        height: 19rem
    }
}

.etf-profitable picture {
    position: absolute;
    top: 6rem;
    inset-inline-end: 55%;
    width: 43rem
}

@media (max-width: 68rem) {
    .etf-profitable picture {
        top: 4rem;
        width: 30rem
    }
}

@media (max-width: 48rem) {
    .etf-profitable picture {
        inset-inline-end: 50%;
        transform: translate(50%);
        top: unset;
        bottom: 5rem
    }
}

@media (max-width: 35.5rem) {
    .etf-profitable picture {
        inset-inline-end: 1.25rem;
        transform: unset;
        top: unset;
        bottom: 5rem
    }
}

.etf-profitable picture source {
    all: initial
}

.etf-profitable picture img {
    width: 100%
}

.etf-slider {
    padding-bottom: 10rem;
    padding-top: unset
}

@media (max-width: 68rem) {
    .etf-slider {
        padding-bottom: 5rem
    }
}

.etf-slider .section__right {
    align-self: center
}

.etf-slider .slide__half {
    display: none
}

    .etf-slider .slide__half .column {
        display: flex;
        gap: 4rem
    }

        .etf-slider .slide__half .column picture {
            width: 100%
        }

            .etf-slider .slide__half .column picture source {
                all: initial
            }

            .etf-slider .slide__half .column picture img {
                width: 100%
            }

@media (min-width: 769px) {
    .etf-slider .slide__full {
        display: block
    }

    .etf-slider .slide__half, .etf-slider .pagination__line.slide__half {
        display: none
    }
}

@media (max-width: 768px) {
    .etf-slider .slide__full {
        display: none
    }

    .etf-slider .slide__half {
        display: block
    }

    .etf-slider .pagination__line.slide__half {
        display: inline-block
    }
}

.indices-hero {
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

    .indices-hero .content {
        text-align: left;
        align-items: flex-start
    }

html[dir=rtl] .indices-hero .content {
    text-align: right
}

.indices-hero__img {
    position: absolute;
    width: 45rem;
    display: flex;
    bottom: -7rem;
    inset-inline-start: 50%
}

@media (max-width: 48rem) {
    .indices-hero__img {
        width: 18rem;
        inset-inline-start: unset;
        inset-inline-end: -5rem;
        bottom: 0
    }
}

.indices-hero__img source {
    all: initial
}

.indices-hero__img img {
    width: 100%
}

.trade-indices {
    gap: 4rem
}

@media (max-width: 68rem) {
    .trade-indices {
        gap: 3rem
    }
}

.best-platform-metals.indices .column {
    align-items: center;
    gap: 4rem
}

@media (max-width: 68rem) {
    .best-platform-metals.indices .column {
        gap: 3rem
    }
}

.best-platform-metals.indices .best-platform-metals__img {
    width: 32rem
}

@media (max-width: 68rem) {
    .best-platform-metals.indices .best-platform-metals__img {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .best-platform-metals.indices .best-platform-metals__img {
        width: 21.8rem
    }
}

.best-platform-metals.indices .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .best-platform-metals.indices .section__left {
        display: flex;
        justify-content: center
    }
}

.best-platform-metals.indices .alert {
    padding-left: unset;
    padding-top: unset;
    background: unset
}

.why-trade-indices source, .why-trade-indices img {
    object-position: top
}

@media (max-width: 68rem) {
    .why-trade-indices {
        background: #f4f4f4
    }

        .why-trade-indices .register-card {
            background: #fff
        }

        .why-trade-indices .section__wr-big {
            padding-bottom: 5rem
        }
}

@media (max-width: 68rem) {
    .why-index {
        padding-bottom: 5rem;
        background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c)
    }
}

.why-index .register-card {
    background: #19222ef2;
    height: 21.875rem
}

@media (max-width: 68rem) {
    .why-index .register-card {
        height: unset
    }
}

.best-platform-metals.indices {
    padding-top: 0;
    padding-bottom: 10rem;
    gap: 4rem
}

@media (max-width: 68rem) {
    .best-platform-metals.indices {
        padding-top: 0;
        padding-bottom: 5rem
    }
}

.what-index-trading {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .what-index-trading {
        padding-top: 5rem
    }
}

.what-index-trading__text {
    display: flex;
    gap: 5rem
}

@media (max-width: 48rem) {
    .what-index-trading__text {
        flex-direction: column-reverse
    }
}

.what-index-trading__text .section__left {
    align-content: center;
    align-self: center
}

.what-index-trading picture {
    display: flex;
    width: 32rem
}

@media (max-width: 68rem) {
    .what-index-trading picture {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .what-index-trading picture {
        width: 21.876rem
    }
}

.what-index-trading picture source {
    all: initial
}

.what-index-trading picture img {
    width: 100%
}

.benefit-indices {
    padding-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .benefit-indices {
        padding-bottom: 5rem
    }
}

.benefit-indices__text {
    display: flex;
    gap: 5rem
}

@media (max-width: 48rem) {
    .benefit-indices__text {
        flex-direction: column-reverse
    }
}

.benefit-indices__text .section__left {
    align-content: center;
    align-self: center
}

.benefit-indices picture {
    display: flex;
    width: 32rem
}

@media (max-width: 68rem) {
    .benefit-indices picture {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .benefit-indices picture {
        width: 21.876rem
    }
}

.benefit-indices picture source {
    all: initial
}

.benefit-indices picture img {
    width: 100%
}

.indices-cfd-table {
    position: relative;
    padding-top: 10rem
}

    .indices-cfd-table h2 {
        margin-bottom: 2rem
    }

@media (max-width: 48rem) {
    .indices-cfd-table h2 {
        margin-bottom: 1rem
    }
}

@media (max-width: 68rem) {
    .indices-cfd-table {
        padding-top: 5rem
    }
}

.indices-cfd-table .section__wr-small {
    gap: 2rem
}

.indices-cfd-table label {
    display: none
}

.indices-cfd-table input {
    width: 13.5rem;
    width: 18rem;
    white-space: nowrap;
    position: relative
}

@media (max-width: 35.5rem) {
    .indices-cfd-table input {
        max-width: 18rem;
        width: 100%
    }
}

.indices-cfd-table input::-webkit-input-placeholder {
    text-overflow: ellipsis
}

.indices-cfd-table input::-moz-placeholder {
    text-overflow: ellipsis
}

.indices-cfd-table input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.indices-cfd-table input::placeholder {
    text-overflow: ellipsis
}

.indices-cfd-table input:placeholder-shown {
    text-overflow: ellipsis
}

.dma {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .dma {
        padding-top: 5rem
    }
}

.dma h2 {
    text-align: center
}

.dma thead th {
    padding: 2rem 1.5rem
}

.dma .table__wrapper table td {
    padding: 1rem 1.5rem;
    text-align: left;
    border-bottom: 1px solid #9DA0A4;
    width: unset !important
}

html[dir=rtl] .dma .table__wrapper table td {
    text-align: right
}

.adjustments {
    padding-top: 2rem;
    padding-bottom: unset
}

@media (max-width: 68rem) {
    .adjustments {
        padding-top: 1rem
    }
}

.adjustments .section__wr-small {
    padding: 2rem;
    align-items: flex-start;
    gap: 2rem
}

.indices-faq {
    padding-top: unset
}

@media (max-width: 68rem) {
    .indices-faq {
        padding-top: 5rem
    }
}

.indices-calculate {
    background: #1d47f0;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .indices-calculate {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.indices-calculate .section__wr-small {
    align-items: flex-start
}

.indices-calculate__title {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 50rem
}

.indices-calculate__cols {
    display: flex;
    gap: 2rem
}

@media (max-width: 48rem) {
    .indices-calculate__cols {
        flex-direction: column
    }
}

.indices-calculate__col {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

    .indices-calculate__col h4 {
        max-width: 16rem
    }

.most-traded-indices .section__bg {
    inset-inline-start: unset;
    inset-inline-end: 0;
    width: fit-content
}

html[dir=rtl] .most-traded-indices .section__bg {
    transform: unset !important
}

.most-traded-indices .card-list picture {
    height: 6.25rem
}

.indices-how-to-trade {
    padding-top: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .indices-how-to-trade {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .indices-how-to-trade .content {
        max-width: 100%
    }
}

.indices-how-to-trade picture {
    width: 33rem;
    display: flex
}

@media (max-width: 68rem) {
    .indices-how-to-trade picture {
        max-width: 25rem;
        width: 100%
    }
}

@media (max-width: 48rem) {
    .indices-how-to-trade picture {
        max-width: 21.8rem;
        justify-self: center
    }
}

.indices-how-to-trade picture source {
    all: initial
}

.indices-how-to-trade picture img {
    width: 100%
}

@media (max-width: 48rem) {
    .indices-cdf-slider .slide-1 .section__right {
        justify-content: center
    }

    .indices-cdf-slider .slide-1 picture {
        align-self: center
    }
}

.indices-cdf-slider .slide-2 picture {
    width: 100%
}

    .indices-cdf-slider .slide-2 picture source {
        all: initial
    }

    .indices-cdf-slider .slide-2 picture img {
        width: 100%
    }

@media (max-width: 48rem) {
    .indices-cdf-slider .slide-2 picture {
        align-self: center
    }
}

@media (max-width: 48rem) {
    .indices-cdf-slider .slide-3 {
        align-items: flex-start !important
    }
}

.bond-hero {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c)
}

@media (max-width: 48rem) {
    .bond-hero {
        min-height: 25rem
    }
}

.bond-hero .content {
    max-width: 33.8rem
}

.bond-hero picture {
    width: 54rem;
    position: absolute;
    inset-inline-start: 39%;
    bottom: -13rem
}

html[dir=rtl] .bond-hero picture {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .bond-hero picture {
        width: 16rem;
        bottom: -4rem;
        inset-inline-start: unset;
        inset-inline-end: -1.5rem
    }
}

.bond-hero picture source {
    all: initial
}

.bond-hero picture img {
    width: 100%
}

.bond-trading {
    gap: 4rem;
    padding-bottom: unset;
    overflow: hidden
}

@media (max-width: 68rem) {
    .bond-trading {
        gap: 3rem
    }
}

.bond-trading .section__left {
    padding-top: 1rem
}

@media (max-width: 48rem) {
    .bond-trading .section__left {
        text-align: left
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .bond-trading .section__left {
        text-align: right
    }
}

.bond-work .content-big p {
    max-width: 100%;
    text-align: left
}

html[dir=rtl] .bond-work .content-big p {
    text-align: right
}

.bond-work .content-big li {
    text-align: left
}

html[dir=rtl] .bond-work .content-big li {
    text-align: right
}

.bond-work .content-big h4 {
    margin-top: 2rem
}

.bond-work .section__wr-big {
    gap: 2rem;
    overflow: hidden !important
}

.bond-work .icon-card {
    cursor: unset
}

    .bond-work .icon-card picture {
        width: auto;
        height: 6.25rem
    }

        .bond-work .icon-card picture source {
            all: initial
        }

        .bond-work .icon-card picture img {
            width: auto;
            height: 100%
        }

    .bond-work .icon-card p {
        text-align: center;
        text-wrap: balance
    }

.why-trade-bond {
    position: relative;
    display: flex;
    min-height: 53rem;
    overflow: hidden
}

@media (max-width: 48rem) {
    .why-trade-bond {
        min-height: unset
    }
}

.why-trade-bond__bg source {
    all: initial
}

.why-trade-bond__bg img {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .why-trade-bond__bg img {
        object-position: bottom right
    }
}

.why-trade-bond__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

html[dir=rtl] .why-trade-bond__bg .bg__back {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .why-trade-bond__bg .bg__back {
        width: 220%
    }
}

.why-trade-bond__wr {
    margin: 12.5rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    z-index: 4
}

@media (max-width: 68rem) {
    .why-trade-bond__wr {
        margin: 12.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .why-trade-bond__wr {
        margin: 5rem 1.25rem;
        justify-content: flex-start
    }
}

@media (max-width: 48rem) {
    .why-trade-bond__wr .content {
        max-width: 100%
    }
}

.why-trade-bond__text {
    max-width: 25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

@media (max-width: 48rem) {
    .why-trade-bond__text {
        width: 100%;
        max-width: 100%
    }
}

.why-trade-bond .text {
    width: 100%
}

.bond-advantages {
    padding-top: 10rem;
    padding-bottom: 7.5rem;
    overflow: hidden
}

    .bond-advantages.asic {
        padding-top: 10rem
    }

@media (max-width: 48rem) {
    .bond-advantages.asic {
        padding-top: 5rem
    }
}

.bond-advantages.asic picture {
    top: unset;
    bottom: 0
}

@media (max-width: 68rem) {
    .bond-advantages {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .bond-advantages {
        padding-top: unset
    }
}

.bond-advantages__text {
    display: flex;
    width: 100%;
    gap: 5rem
}

@media (max-width: 48rem) {
    .bond-advantages__text {
        flex-direction: column-reverse
    }
}

.bond-advantages__text .section__left {
    align-content: center;
    align-self: center
}

@media (max-width: 48rem) {
    .bond-advantages__text .section__left {
        height: 18rem
    }
}

.bond-advantages__text .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.bond-advantages picture {
    position: absolute;
    bottom: -1rem;
    inset-inline-end: 45%;
    display: flex;
    width: 45rem;
    height: 30rem
}

@media (max-width: 68rem) {
    .bond-advantages picture {
        width: 40rem;
        height: 27rem;
        inset-inline-end: 40%
    }
}

@media (max-width: 48rem) {
    .bond-advantages picture {
        height: 26rem;
        width: 39rem;
        bottom: -1rem;
        top: unset;
        inset-inline-end: 50%;
        transform: translate(50%)
    }

    html[dir=rtl] .bond-advantages picture {
        transform: translate(-50%)
    }
}

.bond-advantages picture source {
    all: initial
}

.bond-advantages picture img {
    width: 100%
}

.importance-swap {
    background: #08174e;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-top: 10rem;
    padding-bottom: 10rem
}

    .importance-swap .two-column-text {
        column-count: 2;
        column-gap: 2rem;
        column-fill: balance
    }

@media (max-width: 48rem) {
    .importance-swap .two-column-text {
        column-count: 1
    }
}

.importance-swap .section__wr-small {
    align-items: unset
}

.importance-swap .title {
    justify-content: center
}

@media (max-width: 68rem) {
    .importance-swap {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 3rem
    }
}

.bond-slider {
    padding-bottom: 5rem
}

    .bond-slider .slide__half {
        display: none
    }

        .bond-slider .slide__half .column {
            display: flex;
            gap: 4rem
        }

            .bond-slider .slide__half .column picture {
                width: 100%
            }

                .bond-slider .slide__half .column picture source {
                    all: initial
                }

                .bond-slider .slide__half .column picture img {
                    width: 100%
                }

    .bond-slider .slide__full picture {
        grid-row: 2
    }

@media (min-width: 769px) {
    .bond-slider .slide__full {
        display: block
    }

    .bond-slider .slide__half, .bond-slider .pagination__line.slide__half {
        display: none
    }
}

@media (max-width: 768px) {
    .bond-slider .slide__full {
        display: none
    }

    .bond-slider .slide__half {
        display: block
    }

    .bond-slider .pagination__line.slide__half {
        display: inline-block
    }
}

.swap-hero {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c)
}

    .swap-hero h1 {
        text-wrap: pretty
    }

    .swap-hero .content {
        max-width: 31rem
    }

    .swap-hero picture {
        width: 44rem;
        height: 39rem;
        position: absolute;
        inset-inline-start: 50%;
        bottom: -5rem
    }

@media (max-width: 48rem) {
    .swap-hero picture {
        width: 16rem;
        height: 14.5rem;
        bottom: -2rem;
        inset-inline-start: unset;
        inset-inline-end: -2rem
    }
}

.swap-hero picture source {
    all: initial
}

.swap-hero picture img {
    width: 100%;
    height: 100%
}

.competitive-swap {
    gap: 4rem;
    padding-bottom: unset;
    overflow: hidden
}

@media (max-width: 68rem) {
    .competitive-swap {
        gap: 3rem
    }
}

.competitive-swap .section__left {
    padding-top: 5rem
}

@media (max-width: 48rem) {
    .competitive-swap .section__left {
        padding-top: 0;
        text-align: left
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .competitive-swap .section__left {
        text-align: right
    }
}

.know-swap-rate {
    padding-top: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .know-swap-rate {
        padding-top: 5rem
    }
}

.know-swap-rate__text {
    display: flex;
    gap: 3rem
}

@media (max-width: 48rem) {
    .know-swap-rate__text {
        flex-direction: column-reverse
    }
}

.know-swap-rate__text .section__left {
    align-content: center;
    align-self: center
}

.know-swap-rate__text .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.know-swap-rate picture {
    display: flex;
    width: 32rem
}

@media (max-width: 68rem) {
    .know-swap-rate picture {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .know-swap-rate picture {
        width: 21.876rem
    }
}

.know-swap-rate picture source {
    all: initial
}

.know-swap-rate picture img {
    width: 100%
}

.how-swap-work {
    width: 100%;
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .how-swap-work {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.how-swap-work__bg source {
    all: initial
}

.how-swap-work__bg img {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .how-swap-work__bg img {
        object-position: bottom right
    }
}

.how-swap-work__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

html[dir=rtl] .how-swap-work__bg .bg__back {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .how-swap-work__bg .bg__back {
        width: 220%
    }
}

.how-swap-work .section__wr-small {
    z-index: 10;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 48rem) {
    .how-swap-work .section__wr-small .column {
        width: 100%
    }
}

@media (max-width: 48rem) {
    .how-swap-work .section__wr-small .content {
        max-width: 100%
    }
}

.best-platform-metals.swap {
    padding-top: 10rem;
    padding-bottom: unset
}

@media (max-width: 68rem) {
    .best-platform-metals.swap {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .best-platform-metals.swap {
        overflow: hidden
    }
}

.best-platform-metals.swap .best-platform-metals__img {
    position: relative;
    width: 33rem;
    bottom: unset;
    inset-inline-start: unset;
    transform: unset
}

@media (max-width: 68rem) {
    .best-platform-metals.swap .best-platform-metals__img {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .best-platform-metals.swap .best-platform-metals__img {
        justify-self: center;
        width: 21.8rem
    }
}

.best-platform-metals.swap .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.indices-cfd-table.swap {
    padding-bottom: 10rem
}

    .indices-cfd-table.swap .table__wrapper table th {
        padding: 2rem 1.5rem
    }

    .indices-cfd-table.swap .table__wrapper table td {
        padding: 1rem 1.5rem
    }

@media (max-width: 68rem) {
    .indices-cfd-table.swap {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .swap-slider .slide__grid {
        grid-template-columns: unset !important;
        grid-template-rows: repeat(2,1fr);
        gap: unset !important
    }
}

.copy-trading-hero {
    position: relative;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a121d)
}

    .copy-trading-hero .section__left {
        flex: unset
    }

    .copy-trading-hero .content {
        max-width: 37.5rem
    }

        .copy-trading-hero .content h1 {
            max-width: 37.5rem;
            width: 100%
        }

        .copy-trading-hero .content p {
            max-width: 31.25rem
        }

    .copy-trading-hero picture {
        width: 44rem;
        position: absolute;
        inset-inline-start: 40%;
        bottom: -5rem
    }

html[dir=rtl] .copy-trading-hero picture {
    inset-inline-start: 50%
}

@media (max-width: 48rem) {
    .copy-trading-hero picture {
        width: 16.875rem;
        inset-inline-start: unset;
        inset-inline-end: -1.5rem;
        bottom: -1rem
    }
}

.copy-trading-hero picture source {
    all: initial
}

.copy-trading-hero picture img {
    width: 100%
}

.what_ct {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .what_ct {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .what_ct .section__wr-small {
        flex-direction: column-reverse
    }

        .what_ct .section__wr-small .section__right, .what_ct .section__wr-small .content {
            width: 100%;
            max-width: 100%
        }
}

.what_ct picture {
    max-width: 27.5rem;
    width: 100%;
    display: flex
}

    .what_ct picture source {
        all: initial
    }

    .what_ct picture img {
        width: 100%
    }

.social-trading {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .social-trading {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.social-trading__text {
    display: flex;
    gap: 5rem
}

@media (max-width: 48rem) {
    .social-trading__text {
        gap: 3rem;
        flex-direction: column-reverse
    }
}

.social-trading__text .section__left {
    align-content: center;
    align-self: center
}

.social-trading__text .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.social-trading picture {
    display: flex;
    max-width: 30rem
}

    .social-trading picture source {
        all: initial
    }

    .social-trading picture img {
        width: 100%
    }

.know-about-st {
    background: #08174e;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-top: 10rem;
    padding-bottom: 10rem
}

    .know-about-st .section__wr-small {
        align-items: unset
    }

    .know-about-st .title h2 {
        max-width: 35rem
    }

@media (max-width: 68rem) {
    .know-about-st {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 3rem
    }
}

.know-about-st .section__wr-small.mobile-column {
    gap: 2rem
}

    .know-about-st .section__wr-small.mobile-column div {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }

@media (max-width: 48rem) {
    .why-social-trading .register-card {
        text-align: center
    }
}

@media (max-width: 68rem) {
    .why-social-trading {
        padding-bottom: 5rem
    }
}

.why-social-trading__bg {
    z-index: -1
}

@media (max-width: 48rem) {
    .why-social-trading__bg {
        display: none
    }
}

.why-social-trading__bg source {
    all: initial
}

.why-social-trading__bg img {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

.why-social-trading__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

@media (max-width: 48rem) {
    .why-social-trading__bg .bg__back {
        width: 220%
    }
}

.social-vs-copy {
    overflow: hidden;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .social-vs-copy {
        padding-top: 5rem
    }
}

.social-vs-copy .section__wr-medium {
    position: relative;
    padding-top: 7.5rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .social-vs-copy .section__wr-medium {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.social-vs-copy .content {
    max-width: 30rem
}

@media (max-width: 48rem) {
    .social-vs-copy .content {
        max-width: 100%
    }
}

@media (max-width: 48rem) {
    .social-vs-copy .section__right {
        height: 18rem
    }
}

.social-vs-copy__img {
    position: absolute;
    display: flex;
    bottom: 0;
    inset-inline-start: 52%;
    height: 37rem
}

@media (max-width: 68rem) {
    .social-vs-copy__img {
        height: 29rem
    }
}

@media (max-width: 48rem) {
    .social-vs-copy__img {
        bottom: 2rem;
        height: 21rem;
        inset-inline-start: 50%;
        transform: translate(-50%)
    }

    html[dir=rtl] .social-vs-copy__img {
        transform: translate(50%)
    }
}

.social-vs-copy__img source {
    all: initial
}

.social-vs-copy__img img {
    height: 100%
}

.social-vs-copy__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

    .social-vs-copy__text .content {
        overflow: hidden
    }

@media (max-width: 68rem) {
    .social-vs-copy__text {
        max-width: unset
    }
}

.social-vs-copy .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .social-vs-copy .text p {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

@media (max-width: 35.5rem) {
    .social-vs-copy .text p {
        width: 100%
    }
}

.ct-slider {
    padding-top: unset;
    padding-bottom: unset
}

.how-ct {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .how-ct {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .how-ct {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
}

.how-ct .title {
    justify-content: center;
    margin-bottom: 4rem
}

@media (max-width: 68rem) {
    .how-ct .title {
        margin-bottom: 3rem
    }
}

.how-ct .tabs {
    display: flex;
    gap: unset
}

    .how-ct .tabs .tab {
        flex: 1 1 0;
        display: flex;
        align-items: center;
        padding: 2rem 0;
        justify-content: center;
        color: #00bdff;
        cursor: pointer
    }

        .how-ct .tabs .tab.active {
            background: #f4f4f4;
            color: #19222e
        }

@media (max-width: 79rem) {
    .how-ct .section__wr-medium {
        width: unset
    }
}

.how-ct .slider-track {
    align-items: center
}

.how-ct .slide {
    gap: 2rem
}

.how-ct .slide__content {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .how-ct .slide__content {
        gap: 1.5rem
    }
}

.how-ct .slide__title {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.how-ct .slide .section__left {
    align-self: center
}

.how-ct .slide .section__right {
    justify-content: center
}

.how-ct .slide picture {
    max-width: 25rem
}

@media (max-width: 48rem) {
    .how-ct .tabs {
        display: none !important
    }

    .how-ct .accordion-item {
        display: flex;
        flex-direction: column
    }

    .how-ct .accordion-item__head {
        font-size: 1rem;
        line-height: 160%;
        letter-spacing: -.01em;
        font-weight: 600;
        padding: 2rem 1.25rem 0
    }

    .how-ct .accordion-item .section-slider-with-pagination {
        max-height: 0;
        overflow: hidden;
        transition: max-height .1s ease,opacity .2s ease;
        opacity: 0;
        display: flex !important
    }

    .how-ct .accordion-item .section__wr-medium {
        overflow: hidden;
        padding-bottom: unset
    }

        .how-ct .accordion-item .section__wr-medium .slide {
            justify-content: space-between;
            gap: 3rem;
            padding: unset
        }

    .how-ct .accordion-item.open .section-slider-with-pagination {
        opacity: 1;
        max-height: 2000px
    }
}

@keyframes slideDown {
    0% {
        max-height: 0;
        opacity: 0
    }

    to {
        max-height: 2000px;
        opacity: 1
    }
}

.copy-slider {
    padding-top: unset;
    padding-bottom: unset
}

@media (max-width: 48rem) {
    .copy-slider .section__right {
        justify-content: center;
        padding-bottom: 1rem
    }
}

.copy-slider .slide {
    overflow: visible;
    align-items: center !important
}

@media (max-width: 48rem) {
    .copy-slider .slide {
        height: unset
    }
}

.copy-slider .slide1 {
    gap: 1rem
}

@media (max-width: 48rem) {
    .copy-slider .slide1 .section__right {
        height: 100%;
        align-items: center
    }
}

.copy-slider .slide1 picture {
    max-width: 31.2rem
}

.copy-slider .slide2 {
    gap: 1rem
}

    .copy-slider .slide2 picture {
        height: 30.5rem;
        width: 29rem !important;
        position: absolute;
        bottom: -6rem;
        display: flex
    }

@media (max-width: 68rem) {
    .copy-slider .slide2 picture {
        bottom: -9rem
    }
}

@media (max-width: 945px) {
    .copy-slider .slide2 picture {
        height: 25rem;
        width: 24rem !important;
        bottom: -11rem
    }
}

@media (max-width: 48rem) {
    .copy-slider .slide2 picture {
        bottom: -3rem
    }
}

@media (max-width: 35.5rem) {
    .copy-slider .slide2 picture {
        height: 20rem;
        width: 19rem !important
    }
}

.copy-slider .slide2 picture img {
    object-fit: contain;
    object-position: bottom center
}

.copy-slider .slide3 {
    gap: 1rem;
    overflow: hidden
}

@media (max-width: 48rem) {
    .copy-slider .slide3 .section__right {
        height: 100%;
        align-items: center
    }
}

.copy-slider .slide3 picture {
    margin-right: -170px;
    display: flex;
    width: 45rem !important
}

@media (max-width: 48rem) {
    .copy-slider .slide3 picture {
        margin-right: unset;
        width: 26rem !important
    }
}

@media (max-width: 35.5rem) {
    .copy-slider .slide3 picture {
        margin-right: -120px;
        width: 26rem !important
    }
}

.copy-slider .slide4 {
    gap: 1rem
}

@media (max-width: 48rem) {
    .copy-slider .slide4 {
        gap: 2rem
    }
}

.copy-slider .slide4 picture {
    max-width: 28rem
}

.ctrader-hero {
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

@media (max-width: 48rem) {
    .ctrader-hero .content {
        max-width: 100%
    }
}

.ctrader-hero picture {
    width: 35.75rem;
    height: 37rem;
    position: absolute;
    inset-inline-start: 52%;
    bottom: -6rem
}

@media (max-width: 48rem) {
    .ctrader-hero picture {
        width: 14rem;
        height: 15rem;
        bottom: -2rem;
        inset-inline-start: unset;
        inset-inline-end: -1.5rem
    }
}

.ctrader-hero picture source {
    all: initial
}

.ctrader-hero picture img {
    object-fit: contain;
    width: 100%
}

.what-is-ctrader {
    padding-top: 10rem;
    padding-bottom: 10rem;
    overflow-x: visible
}

@media (max-width: 68rem) {
    .what-is-ctrader {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.what-is-ctrader .section__wr-small {
    gap: 5rem
}

@media (max-width: 48rem) {
    .what-is-ctrader .section__wr-small {
        flex-direction: column-reverse
    }
}

.what-is-ctrader .section__wr-small .section__left {
    align-content: center;
    align-self: center
}

@media (max-width: 48rem) {
    .what-is-ctrader .section__wr-small .section__left {
        height: 15rem
    }
}

.what-is-ctrader .section__wr-small .section__right {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (max-width: 48rem) {
    .what-is-ctrader .section__wr-small .section__right {
        gap: 2rem
    }
}

.what-is-ctrader .section__wr-small .section__right h2 {
    margin-bottom: 2rem
}

.what-is-ctrader .section__wr-small .section__right h4 {
    margin-bottom: 1.5rem
}

.what-is-ctrader picture {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 53%;
    display: flex;
    width: 32rem
}

@media (max-width: 68rem) {
    .what-is-ctrader picture {
        width: 25rem;
        inset-inline-end: 50%
    }
}

@media (max-width: 48rem) {
    .what-is-ctrader picture {
        width: 22rem;
        bottom: 5rem;
        top: unset;
        inset-inline-end: 50%;
        transform: translateY(0) translate(50%)
    }

    html[dir=rtl] .what-is-ctrader picture {
        transform: translateY(0) translate(-50%)
    }
}

.what-is-ctrader picture source {
    all: initial
}

.what-is-ctrader picture img {
    width: 100%
}

.ctrader-slider {
    padding-top: unset
}

    .ctrader-slider.section-slider-with-pagination .section__wr-medium {
        gap: 5rem;
        display: flex
    }

@media (max-width: 48rem) {
    .ctrader-slider.section-slider-with-pagination .section__wr-medium {
        display: none
    }
}

.ctrader-slider.section-slider-with-pagination .section__wr-medium.mobile {
    display: none
}

@media (max-width: 48rem) {
    .ctrader-slider.section-slider-with-pagination .section__wr-medium.mobile {
        display: flex
    }
}

.ctrader-slider.section-slider-with-pagination .section__wr-medium .content-medium {
    text-align: left;
    align-items: flex-start
}

html[dir=rtl] .ctrader-slider.section-slider-with-pagination .section__wr-medium .content-medium {
    text-align: right
}

.ctrader-calendar {
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: radial-gradient(60% 60% at 70% 70%,#142539,#0a131c)
}

@media (max-width: 68rem) {
    .ctrader-calendar {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.ctrader-calendar .section__left {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.ctrader-calendar__title {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.ctrader-calendar__text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (max-width: 48rem) {
    .ctrader-calendar .section__right {
        height: 27rem
    }
}

.ctrader-calendar .section__right picture {
    position: absolute;
    inset-inline-start: 50%;
    top: 5rem;
    width: 51.5rem;
    display: flex
}

@media (max-width: 68rem) {
    html[dir=rtl] .ctrader-calendar .section__right picture {
        transform: translate(15%)
    }
}

@media (max-width: 48rem) {
    .ctrader-calendar .section__right picture {
        width: 35rem;
        top: unset;
        bottom: -1rem;
        transform: translate(-50%)
    }

    html[dir=rtl] .ctrader-calendar .section__right picture {
        transform: translate(50%)
    }
}

@media (max-width: 35.5rem) {
    .ctrader-calendar .section__right picture {
        inset-inline-start: 0;
        transform: unset
    }

    html[dir=rtl] .ctrader-calendar .section__right picture {
        inset-inline-start: unset;
        inset-inline-end: 0;
        transform: translate(3%)
    }
}

.ctrader-calendar .section__right picture source {
    all: initial
}

.ctrader-calendar .section__right picture img {
    width: 100%
}

.ctrader-download {
    padding-bottom: unset
}

    .ctrader-download h2 {
        max-width: 37.5rem;
        text-align: center
    }

.ctrader-download__text {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.ctrader-download .requirements {
    text-align: center
}

.best-platform-metals.ctrader {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .best-platform-metals.ctrader {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.best-platform-metals.ctrader .best-platform-metals__img {
    width: 28rem;
    inset-inline-end: 50%;
    inset-inline-start: unset;
    bottom: -2rem
}

@media (max-width: 68rem) {
    .best-platform-metals.ctrader .best-platform-metals__img {
        width: 23rem;
        inset-inline-end: 45%;
        bottom: 50%
    }
}

@media (max-width: 48rem) {
    .best-platform-metals.ctrader .best-platform-metals__img {
        width: 21.8rem;
        bottom: 2rem;
        inset-inline-start: 50%;
        transform: translate(-50%)
    }
}

.best-platform-metals.ctrader .section__wr-small {
    gap: 10rem
}

@media (max-width: 48rem) {
    .best-platform-metals.ctrader .section__wr-small {
        gap: 3rem
    }
}

.best-platform-metals.ctrader .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .best-platform-metals.ctrader .section__right {
        width: 100%
    }
}

.ctrader-accounts {
    width: 100%;
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .ctrader-accounts {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.ctrader-accounts__bg source {
    all: initial
}

.ctrader-accounts__bg img {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .ctrader-accounts__bg img {
        object-position: top left
    }
}

.ctrader-accounts__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

@media (max-width: 48rem) {
    .ctrader-accounts__bg .bg__back {
        width: 220%;
        inset-inline-end: unset;
        inset-inline-start: 0
    }
}

.ctrader-accounts .section__wr-small {
    z-index: 10;
    display: flex;
    justify-content: flex-start
}

@media (max-width: 68rem) {
    .ctrader-accounts .section__wr-small .content {
        max-width: 45%
    }
}

@media (max-width: 48rem) {
    .ctrader-accounts .section__wr-small .content {
        max-width: 100%
    }
}

.trade-on-ctrader {
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .trade-on-ctrader {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.trade-on-ctrader .section__wr-medium {
    position: relative;
    min-height: 40rem;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .trade-on-ctrader .section__wr-medium {
        min-height: unset;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .trade-on-ctrader .content {
        max-width: 100%
    }
}

@media (max-width: 48rem) {
    .trade-on-ctrader .section__right {
        height: 18rem
    }
}

@media (max-width: 490px) {
    .trade-on-ctrader .section__right {
        height: 14rem
    }
}

.trade-on-ctrader__img {
    position: absolute;
    display: flex;
    bottom: 50%;
    transform: translateY(50%);
    inset-inline-start: 47%;
    height: 31rem
}

@media (max-width: 68rem) {
    .trade-on-ctrader__img {
        inset-inline-start: 49%
    }
}

@media (max-width: 48rem) {
    .trade-on-ctrader__img {
        height: 21rem;
        min-width: unset;
        bottom: 2rem;
        inset-inline-start: 50%;
        transform: translate(-50%)
    }

    html[dir=rtl] .trade-on-ctrader__img {
        transform: translate(50%)
    }
}

@media (max-width: 490px) {
    .trade-on-ctrader__img {
        min-width: unset;
        bottom: -2rem;
        inset-inline-start: 2rem;
        transform: unset
    }
}

.trade-on-ctrader__img source {
    all: initial
}

.trade-on-ctrader__img img {
    height: 100%
}

.trade-on-ctrader__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

    .trade-on-ctrader__text .content {
        overflow: hidden
    }

@media (max-width: 68rem) {
    .trade-on-ctrader__text {
        max-width: unset
    }
}

.trade-on-ctrader .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .trade-on-ctrader .text p {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

@media (max-width: 35.5rem) {
    .trade-on-ctrader .text p {
        width: 100%
    }
}

@media (max-width: 48rem) {
    .ctrader-mt4 {
        bottom: 0 !important
    }
}

.ctrader-acc-types .table__header {
    padding: 3rem 1.5rem
}

@media (max-width: 48rem) {
    .ctrader-acc-types .table__body {
        padding-bottom: 0
    }
}

@media (max-width: 48rem) {
    .ctrader-acc-types .table__right-side.table__footer {
        padding-bottom: 0 !important
    }
}

.all-platform.asic {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .all-platform.asic {
        padding-top: 5rem
    }
}

.what-you-can-trade-hero {
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

    .what-you-can-trade-hero .section__left {
        flex: unset
    }

    .what-you-can-trade-hero .content {
        max-width: 31rem
    }

@media (max-width: 48rem) {
    .what-you-can-trade-hero .content {
        max-width: 100%
    }
}

.what-you-can-trade-hero picture {
    width: 65rem;
    position: absolute;
    inset-inline-start: 50%;
    bottom: -5rem
}

html[dir=rtl] .what-you-can-trade-hero picture {
    inset-inline-start: 43%;
    bottom: -8rem
}

@media (max-width: 48rem) {
    .what-you-can-trade-hero picture {
        width: 21rem;
        bottom: -2rem;
        inset-inline-start: unset;
        inset-inline-end: -2rem
    }

    html[dir=rtl] .what-you-can-trade-hero picture {
        inset-inline-start: 43%;
        bottom: -2rem
    }
}

.what-you-can-trade-hero picture source {
    all: initial
}

.what-you-can-trade-hero picture img {
    width: 100%
}

.best-platform-metals.trade-forex-cfd {
    padding-top: 10rem;
    padding-bottom: unset
}

@media (max-width: 68rem) {
    .best-platform-metals.trade-forex-cfd {
        padding-top: 5rem
    }
}

.best-platform-metals.trade-forex-cfd .best-platform-metals__img {
    width: 28rem
}

@media (max-width: 68rem) {
    .best-platform-metals.trade-forex-cfd .best-platform-metals__img {
        width: 23rem
    }
}

@media (max-width: 48rem) {
    .best-platform-metals.trade-forex-cfd .best-platform-metals__img {
        width: 100%;
        display: block
    }

        .best-platform-metals.trade-forex-cfd .best-platform-metals__img source {
            all: initial
        }

        .best-platform-metals.trade-forex-cfd .best-platform-metals__img img {
            object-fit: contain;
            object-position: center
        }
}

.best-platform-metals.trade-forex-cfd .section__wr-small {
    gap: 10rem
}

@media (max-width: 68rem) {
    .best-platform-metals.trade-forex-cfd .section__wr-small {
        gap: 1rem
    }
}

@media (max-width: 48rem) {
    .best-platform-metals.trade-forex-cfd .section__wr-small {
        gap: 3rem
    }
}

.best-platform-metals.trade-forex-cfd .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .best-platform-metals.trade-forex-cfd .section__left {
        justify-items: center
    }
}

.wyct-forex-trading {
    margin-top: 10rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .wyct-forex-trading {
        margin-top: 5rem;
        padding-top: 5rem;
        padding-bottom: 14rem
    }
}

.wyct-forex-trading__bg source {
    all: initial
}

.wyct-forex-trading__bg img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%
}

html[dir=rtl] .wyct-forex-trading__bg img {
    object-position: 62% center
}

@media (max-width: 48rem) {
    .wyct-forex-trading__bg img {
        width: 120%;
        height: 107%
    }
}

.wyct-forex-trading__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

@media (max-width: 48rem) {
    .wyct-forex-trading__bg .bg__back {
        display: flex
    }
}

.wyct-forex-trading .section__left {
    z-index: 10
}

.wyct-indices {
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .wyct-indices {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.wyct-indices .section__wr-medium {
    position: relative;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .wyct-indices .section__wr-medium {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .wyct-indices .section__left, .wyct-indices .content {
        width: 100%;
        max-width: 100%
    }
}

@media (max-width: 48rem) {
    .wyct-indices .section__right {
        height: 18rem
    }
}

.wyct-indices picture {
    position: absolute;
    width: 37rem;
    bottom: -4rem;
    inset-inline-start: 50%;
    display: flex
}

@media (max-width: 68rem) {
    .wyct-indices picture {
        width: 30rem;
        bottom: -2rem
    }
}

@media (max-width: 48rem) {
    .wyct-indices picture {
        bottom: -2rem;
        width: 22rem;
        transform: translate(-50%)
    }

    html[dir=rtl] .wyct-indices picture {
        transform: translate(50%)
    }
}

.wyct-indices picture source {
    all: initial
}

.wyct-indices picture img {
    width: 100%
}

.wyct-share-cfd {
    padding-top: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .wyct-share-cfd {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .wyct-share-cfd .section__wr-small {
        flex-direction: column-reverse
    }

        .wyct-share-cfd .section__wr-small .section__right, .wyct-share-cfd .section__wr-small .content {
            max-width: 100%;
            width: 100%
        }
}

@media (max-width: 48rem) {
    .wyct-share-cfd .section__left {
        height: 16rem
    }
}

.wyct-share-cfd picture {
    width: 35rem;
    display: flex
}

@media (max-width: 68rem) {
    .wyct-share-cfd picture {
        max-width: 28rem;
        width: 100%
    }
}

@media (max-width: 48rem) {
    .wyct-share-cfd picture {
        max-width: 21rem
    }
}

.wyct-share-cfd picture source {
    all: initial
}

.wyct-share-cfd picture img {
    width: 100%
}

.wyct-crypto {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 48rem) {
    .wyct-crypto .content {
        max-width: 100%
    }
}

@media (max-width: 68rem) {
    .wyct-crypto {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.wyct-crypto .section__right {
    display: flex;
    justify-content: center
}

.wyct-crypto picture {
    width: 26.8rem;
    display: flex
}

    .wyct-crypto picture source {
        all: initial
    }

    .wyct-crypto picture img {
        width: 100%
    }

@media (max-width: 68rem) {
    .wyct-crypto picture {
        max-width: 26.8rem;
        width: 100%
    }
}

@media (max-width: 48rem) {
    .wyct-crypto picture {
        max-width: 21rem
    }
}

.wyct-advanced {
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media (max-width: 48rem) {
    .wyct-advanced {
        padding-top: unset;
        padding-bottom: unset
    }
}

.wyct-app {
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .wyct-app {
        padding-bottom: 5rem
    }
}

.wyct-commodities {
    width: 100%;
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .wyct-commodities {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.wyct-commodities__bg source {
    all: initial
}

.wyct-commodities__bg img {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

.wyct-commodities__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0
}

html[dir=rtl] .wyct-commodities__bg .bg__back {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .wyct-commodities__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .wyct-commodities__bg picture.bg__back {
            display: none !important
        }

    .wyct-commodities__bg {
        background-image: image-set(url(/images/wyct/corn-mobile@1x.webp) type("image/webp") 1x,url(/images/wyct/corn-mobile@2x.webp) type("image/webp") 2x,url(/images/wyct/corn-mobile@1x.png) 1x,url(/images/wyct/corn-mobile@2x.png) 2x);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat
    }

        .wyct-commodities__bg:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: var(--overlays-light-blue-80, rgba(0, 189, 255, .8));
            pointer-events: none
        }
}

.wyct-commodities .section__wr-small {
    z-index: 10;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 48rem) {
    .wyct-commodities .section__wr-small .column {
        width: 100%
    }
}

@media (max-width: 48rem) {
    .wyct-commodities .section__wr-small .content {
        max-width: 100%
    }
}

.ecn-hero {
    background: linear-gradient(180deg,#00bdff,#038bbd)
}

    .ecn-hero picture {
        position: absolute;
        width: 53rem;
        display: flex;
        bottom: -1rem;
        inset-inline-start: 45%
    }

@media (max-width: 48rem) {
    .ecn-hero picture {
        width: 23rem;
        inset-inline-start: unset;
        inset-inline-end: -2rem;
        bottom: 0
    }
}

.ecn-hero picture source, .ecn-hero picture img {
    width: 100%
}

.what-ecn {
    padding-top: 10rem;
    padding-bottom: 10rem;
    gap: 4rem
}

.what-ecn__title {
    justify-content: center
}

@media (max-width: 68rem) {
    .what-ecn {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 3rem
    }
}

@media (max-width: 48rem) {
    .what-ecn .mobile-column {
        gap: 1rem
    }
}

.server-img {
    height: 12.25rem;
    margin-bottom: -2rem
}

.trade-ecn {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .trade-ecn {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.trade-ecn__text {
    display: flex;
    gap: 5rem
}

@media (max-width: 48rem) {
    .trade-ecn__text {
        flex-direction: column-reverse
    }
}

.trade-ecn__text .section__left {
    align-content: center;
    align-self: center
}

.trade-ecn picture {
    display: flex;
    width: 32rem
}

@media (max-width: 68rem) {
    .trade-ecn picture {
        width: 25rem
    }
}

@media (max-width: 48rem) {
    .trade-ecn picture {
        width: 21.876rem
    }
}

.trade-ecn picture source, .trade-ecn picture img {
    width: 100%
}

.video-ecn h1 {
    text-wrap: balance
}

.video-ecn .section__wr-medium {
    align-self: center
}

    .video-ecn .section__wr-medium .content-big {
        gap: 4rem
    }

.withdrawals-hero {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c)
}

    .withdrawals-hero .content {
        max-width: unset
    }

    .withdrawals-hero picture {
        width: 36rem;
        position: absolute;
        inset-inline-start: 50%;
        bottom: 0;
        display: flex
    }

@media (max-width: 48rem) {
    .withdrawals-hero picture {
        width: 17rem;
        bottom: 0;
        inset-inline-start: unset;
        inset-inline-end: -3.5rem
    }
}

.withdrawals-hero picture source {
    all: initial
}

.withdrawals-hero picture img {
    width: 100%
}

.withdrawals {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .withdrawals {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.withdrawals__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.withdrawals__table {
    display: grid;
    grid-column-gap: 1.5rem;
    grid-template-columns: repeat(2,1fr);
    text-align: left
}

html[dir=rtl] .withdrawals__table {
    text-align: right
}

@media (max-width: 48rem) {
    .withdrawals__table {
        width: 100%
    }
}

.withdrawals__table .table__header {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    background: #f4f4f4;
    padding: 1.5rem;
    position: relative;
    min-height: 5.37rem;
    justify-content: center
}

    .withdrawals__table .table__header p {
        max-width: 10rem
    }

    .withdrawals__table .table__header picture {
        position: absolute;
        top: -.5rem;
        inset-inline-end: -.5rem;
        display: flex
    }

        .withdrawals__table .table__header picture.international {
            width: 8rem;
            top: .1rem;
            inset-inline-end: 1rem
        }

        .withdrawals__table .table__header picture.visa {
            width: 17rem;
            top: -1.5rem;
            inset-inline-end: -5rem
        }

        .withdrawals__table .table__header picture.crypto {
            width: 7rem;
            inset-inline-end: 0;
            top: -1.25rem
        }

        .withdrawals__table .table__header picture.wallet {
            width: 7rem;
            inset-inline-end: .1rem;
            top: -.8rem
        }

        .withdrawals__table .table__header picture source {
            all: initial
        }

        .withdrawals__table .table__header picture img {
            width: 100%
        }

.withdrawals__table .no-border {
    border-bottom: 1px solid transparent !important
}

.withdrawals__table .table__body {
    border-bottom: 1px solid #B7C4CC;
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.withdrawals__table .table__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 3rem
}

@media (max-width: 48rem) {
    .withdrawals__table .table__footer {
        padding: 2rem
    }
}

.withdrawals__table .table__left-side {
    grid-column: 1;
    max-width: 21.875rem
}

@media (max-width: 48rem) {
    .withdrawals__table .table__left-side {
        max-width: 100%
    }
}

.withdrawals__table .table__right-side {
    grid-column: 2;
    max-width: 21.875rem
}

@media (max-width: 48rem) {
    .withdrawals__table .table__right-side {
        max-width: 100%
    }
}

@media (max-width: 48rem) {
    .withdrawals__table {
        grid-template-columns: auto
    }

        .withdrawals__table .table__left-side {
            grid-column: 1;
            order: 1
        }

        .withdrawals__table .table__right-side {
            grid-column: 1;
            order: 2
        }
}

@media (max-width: 48rem) {
    .withdrawals #rt1, .withdrawals #rb1 {
        margin-top: 1.5rem
    }
}

.global-calendar {
    overflow: visible;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .global-calendar {
        padding-top: 5rem
    }
}

.global-calendar .section__wr-medium {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem
}

@media (max-width: 68rem) {
    .global-calendar .section__wr-medium {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.global-calendar .content {
    max-width: 30rem
}

@media (max-width: 48rem) {
    .global-calendar .content {
        max-width: 100%
    }
}

@media (max-width: 48rem) {
    .global-calendar .section__right {
        height: 18rem
    }
}

.global-calendar__img {
    position: absolute;
    display: flex;
    bottom: 0;
    inset-inline-end: 0;
    height: 34rem
}

@media (max-width: 68rem) {
    .global-calendar__img {
        height: 29rem
    }
}

@media (max-width: 48rem) {
    .global-calendar__img {
        height: 21rem
    }
}

.global-calendar__img source, .global-calendar__img img {
    height: 100%
}

.global-calendar__text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

    .global-calendar__text .content {
        overflow: hidden
    }

@media (max-width: 68rem) {
    .global-calendar__text {
        max-width: unset
    }
}

.global-calendar .text {
    width: 100%;
    display: flex;
    transition: transform .5s ease
}

    .global-calendar .text p {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%
    }

@media (max-width: 35.5rem) {
    .global-calendar .text p {
        width: 100%
    }
}

.calendar-iframe {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .calendar-iframe {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.cfd-legal-doc {
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .cfd-legal-doc {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.cfd-legal-doc .section__wr-medium {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media (max-width: 68rem) {
    .cfd-legal-doc .section__wr-medium {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.cfd-legal-doc__body {
    display: flex;
    gap: 4rem
}

@media (max-width: 48rem) {
    .cfd-legal-doc .section__right {
        height: 18rem
    }
}

@media (max-width: 490px) {
    .cfd-legal-doc .section__right {
        height: 14rem
    }
}

.cfd-legal-doc picture {
    position: absolute;
    display: flex;
    bottom: 0;
    inset-inline-start: 52%;
    height: 31rem
}

@media (max-width: 68rem) {
    .cfd-legal-doc picture {
        height: 21rem;
        bottom: 50%;
        transform: translateY(50%)
    }
}

@media (max-width: 48rem) {
    .cfd-legal-doc picture {
        min-width: unset;
        bottom: 2rem;
        inset-inline-start: 50%;
        transform: translate(-50%)
    }
}

@media (max-width: 490px) {
    .cfd-legal-doc picture {
        min-width: unset;
        bottom: -2rem;
        inset-inline-start: 2rem;
        transform: unset
    }
}

.cfd-legal-doc picture source, .cfd-legal-doc picture img {
    height: 100%
}

.dispute {
    padding-bottom: 10rem
}

@media (max-width: 48rem) {
    .dispute {
        padding-bottom: 5rem
    }
}

.dispute .section__wr-small {
    align-items: flex-start
}

.dispute .section__left, .dispute .section__right {
    display: flex;
    gap: 2rem
}

@media (max-width: 48rem) {
    .dispute .section__left, .dispute .section__right {
        gap: 1.5rem
    }
}

.callback-form {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .callback-form {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.callback-form .section__wr-small {
    padding-bottom: 4rem;
    padding-top: 4rem;
    width: 100%
}

@media (max-width: 68rem) {
    .callback-form .section__wr-small {
        margin-right: 1.25rem;
        margin-left: 1.25rem
    }
}

@media (max-width: 48rem) {
    .callback-form .section__wr-small {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.callback-form__title {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    text-align: center
}

@media (max-width: 48rem) {
    .callback-form__title {
        gap: 1.5rem
    }
}

.callback-form form {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    max-width: 31.25rem;
    width: 100%;
    justify-self: center
}

    .callback-form form input:not(.button), .callback-form form textarea {
        width: 100%
    }

    .callback-form form input.button {
        align-self: center
    }

html[dir=rtl] .share-hero .section__bg {
    transform: unset !important
}

@media (max-width: 48rem) {
    .share-hero .content {
        min-width: 100%
    }
}

.why-share {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .why-share {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .why-share {
        text-align: center
    }

        .why-share .content {
            max-width: 100%
        }

        .why-share .section__left {
            display: flex;
            width: 100%;
            justify-content: center
        }
}

.why-share picture {
    display: flex;
    max-width: 30.4rem
}

    .why-share picture source {
        all: initial
    }

    .why-share picture img {
        width: 100%
    }

.platform source {
    all: initial
}

.platform img {
    object-position: top
}

.platform.asic .register-card {
    width: 14.1rem
}

@media (max-width: 48rem) {
    .platform.asic .register-card {
        width: 100%
    }
}

.platform .register-card {
    width: 16rem;
    padding-top: 2rem !important;
    padding-bottom: 3rem !important
}

@media (max-width: 48rem) {
    .platform .register-card {
        width: 100%
    }
}

.platform .register-card picture {
    height: 6rem;
    justify-content: center;
    margin-bottom: 2rem
}

.platform .register-card .button {
    align-self: center
}

@media (max-width: 48rem) {
    .platform .register-card__body {
        text-align: center
    }
}

@media (max-width: 68rem) {
    .platform {
        background: #f4f4f4
    }

        .platform .register-card {
            background: #fff
        }

        .platform .section__wr-big {
            padding-bottom: 5rem
        }
}

.share-vs-stock {
    padding-bottom: 5rem;
    padding-top: 10rem;
    gap: 4rem
}

@media (max-width: 68rem) {
    .share-vs-stock {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

.share-vs-stock .section__wr-small {
    align-items: flex-start
}

@media (max-width: 48rem) {
    .share-vs-stock .section__wr-small {
        text-align: center
    }
}

.share-vs-stock__title {
    justify-content: center
}

.share-vs-stock picture {
    display: flex;
    width: 35.6rem;
    margin-left: -2rem;
    margin-right: -2rem
}

@media (max-width: 48rem) {
    .share-vs-stock picture {
        width: 100%;
        margin-left: unset;
        margin-right: unset
    }
}

.share-vs-stock picture source {
    all: initial
}

.share-vs-stock picture img {
    width: 100%
}

.share-mt45 {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c);
    overflow: hidden
}

@media (max-width: 68rem) {
    .share-mt45 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.share-ctrader {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: #00bdff;
    overflow: hidden
}

@media (max-width: 68rem) {
    .share-ctrader {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.share-ctrader h2 {
    margin-bottom: 2rem
}

.share-ctrader picture {
    position: absolute;
    width: 45rem;
    height: 64rem;
    bottom: -11rem;
    inset-inline-start: 50%
}

@media (max-width: 48rem) {
    .share-ctrader picture {
        width: 28rem;
        height: 38rem;
        transform: translate(-50%);
        bottom: -5rem
    }

    html[dir=rtl] .share-ctrader picture {
        transform: translate(50%)
    }
}

.share-ctrader picture source {
    all: initial
}

.share-ctrader picture img {
    height: 100%;
    width: 100%
}

@media (max-width: 48rem) {
    .share-ctrader .section__right {
        height: 27rem
    }
}

.share-tw {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e);
    overflow: hidden
}

@media (max-width: 68rem) {
    .share-tw {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.share-tw .section__wr-small {
    gap: 5rem
}

.share-tw .section__left {
    height: 28rem
}

.share-tw h2 {
    margin-bottom: 2rem
}

.share-tw picture {
    position: absolute;
    width: 37rem;
    top: 4rem;
    inset-inline-end: 55%;
    display: flex
}

@media (max-width: 48rem) {
    .share-tw picture {
        inset-inline-end: 30%;
        top: unset;
        bottom: 0;
        width: 27rem
    }

    html[dir=rtl] .share-tw picture {
        inset-inline-end: unset;
        inset-inline-start: 30%
    }
}

@media (max-width: 35.5rem) {
    .share-tw picture {
        inset-inline-end: 10%
    }

    html[dir=rtl] .share-tw picture {
        inset-inline-end: unset;
        inset-inline-start: 10%
    }
}

.share-tw picture source {
    all: initial
}

.share-tw picture img {
    width: 100%
}

.mottai {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e);
    overflow: hidden
}

@media (max-width: 68rem) {
    .mottai {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.mottai .section__wr-small {
    gap: 5rem
}

.mottai .section__left {
    height: 28rem
}

@media (max-width: 48rem) {
    .mottai .section__left {
        height: 24rem
    }
}

.mottai h2 {
    margin-bottom: 2rem
}

.mottai picture {
    position: absolute;
    width: 32rem;
    top: 5rem;
    inset-inline-end: 55%
}

@media (max-width: 68rem) {
    .mottai picture {
        width: 28rem
    }
}

@media (max-width: 48rem) {
    .mottai picture {
        inset-inline-end: 10%;
        top: unset;
        bottom: 4rem;
        width: 27rem
    }
}

@media (max-width: 35.5rem) {
    .mottai picture {
        inset-inline-end: 1.5rem;
        width: 23rem
    }
}

.mottai picture source {
    all: initial
}

.mottai picture img {
    width: 100%
}

.iress {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c);
    overflow: hidden
}

@media (max-width: 68rem) {
    .iress {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.iress .section__wr-small {
    gap: 5rem
}

.iress .section__right {
    height: 28rem
}

.iress h2 {
    margin-bottom: 2rem
}

.iress picture {
    position: absolute;
    width: 37rem;
    top: 4rem;
    inset-inline-start: 55%;
    display: flex
}

@media (max-width: 48rem) {
    .iress picture {
        inset-inline-start: 10%;
        top: unset;
        bottom: 0;
        width: 27rem
    }
}

.iress picture source {
    all: initial
}

.iress picture img {
    width: 100%
}

.crypto-hero .section__bg {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    background: var(--Gradient-Dark-Grey---Radial, radial-gradient(50% 50% at 50% 50%, #122134 0%, #0A131C 100%))
}

    .crypto-hero .section__bg:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: -2rem;
        height: 100%;
        width: 50%;
        max-width: 36rem;
        background-image: image-set(url(/images/crypto/crypto-coins-hero@1x.webp) type("image/webp") 1x,url(/images/crypto/crypto-coins-hero@2x.webp) type("image/webp") 2x,url(/images/crypto/crypto-coins-hero@1x.png) 1x,url(/images/crypto/crypto-coins-hero@2x.png) 2x);
        background-size: cover;
        background-position: left bottom;
        background-repeat: no-repeat
    }

@media (max-width: 950px) {
    .crypto-hero .section__bg:after {
        right: -5rem
    }
}

@media (max-width: 48rem) {
    .crypto-hero .section__bg:after {
        background-position: left top;
        height: 60%;
        bottom: -2rem;
        right: -3rem
    }
}

@media (max-width: 35.5rem) {
    .crypto-hero .section__bg:after {
        height: 50%;
        right: -2rem
    }
}

.crypto-hero .section__bg source, .crypto-hero .section__bg img {
    display: none
}

html[dir=rtl] .crypto-hero .section__bg {
    transform: unset !important
}

    html[dir=rtl] .crypto-hero .section__bg:after {
        right: unset;
        left: 0;
        background-position: right bottom;
        transform: unset
    }

@media (max-width: 1200px) {
    html[dir=rtl] .crypto-hero .section__bg:after {
        left: -6rem
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .crypto-hero .section__bg:after {
        background-position: right top;
        left: -6rem;
        bottom: -4rem
    }
}

@media (max-width: 35.5rem) {
    html[dir=rtl] .crypto-hero .section__bg:after {
        height: 50%;
        bottom: -4rem;
        left: -3rem
    }
}

.crypto-hero .section__left {
    flex: unset
}

.crypto-hero .content {
    max-width: 37.5rem
}

    .crypto-hero .content p {
        max-width: 31.25rem
    }

@media (max-width: 68rem) {
    .crypto-platform {
        padding-bottom: 5rem
    }
}

.crypto-platform .register-card {
    padding-bottom: 3rem !important
}

@media (max-width: 48rem) {
    .crypto-platform .register-card {
        width: 100%
    }
}

.crypto-platform .register-card picture {
    height: 6rem;
    justify-content: center;
    margin-bottom: 2rem
}

.crypto-platform .register-card .button {
    align-self: center
}

@media (max-width: 48rem) {
    .crypto-platform .register-card__body {
        text-align: center
    }
}

.trade-crypto {
    background: #fff;
    padding-top: 10rem;
    padding-bottom: 5rem
}

@media (max-width: 68rem) {
    .trade-crypto {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .trade-crypto {
        min-height: unset
    }
}

@media (max-width: 48rem) {
    .trade-crypto .section__wr-medium {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.trade-crypto .section__right {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 48rem) {
    .trade-crypto .section__right .content {
        max-width: 100%
    }
}

@media (max-width: 48rem) {
    .trade-crypto .section__right {
        justify-content: flex-start
    }
}

@media (max-width: 48rem) {
    .trade-crypto .section__left {
        height: 14rem
    }
}

@media (max-width: 35.5rem) {
    .trade-crypto .section__left {
        height: 12rem
    }
}

.trade-crypto picture {
    position: absolute;
    bottom: 5rem;
    width: 51rem;
    inset-inline-end: 44%
}

@media (max-width: 68rem) {
    .trade-crypto picture {
        width: 30.5rem;
        inset-inline-end: 54%
    }
}

@media (max-width: 48rem) {
    .trade-crypto picture {
        width: 25rem;
        bottom: 0;
        inset-inline-end: 50%;
        transform: translate(50%)
    }

    html[dir=rtl] .trade-crypto picture {
        transform: translate(-50%)
    }
}

@media (max-width: 35.5rem) {
    .trade-crypto picture {
        width: 22rem;
        bottom: 2rem
    }
}

.trade-crypto picture source, .trade-crypto picture img {
    width: 100%
}

.crypto-img-right {
    padding-top: 7.5rem
}

@media (max-width: 68rem) {
    .crypto-img-right {
        padding-top: 5rem
    }
}

.crypto-img-right .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.crypto-img-right picture {
    width: 29.3rem
}

    .crypto-img-right picture source, .crypto-img-right picture img {
        width: 100%
    }

.crypto-img-left {
    padding-top: 7.5rem
}

@media (max-width: 68rem) {
    .crypto-img-left {
        padding-top: 5rem
    }
}

.crypto-img-left .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.crypto-img-left picture {
    width: 29.3rem
}

    .crypto-img-left picture source, .crypto-img-left picture img {
        width: 100%
    }

.mt4-hero {
    background: linear-gradient(180deg,#00bdff,#038bbd)
}

@media (max-width: 48rem) {
    .mt4-hero {
        padding-bottom: 2rem;
        overflow: visible
    }
}

.mt4-hero .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.mt4-hero .platform-select-mobile {
    width: 100%
}

    .mt4-hero .platform-select-mobile .custom-select__selected {
        background: #00bdff;
        border-color: #00bdff;
        width: 100%
    }

        .mt4-hero .platform-select-mobile .custom-select__selected svg path {
            fill: #fff
        }

    .mt4-hero .platform-select-mobile .custom-select__dropdown {
        top: 3rem;
        background: #00bdffcc;
        overflow: hidden;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px)
    }

.mt4-hero picture {
    position: absolute;
    width: 70rem;
    display: flex;
    bottom: -10rem;
    inset-inline-start: 45%
}

html[dir=rtl] .mt4-hero picture {
    inset-inline-start: 43%;
    bottom: -8rem
}

@media (max-width: 48rem) {
    .mt4-hero picture {
        width: 25rem;
        inset-inline-start: unset;
        inset-inline-end: -10rem;
        bottom: -2rem
    }

    html[dir=rtl] .mt4-hero picture {
        inset-inline-start: 43%;
        bottom: -2rem
    }
}

.mt4-hero picture source {
    all: initial
}

.mt4-hero picture img {
    width: 100%
}

.mt4-hero .platform-selector {
    padding-top: 3rem
}

@media (max-width: 48rem) {
    .mt4-hero .platform-selector {
        padding-top: 2rem
    }
}

.mt4-hero .platform-selector .platform-select {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 32px;
    background: #00bdff66;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.mt4-hero .platform-selector .platform-select__item {
    padding: .875rem 1.5rem .6875rem;
    cursor: pointer;
    text-align: center
}

    .mt4-hero .platform-selector .platform-select__item.active {
        border-radius: 2rem;
        background: #00bdff
    }

    .mt4-hero .platform-selector .platform-select__item.active {
        padding: .875rem 1.5rem .6875rem;
        border-radius: 2rem;
        background: #00bdff
    }

@media (max-width: 48rem) {
    .mt4-hero .platform-selector .platform-select {
        display: none
    }
}

.mt4-hero .platform-selector .platform-select-mobile {
    display: none
}

@media (max-width: 48rem) {
    .mt4-hero .platform-selector .platform-select-mobile {
        display: flex
    }
}

.why-mt4 {
    overflow: hidden;
    padding-bottom: 10rem;
    gap: 2rem
}

@media (max-width: 68rem) {
    .why-mt4 {
        padding-bottom: 5rem
    }
}

.why-mt4__note {
    text-align: center
}

.why-mt4 .section__left {
    padding-top: unset;
    align-content: center
}

@media (max-width: 48rem) {
    .why-mt4 .section__left {
        text-align: left
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .why-mt4 .section__left {
        text-align: right
    }
}

.why-mt4 .section__right .button {
    margin: 0 auto
}

.why-mt4 picture {
    width: 35rem !important;
    top: 5rem !important;
    bottom: unset;
    inset-inline-end: 0;
    display: flex
}

html[dir=rtl] .why-mt4 picture {
    transform: scaleX(-1)
}

@media (max-width: 68rem) {
    .why-mt4 picture {
        top: 3rem !important
    }
}

@media (max-width: 48rem) {
    .why-mt4 picture {
        top: 35% !important;
        width: 30rem !important
    }
}

.why-mt4 picture source {
    all: initial
}

.why-mt4 picture img {
    width: 100%
}

.how-open {
    gap: 4rem;
    width: 100%
}

@media (max-width: 48rem) {
    .how-open {
        gap: 3rem
    }
}

.how-open__title {
    justify-content: center
}

.how-open .grey-500 {
    padding-top: 5rem;
    padding-bottom: 5rem;
    width: unset;
    align-items: flex-start
}

@media (max-width: 48rem) {
    .how-open .grey-500 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (max-width: 48rem) {
    .how-open .button {
        margin: 0 auto;
        align-self: center
    }
}

@media (max-width: 48rem) {
    .how-open .section__right {
        text-align: center
    }
}

.how-open .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.mt4-trading {
    position: relative;
    display: flex;
    overflow: hidden;
    margin-top: 7rem
}

@media (max-width: 68rem) {
    .mt4-trading {
        margin-top: 4rem
    }
}

.mt4-trading h2 {
    text-wrap: balance
}

@media (max-width: 48rem) {
    .mt4-trading {
        overflow: hidden
    }
}

.mt4-trading__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0;
    z-index: 0
}

html[dir=rtl] .mt4-trading__bg .bg__back {
    transform: scaleX(-1)
}

.mt4-trading__bg .bg__back source {
    all: initial
}

.mt4-trading__bg .bg__back img {
    object-fit: cover;
    object-position: top left;
    width: 100%;
    height: 105%
}

@media (max-width: 68rem) {
    .mt4-trading__bg .bg__back img {
        object-position: top left
    }
}

@media (max-width: 48rem) {
    .mt4-trading__bg .bg__back img {
        object-position: top right;
        height: 105%
    }
}

.mt4-trading__wr {
    margin: 10rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    z-index: 4
}

@media (max-width: 68rem) {
    .mt4-trading__wr {
        justify-content: center;
        margin: 7.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .mt4-trading__wr {
        justify-content: flex-start;
        margin: 5rem 1.25rem
    }
}

.mt4-trading__text {
    width: 37.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 48rem) {
    .mt4-trading__text {
        width: 100%
    }
}

.mt4-trading .content {
    max-width: unset;
    margin-bottom: unset;
    gap: 4rem
}

@media (max-width: 48rem) {
    .mt4-trading .content {
        gap: 3rem
    }
}

.mt4-trading .text {
    width: 100%;
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 3rem;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr)
}

@media (max-width: 48rem) {
    .mt4-trading .text {
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: repeat(4,auto);
        grid-row-gap: 2rem
    }
}

.mt4-trading .text div {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (max-width: 48rem) {
    .mt4-trading .text div {
        gap: 1.125rem
    }
}

.mt4-trading .text p {
    max-width: 15rem
}

@media (max-width: 48rem) {
    .mt4-trading .text p {
        max-width: 100%
    }
}

.profile-mt4 {
    padding-bottom: 7.5rem;
    padding-top: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .profile-mt4 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .profile-mt4 .section__right {
        align-items: center
    }
}

.click-mt4 {
    padding-top: 7.5rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .click-mt4 {
        padding-top: 5rem
    }
}

.click-mt4 .section__wr-medium {
    padding-bottom: 10rem;
    padding-top: 10rem;
    position: relative;
    overflow: hidden
}

html[dir=rtl] .click-mt4 .section__wr-medium {
    flex-direction: row-reverse
}

@media (max-width: 48rem) {
    html[dir=rtl] .click-mt4 .section__wr-medium {
        flex-direction: column-reverse
    }
}

@media (max-width: 68rem) {
    .click-mt4 .section__wr-medium {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .click-mt4 .section__wr-medium {
        position: unset;
        padding-bottom: 0;
        padding-top: 2rem
    }
}

@media (max-width: 48rem) {
    .click-mt4 .section__wr-medium .section__left {
        height: 20rem
    }
}

.click-mt4 .section__wr-medium picture {
    position: absolute;
    bottom: -1rem;
    inset-inline-end: 55%;
    width: 35rem;
    height: 27rem
}

html[dir=rtl] .click-mt4 .section__wr-medium picture {
    inset-inline-start: 55%
}

@media (max-width: 68rem) {
    html[dir=rtl] .click-mt4 .section__wr-medium picture {
        inset-inline-start: 60%
    }
}

@media (max-width: 990px) {
    html[dir=rtl] .click-mt4 .section__wr-medium picture {
        inset-inline-start: 53%
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .click-mt4 .section__wr-medium picture {
        width: 27rem;
        inset-inline-end: 0;
        inset-inline-start: auto;
        height: 20rem
    }
}

@media (max-width: 400px) {
    html[dir=rtl] .click-mt4 .section__wr-medium picture {
        inset-inline-end: -2rem
    }
}

@media (max-width: 68rem) {
    .click-mt4 .section__wr-medium picture {
        width: 27rem;
        height: 20rem;
        inset-inline-end: 60%
    }
}

@media (max-width: 990px) {
    .click-mt4 .section__wr-medium picture {
        inset-inline-end: 53%
    }
}

@media (max-width: 48rem) {
    .click-mt4 .section__wr-medium picture {
        width: 27rem;
        inset-inline-start: 0;
        inset-inline-end: auto;
        height: 20rem
    }
}

@media (max-width: 400px) {
    .click-mt4 .section__wr-medium picture {
        display: flex;
        height: 20rem;
        inset-inline-start: -2rem
    }
}

.click-mt4 .section__wr-medium picture source {
    all: initial
}

.click-mt4 .section__wr-medium picture img {
    width: 100%
}

.indicator-mt4 {
    padding-bottom: 10rem;
    padding-top: 10rem;
    overflow: hidden
}

@media (max-width: 48rem) {
    .indicator-mt4 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

.indicator-mt4 .section__wr-small {
    gap: 8rem
}

@media (max-width: 48rem) {
    .indicator-mt4 .section__wr-small {
        gap: 0
    }
}

.indicator-mt4 .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    z-index: 10;
    position: relative
}

@media (max-width: 48rem) {
    .indicator-mt4__bg picture {
        display: none !important
    }

    .indicator-mt4__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: image-set(url(/images/mt4/indicator-mobile@1x.webp) type("image/webp") 1x,url(/images/mt4/indicator-mobile@2x.webp) type("image/webp") 2x,url(/images/mt4/indicator-mobile@1x.png) 1x,url(/images/mt4/indicator-mobile@2x.png) 2x);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat
    }

        .indicator-mt4__bg:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: var(--overlays-light-blue-80, rgba(0, 189, 255, .8));
            pointer-events: none
        }
}

.indicator-mt4 picture {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%
}

html[dir=rtl] .indicator-mt4 picture {
    transform: scaleX(-1)
}

.indicator-mt4 picture source {
    all: initial
}

.indicator-mt4 picture img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%
}

.mt4-simple-step {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .mt4-simple-step {
        padding-top: 5rem
    }
}

.mt4-simple-step .section__wr-big {
    gap: 0
}

@media (max-width: 79rem) {
    .mt4-simple-step .section__wr-big {
        margin: unset;
        padding: 0 2rem;
        max-width: unset
    }
}

@media (max-width: 48rem) {
    .mt4-simple-step .section__wr-big {
        padding: 0 1.25rem
    }
}

.mt4-simple-step h2 {
    max-width: 50rem;
    margin-bottom: 4rem;
    text-align: center
}

@media (max-width: 48rem) {
    .mt4-simple-step h2 {
        text-align: center;
        margin-bottom: 3rem
    }
}

.mt4-simple-step .simple-step__carousel-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    white-space: nowrap;
    width: 100%;
    height: 18.75rem;
    position: relative;
    display: flex;
    justify-content: center
}

@media (min-width: 1140px) {
    .mt4-simple-step .simple-step__carousel-container {
        cursor: unset !important
    }
}

@media (max-width: 1140px) {
    .mt4-simple-step .simple-step__carousel-container {
        display: block;
        justify-content: unset
    }
}

.mt4-simple-step .simple-step__carousel-container::-webkit-scrollbar {
    display: none
}

.mt4-simple-step .simple-step__item {
    width: 14rem;
    height: 18.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: 2rem;
    text-align: center;
    position: relative
}

    .mt4-simple-step .simple-step__item p, .mt4-simple-step .simple-step__item h4 {
        white-space: pre-wrap
    }

    .mt4-simple-step .simple-step__item svg {
        position: absolute;
        top: 5.8rem;
        inset-inline-end: -2rem
    }

html[dir=rtl] .mt4-simple-step .simple-step__item svg {
    transform: scaleX(-1)
}

.mt4-simple-step .simple-step__item picture {
    height: 8.5rem;
    display: flex
}

    .mt4-simple-step .simple-step__item picture source {
        all: initial
    }

    .mt4-simple-step .simple-step__item picture img {
        height: 100%
    }

.mt4-simple-step__arrows {
    display: flex;
    gap: 1.5rem;
    cursor: pointer;
    transition: all .3s ease
}

    .mt4-simple-step__arrows svg path {
        transition: all .3s ease
    }

    .mt4-simple-step__arrows svg:hover path {
        opacity: 1
    }

.mt4-simple-step .simple-step__wr {
    min-width: 70rem;
    justify-self: center;
    display: flex;
    text-align: center;
    gap: 1rem;
    padding: unset;
    width: fit-content
}

@media (min-width: 1140px) {
    .mt4-simple-step .simple-step__wr {
        transform: translate(0) !important
    }
}

@media (max-width: 1140px) {
    .mt4-simple-step .simple-step__wr {
        padding: 0;
        justify-self: unset;
        position: absolute;
        left: 0
    }

    html[dir=rtl] .mt4-simple-step .simple-step__wr {
        right: 0
    }
}

.mt4-simple-step .simple-step__arrows {
    width: 100%;
    display: none;
    margin-top: 2rem
}

html[dir=rtl] .mt4-simple-step .simple-step__arrows svg {
    transform: scaleX(-1)
}

@media (max-width: 1140px) {
    .mt4-simple-step .simple-step__arrows {
        display: flex
    }
}

.eas-mt4 {
    padding-bottom: 10rem;
    padding-top: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .eas-mt4 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

.eas-mt4 .section__wr-small {
    height: 30rem
}

@media (max-width: 48rem) {
    .eas-mt4 .section__wr-small {
        height: unset
    }
}

.eas-mt4 .section__wr-small .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .eas-mt4 .section__right {
        height: 25rem
    }
}

.eas-mt4 picture {
    width: 40rem;
    height: 47rem;
    display: flex;
    position: absolute;
    bottom: -2rem;
    inset-inline-start: 50%;
    align-items: flex-end
}

@media (max-width: 68rem) {
    .eas-mt4 picture {
        width: 31rem;
        height: 36rem;
        inset-inline-start: unset;
        align-items: unset
    }
}

html[dir=rtl] .eas-mt4 picture {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .eas-mt4 picture {
        width: 26rem;
        inset-inline-start: 20%;
        height: 32rem
    }
}

@media (max-width: 35.5rem) {
    .eas-mt4 picture {
        inset-inline-start: 10%
    }
}

.eas-mt4 picture source {
    all: initial
}

.eas-mt4 picture img {
    height: 100%;
    width: 100%
}

.what-mt4 {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c);
    padding-bottom: 10rem;
    padding-top: 10rem;
    gap: 4rem
}

@media (max-width: 68rem) {
    .what-mt4 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .what-mt4 {
        gap: 3rem
    }
}

.what-mt4__title {
    justify-content: center
}

.what-mt4__text {
    align-items: flex-start
}

.what-mt4 .accordion-item {
    background: #0a121ccc
}

    .what-mt4 .accordion-item h4 {
        color: #00bdff
    }

.mt4-app {
    padding-top: unset;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .mt4-app {
        padding-bottom: 5rem
    }
}

.video-faq {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

    .video-faq iframe {
        align-self: center
    }

.mt4-trade__title {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .mt4-trade__title {
        gap: 1rem
    }
}

.steps-button {
    margin-top: 4rem;
    justify-content: center
}

.desktop-app {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .desktop-app {
        padding-top: 5rem
    }
}

.desktop-app .content-medium {
    margin-bottom: 4rem
}

.desktop-app .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.desktop-app picture {
    width: 29.3rem
}

    .desktop-app picture source {
        all: initial
    }

    .desktop-app picture img {
        width: 100%
    }

.webtrader__content {
    width: 100%;
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 3rem;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr)
}

@media (max-width: 48rem) {
    .webtrader__content {
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: repeat(4,auto);
        grid-row-gap: 2rem
    }
}

.webtrader__content div {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (max-width: 48rem) {
    .webtrader__content div {
        gap: 1.125rem
    }
}

.webtrader__content p {
    max-width: 15rem
}

@media (max-width: 48rem) {
    .webtrader__content p {
        max-width: 100%
    }
}

.mt5-hero {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c)
}

@media (max-width: 48rem) {
    .mt5-hero {
        padding-bottom: 2rem;
        overflow: visible
    }
}

.mt5-hero .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.mt5-hero .platform-select-mobile {
    width: 100%
}

    .mt5-hero .platform-select-mobile .custom-select__selected {
        background: #00bdff;
        border-color: #00bdff;
        width: 100%
    }

        .mt5-hero .platform-select-mobile .custom-select__selected svg path {
            fill: #fff
        }

    .mt5-hero .platform-select-mobile .custom-select__dropdown {
        top: 3rem;
        background: #19222e99;
        overflow: hidden;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px)
    }

    .mt5-hero .platform-select-mobile .custom-select__option.active {
        background: #00bdff
    }

.mt5-hero picture {
    position: absolute;
    width: 41rem;
    display: flex;
    bottom: -5rem;
    inset-inline-start: 50%
}

@media (max-width: 48rem) {
    .mt5-hero picture {
        width: 25rem;
        inset-inline-start: unset;
        inset-inline-end: -10rem;
        bottom: -2rem
    }
}

.mt5-hero picture source {
    all: initial
}

.mt5-hero picture img {
    width: 100%
}

.mt5-hero .platform-selector {
    padding-top: 3rem
}

@media (max-width: 48rem) {
    .mt5-hero .platform-selector {
        padding-top: 2rem
    }
}

.mt5-hero .platform-selector .platform-select {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 32px;
    background: #19222e99;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.mt5-hero .platform-selector .platform-select__item {
    padding: .875rem 1.5rem .6875rem;
    cursor: pointer;
    text-align: center
}

    .mt5-hero .platform-selector .platform-select__item.active {
        border-radius: 2rem;
        background: #00bdff
    }

    .mt5-hero .platform-selector .platform-select__item.active {
        padding: .875rem 1.5rem .6875rem;
        border-radius: 2rem;
        background: #00bdff
    }

@media (max-width: 48rem) {
    .mt5-hero .platform-selector .platform-select {
        display: none
    }
}

.mt5-hero .platform-selector .platform-select-mobile {
    display: none
}

@media (max-width: 48rem) {
    .mt5-hero .platform-selector .platform-select-mobile {
        display: flex
    }
}

.why-mt5 {
    overflow: hidden;
    padding-bottom: 10rem;
    gap: 2rem
}

@media (max-width: 68rem) {
    .why-mt5 {
        padding-bottom: 5rem
    }
}

.why-mt5__title {
    justify-content: center
}

.why-mt5__note {
    text-align: center
}

.why-mt5 .section__left {
    padding-top: unset;
    align-content: center
}

@media (max-width: 48rem) {
    .why-mt5 .section__left {
        text-align: left
    }
}

@media (max-width: 48rem) {
    html[dir=rtl] .why-mt5 .section__left {
        text-align: right
    }
}

.what-mt5 {
    padding-bottom: 5rem;
    padding-top: 10rem;
    gap: 4rem
}

@media (max-width: 68rem) {
    .what-mt5 {
        padding-bottom: 0;
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .what-mt5 {
        gap: 3rem
    }
}

.what-mt5__text {
    align-items: flex-start
}

.eas-mt5 {
    padding-top: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .eas-mt5 {
        padding-top: 5rem
    }
}

.eas-mt5 .section__wr-medium {
    position: relative;
    padding-bottom: 10rem;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .eas-mt5 .section__wr-medium {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

.eas-mt5 .section__wr-medium .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .eas-mt5 .section__right {
        height: 25rem
    }
}

.eas-mt5 picture {
    max-width: 40rem;
    position: absolute;
    bottom: 0;
    inset-inline-start: 50%;
    display: flex
}

html[dir=rtl] .eas-mt5 picture {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .eas-mt5 picture {
        width: 26rem;
        inset-inline-start: 20%
    }
}

@media (max-width: 35.5rem) {
    .eas-mt5 picture {
        width: 26rem;
        inset-inline-start: 10%
    }
}

.eas-mt5 picture source {
    all: initial
}

.eas-mt5 picture img {
    width: 100%
}

.mt5-real {
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .mt5-real {
        padding-bottom: 5rem
    }
}

.mt5-platform {
    background: radial-gradient(137.82% 47.31% at 17.29% 20.87%,#0a121d,#122134);
    padding-top: 10rem;
    padding-bottom: 10rem;
    overflow: hidden
}

    .mt5-platform .section__left {
        display: flex;
        flex-direction: column;
        gap: 4rem;
        min-width: 30rem
    }

        .mt5-platform .section__left .mt5-platform__title {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            margin-top: 1rem
        }

            .mt5-platform .section__left .mt5-platform__title p {
                text-wrap: balance
            }

@media (max-width: 48rem) {
    .mt5-platform .section__left .mt5-platform__title {
        gap: 1rem
    }
}

@media (max-width: 48rem) {
    .mt5-platform .section__left {
        min-width: 100%
    }
}

.mt5-platform .section__right {
    height: 23rem
}

.mt5-platform__content {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    margin-bottom: 1rem
}

@media (max-width: 48rem) {
    .mt5-platform__content {
        flex-direction: column;
        gap: 2rem
    }
}

.mt5-platform__item {
    width: 10rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (max-width: 48rem) {
    .mt5-platform__item {
        width: 100%;
        max-width: unset
    }
}

@media (max-width: 68rem) {
    .mt5-platform {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.mt5-platform picture {
    position: absolute;
    top: 0;
    width: 45rem;
    height: 70.7rem
}

html[dir=rtl] .mt5-platform picture {
    transform: translate(20%)
}

@media (max-width: 68rem) {
    .mt5-platform picture {
        top: -1rem;
        width: 35rem;
        height: 70.7rem;
        transform: translate(-10%)
    }

    html[dir=rtl] .mt5-platform picture {
        transform: translate(25%)
    }
}

@media (max-width: 48rem) {
    .mt5-platform picture {
        top: unset;
        bottom: -12rem;
        width: 28rem;
        height: 44em;
        inset-inline-start: 55%;
        transform: translate(-50%)
    }

    html[dir=rtl] .mt5-platform picture {
        transform: translate(65%)
    }
}

@media (max-width: 35.5rem) {
    .mt5-platform picture {
        top: unset;
        bottom: -12rem;
        width: 28rem;
        height: 44em
    }
}

.mt5-platform picture source {
    all: initial
}

.mt5-platform picture img {
    width: 100%
}

.mt5-platform .section__wr-big {
    overflow: hidden
}

.mt5-online {
    padding-top: 10rem;
    overflow: hidden
}

@media (max-width: 68rem) {
    .mt5-online {
        padding-top: 5rem
    }
}

.mt5-online .section__wr-medium {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

@media (max-width: 48rem) {
    .mt5-online .section__wr-medium {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (max-width: 48rem) {
    .mt5-online .section__right {
        height: 20rem
    }
}

.mt5-online .section__wr-small {
    padding: unset
}

.mt5-online picture {
    position: absolute;
    width: 37.5rem;
    inset-inline-start: 50%;
    bottom: -2rem
}

@media (max-width: 48rem) {
    .mt5-online picture {
        inset-inline-start: 0;
        width: 25rem
    }
}

.mt5-online picture source {
    all: initial
}

.mt5-online picture img {
    width: 100%
}

.mt5-simple-step {
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .mt5-simple-step {
        padding-bottom: 5rem
    }
}

.mt5-simple-step .section__wr-big {
    gap: 0
}

@media (max-width: 79rem) {
    .mt5-simple-step .section__wr-big {
        margin: unset;
        padding: 0 2rem;
        max-width: unset
    }
}

@media (max-width: 48rem) {
    .mt5-simple-step .section__wr-big {
        padding: 0 1.25rem
    }
}

.mt5-simple-step h2 {
    max-width: 50rem;
    margin-bottom: 4rem;
    text-align: center
}

@media (max-width: 48rem) {
    .mt5-simple-step h2 {
        text-align: center;
        margin-bottom: 3rem
    }
}

.mt5-simple-step .simple-step__carousel-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    white-space: nowrap;
    width: 100%;
    height: 18.75rem;
    position: relative;
    display: flex;
    justify-content: center
}

@media (min-width: 1140px) {
    .mt5-simple-step .simple-step__carousel-container {
        cursor: unset !important
    }
}

@media (max-width: 1140px) {
    .mt5-simple-step .simple-step__carousel-container {
        display: block;
        justify-content: unset
    }
}

.mt5-simple-step .simple-step__carousel-container::-webkit-scrollbar {
    display: none
}

.mt5-simple-step .simple-step__item {
    width: 14rem;
    height: 18.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: 2rem;
    text-align: center;
    position: relative
}

    .mt5-simple-step .simple-step__item p, .mt5-simple-step .simple-step__item h4 {
        white-space: pre-wrap
    }

    .mt5-simple-step .simple-step__item svg {
        position: absolute;
        top: 5.8rem;
        inset-inline-end: -2rem
    }

html[dir=rtl] .mt5-simple-step .simple-step__item svg {
    transform: scaleX(-1)
}

.mt5-simple-step .simple-step__item picture {
    height: 8.5rem;
    display: flex
}

    .mt5-simple-step .simple-step__item picture source {
        all: initial
    }

    .mt5-simple-step .simple-step__item picture img {
        height: 100%
    }

.mt5-simple-step__arrows {
    display: flex;
    gap: 1.5rem;
    cursor: pointer;
    transition: all .3s ease
}

    .mt5-simple-step__arrows svg path {
        transition: all .3s ease
    }

    .mt5-simple-step__arrows svg:hover path {
        opacity: 1
    }

.mt5-simple-step .simple-step__wr {
    min-width: 70rem;
    justify-self: center;
    display: flex;
    text-align: center;
    gap: 1rem;
    padding: unset;
    width: fit-content
}

@media (min-width: 1140px) {
    .mt5-simple-step .simple-step__wr {
        transform: translate(0) !important
    }
}

@media (max-width: 1140px) {
    .mt5-simple-step .simple-step__wr {
        padding: 0;
        justify-self: unset;
        position: absolute;
        left: 0
    }

    html[dir=rtl] .mt5-simple-step .simple-step__wr {
        right: 0
    }
}

.mt5-simple-step .simple-step__arrows {
    width: 100%;
    display: none;
    margin-top: 2rem
}

html[dir=rtl] .mt5-simple-step .simple-step__arrows svg {
    transform: scaleX(-1)
}

@media (max-width: 1140px) {
    .mt5-simple-step .simple-step__arrows {
        display: flex
    }
}

html[dir=rtl] .what-forex-hero .section__bg {
    transform: unset !important
}

    html[dir=rtl] .what-forex-hero .section__bg img, html[dir=rtl] .what-forex-hero .section__bg source {
        object-position: 25% center
    }

@media (max-width: 48rem) {
    html[dir=rtl] .what-forex-hero .section__bg img, html[dir=rtl] .what-forex-hero .section__bg source {
        object-position: center 45%
    }
}

.wf-work {
    padding-top: 10rem;
    padding-bottom: 10rem;
    gap: 4rem
}

@media (max-width: 68rem) {
    .wf-work {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .wf-work {
        gap: 2rem
    }
}

.wf-work picture {
    max-width: 25rem
}

    .wf-work picture source {
        all: initial
    }

    .wf-work picture img {
        width: 100%
    }

.wf-market {
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e);
    padding-bottom: 10rem;
    padding-top: 10rem;
    gap: 4rem
}

@media (max-width: 48rem) {
    .wf-market .mobile-column {
        gap: 1rem
    }
}

@media (max-width: 68rem) {
    .wf-market {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .wf-market {
        gap: 3rem
    }
}

.wf-lot {
    padding-bottom: 10rem;
    padding-top: 10rem;
    overflow: hidden
}

@media (max-width: 48rem) {
    .wf-lot .section__wr-medium {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

@media (max-width: 68rem) {
    .wf-lot {
        padding-bottom: 10rem;
        padding-top: 5rem
    }
}

.wf-lot h2 {
    margin-bottom: 2rem
}

@media (max-width: 48rem) {
    .wf-lot h2 {
        margin-bottom: 1.5rem
    }
}

.wf-lot picture {
    max-width: 26rem
}

    .wf-lot picture source {
        all: initial
    }

    .wf-lot picture img {
        margin-top: -5rem;
        width: 100%;
        padding-bottom: 3rem
    }

@media (max-width: 48rem) {
    .wf-lot picture img {
        margin-top: 0;
        margin-bottom: -10rem
    }
}

.wf-liquidity {
    background: #00bdff;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .wf-liquidity {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 3rem
    }
}

.wf-liquidity__title {
    justify-content: center
}

.wf-liquidity .section__wr-small {
    gap: 2rem;
    align-items: flex-start
}

    .wf-liquidity .section__wr-small h2 {
        align-self: center
    }

@media (max-width: 48rem) {
    .wf-liquidity .section__wr-small.mobile-column {
        gap: 1.5rem
    }
}

.wf-concept {
    gap: 4rem;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c);
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .wf-concept {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.wf-concept picture {
    max-width: 33rem;
    width: 100%
}

    .wf-concept picture source {
        all: initial
    }

    .wf-concept picture img {
        width: 100%
    }

.wf-long-short {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .wf-long-short {
        padding-top: 5rem
    }
}

.wf-long-short h2 {
    margin-bottom: 2rem
}

@media (max-width: 48rem) {
    .wf-long-short h2 {
        margin-bottom: 1.5rem
    }
}

.wf-long-short picture {
    max-width: 40rem;
    width: 100%;
    display: flex
}

    .wf-long-short picture source {
        all: initial
    }

    .wf-long-short picture img {
        width: 100%
    }

.wf-base {
    padding-top: 10rem
}

    .wf-base .section__wr-medium {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

@media (max-width: 48rem) {
    .wf-base .section__wr-medium {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.wf-base .section__wr-medium h2 {
    margin-bottom: 2rem
}

@media (max-width: 48rem) {
    .wf-base .section__wr-medium h2 {
        margin-bottom: 1.5rem
    }
}

@media (max-width: 68rem) {
    .wf-base {
        padding-top: 5rem
    }
}

.wf-base picture {
    max-width: 32.25rem
}

    .wf-base picture source {
        all: initial
    }

    .wf-base picture img {
        width: 100%
    }

.wf-moves {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .wf-moves {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.wf-moves__title {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center
}

.wf-moves__content {
    width: 100%;
    display: flex;
    gap: 2rem
}

@media (max-width: 48rem) {
    .wf-moves__content {
        flex-direction: column;
        gap: 3rem
    }
}

.wf-moves__content .section__left, .wf-moves__content .section__right {
    gap: 2rem;
    display: flex;
    flex-direction: column
}

.wf-major {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 48rem) {
    .wf-major {
        padding-top: 0;
        padding-bottom: 0
    }

        .wf-major .section__bg {
            display: none
        }
}

.wf-major .content-medium {
    align-self: center;
    margin-bottom: 4rem
}

.wf-major .major-cards {
    display: flex;
    gap: 1rem
}

.wf-major .major-card {
    flex: 1 1 0;
    padding: 2rem 2rem 3rem;
    background: #f4f4f4f2;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

    .wf-major .major-card h4 {
        margin-bottom: 1rem
    }

.wf-major .major-card__content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.wf-major .section__wr-small {
    align-items: unset
}

.what-forex-hero.zh .content {
    width: 100%;
    min-width: 40rem
}

@media (max-width: 48rem) {
    .what-forex-hero.zh .content {
        min-width: 100%
    }
}

html[dir=rtl] .what-cfd-hero .section__bg {
    transform: unset !important
}

.what-cfd-hero .section__left {
    flex: unset
}

.what-cfd-hero .content {
    max-width: 35rem;
    width: 100%
}

html[dir=rtl] .what-cfd-hero .content {
    max-width: 31rem
}

@media (max-width: 48rem) {
    html[dir=rtl] .what-cfd-hero .content {
        max-width: 100%
    }
}

@media (max-width: 48rem) {
    .what-cfd-hero .content {
        max-width: 100%
    }
}

.what-cfd-hero.zh .content {
    max-width: 40rem
}

@media (max-width: 48rem) {
    .what-cfd-hero.zh .content {
        min-width: 100%
    }
}

.what-is-cfd {
    padding-top: 10rem;
    padding-bottom: 10rem;
    gap: 4rem
}

@media (max-width: 68rem) {
    .what-is-cfd {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .what-is-cfd {
        gap: 1.5rem
    }
}

.what-is-cfd picture {
    max-width: 29.3rem;
    width: 100%
}

    .what-is-cfd picture source, .what-is-cfd picture img {
        width: 100%
    }

.hold-cfd {
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .hold-cfd {
        padding-top: 5rem
    }
}

.hold-cfd picture {
    max-width: 29rem;
    width: 100%
}

    .hold-cfd picture source, .hold-cfd picture img {
        width: 100%
    }

.why-us-hero {
    background: linear-gradient(90deg,#08174e,#0f236b)
}

    .why-us-hero .section__left {
        flex: unset
    }

@media (max-width: 68rem) {
    .why-us-hero .section__left {
        max-width: 50%
    }
}

@media (max-width: 48rem) {
    .why-us-hero .section__left {
        max-width: 100%
    }
}

.why-us-hero .content {
    max-width: 33rem;
    width: 100%
}

.why-us-hero picture {
    position: absolute;
    width: 43rem;
    height: 32.875rem;
    bottom: -3rem;
    inset-inline-start: 55%
}

@media (max-width: 48rem) {
    .why-us-hero picture {
        width: 20rem;
        height: 15.25rem;
        inset-inline-start: unset;
        inset-inline-end: -3rem;
        bottom: -2rem
    }
}

@media (max-width: 35.5rem) {
    .why-us-hero picture {
        height: 11.5rem;
        width: 15rem
    }
}

.why-us-hero picture source {
    all: initial
}

.why-us-hero picture img {
    width: 100%
}

.trader-first {
    position: relative;
    overflow: visible;
    padding: 10rem 0;
    gap: 4rem
}

@media (max-width: 68rem) {
    .trader-first {
        padding: 5rem 0
    }
}

.trader-first .content-big p {
    max-width: 100%
}

.trader-first__content {
    position: relative
}

@media (max-width: 48rem) {
    .trader-first__content {
        gap: 0
    }
}

@media (max-width: 48rem) {
    .trader-first .section__left {
        height: 27rem
    }
}

@media (max-width: 35.5rem) {
    .trader-first .section__left {
        height: 24rem
    }
}

.trader-first picture {
    position: absolute;
    top: -7rem;
    width: 34rem;
    height: auto;
    display: flex
}

@media (max-width: 68rem) {
    .trader-first picture {
        width: 31rem
    }
}

@media (max-width: 900px) {
    .trader-first picture {
        top: -4rem;
        width: 28rem
    }
}

@media (max-width: 48rem) {
    .trader-first picture {
        inset-inline-start: 50%;
        transform: translate(-41%);
        top: unset;
        bottom: -17rem;
        width: 29rem
    }

    html[dir=rtl] .trader-first picture {
        transform: translate(55%)
    }
}

@media (max-width: 35.5rem) {
    .trader-first picture {
        width: 25rem;
        bottom: -14rem
    }

    html[dir=rtl] .trader-first picture {
        transform: translate(58%)
    }
}

.trader-first picture source {
    all: initial
}

.trader-first picture img {
    width: 100%
}

.eight-reasons {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c);
    padding-top: 10rem;
    padding-bottom: 10rem;
    gap: 4rem
}

    .eight-reasons .section__wr-big {
        width: unset
    }

@media (max-width: 68rem) {
    .eight-reasons {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.eight-reasons__title {
    justify-content: center
}

.eight-reasons h2 {
    text-align: center
}

.eight-reasons .reason-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem
}

.eight-reasons .reason-card {
    background: #0a121ccc;
    padding: 2rem 2rem 3rem;
    min-width: 17rem;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.eight-reasons .reason-card__content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.eight-reasons .reason-card picture {
    height: 7.5rem;
    display: flex;
    align-self: center
}

    .eight-reasons .reason-card picture source, .eight-reasons .reason-card picture img {
        height: 100%
    }

.app-hero {
    background: linear-gradient(90deg,#08174e,#0f236b)
}

    .app-hero picture {
        position: absolute;
        width: 45rem;
        display: flex;
        bottom: -8rem;
        inset-inline-start: 45%
    }

@media (max-width: 48rem) {
    .app-hero picture {
        width: 20rem;
        inset-inline-start: unset;
        inset-inline-end: -3rem;
        bottom: -3rem
    }
}

@media (max-width: 35.5rem) {
    .app-hero picture {
        width: 15rem
    }
}

.app-hero picture source {
    all: initial
}

.app-hero picture img {
    width: 100%
}

.app-hero h1 {
    text-wrap: pretty
}

.app-trade {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .app-trade {
        padding: 5rem 1.25rem
    }
}

.app-trade .section__wr-small {
    padding: 5rem 2rem
}

@media (max-width: 68rem) {
    .app-trade .section__wr-small {
        padding: 2rem 1.25rem
    }
}

.app-trade .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .app-trade .section__right {
        gap: 1.5rem
    }
}

@media (max-width: 48rem) {
    .app-trade .section__left {
        justify-items: center
    }
}

.app-trade picture {
    max-width: 29rem;
    margin-bottom: -6rem;
    margin-top: -6rem;
    display: flex
}

@media (max-width: 48rem) {
    .app-trade picture {
        margin: unset
    }
}

.app-trade picture source {
    all: initial
}

.app-trade picture img {
    width: 100%
}

@media (max-width: 35.5rem) {
    .app-download .section__left .app-cards {
        flex-direction: column;
        text-align: center
    }
}

.app-download .section__right {
    justify-items: center
}

    .app-download .section__right picture {
        width: 100%;
        max-width: 30rem;
        margin-right: -3rem;
        display: flex
    }

@media (max-width: 48rem) {
    .app-download .section__right picture {
        margin-right: unset !important
    }
}

.app-download {
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .app-download {
        padding-bottom: 5rem
    }
}

.app-download .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

    .app-download .section__left .content-medium {
        text-align: left
    }

html[dir=rtl] .app-download .section__left .content-medium {
    text-align: right
}

.app-download .section__left .app-cards {
    display: flex;
    gap: 1rem
}

    .app-download .section__left .app-cards .app-card {
        flex: 1 1 0;
        background-color: #f4f4f4;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        gap: 2rem
    }

        .app-download .section__left .app-cards .app-card picture {
            width: 4.375rem;
            display: flex;
            align-self: center
        }

            .app-download .section__left .app-cards .app-card picture source {
                all: initial
            }

            .app-download .section__left .app-cards .app-card picture img {
                width: 100%
            }

    .app-download .section__left .app-cards .app-card__content {
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }

.app-download .section__right picture {
    max-width: 30rem;
    width: 100%;
    margin-right: -3rem;
    display: flex
}

    .app-download .section__right picture source {
        all: initial
    }

    .app-download .section__right picture img {
        width: 100%
    }

.app-access {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c);
    padding-top: 10rem;
    padding-bottom: 10rem;
    gap: 4rem
}

@media (max-width: 48rem) {
    .app-access {
        gap: 3rem
    }
}

@media (max-width: 68rem) {
    .app-access {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.app-access h2 {
    color: #00bdff;
    text-wrap: balance
}

.app-access picture {
    position: absolute;
    width: 46rem;
    bottom: 4rem;
    inset-inline-end: 55%
}

@media (max-width: 48rem) {
    .app-access picture {
        inset-inline-end: 5%;
        bottom: 2rem;
        width: 28rem
    }
}

.app-access picture source {
    all: initial
}

.app-access picture img {
    width: 100%
}

.app-access .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

    .app-access .section__right h4 {
        margin-bottom: 1.5rem;
        position: relative;
        z-index: 10
    }

@media (max-width: 48rem) {
    .app-access .section__left {
        height: 15rem
    }
}

.tradingview-hero {
    color: #fff;
    min-height: 45rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c)
}

@media (max-width: 48rem) {
    .tradingview-hero {
        min-height: 51rem
    }
}

@media (max-width: 35.5rem) {
    .tradingview-hero {
        min-height: 49rem
    }
}

.tradingview-hero picture {
    position: absolute;
    width: 35%;
    min-width: 55rem;
    left: 60%;
    bottom: 30%;
    transform: translateY(50%);
    display: flex
}

@media (max-width: 68rem) {
    .tradingview-hero picture {
        width: 37.5rem;
        height: 32.25rem;
        left: 40%;
        bottom: 25%
    }
}

@media (max-width: 48rem) {
    .tradingview-hero picture {
        left: 43%;
        min-width: unset;
        transform: translate(-50%);
        width: 35rem;
        height: 30rem;
        bottom: 0rem
    }
}

@media (max-width: 35.5rem) {
    .tradingview-hero picture {
        left: 55%;
        transform: translate(-50%);
        width: 25rem;
        height: 20rem;
        bottom: -2rem
    }
}

.tradingview-hero picture img, .tradingview-hero picture source {
    width: 100%
}

.tradingview-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 68rem) {
    .tradingview-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .tradingview-hero__wr {
        margin: 1.25rem
    }
}

.tradingview-hero__left {
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
    max-width: 38rem
}

@media (max-width: 68rem) {
    .tradingview-hero__left {
        max-width: 28rem
    }
}

@media (max-width: 48rem) {
    .tradingview-hero__left {
        gap: 4rem
    }
}

.tradingview-hero__logo {
    width: 14.75rem;
    display: flex
}

@media (max-width: 48rem) {
    .tradingview-hero__logo {
        width: 10.8rem
    }
}

.tradingview-hero__logo a, .tradingview-hero__logo img {
    width: auto
}

@media (max-width: 48rem) {
    .tradingview-hero__logo a, .tradingview-hero__logo img {
        width: 25rem
    }
}

@media (max-width: 35.5rem) {
    .tradingview-hero__logo a, .tradingview-hero__logo img {
        width: 20rem
    }
}

@media (max-width: 20rem) {
    .tradingview-hero__logo a, .tradingview-hero__logo img {
        width: 15rem
    }
}

.tradingview-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .tradingview-hero__content {
        gap: 3rem
    }
}

.tradingview-hero__content h1 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .tradingview-hero__content h1 {
        gap: .75rem
    }
}

.tv-desktop {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .tv-desktop {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.tv-desktop .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.tv-desktop picture {
    width: 29.3rem
}

    .tv-desktop picture source, .tv-desktop picture img {
        width: 100%
    }

.tv-mobile {
    overflow: hidden
}

    .tv-mobile .section__wr-medium {
        position: relative;
        padding-bottom: 14.37rem;
        padding-top: 14.37rem
    }

@media (max-width: 68rem) {
    .tv-mobile .section__wr-medium {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

@media (max-width: 48rem) {
    .tv-mobile .section__wr-medium {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.tv-mobile .section__wr-medium .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .tv-mobile .section__right {
        height: 25rem
    }
}

@media (max-width: 35.5rem) {
    .tv-mobile .section__right {
        height: 19rem
    }
}

.tv-mobile picture {
    width: 29.3rem;
    height: 27.6rem;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    inset-inline-start: 50%;
    display: flex
}

@media (max-width: 48rem) {
    html[dir=rtl] .tv-mobile picture {
        transform: translate(50%)
    }
}

@media (max-width: 68rem) {
    .tv-mobile picture {
        width: 24rem;
        height: 22rem
    }
}

@media (max-width: 900px) {
    .tv-mobile picture {
        width: 20rem;
        height: 18rem
    }
}

@media (max-width: 48rem) {
    .tv-mobile picture {
        width: 25.5rem;
        height: 24rem;
        transform: translate(-50%);
        inset-inline-start: 50%;
        bottom: 2rem
    }
}

@media (max-width: 35.5rem) {
    .tv-mobile picture {
        width: 20rem;
        height: 18.8rem
    }
}

@media (max-width: 400px) {
    .tv-mobile picture {
        width: 17rem;
        height: 16.1rem
    }
}

.tv-mobile picture source, .tv-mobile picture img {
    width: 100%
}

.tv-web {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .tv-web {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.tv-web .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.tv-web picture {
    width: 29.3rem
}

    .tv-web picture source, .tv-web picture img {
        width: 100%
    }

.tradingview-steps .card-list .register-card {
    gap: 2rem;
    padding-bottom: 3rem;
    height: 28.125rem
}

html[dir=rtl] .tradingview-why-trade__bg .bg__back {
    transform: scaleX(-1)
}

.tradingview-promo-hero {
    padding: 0
}

    .tradingview-promo-hero .tradingview-promo__bg {
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
        background-image: image-set(url(/images/trading-view/tradingview-hero@1x.webp) type("image/webp") 1x,url(/images/trading-view/tradingview-hero@2x.webp) type("image/webp") 2x,url(/images/trading-view/tradingview-hero@1x.png) 1x,url(/images/trading-view/tradingview-hero@2x.png) 2x);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

@media (max-width: 48rem) {
    .tradingview-promo-hero .tradingview-promo__bg {
        background-position: 50% 92%;
        background-image: image-set(url(/images/trading-view/tradingview-hero-mobile@1x.webp) type("image/webp") 1x,url(/images/trading-view/tradingview-hero-mobile@2x.webp) type("image/webp") 2x,url(/images/trading-view/tradingview-hero-mobile@1x.png) 1x,url(/images/trading-view/tradingview-hero-mobile@2x.png) 2x)
    }
}

@media (max-width: 35.5rem) {
    .tradingview-promo-hero .tradingview-promo__bg {
        background-position: 50% 100%
    }
}

.tradingview-promo-hero .section__wr-small {
    max-width: 72.5rem;
    margin: 6.75rem auto
}

.tradingview-promo-hero .section__left {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    max-width: 35rem
}

.tradingview-promo-hero .tradingview-promo-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

    .tradingview-promo-hero .tradingview-promo-hero__content h1 {
        margin-bottom: 1.5rem
    }

    .tradingview-promo-hero .tradingview-promo-hero__content h4 {
        margin-bottom: .3rem
    }

@media (max-width: 68rem) {
    .tradingview-promo-hero .tradingview-promo-hero__content {
        margin-bottom: 3rem
    }
}

.section-slider-with-pagination .section__wr-medium {
    overflow-y: hidden;
    padding: 3rem 0 2rem;
    min-height: 590px
}

.section-slider-with-pagination .slider-track .content {
    margin-bottom: 0
}

.tradingview-slider {
    padding-bottom: 10rem;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .tradingview-slider {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

.tradingview-slider .section__right, .tradingview-slider .section__left {
    align-self: center
}

.tradingview-slider .slide__half {
    display: none
}

    .tradingview-slider .slide__half .column {
        display: flex;
        gap: 4rem
    }

        .tradingview-slider .slide__half .column picture {
            width: 100%
        }

            .tradingview-slider .slide__half .column picture img, .tradingview-slider .slide__half .column picture source {
                width: 100%
            }

@media (min-width: 769px) {
    .tradingview-slider .slide__full {
        display: block
    }

    .tradingview-slider .slide__half, .tradingview-slider .pagination__line.slide__half {
        display: none
    }
}

@media (max-width: 768px) {
    .tradingview-slider .slide__full {
        display: none
    }

    .tradingview-slider .slide__half {
        display: block
    }

    .tradingview-slider .pagination__line.slide__half {
        display: inline-block
    }
}

@media only screen and (min-width: 1200px) {
    .tradingview-slider #cstm-img {
        width: 35rem;
        height: 35rem;
        position: absolute;
        bottom: 45%;
        transform: translateY(50%);
        inset-inline-start: 50%;
        display: flex;
        left: 53%
    }
}

@media (max-width: 48rem) {
    .tradingview-slider #cstm-img {
        position: absolute;
        left: 0%
    }
}

.tv-promo-why-trade {
    overflow: hidden;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .tv-promo-why-trade {
        padding-top: 5rem
    }
}

.tv-promo-why-trade .section__wr-medium {
    position: relative;
    padding-bottom: 6.37rem;
    padding-top: 6.37rem
}

@media (max-width: 68rem) {
    .tv-promo-why-trade .section__wr-medium {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

@media (max-width: 48rem) {
    .tv-promo-why-trade .section__wr-medium {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.tv-promo-why-trade .section__wr-medium .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .tv-promo-why-trade .section__right {
        height: 25rem
    }
}

@media (max-width: 35.5rem) {
    .tv-promo-why-trade .section__right {
        height: 19rem
    }
}

.tv-promo-why-trade picture {
    width: 29.3rem;
    height: 27.6rem;
    position: absolute;
    bottom: 40%;
    transform: translateY(50%);
    inset-inline-start: 50%;
    display: flex
}

@media (max-width: 68rem) {
    .tv-promo-why-trade picture {
        width: 24rem;
        height: 22rem
    }
}

@media (max-width: 48rem) {
    .tv-promo-why-trade picture {
        width: 25.5rem;
        height: 24rem;
        transform: translate(-50%);
        inset-inline-start: 50%;
        bottom: -2rem
    }
}

.tv-promo-why-trade picture source, .tv-promo-why-trade picture img {
    width: 100%
}

.tradingview-steps .card-list .register-card {
    gap: 2rem;
    padding-bottom: 3rem;
    height: 25.125rem
}

.tradingview-steps .card-list picture {
    width: auto;
    max-width: 8rem;
    height: 8rem;
    display: flex;
    align-self: center
}

    .tradingview-steps .card-list picture.client-img {
        max-width: 7rem
    }

@media (max-width: 48rem) {
    .tradingview-steps {
        padding-bottom: 3rem
    }
}

.tradingview-why-trade {
    position: relative;
    display: flex;
    overflow: hidden;
    margin-top: 7rem
}

@media (max-width: 68rem) {
    .tradingview-why-trade {
        margin-top: 4rem
    }
}

.tradingview-why-trade h2 {
    text-wrap: balance
}

@media (max-width: 48rem) {
    .tradingview-why-trade {
        overflow: hidden
    }

        .tradingview-why-trade .bg__back {
            background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c)
        }

            .tradingview-why-trade .bg__back img, .tradingview-why-trade .bg__back source {
                display: none
            }
}

.tradingview-why-trade__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0;
    z-index: 0
}

    .tradingview-why-trade__bg .bg__back img, .tradingview-why-trade__bg .bg__back source {
        object-fit: cover;
        object-position: top left;
        width: 100%;
        height: 105%
    }

@media (max-width: 68rem) {
    .tradingview-why-trade__bg .bg__back img, .tradingview-why-trade__bg .bg__back source {
        object-position: top left
    }
}

@media (max-width: 48rem) {
    .tradingview-why-trade__bg .bg__back img, .tradingview-why-trade__bg .bg__back source {
        object-position: top right;
        height: 105%
    }
}

.tradingview-why-trade__wr {
    margin: 10rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    z-index: 4
}

@media (max-width: 68rem) {
    .tradingview-why-trade__wr {
        justify-content: center;
        margin: 7.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .tradingview-why-trade__wr {
        justify-content: flex-start;
        margin: 5rem 1.25rem
    }
}

.tradingview-why-trade__text {
    width: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 48rem) {
    .tradingview-why-trade__text {
        width: 100%
    }
}

.tradingview-why-trade .content {
    max-width: unset;
    margin-bottom: unset;
    gap: 1.5rem
}

@media (max-width: 48rem) {
    .tradingview-why-trade .content {
        gap: 3rem
    }
}

.tradingview-why-trade .text {
    width: 100%;
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 3rem;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr)
}

@media (max-width: 48rem) {
    .tradingview-why-trade .text {
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: repeat(4,auto);
        grid-row-gap: 2rem
    }
}

.tradingview-why-trade .text div {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (max-width: 48rem) {
    .tradingview-why-trade .text div {
        gap: 1.125rem
    }
}

.tradingview-why-trade .text p {
    max-width: 15rem
}

@media (max-width: 48rem) {
    .tradingview-why-trade .text p {
        max-width: 100%
    }
}

.trade-gold-hero {
    min-height: 55rem
}

@media (max-width: 48rem) {
    .trade-gold-hero {
        min-height: 35rem
    }

        .trade-gold-hero #section-width {
            max-width: 18.5rem
        }
}

.trade-gold-hero .section__wr-small {
    max-width: 66.5rem
}

.trade-gold-hero .section__left {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    max-width: 32.5rem
}

.trade-gold-hero .content {
    max-width: 33rem;
    width: 100%
}

@media (max-width: 48rem) {
    .trade-gold-hero picture {
        width: 20rem;
        height: 15.25rem;
        inset-inline-start: unset;
        inset-inline-end: -3rem;
        bottom: -2rem
    }
}

@media (max-width: 35.5rem) {
    .trade-gold-hero picture {
        height: 11.5rem;
        width: 15rem
    }
}

.trade-gold-hero picture source, .trade-gold-hero picture img {
    width: 100%
}

.why-trade-gold-with-us {
    padding-top: 10rem;
    padding-bottom: 10rem;
    gap: 4rem
}

    .why-trade-gold-with-us .section__wr-big {
        width: unset
    }

    .why-trade-gold-with-us .section__wr-small {
        max-width: 55rem
    }

        .why-trade-gold-with-us .section__wr-small .content-big {
            max-width: 29rem
        }

@media (max-width: 68rem) {
    .why-trade-gold-with-us {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.why-trade-gold-with-us__title {
    justify-content: center
}

.why-trade-gold-with-us h2 {
    text-align: center
}

.why-trade-gold-with-us .reason-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem
}

.why-trade-gold-with-us .reason-card {
    background: var(--Backgrounds-Grey-500, rgb(244, 244, 244));
    padding: 2rem 3rem 3rem;
    min-width: 17rem;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.why-trade-gold-with-us .reason-card__content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.why-trade-gold-with-us .reason-card picture {
    height: 7.5rem;
    display: flex;
    align-self: center
}

    .why-trade-gold-with-us .reason-card picture source, .why-trade-gold-with-us .reason-card picture img {
        height: 100%
    }

.why-choose-social picture {
    position: absolute;
    top: 0;
    width: 45rem;
    height: 70.7rem
}

.trade-gold-seamless {
    position: relative;
    overflow: visible;
    padding: 10rem 0;
    width: 100vw;
    overflow-x: clip;
    background: #f4f4f4
}

    .trade-gold-seamless h2 {
        text-align: right
    }

    .trade-gold-seamless .section .content {
        max-width: 30rem
    }

@media (max-width: 68rem) {
    .trade-gold-seamless h2 {
        text-align: center
    }
}

.trade-gold-seamless .trade-gold-seamless__img img {
    width: 100%
}

@media (max-width: 68rem) {
    .trade-gold-seamless .trade-gold-seamless__img img {
        width: 100%
    }
}

@media (max-width: 48rem) {
    .trade-gold-seamless .mobile-column .section__right {
        text-align: center
    }
}

@media (max-width: 48rem) {
    .trade-gold-seamless .mobile-column .section__right .content {
        justify-self: center
    }
}

.trade-gold-payments {
    gap: 1rem;
    padding-top: 5rem;
    padding-bottom: 5rem
}

    .trade-gold-payments .section__wr-big {
        display: block
    }

    .trade-gold-payments .payment-logos {
        display: flex;
        gap: 35px;
        flex-wrap: wrap;
        align-items: center;
        justify-items: center
    }

        .trade-gold-payments .payment-logos picture {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .trade-gold-payments .payment-logos img {
            max-height: 1.5rem;
            width: auto;
            max-width: 5rem;
            object-fit: contain
        }

.button {
    border-radius: 2rem
}

.trading-gold-hero {
    color: #fff;
    min-height: 53rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: #0a121c
}

@media (max-width: 48rem) {
    .trading-gold-hero {
        min-height: 51rem
    }
}

@media (max-width: 35.5rem) {
    .trading-gold-hero {
        min-height: 49rem
    }
}

.trading-gold-hero picture {
    position: absolute;
    width: 46.5rem;
    height: 40rem;
    left: 45%;
    bottom: 50%;
    transform: translateY(50%);
    display: flex
}

html[dir=rtl] .trading-gold-hero picture {
    right: 45%
}

@media (max-width: 68rem) {
    .trading-gold-hero picture {
        width: 37.5rem;
        height: 32.25rem;
        left: 40%
    }
}

@media (max-width: 48rem) {
    .trading-gold-hero picture {
        left: 43%;
        transform: translate(-50%);
        width: 35rem;
        height: 30rem;
        bottom: -5rem
    }

    html[dir=rtl] .trading-gold-hero picture {
        right: 10%
    }
}

@media (max-width: 35.5rem) {
    .trading-gold-hero picture {
        width: 30rem;
        height: 25.8rem
    }

    html[dir=rtl] .trading-gold-hero picture {
        right: -60%
    }
}

@media (max-width: 380px) {
    .trading-gold-hero picture {
        width: 28rem;
        height: 24rem
    }
}

.trading-gold-hero picture img, .trading-gold-hero picture source {
    width: 100%
}

.trading-gold-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 68rem) {
    .trading-gold-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .trading-gold-hero__wr {
        margin: 1.25rem
    }
}

.trading-gold-hero__left {
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
    max-width: 26.5rem
}

@media (max-width: 48rem) {
    .trading-gold-hero__left {
        gap: 4rem
    }
}

.trading-gold-hero__logo {
    width: 14.75rem;
    display: flex
}

@media (max-width: 48rem) {
    .trading-gold-hero__logo {
        width: 10.8rem
    }
}

.trading-gold-hero__logo a, .trading-gold-hero__logo img {
    width: 100%
}

.trading-gold-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .trading-gold-hero__content {
        gap: 3rem
    }
}

.trading-gold-hero__content h1 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .trading-gold-hero__content h1 {
        gap: .75rem
    }
}

.gold-benefit-cards {
    padding-top: 10rem;
    text-align: center;
    overflow: hidden
}

@media (max-width: 68rem) {
    .gold-benefit-cards {
        padding-top: 5rem
    }
}

.gold-benefit-cards__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%
}

.gold-benefit-cards__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem
}

    .gold-benefit-cards__cards .card-hours {
        height: unset
    }

        .gold-benefit-cards__cards .card-hours p.mobile {
            display: none
        }

@media (max-width: 35.5rem) {
    .gold-benefit-cards__cards .card-hours p.mobile {
        display: block
    }
}

.gold-benefit-cards__cards .card-hours p.desktop {
    display: block
}

@media (max-width: 35.5rem) {
    .gold-benefit-cards__cards .card-hours p.desktop {
        display: none
    }
}

.gold-benefit-cards__cards .card-hours picture {
    height: 5.625rem;
    width: unset
}

    .gold-benefit-cards__cards .card-hours picture img, .gold-benefit-cards__cards .card-hours picture source {
        height: 100%;
        width: unset
    }

@media (max-width: 68rem) {
    .gold-benefit-cards__cards {
        justify-content: center
    }
}

.precious-metals {
    padding-top: 8rem
}

@media (max-width: 48rem) {
    .precious-metals {
        padding-top: 5rem
    }
}

.precious-metals .precious-metals__title, .precious-metals .precious-metals__button {
    justify-content: center
}

@media (max-width: 48rem) {
    .precious-metals .precious-metals__title, .precious-metals .precious-metals__button {
        justify-content: flex-start
    }
}

.precious-metals h2 {
    text-align: center;
    text-wrap: pretty;
    max-width: 460px
}

@media (max-width: 48rem) {
    .precious-metals h2 {
        text-align: left
    }
}

@media (min-width: 920px) {
    .precious-metals .carousel-wrapper {
        display: flex;
        justify-content: center;
        cursor: unset !important
    }
}

@media (min-width: 920px) {
    .precious-metals .big-carousel__arrows {
        display: none
    }
}

.our-platforms {
    position: relative;
    overflow: visible;
    padding-bottom: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media (max-width: 68rem) {
    .our-platforms {
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .our-platforms .section__wr-small {
        flex-direction: column-reverse
    }

        .our-platforms .section__wr-small .section__right {
            display: flex;
            flex-direction: column
        }

            .our-platforms .section__wr-small .section__right .content {
                max-width: 100%
            }

        .our-platforms .section__wr-small .section__left {
            width: unset
        }
}

.our-platforms__img {
    display: flex;
    width: 100%
}

    .our-platforms__img source, .our-platforms__img img {
        width: 100%
    }

.our-platforms__text h4 {
    margin-bottom: 2rem
}

.our-platforms__text .link--basic {
    text-decoration: underline
}

.why-trade-gold .section__wr-medium {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

@media (max-width: 48rem) {
    .why-trade-gold .section__wr-medium {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

@media (max-width: 48rem) {
    .why-trade-gold .section__right .content {
        max-width: 100%
    }
}

.why-trade-gold .section__right ul {
    gap: 1.5rem
}

.why-trade-gold picture {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 28rem;
    inset-inline-end: 53%;
    display: flex
}

@media (max-width: 68rem) {
    .why-trade-gold picture {
        height: 20.5rem
    }
}

@media (max-width: 48rem) {
    .why-trade-gold picture {
        height: 14rem;
        width: 24rem;
        top: unset;
        bottom: 3rem;
        inset-inline-end: 50%;
        transform: translate(50%)
    }
}

@media (max-width: 35.5rem) {
    .why-trade-gold picture {
        height: 14rem;
        top: unset;
        inset-inline-end: unset;
        transform: unset;
        inset-inline-start: -2rem
    }
}

.why-trade-gold picture source, .why-trade-gold picture img {
    height: 100%;
    width: 100%
}

@media (max-width: 48rem) {
    .gold-start {
        padding-bottom: 3rem
    }
}

.gold-start .register-card {
    gap: 0 !important;
    padding-bottom: 0 !important
}

.multi-asset-hero {
    color: #fff;
    min-height: 46rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

@media (max-width: 48rem) {
    .multi-asset-hero {
        min-height: 29rem;
        height: auto;
        padding: 0 0 9rem
    }
}

@media (max-width: 35.5rem) {
    .multi-asset-hero {
        padding-bottom: 5.6rem
    }
}

.multi-asset-hero picture {
    position: absolute;
    width: 60rem;
    height: 100%;
    bottom: 0;
    right: 0;
    display: flex
}

html[dir=rtl] .multi-asset-hero picture {
    right: 50%;
    transform: scaleX(-1)
}

.multi-asset-hero picture img, .multi-asset-hero picture source {
    object-fit: contain;
    object-position: center;
    width: 100%
}

@media (max-width: 48rem) {
    .multi-asset-hero picture {
        width: 28rem;
        height: 17rem;
        bottom: -2rem;
        inset-inline-start: unset;
        inset-inline-end: -2rem
    }
}

@media (max-width: 35.5rem) {
    .multi-asset-hero picture {
        width: 21rem;
        height: 12.6rem;
        bottom: -4rem;
        inset-inline-start: 11rem;
        inset-inline-end: unset
    }
}

.multi-asset-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 1142px) {
    .multi-asset-hero__wr {
        margin: 6.75rem 5rem;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .multi-asset-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .multi-asset-hero__wr {
        margin: 1.25rem
    }
}

.multi-asset-hero__left {
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
    max-width: 26.5rem
}

@media (max-width: 48rem) {
    .multi-asset-hero__left {
        gap: 4rem
    }
}

.multi-asset-hero__logo {
    width: 14.75rem;
    display: flex
}

    .multi-asset-hero__logo a, .multi-asset-hero__logo img {
        width: 100%
    }

.multi-asset-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .multi-asset-hero__content {
        gap: 3rem
    }
}

.multi-asset-hero__content h1 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .multi-asset-hero__content h1 {
        gap: .75rem
    }
}

#multi-asset-hero picture {
    width: 55rem
}

html[dir=rtl] .day-trading-hero picture {
    right: 55%
}

@media (max-width: 68rem) {
    .day-trading-hero picture {
        width: 37.5rem;
        height: 32.25rem;
        left: 40%
    }

    html[dir=rtl] .day-trading-hero picture {
        right: 40%
    }
}

@media (max-width: 48rem) {
    .day-trading-hero picture {
        left: 43%;
        min-width: unset;
        transform: translate(-50%);
        width: 35rem;
        height: 30rem;
        bottom: -5rem
    }

    html[dir=rtl] .day-trading-hero picture {
        right: 0
    }
}

@media (max-width: 35.5rem) {
    .day-trading-hero picture {
        left: 55%;
        transform: translate(-50%);
        width: 30rem;
        height: 25.8rem
    }

    html[dir=rtl] .day-trading-hero picture {
        right: -80%
    }
}

.nb-hero {
    color: #fff;
    min-height: 50rem;
    height: 100vh;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

@media (max-width: 68rem) {
    .nb-hero {
        min-height: 41rem
    }
}

.nb-hero__video {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    opacity: 1;
    transition: opacity .5s ease-in-out
}

html[dir=rtl] .nb-hero__video {
    object-position: left
}

@media (max-width: 950px) {
    html[dir=rtl] .nb-hero__video {
        object-position: 35%
    }
}

@media (max-width: 950px) {
    .nb-hero__video {
        object-position: 65%
    }
}

@media (max-width: 48rem) {
    .nb-hero__video {
        display: none
    }
}

.nb-hero h4, .nb-hero h1 {
    text-wrap: balance
}

.nb-hero__image {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    display: none
}

@media (max-width: 48rem) {
    .nb-hero__image {
        display: block
    }
}

.nb-hero__image img, .nb-hero__image source {
    object-fit: cover;
    object-position: bottom right;
    width: 100%;
    height: 100%
}

html[dir=rtl] .nb-hero__image img, html[dir=rtl] .nb-hero__image source {
    object-position: bottom left
}

.nb-hero__wr {
    width: 62.5rem;
    z-index: 3;
    display: flex;
    margin: 16.25rem auto 3rem;
    justify-content: space-between
}

@media (max-width: 1142px) {
    .nb-hero__wr {
        margin: 16.25rem 5rem 3rem;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .nb-hero__wr {
        margin: 16.25rem 1.25rem 3rem;
        width: 100%
    }
}

@media (max-width: 48rem) {
    .nb-hero__wr {
        margin: 6.25rem 1.25rem 0 !important;
        align-items: unset
    }
}

.nb-hero__content {
    max-width: 45rem;
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (max-width: 48rem) {
    .nb-hero__content {
        gap: 2.5rem
    }
}

.nb-hero .content-text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (max-width: 48rem) {
    .nb-hero .content-text {
        gap: 1rem
    }
}

@media (max-width: 48rem) {
    .nb-hero .button-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem
    }
}

.refresh-slider {
    flex-direction: column;
    gap: 2rem
}

    .refresh-slider .section__wr-big:first-child {
        overflow-x: visible
    }

.refresh-slider__body {
    width: fit-content;
    display: flex;
    padding: 7.5rem;
    transition: all .3s ease
}

@media (max-width: 48rem) {
    .refresh-slider__body {
        padding: 2rem
    }
}

.refresh-slider__body .content {
    width: 25rem
}

@media (max-width: 35.5rem) {
    .refresh-slider__body .content {
        width: 20rem
    }
}

@media (max-width: 400px) {
    .refresh-slider__body .content {
        width: 18rem
    }
}

.refresh-slider__body picture {
    height: 22rem;
    margin-bottom: -5rem;
    margin-left: -3rem;
    display: flex;
    padding-right: 4rem
}

@media (max-width: 35.5rem) {
    .refresh-slider__body picture {
        height: 20rem
    }
}

.refresh-slider__body picture source, .refresh-slider__body picture img {
    height: 100%
}

.refresh-slider__arrows {
    z-index: 14;
    display: flex;
    gap: 1.5rem
}

    .refresh-slider__arrows button {
        transition: all .2s ease;
        cursor: pointer
    }

html[dir=rtl] .refresh-slider__arrows svg {
    transform: scaleX(-1)
}

.refresh-slider__arrows button:hover {
    opacity: .8
}

.refresh-slider__arrows button:active {
    opacity: .6
}

.refresh-slider__body {
    will-change: transform
}

.refresh-slider .section__wr-big {
    touch-action: pan-y
}

.evolve .evolve__wr {
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e);
    color: #fff;
    height: 56.25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width: 48rem) {
    .evolve .evolve__wr {
        height: unset;
        padding: 10rem 1.25rem 13.75rem;
        justify-content: unset
    }
}

.evolve .evolve__wr .content-medium {
    gap: 1.5rem;
    margin-bottom: 4rem
}

@media (max-width: 48rem) {
    .evolve .evolve__wr .content-medium {
        gap: 1rem;
        margin-bottom: 3rem
    }
}

@media (max-width: 35.5rem) {
    .evolve .evolve__wr .content-medium {
        max-width: 24rem
    }
}

.evolve .evolve__wr h2 {
    text-wrap: balance
}

@media (max-width: 68rem) {
    .evolve .evolve__wr h2 {
        max-width: 31rem
    }
}

.evolve .evolve__wr p {
    max-width: 25rem
}

.evolve picture {
    position: absolute;
    transition: all .3s ease;
    transform: translate(var(--tx, 0px),var(--ty, 0px));
    will-change: transform
}

@media (max-width: 48rem) {
    .evolve picture {
        transform: none
    }
}

.evolve picture source, .evolve picture img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.evolve__head {
    top: 10rem;
    left: -8rem;
    height: 35.5rem;
    width: 20rem
}

    .evolve__head source, .evolve__head img {
        object-position: top
    }

@media (max-width: 79rem) {
    .evolve__head {
        height: 32rem;
        width: 18rem
    }
}

@media (max-width: 68rem) {
    .evolve__head {
        top: 5rem;
        height: 30rem;
        width: 16rem
    }
}

@media (max-width: 900px) {
    .evolve__head {
        height: 22rem;
        width: 12rem
    }
}

@media (max-width: 48rem) {
    .evolve__head {
        top: 5rem;
        left: 0;
        height: 13rem;
        width: 7rem
    }
}

@media (max-width: 35.5rem) {
    .evolve__head {
        height: 11.8rem;
        width: 6rem
    }
}

.evolve__platform {
    bottom: -2rem;
    left: 10rem;
    height: 19.8rem;
    width: 19.8rem
}

@media (max-width: 68rem) {
    .evolve__platform {
        height: 16rem;
        width: 16rem;
        left: 5rem
    }
}

@media (max-width: 48rem) {
    .evolve__platform {
        height: 14rem;
        width: 14rem;
        left: -.5rem;
        bottom: 2.5rem
    }
}

@media (max-width: 35.5rem) {
    .evolve__platform {
        height: 9rem;
        width: 9rem;
        left: -.5rem;
        bottom: 2.5rem
    }
}

.evolve__shares {
    top: .5rem;
    left: 75%;
    height: 14.1rem;
    width: 14.1rem
}

@media (max-width: 48rem) {
    .evolve__shares {
        height: 11rem;
        width: 11rem;
        top: 4.5rem
    }
}

@media (max-width: 35.5rem) {
    .evolve__shares {
        height: 7.5rem;
        width: 7.5rem;
        left: unset;
        right: .5rem
    }
}

.evolve__phone {
    bottom: -5rem;
    right: -5rem;
    height: 42rem;
    width: 39rem
}

    .evolve__phone source, .evolve__phone img {
        object-position: bottom
    }

@media (max-width: 79rem) {
    .evolve__phone {
        height: 38rem;
        width: 36rem
    }
}

@media (max-width: 68rem) {
    .evolve__phone {
        height: 25rem;
        width: 24rem
    }
}

@media (max-width: 48rem) {
    .evolve__phone {
        height: 19rem;
        width: 18.2rem;
        right: -1rem;
        bottom: 0
    }
}

@media (max-width: 35.5rem) {
    .evolve__phone {
        height: 13.3rem;
        width: 12.8rem;
        right: -1rem
    }
}

.visual {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .visual {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.visual .section__wr-big {
    flex-direction: column;
    align-items: flex-start;
    overflow: unset;
    gap: 4rem
}

@media (max-width: 79rem) {
    .visual .section__wr-big {
        max-width: unset
    }
}

@media (max-width: 48rem) {
    .visual .section__wr-big {
        align-items: center;
        gap: 2.5rem
    }

        .visual .section__wr-big h2 {
            text-align: center
        }
}

.visual .card-list {
    display: flex;
    gap: 1.5rem
}

@media (max-width: 800px) {
    .visual .card-list {
        flex-direction: column
    }
}

.visual .register-card {
    max-width: unset;
    position: relative;
    height: 32.5rem
}

@media (max-width: 79rem) {
    .visual .register-card {
        height: 37rem
    }
}

@media (max-width: 800px) {
    .visual .register-card {
        height: 31.25rem;
        flex: unset
    }
}

.visual .register-card h4 {
    margin-bottom: 1rem
}

.visual .register-card picture {
    position: absolute
}

    .visual .register-card picture source, .visual .register-card picture img {
        object-fit: cover;
        object-position: bottom right;
        width: 100%;
        height: 100%
    }

@media (max-width: 800px) {
    .visual .people-img .ppl-white {
        --ppl-white-dy: 0rem
    }

    .visual .people-img .ppl-blue {
        --ppl-blue-dx: 0rem
    }

    .visual .people-img .ppl-person {
        --ppl-person-dy: 0rem
    }

    .visual .people-img .ppl-text {
        --ppl-text-dx: 0rem
    }
}

.visual .people-img .ppl-white {
    width: 105%;
    height: 16.6rem;
    bottom: calc(1rem + var(--ppl-white-dy, 0rem));
    left: .5rem
}

    .visual .people-img .ppl-white source, .visual .people-img .ppl-white img {
        object-fit: contain
    }

@media (max-width: 800px) {
    .visual .people-img .ppl-white {
        left: 55%;
        transform: translate(-50%)
    }

        .visual .people-img .ppl-white source, .visual .people-img .ppl-white img {
            object-position: center
        }
}

@media (max-width: 35.5rem) {
    .visual .people-img .ppl-white {
        left: .5rem;
        transform: unset
    }

        .visual .people-img .ppl-white source, .visual .people-img .ppl-white img {
            object-position: bottom right
        }
}

.visual .people-img .ppl-blue {
    width: 14.7rem;
    height: 15.5rem;
    bottom: 4rem;
    right: calc(.5rem + var(--ppl-blue-dx, 0rem))
}

@media (max-width: 800px) {
    .visual .people-img .ppl-blue {
        right: 40%;
        transform: translate(50%)
    }

        .visual .people-img .ppl-blue source, .visual .people-img .ppl-blue img {
            object-position: center
        }
}

@media (max-width: 35.5rem) {
    .visual .people-img .ppl-blue {
        right: .5rem;
        transform: unset
    }

        .visual .people-img .ppl-blue source, .visual .people-img .ppl-blue img {
            object-position: bottom right
        }
}

.visual .people-img .ppl-person {
    width: 11.4rem;
    height: 9.93rem;
    right: 5.2rem;
    bottom: calc(3.6rem + var(--ppl-person-dy, 0rem))
}

@media (max-width: 68rem) {
    .visual .people-img .ppl-person {
        right: 1.2rem
    }
}

@media (max-width: 800px) {
    .visual .people-img .ppl-person {
        right: 40%;
        bottom: 3rem;
        transform: translate(50%)
    }

        .visual .people-img .ppl-person source, .visual .people-img .ppl-person img {
            object-position: center
        }
}

@media (max-width: 400px) {
    .visual .people-img .ppl-person {
        right: 2.5rem;
        transform: unset
    }

        .visual .people-img .ppl-person source, .visual .people-img .ppl-person img {
            object-position: bottom right
        }
}

.visual .people-img .ppl-text {
    width: 18.1rem;
    height: 9.3rem;
    bottom: 8rem;
    left: calc(-.5rem + var(--ppl-text-dx, 0rem))
}

    .visual .people-img .ppl-text source, .visual .people-img .ppl-text img {
        object-fit: contain
    }

@media (max-width: 990px) {
    .visual .people-img .ppl-text {
        width: 16rem;
        height: 8.22rem
    }
}

@media (max-width: 990px) {
    .visual .people-img .ppl-text {
        width: 14rem;
        height: 7rem
    }
}

@media (max-width: 800px) {
    .visual .people-img .ppl-text {
        width: 18.1rem;
        height: 9.3rem;
        left: 45%;
        transform: translate(-50%)
    }

        .visual .people-img .ppl-text source, .visual .people-img .ppl-text img {
            object-position: center
        }
}

@media (max-width: 400px) {
    .visual .people-img .ppl-text {
        left: -.5rem;
        transform: unset
    }

        .visual .people-img .ppl-text source, .visual .people-img .ppl-text img {
            object-position: bottom right
        }
}

.visual .three-d__card:hover .three-d-chart {
    filter: blur(2.5px);
    width: 11rem;
    height: 8rem;
    bottom: 7rem
}

.visual .three-d__card:hover .three-d-drop {
    filter: blur(0);
    z-index: 12;
    width: 8.25rem;
    height: 11.3rem;
    bottom: 4.3rem
}

.visual .three-d-img .three-d-chart {
    width: 12.6rem;
    height: 9.25rem;
    bottom: 5.2rem;
    left: 3.75rem;
    transition: all .5s ease;
    filter: blur(0);
    z-index: 11
}

@media (max-width: 990px) {
    .visual .three-d-img .three-d-chart {
        width: 12.6rem;
        height: 9.25rem;
        left: .75rem
    }
}

@media (max-width: 800px) {
    .visual .three-d-img .three-d-chart {
        left: unset;
        right: 45%
    }
}

@media (max-width: 35.5rem) {
    .visual .three-d-img .three-d-chart {
        left: 1.5rem;
        right: unset
    }
}

.visual .three-d-img .three-d-drop {
    width: 6.25rem;
    height: 8.6rem;
    bottom: 8.3rem;
    right: 3.75rem;
    filter: blur(2.5px);
    transition: all .5s ease;
    z-index: 10
}

@media (max-width: 990px) {
    .visual .three-d-img .three-d-drop {
        right: 1.75rem
    }
}

@media (max-width: 800px) {
    .visual .three-d-img .three-d-drop {
        left: 50%;
        right: unset
    }
}

@media (max-width: 35.5rem) {
    .visual .three-d-img .three-d-drop {
        left: unset;
        right: 1.75rem
    }
}

.visual .grid__card:hover .grid-start {
    opacity: 0
}

.visual .grid-img .grid-start {
    width: 12.65rem;
    height: 15.8rem;
    bottom: 3rem;
    left: 50%;
    transform: translate(-50%);
    transition: opacity .5s ease
}

.visual .grid-img .grid-finish {
    width: 12.65rem;
    height: 15.8rem;
    bottom: 3rem;
    left: 50%;
    transform: translate(-50%)
}

.colours {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 10rem
}

@media (max-width: 48rem) {
    .colours {
        padding-bottom: 5rem
    }
}

.colours .section__wr-big {
    overflow: unset;
    justify-content: flex-end
}

@media (max-width: 48rem) {
    .colours__title {
        justify-content: center !important
    }
}

.colours__title .content-medium {
    text-align: right;
    align-items: flex-end;
    margin-bottom: 4rem
}

@media (max-width: 48rem) {
    .colours__title .content-medium {
        margin-bottom: 2rem;
        align-items: center;
        text-align: center;
        max-width: unset
    }
}

.colours__wr {
    width: 100%;
    height: 25rem;
    position: relative
}

@media (max-width: 48rem) {
    .colours__wr {
        height: 78rem
    }
}

.colours__blocks {
    position: absolute;
    top: 0;
    left: 5rem;
    height: 100%;
    width: 100%;
    display: flex;
    will-change: left
}

@media (max-width: 48rem) {
    .colours__blocks {
        left: 0;
        flex-direction: column-reverse;
        padding: 0 1.25rem
    }
}

.colours__block {
    flex: 1 1 0;
    position: relative
}

@media (max-width: 48rem) {
    .colours__block {
        height: 15.625rem
    }
}

.colours__block p {
    position: absolute;
    writing-mode: vertical-lr;
    transform: scale(-1);
    right: 2rem;
    bottom: 2rem
}

.colours .block-white {
    background: #fff
}

@media (max-width: 48rem) {
    .colours .block-white {
        border: 1px solid #B7C4CC
    }
}

.colours .block-light-blue {
    color: #fff;
    background: #00bdff
}

.colours .block-dark-blue {
    color: #fff;
    background: #08174e
}

.colours .block-dark-grey {
    color: #fff;
    background: #19222e
}

.colours .block-mid-blue {
    color: #fff;
    background: #1d47f0
}

.colours .img__dna {
    position: absolute;
    top: -3rem;
    right: 48%;
    width: 43rem;
    height: 23rem;
    transform: translate(var(--dx-dna, 0px));
    will-change: transform
}

@media (max-width: 48rem) {
    .colours .img__dna {
        top: 3rem;
        right: 20%;
        transform: none
    }
}

@media (max-width: 35.5rem) {
    .colours .img__dna {
        width: 33.5rem;
        height: 17.8rem
    }
}

.colours .img__server {
    position: absolute;
    top: -2rem;
    left: 57%;
    width: 22.8rem;
    height: 20.5rem;
    transform: translate(var(--dx-server, 0px));
    will-change: transform
}

@media (max-width: 48rem) {
    .colours .img__server {
        top: unset;
        bottom: 19.3rem;
        left: unset;
        right: 50%;
        transform: translate(50%)
    }
}

@media (max-width: 35.5rem) {
    .colours .img__server {
        right: 60%;
        width: 21.9rem;
        height: 19rem
    }
}

.colours source, .colours img {
    width: 100%;
    object-fit: fill
}

.ux {
    display: flex;
    flex-direction: column;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .ux {
        padding-bottom: 5rem
    }
}

.ux .section__wr-big {
    overflow: hidden
}

@media (max-width: 48rem) {
    .ux__title {
        justify-content: center !important
    }
}

.ux__title .content-medium {
    text-align: left;
    align-items: flex-start;
    margin-bottom: 4rem
}

@media (max-width: 48rem) {
    .ux__title .content-medium {
        justify-content: center;
        margin-bottom: 2rem;
        align-items: center;
        text-align: center;
        max-width: unset
    }
}

.ux__img {
    position: relative;
    height: 43.75rem
}

@media (max-width: 68rem) {
    .ux__img {
        height: 39.5rem
    }
}

.ux__img picture {
    position: absolute;
    height: 43.75rem;
    width: 75rem;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width: 68rem) {
    .ux__img picture {
        transform: translate(-45%);
        height: 39.5rem;
        width: 67.8rem
    }
}

.ux__img picture source, .ux__img picture img {
    object-fit: fill;
    object-position: center;
    width: 100%;
    height: 100%
}

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

.voice__title {
    padding-bottom: 4rem;
    text-align: right;
    justify-content: flex-end
}

html[dir=rtl] .voice__title {
    justify-content: flex-start
}

@media (max-width: 48rem) {
    html[dir=rtl] .voice__title {
        justify-content: center
    }
}

@media (max-width: 48rem) {
    .voice__title {
        padding-bottom: 2rem;
        justify-content: center
    }
}

.voice__wr {
    width: 100%;
    position: relative
}

    .voice__wr .section__wr-small {
        padding-top: 10rem;
        padding-bottom: 10rem;
        z-index: 14;
        position: relative;
        color: #fff
    }

html[dir=rtl] .voice__wr .section__wr-small {
    flex-direction: row-reverse
}

@media (max-width: 48rem) {
    html[dir=rtl] .voice__wr .section__wr-small {
        flex-direction: column-reverse
    }
}

@media (max-width: 48rem) {
    .voice__wr .section__wr-small {
        gap: unset
    }
}

@media (max-width: 48rem) {
    .voice h2 {
        text-align: center
    }
}

.voice .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10
}

    .voice .bg source, .voice .bg img {
        object-fit: cover;
        object-position: top center;
        width: 100%;
        height: 100%
    }

.voice .bg__blue {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    background: #00bdffcc;
    z-index: 11;
    transform-origin: right center;
    transform: scaleX(var(--blueScale, 1));
    will-change: transform
}

@media (max-width: 48rem) {
    .voice .bg__blue {
        width: 100%;
        transform: none
    }
}

.voice .bg__person {
    position: absolute;
    width: 44.4rem;
    height: 50.5rem;
    right: 56%;
    top: -4rem;
    z-index: 12;
    will-change: right
}

@media (max-width: 48rem) {
    .voice .bg__person {
        display: none
    }
}

.voice .bg__person source, .voice .bg__person img {
    object-fit: fill;
    width: 100%;
    height: 100%
}

.modern-trading {
    display: flex;
    flex-direction: column
}

.modern-trading__top {
    background: radial-gradient(137.82% 47.31% at 17.29% 20.87%,#0a121d,#122134);
    padding-top: 10rem;
    padding-bottom: 10rem;
    display: flex;
    height: 40.6rem
}

    .modern-trading__top h2 {
        text-align: center
    }

@media (max-width: 48rem) {
    .modern-trading__top {
        height: 34rem
    }
}

.modern-trading__bottom {
    width: 100%;
    position: relative;
    height: 40.6rem
}

@media (max-width: 48rem) {
    .modern-trading__bottom {
        height: 34rem
    }
}

.modern-trading__bottom picture {
    position: absolute;
    width: 100%;
    height: 40.6rem
}

@media (max-width: 48rem) {
    .modern-trading__bottom picture {
        height: 34rem
    }
}

.modern-trading__bottom picture img, .modern-trading__bottom picture source {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%
}

@media (max-width: 48rem) {
    .modern-trading__bottom picture img, .modern-trading__bottom picture source {
        object-position: 68%
    }
}

.modern-trading .last-two-lines-accent {
    color: #00bdff;
    line-height: 1
}

html[lang=zh] .modern-trading .last-two-lines-accent {
    line-height: 1.15
}

html[lang=ko] .modern-trading .last-two-lines-accent {
    line-height: 1.1
}

html[dir=rtl] .modern-trading .last-two-lines-accent {
    line-height: 1.19
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
    .modern-trading .last-two-lines-accent {
        --accent-lines: 2;
        --top-color: #00BDFFFF;
        --bottom-color: #FFF;
        background-image: linear-gradient(to bottom,var(--top-color) 0 calc(100% - var(--accent-lines) * 1lh),var(--bottom-color) calc(100% - var(--accent-lines) * 1lh) 100%);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

.modern-trading .last-one-line-accent {
    color: #00bdff;
    line-height: 1
}

html[lang=zh] .modern-trading .last-one-line-accent {
    line-height: 1.15
}

html[lang=ko] .modern-trading .last-one-line-accent {
    line-height: 1.1
}

html[dir=rtl] .modern-trading .last-one-line-accent {
    line-height: 1.19
}

@supports (-webkit-background-clip: text) or (background-clip: text) {
    .modern-trading .last-one-line-accent {
        --accent-lines: 1;
        --top-color: #00BDFFFF;
        --bottom-color: #FFF;
        background-image: linear-gradient(to bottom,var(--top-color) 0 calc(100% - var(--accent-lines) * 1lh),var(--bottom-color) calc(100% - var(--accent-lines) * 1lh) 100%);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

.copy-trading-lp-hero {
    color: #fff;
    min-height: 45rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

@media (max-width: 48rem) {
    .copy-trading-lp-hero {
        min-height: 51rem
    }
}

@media (max-width: 35.5rem) {
    .copy-trading-lp-hero {
        min-height: 49rem
    }
}

.copy-trading-lp-hero picture {
    position: absolute;
    width: 35%;
    min-width: 50rem;
    left: 45%;
    bottom: 32%;
    transform: translateY(50%);
    display: flex
}

html[dir=rtl] .copy-trading-lp-hero picture {
    right: 45%
}

@media (max-width: 68rem) {
    .copy-trading-lp-hero picture {
        width: 37.5rem;
        height: 32.25rem;
        left: 40%;
        bottom: 30%
    }

    html[dir=rtl] .copy-trading-lp-hero picture {
        right: 20%
    }
}

@media (max-width: 48rem) {
    .copy-trading-lp-hero picture {
        left: 43%;
        min-width: unset;
        transform: translate(-50%);
        width: 35rem;
        height: 30rem;
        bottom: 0rem
    }

    html[dir=rtl] .copy-trading-lp-hero picture {
        right: 0
    }
}

@media (max-width: 35.5rem) {
    .copy-trading-lp-hero picture {
        left: 55%;
        transform: translate(-50%);
        width: 25rem;
        height: 20rem;
        bottom: -2rem
    }

    html[dir=rtl] .copy-trading-lp-hero picture {
        right: -45%
    }
}

.copy-trading-lp-hero picture img, .copy-trading-lp-hero picture source {
    width: 100%
}

.copy-trading-lp-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 68rem) {
    .copy-trading-lp-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .copy-trading-lp-hero__wr {
        margin: 1.25rem
    }
}

.copy-trading-lp-hero__left {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    max-width: 32.5rem
}

@media (max-width: 68rem) {
    .copy-trading-lp-hero__left {
        max-width: 28rem
    }
}

@media (max-width: 48rem) {
    .copy-trading-lp-hero__left {
        gap: 4rem
    }
}

.copy-trading-lp-hero__logo {
    width: 14.75rem;
    display: flex
}

@media (max-width: 48rem) {
    .copy-trading-lp-hero__logo {
        width: 10.8rem
    }
}

.copy-trading-lp-hero__logo a, .copy-trading-lp-hero__logo img {
    width: 100%
}

.copy-trading-lp-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .copy-trading-lp-hero__content {
        gap: 3rem
    }
}

.copy-trading-lp-hero__content h1, .copy-trading-lp-hero__content h2 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .copy-trading-lp-hero__content h1, .copy-trading-lp-hero__content h2 {
        gap: .75rem
    }
}

#ct-trading-lp picture {
    position: absolute;
    width: 35%;
    min-width: 55rem;
    left: 45%;
    bottom: 27%;
    transform: translateY(50%);
    display: flex
}

@media (max-width: 68rem) {
    #ct-trading-lp picture {
        width: 37.5rem;
        height: 50rem;
        left: 30%;
        bottom: 25%
    }
}

@media (max-width: 48rem) {
    #ct-trading-lp picture {
        left: 45%;
        min-width: unset;
        transform: translate(-50%);
        width: 50rem;
        height: 45rem;
        bottom: -10rem
    }
}

@media (max-width: 35.5rem) {
    #ct-trading-lp picture {
        left: 45%;
        transform: translate(-50%);
        width: 50rem;
        height: 40rem;
        bottom: -10rem
    }
}

@media (max-width: 48rem) {
    .copy-trading-work {
        padding-bottom: 3rem
    }
}

.copy-trading-work .register-card {
    gap: 2rem;
    padding-bottom: 2rem
}

.copy-trading-work .content-big, .copy-trading-work .content-big p {
    max-width: 35rem
}

.copy-trading-work .card-list picture {
    width: auto;
    max-width: 9rem;
    height: 9rem;
    display: flex;
    align-self: center
}

@media (max-width: 48rem) {
    .copy-trading-work .card-list {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
}

.copy-trading-automation {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .copy-trading-automation {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.copy-trading-automation__text {
    display: flex;
    gap: 5rem
}

@media (max-width: 48rem) {
    .copy-trading-automation__text {
        gap: 3rem;
        flex-direction: column
    }

        .copy-trading-automation__text .section__left {
            text-align: center
        }
}

.copy-trading-automation__text .section__left {
    align-content: center;
    align-self: center
}

@media (max-width: 48rem) {
    .copy-trading-automation__text .section__left {
        text-align: center
    }
}

.copy-trading-automation__text .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.copy-trading-automation picture {
    display: flex;
    max-width: 30rem
}

    .copy-trading-automation picture source, .copy-trading-automation picture img {
        width: 100%
    }

.copy-trading-transparency {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: radial-gradient(#122134,#0a131c)
}

@media (max-width: 68rem) {
    .copy-trading-transparency {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .copy-trading-transparency .section__wr-small {
        flex-direction: column-reverse
    }

        .copy-trading-transparency .section__wr-small .section__right, .copy-trading-transparency .section__wr-small .content {
            width: 100%;
            max-width: 100%
        }

        .copy-trading-transparency .section__wr-small .content {
            text-align: center
        }
}

.copy-trading-transparency picture {
    max-width: 27.5rem;
    width: 100%;
    display: flex
}

    .copy-trading-transparency picture img, .copy-trading-transparency picture source {
        width: 100%
    }

.copy-trading-transparency .content {
    color: #fff
}

@media (max-width: 48rem) {
    .copy-trading-start {
        padding-bottom: 3rem
    }
}

.copy-trading-start .register-card {
    gap: 2rem;
    padding-bottom: 2rem
}

.copy-trading-start .card-list picture {
    width: auto;
    max-width: 9rem;
    height: 9rem;
    display: flex;
    align-self: center
}

.why-choose-copy {
    position: relative;
    display: flex;
    overflow: hidden;
    margin-top: 7rem
}

@media (max-width: 68rem) {
    .why-choose-copy {
        margin-top: 4rem
    }
}

.why-choose-copy h2 {
    text-wrap: balance
}

@media (max-width: 48rem) {
    .why-choose-copy {
        overflow: hidden
    }
}

.why-choose-copy__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0;
    z-index: 0
}

html[dir=rtl] .why-choose-copy__bg .bg__back {
    transform: scaleX(-1)
}

.why-choose-copy__bg .bg__back img, .why-choose-copy__bg .bg__back source {
    object-fit: cover;
    object-position: top left;
    width: 100%;
    height: 105%
}

@media (max-width: 68rem) {
    .why-choose-copy__bg .bg__back img, .why-choose-copy__bg .bg__back source {
        object-position: top left
    }
}

@media (max-width: 48rem) {
    .why-choose-copy__bg .bg__back img, .why-choose-copy__bg .bg__back source {
        object-position: top right;
        height: 105%
    }
}

.why-choose-copy__wr {
    margin: 10rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    z-index: 4
}

@media (max-width: 68rem) {
    .why-choose-copy__wr {
        justify-content: center;
        margin: 7.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .why-choose-copy__wr {
        justify-content: flex-start;
        margin: 5rem 1.25rem
    }
}

.why-choose-copy__text {
    width: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 48rem) {
    .why-choose-copy__text {
        width: 100%
    }
}

.why-choose-copy .content {
    max-width: unset;
    margin-bottom: unset;
    gap: 1.5rem
}

@media (max-width: 48rem) {
    .why-choose-copy .content {
        gap: 3rem
    }
}

.why-choose-copy .text {
    width: 100%;
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 3rem;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr)
}

@media (max-width: 48rem) {
    .why-choose-copy .text {
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: repeat(4,auto);
        grid-row-gap: 2rem
    }
}

.why-choose-copy .text div {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (max-width: 48rem) {
    .why-choose-copy .text div {
        gap: 1.125rem
    }
}

.why-choose-copy .text p {
    max-width: 15rem
}

@media (max-width: 48rem) {
    .why-choose-copy .text p {
        max-width: 100%
    }
}

.social-trading-hero {
    color: #fff;
    min-height: 45rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

@media (max-width: 48rem) {
    .social-trading-hero {
        min-height: 51rem
    }
}

@media (max-width: 35.5rem) {
    .social-trading-hero {
        min-height: 49rem
    }
}

.social-trading-hero picture {
    position: absolute;
    width: 35%;
    min-width: 50rem;
    left: 45%;
    bottom: 32%;
    transform: translateY(50%);
    display: flex
}

html[dir=rtl] .social-trading-hero picture {
    right: 45%;
    left: 0
}

@media (max-width: 68rem) {
    .social-trading-hero picture {
        width: 37.5rem;
        height: 32.25rem;
        left: 40%;
        bottom: 30%
    }

    html[dir=rtl] .social-trading-hero picture {
        right: 20%
    }
}

@media (max-width: 48rem) {
    .social-trading-hero picture {
        left: 43%;
        min-width: unset;
        transform: translate(-50%);
        width: 35rem;
        height: 30rem;
        bottom: 0rem
    }

    html[dir=rtl] .social-trading-hero picture {
        right: 0
    }
}

@media (max-width: 35.5rem) {
    .social-trading-hero picture {
        left: 55%;
        transform: translate(-50%);
        width: 25rem;
        height: 20rem;
        bottom: -2rem
    }

    html[dir=rtl] .social-trading-hero picture {
        right: -45%
    }
}

.social-trading-hero picture img, .social-trading-hero picture source {
    width: 100%
}

.social-trading-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 68rem) {
    .social-trading-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .social-trading-hero__wr {
        margin: 1.25rem
    }
}

.social-trading-hero__left {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    max-width: 32.5rem
}

@media (max-width: 68rem) {
    .social-trading-hero__left {
        max-width: 28rem
    }
}

@media (max-width: 48rem) {
    .social-trading-hero__left {
        gap: 4rem
    }
}

.social-trading-hero__logo {
    width: 14.75rem;
    display: flex
}

@media (max-width: 48rem) {
    .social-trading-hero__logo {
        width: 10.8rem
    }
}

.social-trading-hero__logo a, .social-trading-hero__logo img {
    width: 100%
}

.social-trading-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .social-trading-hero__content {
        gap: 3rem
    }
}

.social-trading-hero__content h1, .social-trading-hero__content h2 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .social-trading-hero__content h1, .social-trading-hero__content h2 {
        gap: .75rem
    }
}

#social-trading-hero picture {
    position: absolute;
    width: 35%;
    min-width: 55rem;
    left: 45%;
    bottom: 27%;
    transform: translateY(50%);
    display: flex
}

@media (max-width: 68rem) {
    #social-trading-hero picture {
        width: 37.5rem;
        height: 50rem;
        left: 30%;
        bottom: 25%
    }
}

@media (max-width: 48rem) {
    #social-trading-hero picture {
        left: 45%;
        min-width: unset;
        transform: translate(-50%);
        width: 50rem;
        height: 45rem;
        bottom: -10rem
    }
}

@media (max-width: 35.5rem) {
    #social-trading-hero picture {
        left: 45%;
        transform: translate(-50%);
        width: 50rem;
        height: 40rem;
        bottom: -10rem
    }
}

@media (max-width: 48rem) {
    .social-trading-work {
        padding-bottom: 3rem
    }
}

.social-trading-work .register-card {
    gap: 2rem;
    padding-bottom: 2rem
}

.social-trading-work .content-big, .social-trading-work .content-big p {
    max-width: 35rem
}

.social-trading-work .card-list picture {
    width: auto;
    max-width: 9rem;
    height: 9rem;
    display: flex;
    align-self: center
}

@media (max-width: 48rem) {
    .social-trading-work .card-list {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
}

.social-trading-automation {
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 68rem) {
    .social-trading-automation {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.social-trading-automation__text {
    display: flex;
    gap: 5rem
}

@media (max-width: 48rem) {
    .social-trading-automation__text {
        gap: 3rem;
        flex-direction: column
    }

        .social-trading-automation__text .section__left {
            text-align: center
        }
}

.social-trading-automation__text .section__left {
    align-content: center;
    align-self: center
}

.social-trading-automation__text .section__right {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.social-trading-automation picture {
    display: flex;
    max-width: 30rem
}

    .social-trading-automation picture source, .social-trading-automation picture img {
        width: 100%
    }

.social-trading-transparency {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: radial-gradient(#122134,#0a131c)
}

@media (max-width: 68rem) {
    .social-trading-transparency {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .social-trading-transparency .section__wr-small {
        flex-direction: column-reverse
    }

        .social-trading-transparency .section__wr-small .section__right, .social-trading-transparency .section__wr-small .content {
            width: 100%;
            max-width: 100%
        }

        .social-trading-transparency .section__wr-small .content {
            text-align: center
        }
}

.social-trading-transparency picture {
    max-width: 27.5rem;
    width: 100%;
    display: flex
}

    .social-trading-transparency picture img, .social-trading-transparency picture source {
        width: 100%
    }

.social-trading-transparency .content {
    color: #fff
}

@media (max-width: 48rem) {
    .social-trading-start {
        padding-bottom: 3rem
    }
}

.social-trading-start .register-card {
    gap: 2rem;
    padding-bottom: 2rem
}

.social-trading-start .card-list picture {
    width: auto;
    max-width: 9rem;
    height: 9rem;
    display: flex;
    align-self: center
}

.why-choose-social {
    position: relative;
    display: flex;
    overflow: hidden;
    margin-top: 7rem
}

@media (max-width: 68rem) {
    .why-choose-social {
        margin-top: 4rem
    }
}

.why-choose-social h2 {
    text-wrap: balance
}

@media (max-width: 48rem) {
    .why-choose-social {
        overflow: hidden
    }
}

.why-choose-social__bg .bg__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-end: 0;
    z-index: 0
}

html[dir=rtl] .why-choose-social__bg .bg__back {
    transform: scaleX(-1)
}

.why-choose-social__bg .bg__back img, .why-choose-social__bg .bg__back source {
    object-fit: cover;
    object-position: top left;
    width: 100%;
    height: 105%
}

@media (max-width: 68rem) {
    .why-choose-social__bg .bg__back img, .why-choose-social__bg .bg__back source {
        object-position: top left
    }
}

@media (max-width: 48rem) {
    .why-choose-social__bg .bg__back img, .why-choose-social__bg .bg__back source {
        object-position: top right;
        height: 105%
    }
}

.why-choose-social__wr {
    margin: 10rem auto;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    z-index: 4
}

@media (max-width: 68rem) {
    .why-choose-social__wr {
        justify-content: center;
        margin: 7.5rem 2rem
    }
}

@media (max-width: 48rem) {
    .why-choose-social__wr {
        justify-content: flex-start;
        margin: 5rem 1.25rem
    }
}

.why-choose-social__text {
    width: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 48rem) {
    .why-choose-social__text {
        width: 100%
    }
}

.why-choose-social .content {
    max-width: unset;
    margin-bottom: unset;
    gap: 1.5rem
}

@media (max-width: 48rem) {
    .why-choose-social .content {
        gap: 3rem
    }
}

.why-choose-social .text {
    width: 100%;
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 3rem;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr)
}

@media (max-width: 48rem) {
    .why-choose-social .text {
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: repeat(4,auto);
        grid-row-gap: 2rem
    }
}

.why-choose-social .text div {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media (max-width: 48rem) {
    .why-choose-social .text div {
        gap: 1.125rem
    }
}

.why-choose-social .text p {
    max-width: 15rem
}

@media (max-width: 48rem) {
    .why-choose-social .text p {
        max-width: 100%
    }
}

.nigeria-hero {
    padding: 0
}

    .nigeria-hero .nigeria__bg {
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
        background-image: image-set(url(/images/lp-nigeria/nigeria-hero@1x.webp) type("image/webp") 1x,url(/images/lp-nigeria/nigeria-hero@1x.png) 1x);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

@media (max-width: 48rem) {
    .nigeria-hero .nigeria__bg {
        background-position: 50% 92%;
        background-image: image-set(url(/images/lp-nigeria/nigeria-hero@1x.webp) type("image/webp") 1x,url(/images/lp-nigeria/nigeria-hero@1x) 1x)
    }
}

@media (max-width: 35.5rem) {
    .nigeria-hero .nigeria__bg {
        background-position: 50% 100%
    }
}

.nigeria-hero .section__wr-small {
    max-width: 72.5rem;
    margin: 6.75rem auto
}

    .nigeria-hero .section__wr-small .nigeria__logo img {
        width: 750px
    }

@media (max-width: 48rem) {
    .nigeria-hero .section__wr-small .nigeria__logo img {
        width: 100%
    }
}

.nigeria-hero .section__left {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    max-width: 36rem
}

.nigeria-hero .nigeria__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

    .nigeria-hero .nigeria__content h1 {
        margin-bottom: 1.5rem
    }

    .nigeria-hero .nigeria__content h4 {
        margin-bottom: .3rem
    }

    .nigeria-hero .nigeria__content .content-text {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .nigeria-hero .nigeria__content .button-group {
        display: block
    }

        .nigeria-hero .nigeria__content .button-group .button.button-light-theme {
            margin-bottom: .5rem
        }

@media (max-width: 68rem) {
    .nigeria-hero .nigeria__content {
        margin-bottom: 3rem
    }
}

.nigeria-what-expect {
    padding-top: 10rem;
    text-align: center;
    overflow: hidden
}

@media (max-width: 68rem) {
    .nigeria-what-expect {
        padding-top: 5rem
    }
}

.nigeria-what-expect__head, .nigeria-what-expect__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.nigeria-what-expect .content-big p {
    max-width: 100%
}

.nigeria-what-expect__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem
}

    .nigeria-what-expect__cards .card-hours {
        text-align: left;
        height: 24rem;
        gap: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

@media (max-width: 35.5rem) {
    .nigeria-what-expect__cards .card-hours {
        height: 22rem
    }
}

.nigeria-what-expect__cards .body-text-light {
    font-size: .9rem
}

.nigeria-what-expect__cards .pt-1 {
    padding-top: 1rem
}

@media (max-width: 68rem) {
    .nigeria-what-expect__cards {
        justify-content: center
    }
}

.nigeria-meet {
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e);
    padding-bottom: 10rem;
    padding-top: 10rem;
    gap: 4rem
}

    .nigeria-meet picture img {
        width: 9rem
    }

    .nigeria-meet h4 {
        font-weight: 500 !important
    }

@media (max-width: 48rem) {
    .nigeria-meet .mobile-column {
        gap: 3rem
    }
}

@media (max-width: 68rem) {
    .nigeria-meet {
        padding-bottom: 5rem;
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .nigeria-meet {
        gap: 3rem
    }
}

.nigeria-meet .section__wr-small.column {
    gap: 2rem
}

    .nigeria-meet .section__wr-small.column .content-medium {
        gap: .5rem
    }

        .nigeria-meet .section__wr-small.column .content-medium .body-text-light {
            font-weight: 500;
            font-size: 1.2rem
        }

.bitcoin-lp-hero {
    color: #fff;
    min-height: 50rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

@media (max-width: 120rem) {
    .bitcoin-lp-hero {
        min-height: 45rem
    }
}

@media (max-width: 48rem) {
    .bitcoin-lp-hero {
        min-height: 45rem
    }
}

@media (max-width: 35.5rem) {
    .bitcoin-lp-hero {
        min-height: 43rem
    }
}

.bitcoin-lp-hero picture {
    position: absolute;
    width: 55rem;
    height: 55rem;
    left: 67%;
    bottom: 50%;
    transform: translateY(50%);
    display: flex
}

@media (max-width: 120rem) {
    .bitcoin-lp-hero picture {
        width: 50rem;
        height: 50rem;
        left: 60%
    }
}

@media (max-width: 68rem) {
    .bitcoin-lp-hero picture {
        width: 38.5rem;
        height: 35.25rem;
        left: 40%;
        bottom: 39%
    }
}

@media (max-width: 48rem) {
    .bitcoin-lp-hero picture {
        left: 70%;
        transform: translate(-50%);
        width: 35rem;
        height: 30rem;
        bottom: -5rem
    }
}

@media (max-width: 35.5rem) {
    .bitcoin-lp-hero picture {
        width: 25rem;
        height: 20rem;
        left: 55%
    }
}

@media (max-width: 380px) {
    .bitcoin-lp-hero picture {
        width: 25rem;
        height: 20rem;
        left: 65%
    }
}

.bitcoin-lp-hero picture img, .bitcoin-lp-hero picture source {
    width: 100%
}

.bitcoin-lp-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 68rem) {
    .bitcoin-lp-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .bitcoin-lp-hero__wr {
        margin: 2rem
    }
}

.bitcoin-lp-hero__left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 27.5rem
}

@media (max-width: 48rem) {
    .bitcoin-lp-hero__left {
        gap: 4rem
    }
}

.bitcoin-lp-hero__logo {
    width: 14.75rem;
    display: flex
}

@media (max-width: 48rem) {
    .bitcoin-lp-hero__logo {
        width: 10.8rem
    }
}

.bitcoin-lp-hero__logo a, .bitcoin-lp-hero__logo img {
    width: 100%
}

.bitcoin-lp-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .bitcoin-lp-hero__content {
        gap: 3rem
    }
}

.bitcoin-lp-hero__content h1 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .bitcoin-lp-hero__content h1 {
        gap: .75rem
    }
}

.bitcoin-benefit-cards {
    padding-top: 10rem;
    text-align: center;
    overflow: hidden
}

@media (max-width: 68rem) {
    .bitcoin-benefit-cards {
        padding-top: 5rem
    }
}

.bitcoin-benefit-cards__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%
}

.bitcoin-benefit-cards__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem
}

    .bitcoin-benefit-cards__cards .card-hours {
        height: unset
    }

        .bitcoin-benefit-cards__cards .card-hours p.mobile {
            display: none
        }

@media (max-width: 35.5rem) {
    .bitcoin-benefit-cards__cards .card-hours p.mobile {
        display: block
    }
}

.bitcoin-benefit-cards__cards .card-hours p.desktop {
    display: block
}

@media (max-width: 35.5rem) {
    .bitcoin-benefit-cards__cards .card-hours p.desktop {
        display: none
    }
}

.bitcoin-benefit-cards__cards .card-hours picture {
    height: 5.625rem;
    width: unset
}

    .bitcoin-benefit-cards__cards .card-hours picture img, .bitcoin-benefit-cards__cards .card-hours picture source {
        height: 100%;
        width: unset
    }

@media (max-width: 68rem) {
    .bitcoin-benefit-cards__cards {
        justify-content: center
    }
}

#btc-trade-block #center-txt {
    margin: 0 auto;
    width: unset;
    text-align: center
}

@media (max-width: 79rem) {
    #btc-trade-block #center-txt {
        margin: 0 2rem;
        width: unset;
        text-align: left
    }
}

@media (max-width: 48rem) {
    #btc-trade-block #center-txt {
        margin: 0 1.25rem
    }
}

#btc-trade-block .card {
    background-color: #f4f4f4;
    gap: .5rem
}

    #btc-trade-block .card .card__bg {
        position: relative;
        z-index: 1
    }

@media (max-width: 48rem) {
    #btc-trade-block .card img, #btc-trade-block .card source {
        object-position: center;
        width: 100%
    }
}

#btc-trade-block .card:hover .card__bg img {
    transform: unset;
    transition: unset
}

.bitcoin-why-trade {
    overflow: hidden
}

    .bitcoin-why-trade .section__wr-medium {
        position: relative;
        padding-bottom: 6.37rem;
        padding-top: 6.37rem
    }

@media (max-width: 68rem) {
    .bitcoin-why-trade .section__wr-medium {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

@media (max-width: 48rem) {
    .bitcoin-why-trade .section__wr-medium {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.bitcoin-why-trade .section__wr-medium .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .bitcoin-why-trade .section__right {
        height: 25rem
    }
}

@media (max-width: 35.5rem) {
    .bitcoin-why-trade .section__right {
        height: 19rem
    }
}

.bitcoin-why-trade picture {
    width: 29.3rem;
    height: 27.6rem;
    position: absolute;
    bottom: 40%;
    transform: translateY(50%);
    inset-inline-start: 50%;
    display: flex
}

@media (max-width: 68rem) {
    .bitcoin-why-trade picture {
        width: 24rem;
        height: 22rem
    }
}

@media (max-width: 48rem) {
    .bitcoin-why-trade picture {
        width: 25.5rem;
        height: 24rem;
        transform: translate(-50%);
        inset-inline-start: 50%;
        bottom: -2rem
    }
}

.bitcoin-why-trade picture source, .bitcoin-why-trade picture img {
    width: 100%
}

@media (max-width: 48rem) {
    .bitcoin-start {
        padding-bottom: 3rem
    }
}

.bitcoin-start .register-card {
    gap: 0 !important;
    padding-bottom: 0 !important
}

.indices-new-hero {
    color: #fff;
    min-height: 53rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

@media (max-width: 48rem) {
    .indices-new-hero {
        min-height: 51rem
    }
}

@media (max-width: 35.5rem) {
    .indices-new-hero {
        min-height: 40rem
    }
}

.indices-new-hero picture {
    position: absolute;
    width: 46.5rem;
    height: 40rem;
    left: 50%;
    bottom: 50%;
    transform: translateY(50%);
    display: flex
}

html[dir=rtl] .indices-new-hero picture {
    right: 45%;
    transform: scaleX(-1);
    bottom: 20%
}

@media (max-width: 68rem) {
    .indices-new-hero picture {
        width: 37.5rem;
        height: 32.25rem;
        left: 50%
    }

    html[dir=rtl] .indices-new-hero picture {
        left: 0%;
        right: 45%
    }
}

@media (max-width: 48rem) {
    .indices-new-hero picture {
        left: 60%;
        transform: translate(-50%);
        width: 35rem;
        height: 30rem;
        bottom: -5rem
    }

    html[dir=rtl] .indices-new-hero picture {
        left: 0%;
        right: 20%;
        transform: scaleX(-1)
    }
}

@media (max-width: 35.5rem) {
    .indices-new-hero picture {
        width: 20rem;
        height: 20rem;
        left: 90%;
        bottom: -3rem
    }

    html[dir=rtl] .indices-new-hero picture {
        left: 65%
    }
}

@media (max-width: 380px) {
    .indices-new-hero picture {
        width: 20rem;
        height: 18rem;
        left: 95%
    }
}

.indices-new-hero picture img, .indices-new-hero picture source {
    width: 100%
}

.indices-new-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 68rem) {
    .indices-new-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .indices-new-hero__wr {
        margin: 2rem
    }
}

.indices-new-hero__left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 26.5rem
}

@media (max-width: 48rem) {
    .indices-new-hero__left {
        gap: 4rem
    }
}

.indices-new-hero__logo {
    width: 14.75rem;
    display: flex
}

@media (max-width: 48rem) {
    .indices-new-hero__logo {
        width: 10.8rem
    }
}

.indices-new-hero__logo a, .indices-new-hero__logo img {
    width: 100%
}

.indices-new-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .indices-new-hero__content {
        gap: 3rem
    }
}

.indices-new-hero__content h1 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .indices-new-hero__content h1 {
        gap: .75rem
    }
}

.indices-benefit-cards {
    padding-top: 10rem;
    text-align: center;
    overflow: hidden
}

@media (max-width: 68rem) {
    .indices-benefit-cards {
        padding-top: 5rem
    }
}

.indices-benefit-cards__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%
}

.indices-benefit-cards__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem
}

    .indices-benefit-cards__cards .card-hours {
        height: unset
    }

        .indices-benefit-cards__cards .card-hours p.mobile {
            display: none
        }

@media (max-width: 35.5rem) {
    .indices-benefit-cards__cards .card-hours p.mobile {
        display: block
    }
}

.indices-benefit-cards__cards .card-hours p.desktop {
    display: block
}

@media (max-width: 35.5rem) {
    .indices-benefit-cards__cards .card-hours p.desktop {
        display: none
    }
}

.indices-benefit-cards__cards .card-hours picture {
    height: 5.625rem;
    width: unset
}

    .indices-benefit-cards__cards .card-hours picture img, .indices-benefit-cards__cards .card-hours picture source {
        height: 100%;
        width: unset
    }

@media (max-width: 68rem) {
    .indices-benefit-cards__cards {
        justify-content: center
    }
}

.indices-why-trade {
    overflow: hidden
}

    .indices-why-trade .section__wr-medium {
        position: relative;
        padding-bottom: 6.37rem;
        padding-top: 6.37rem
    }

@media (max-width: 68rem) {
    .indices-why-trade .section__wr-medium {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

@media (max-width: 48rem) {
    .indices-why-trade .section__wr-medium {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.indices-why-trade .section__wr-medium .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .indices-why-trade .section__right {
        height: 25rem
    }
}

@media (max-width: 35.5rem) {
    .indices-why-trade .section__right {
        height: 19rem
    }
}

.indices-why-trade picture {
    width: 29.3rem;
    height: 27.6rem;
    position: absolute;
    bottom: 40%;
    transform: translateY(50%);
    inset-inline-start: 50%;
    display: flex
}

@media (max-width: 68rem) {
    .indices-why-trade picture {
        width: 24rem;
        height: 22rem
    }
}

@media (max-width: 48rem) {
    .indices-why-trade picture {
        width: 25.5rem;
        height: 24rem;
        transform: translate(-50%);
        inset-inline-start: 50%;
        bottom: -2rem
    }
}

.indices-why-trade picture source, .indices-why-trade picture img {
    width: 100%
}

@media (max-width: 48rem) {
    .indices-start {
        padding-bottom: 3rem
    }
}

.indices-start .register-card {
    gap: 0 !important;
    padding-bottom: 0 !important
}

.nigeria-seminar-hero {
    padding: 0
}

    .nigeria-seminar-hero .nigeria-seminar__bg {
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
        background-image: image-set(url(/images/lp-nigeria-seminar/hero-ng-desktop@1x.webp) type("image/webp") 1x,url(/images/lp-nigeria-seminar/hero-ng-desktop@1x.png) 1x);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

@media (max-width: 48rem) {
    .nigeria-seminar-hero .nigeria-seminar__bg {
        background-position: 50% 92%;
        background-image: image-set(url(/images/lp-nigeria-seminar/hero-ng-mob@1x.webp) type("image/webp") 1x,url(/images/lp-nigeria-seminar/hero-ng-mob@1x) 1x)
    }
}

@media (max-width: 35.5rem) {
    .nigeria-seminar-hero .nigeria-seminar__bg {
        background-position: 50% 100%
    }
}

.nigeria-seminar-hero .section__wr-small {
    max-width: 72.5rem;
    margin: 6.75rem auto
}

    .nigeria-seminar-hero .section__wr-small .nigeria-seminar__logo img {
        width: 18rem
    }

@media (max-width: 48rem) {
    .nigeria-seminar-hero .nigeria-small {
        margin: 2.75rem auto
    }
}

.nigeria-seminar-hero .section__left {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    max-width: 36rem
}

.nigeria-seminar-hero .nigeria-seminar__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

    .nigeria-seminar-hero .nigeria-seminar__content h1 {
        margin-bottom: 1.5rem
    }

    .nigeria-seminar-hero .nigeria-seminar__content h4 {
        margin-bottom: .3rem
    }

    .nigeria-seminar-hero .nigeria-seminar__content .content-text {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .nigeria-seminar-hero .nigeria-seminar__content .dis-icons {
        display: flex;
        gap: 2rem;
        align-items: center;
        flex-wrap: wrap
    }

@media (max-width: 48rem) {
    .nigeria-seminar-hero .nigeria-seminar__content .dis-icons {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem
    }
}

.nigeria-seminar-hero .nigeria-seminar__content .icon-group {
    display: flex;
    align-items: center;
    gap: .5rem
}

    .nigeria-seminar-hero .nigeria-seminar__content .icon-group img {
        width: 28px;
        height: 28px;
        flex-shrink: 0
    }

    .nigeria-seminar-hero .nigeria-seminar__content .icon-group span {
        font-size: 16px;
        white-space: nowrap;
        color: #00bdff
    }

.nigeria-seminar-hero .nigeria-seminar__content .button-group {
    display: block
}

    .nigeria-seminar-hero .nigeria-seminar__content .button-group .button.button-light-theme {
        margin-bottom: .5rem
    }

    .nigeria-seminar-hero .nigeria-seminar__content .button-group #nigeria-btn:hover {
        background: #00bdff;
        color: #fff
    }

@media (max-width: 68rem) {
    .nigeria-seminar-hero .nigeria-seminar__content {
        margin-bottom: 3rem
    }
}

.nigeria-seminar-expect {
    padding-top: 10rem;
    text-align: center;
    overflow: hidden
}

    .nigeria-seminar-expect #cstm-width {
        max-width: 85rem
    }

    .nigeria-seminar-expect .nigeria-expect {
        max-width: 60rem
    }

@media (max-width: 48rem) {
    .nigeria-seminar-expect .nigeria-expect {
        text-align: left;
        align-items: start
    }
}

@media (max-width: 68rem) {
    .nigeria-seminar-expect {
        padding-top: 5rem
    }
}

.nigeria-seminar-expect__head, .nigeria-seminar-expect__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.nigeria-seminar-expect .content-big p {
    max-width: 100%
}

.nigeria-seminar-expect__cards {
    display: flex;
    justify-content: space-between;
    gap: 1rem
}

@media (max-width: 48rem) {
    .nigeria-seminar-expect__cards {
        flex-direction: column;
        align-items: center
    }
}

.nigeria-seminar-expect__cards .card-nigeria {
    text-align: left;
    height: 16rem;
    gap: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: calc(50% - .5rem);
    flex-direction: row;
    display: flex;
    background: #f4f4f4;
    padding: 2rem;
    align-items: center
}

    .nigeria-seminar-expect__cards .card-nigeria.dark {
        background: #08174ecc;
        color: #fff
    }

@media (max-width: 48rem) {
    .nigeria-seminar-expect__cards .card-nigeria {
        width: 100%;
        height: auto;
        flex-direction: column;
        gap: 1.5rem;
        text-align: left
    }
}

.nigeria-seminar-expect__cards .card-nigeria picture {
    width: 10.375rem
}

    .nigeria-seminar-expect__cards .card-nigeria picture source, .nigeria-seminar-expect__cards .card-nigeria picture img {
        width: 100%
    }

@media (max-width: 48rem) {
    .nigeria-seminar-expect__cards .card-nigeria picture {
        width: 13rem
    }
}

.nigeria-seminar-expect__cards .card-nigeria__text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 15rem
}

    .nigeria-seminar-expect__cards .card-nigeria__text .body-text-semi-bold {
        margin-bottom: 1rem
    }

    .nigeria-seminar-expect__cards .card-nigeria__text .body-text-light {
        margin-bottom: .5rem
    }

@media (max-width: 48rem) {
    .nigeria-seminar-expect__cards .card-nigeria__text {
        align-self: start;
        min-width: unset
    }
}

.nigeria-seminar-expect__cards .body-text-light {
    font-size: .9rem
}

.nigeria-seminar-expect__cards .pt-1 {
    padding-top: 1rem
}

@media (max-width: 68rem) {
    .nigeria-seminar-expect__cards {
        justify-content: center
    }
}

.nigeria-seminar-expect ul:not(.link-list,.circle) li.square-list {
    text-align: left;
    padding-left: 1rem
}

    .nigeria-seminar-expect ul:not(.link-list,.circle) li.square-list:before {
        content: "";
        position: absolute;
        inset-inline-start: 0;
        top: .2rem;
        width: 7px;
        height: 16px;
        background: url(/images/lp-nigeria-seminar/square-bulletpoint.svg) no-repeat center;
        background-size: contain
    }

.nigeria-workshop {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: #f4f4f4
}

@media (max-width: 68rem) {
    .nigeria-workshop {
        padding-top: 5rem
    }
}

.nigeria-workshop h2 {
    text-wrap: balance
}

.nigeria-workshop__table {
    display: grid;
    grid-column-gap: 1.5rem;
    grid-template-columns: repeat(2,1fr);
    max-width: 45.25rem;
    width: 100%
}

    .nigeria-workshop__table .table__footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
        padding: 2rem
    }

@media (max-width: 48rem) {
    .nigeria-workshop__table {
        width: 100%;
        max-width: unset
    }
}

.nigeria-workshop__table .table__header__white {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: #fff;
    padding: 1.5rem;
    position: relative
}

    .nigeria-workshop__table .table__header__white svg {
        position: absolute;
        top: 0;
        inset-inline-end: 0
    }

html[dir=rtl] .nigeria-workshop__table .table__header__white svg {
    transform: rotate(270deg)
}

.nigeria-workshop__table .no-border {
    border-bottom: 1px solid transparent !important
}

.nigeria-workshop__table .table__body {
    border-bottom: 1px solid #B7C4CC;
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .75rem
}

@media (max-width: 48rem) {
    .nigeria-workshop__table .table__pb__mob {
        padding-bottom: 2rem
    }
}

.nigeria-workshop__table .table__left-side {
    grid-column: 1
}

@media (max-width: 48rem) {
    .nigeria-workshop__table .table__left-side.table__footer {
        padding: 2rem 2rem 3rem
    }
}

.nigeria-workshop__table .table__right-side {
    grid-column: 2
}

@media (max-width: 48rem) {
    .nigeria-workshop__table {
        grid-template-columns: auto
    }

        .nigeria-workshop__table .table__left-side {
            grid-column: 1;
            order: 1
        }

            .nigeria-workshop__table .table__left-side.table__footer {
                margin-bottom: 1.5rem
            }

        .nigeria-workshop__table .table__right-side {
            grid-column: 1;
            order: 2
        }
}

.nigeria-workshop-agenda {
    padding-bottom: 10rem
}

    .nigeria-workshop-agenda h2 {
        text-wrap: pretty
    }

@media (max-width: 68rem) {
    .nigeria-workshop-agenda {
        padding-bottom: 5rem
    }
}

.nigeria-workshop-agenda .comment {
    justify-content: center
}

.nigeria-infos {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #fff
}

    .nigeria-infos .event-info-container {
        display: flex;
        align-items: center;
        gap: 40px;
        flex-wrap: wrap
    }

    .nigeria-infos .event-icon {
        flex-shrink: 0
    }

        .nigeria-infos .event-icon img {
            width: 11rem;
            height: auto;
            display: block
        }

    .nigeria-infos .event-details {
        flex: 1;
        min-width: 300px
    }

    .nigeria-infos .event-detail-item {
        margin-bottom: .4rem
    }

    .nigeria-infos .event-detail-label {
        font-weight: 600;
        font-size: 16px;
        color: #0a121c;
        margin-right: 8px
    }

.nigeria-reserve {
    padding-top: 5rem;
    padding-bottom: 5rem
}

    .nigeria-reserve .section__bg {
        background-color: #f4f4f4
    }

    .nigeria-reserve #nigeria-btn:hover {
        background: #00bdff;
        color: #fff
    }

    .nigeria-reserve #nigeria-btn {
        font-size: 1rem;
        margin-bottom: 1rem
    }

    .nigeria-reserve .nigeria-btn {
        display: inline-block;
        text-align: center
    }

.nigeria-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: #000c
}

    .nigeria-modal #ng-modal {
        background-color: #fefefe;
        margin: auto;
        padding: 50px;
        border: 1px solid #888;
        width: fit-content;
        border-radius: 10px !important
    }

    .nigeria-modal .modal-content__form {
        background-color: #fefefe;
        margin: 0 auto;
        padding: 50px;
        border: 1px solid #888;
        width: 90%;
        max-width: 560px;
        border-radius: 10px;
        position: relative;
        box-sizing: border-box
    }

        .nigeria-modal .modal-content__form .close {
            position: absolute;
            top: 1.3rem;
            right: 1.3rem;
            background: #fff;
            font-size: 40px;
            border-radius: 100%;
            text-align: center;
            cursor: pointer;
            height: 30px;
            width: 30px;
            line-height: 20px;
            color: #333;
            font-weight: 500;
            transition: all .3s ease;
            border: none
        }

@media (max-width: 48rem) {
    .nigeria-modal .modal-content__form .close {
        top: 1rem;
        right: 1rem
    }
}

@media (max-width: 35.5rem) {
    .nigeria-modal .modal-content__form .close {
        padding: 20px 15px
    }
}

@media (max-width: 48rem) {
    .nigeria-modal .modal-content__form {
        padding: 30px 20px;
        width: 95%
    }
}

.nigeria-modal .banner-main {
    width: 100%
}

.nigeria-modal .logo-section {
    text-align: center;
    margin-bottom: 20px
}

.nigeria-modal .logofp_modal {
    width: 12rem;
    height: auto
}

@media (max-width: 48rem) {
    .nigeria-modal .logofp_modal {
        width: 9rem
    }
}

.nigeria-modal .header-section {
    text-align: center;
    margin-bottom: 30px
}

.nigeria-modal .modal-title {
    color: #00bdff
}

.nigeria-modal #webinarForm {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    max-width: 460px;
    margin: 0 auto
}

@media (max-width: 48rem) {
    .nigeria-modal #webinarForm {
        max-width: 100%
    }
}

.nigeria-modal .form-input {
    width: 100%;
    padding: .75rem 1rem;
    font-size: 1rem;
    border: 1px solid #BFC4CE;
    border-radius: 5px;
    background-color: #fff;
    color: #132a4a;
    box-sizing: border-box;
    transition: border-color .3s ease
}

@media (max-width: 48rem) {
    .nigeria-modal .form-input {
        font-size: .8rem;
        padding: .6rem .8rem
    }
}

.nigeria-modal .form-input:focus {
    outline: none;
    border-color: #00bdff
}

.nigeria-modal .form-input::placeholder {
    color: #8b92a5
}

.nigeria-modal .form-submit {
    width: 100%;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .8px;
    border: none;
    border-radius: 30px;
    background-color: #00bdff;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    margin-top: 10px
}

@media (max-width: 48rem) {
    .nigeria-modal .form-submit {
        font-size: 16px;
        padding: 10px 18px
    }
}

.nigeria-modal .form-submit:hover {
    background-color: #009fd9
}

.nigeria-modal .form-submit:disabled {
    background-color: #8b92a5;
    cursor: not-allowed
}

.nigeria-modal .form-disclaimer {
    font-size: 13px;
    text-align: center;
    color: #464646;
    margin: 10px 0 0;
    line-height: 1.5
}

.nigeria-modal .desktop-only {
    display: block
}

@media (max-width: 48rem) {
    .nigeria-modal .desktop-only {
        display: none
    }
}

.nigeria-modal .mobile-only {
    display: none
}

@media (max-width: 48rem) {
    .nigeria-modal .mobile-only {
        display: block
    }
}

.currencies-lp-hero {
    color: #fff;
    min-height: 46rem;
    display: flex;
    position: relative;
    overflow: hidden
}

    .currencies-lp-hero .currencies__bg {
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
        background-image: image-set(url(/images/lp-currencies/currencies-lp-hero@1x.webp) type("image/webp") 1x,url(/images/lp-currencies/currencies-lp-hero@1x.png) 1x);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

html[dir=rtl] .currencies-lp-hero .currencies__bg {
    transform: scaleX(-1)
}

@media (max-width: 48rem) {
    .currencies-lp-hero .currencies__bg {
        background-image: image-set(url(/images/what-is-forex/wf-hero-mobile@2x.webp) type("image/webp") 1x,url(/images/what-is-forex/wf-hero-mobile@2x.png) 1x)
    }
}

@media (max-width: 48rem) {
    .currencies-lp-hero {
        min-height: 45rem
    }
}

@media (max-width: 35.5rem) {
    .currencies-lp-hero {
        min-height: 37rem
    }
}

.currencies-lp-hero picture {
    position: absolute;
    width: 46.5rem;
    height: 40rem;
    left: 50%;
    bottom: 50%;
    transform: translateY(50%);
    display: flex
}

@media (max-width: 68rem) {
    .currencies-lp-hero picture {
        width: 37.5rem;
        height: 32.25rem;
        left: 40%
    }
}

@media (max-width: 48rem) {
    .currencies-lp-hero picture {
        left: 60%;
        transform: translate(-50%);
        width: 35rem;
        height: 30rem;
        bottom: -5rem
    }
}

@media (max-width: 35.5rem) {
    .currencies-lp-hero picture {
        width: 30rem;
        height: 25.8rem;
        left: 70%
    }
}

@media (max-width: 380px) {
    .currencies-lp-hero picture {
        width: 28rem;
        height: 24rem
    }
}

.currencies-lp-hero picture img, .currencies-lp-hero picture source {
    width: 100%
}

.currencies-lp-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 68rem) {
    .currencies-lp-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .currencies-lp-hero__wr {
        margin: 1.25rem
    }
}

.currencies-lp-hero__left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 31.5rem
}

@media (max-width: 48rem) {
    .currencies-lp-hero__left {
        gap: 4rem
    }
}

.currencies-lp-hero__logo {
    width: 14.75rem;
    display: flex
}

@media (max-width: 48rem) {
    .currencies-lp-hero__logo {
        width: 10.8rem
    }
}

.currencies-lp-hero__logo a, .currencies-lp-hero__logo img {
    width: 100%
}

.currencies-lp-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .currencies-lp-hero__content {
        gap: 3rem
    }
}

.currencies-lp-hero__content h1 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .currencies-lp-hero__content h1 {
        gap: .75rem
    }
}

.currencies-benefit-cards {
    padding-top: 10rem;
    text-align: center;
    overflow: hidden
}

@media (max-width: 68rem) {
    .currencies-benefit-cards {
        padding-top: 5rem
    }
}

.currencies-benefit-cards__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%
}

.currencies-benefit-cards__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem
}

    .currencies-benefit-cards__cards .card-hours {
        height: unset
    }

        .currencies-benefit-cards__cards .card-hours p.mobile {
            display: none
        }

@media (max-width: 35.5rem) {
    .currencies-benefit-cards__cards .card-hours p.mobile {
        display: block
    }
}

.currencies-benefit-cards__cards .card-hours p.desktop {
    display: block
}

@media (max-width: 35.5rem) {
    .currencies-benefit-cards__cards .card-hours p.desktop {
        display: none
    }
}

.currencies-benefit-cards__cards .card-hours picture {
    height: 5.625rem;
    width: unset
}

    .currencies-benefit-cards__cards .card-hours picture img, .currencies-benefit-cards__cards .card-hours picture source {
        height: 100%;
        width: unset
    }

@media (max-width: 68rem) {
    .currencies-benefit-cards__cards {
        justify-content: center
    }
}

.trade-block #center-txt {
    margin: 0 auto;
    width: unset;
    text-align: center
}

@media (max-width: 79rem) {
    .trade-block #center-txt {
        margin: 0 2rem;
        width: unset;
        text-align: left
    }
}

@media (max-width: 48rem) {
    .trade-block #center-txt {
        margin: 0 1.25rem
    }
}

.trade-block #currencies_cardbg img {
    object-position: unset;
    width: 100%
}

.currencies-why-trade {
    overflow: hidden
}

    .currencies-why-trade .section__wr-medium {
        position: relative;
        padding-bottom: 6.37rem;
        padding-top: 6.37rem
    }

@media (max-width: 68rem) {
    .currencies-why-trade .section__wr-medium {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

@media (max-width: 48rem) {
    .currencies-why-trade .section__wr-medium {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.currencies-why-trade .section__wr-medium .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .currencies-why-trade .section__right {
        height: 25rem
    }
}

@media (max-width: 35.5rem) {
    .currencies-why-trade .section__right {
        height: 19rem
    }
}

.currencies-why-trade picture {
    width: 29.3rem;
    height: 27.6rem;
    position: absolute;
    bottom: 40%;
    transform: translateY(50%);
    inset-inline-start: 50%;
    display: flex
}

@media (max-width: 68rem) {
    .currencies-why-trade picture {
        width: 24rem;
        height: 22rem
    }
}

@media (max-width: 48rem) {
    .currencies-why-trade picture {
        width: 25.5rem;
        height: 24rem;
        transform: translate(-50%);
        inset-inline-start: 50%;
        bottom: -2rem
    }
}

.currencies-why-trade picture source, .currencies-why-trade picture img {
    width: 100%
}

@media (max-width: 48rem) {
    .currencies-start {
        padding-bottom: 3rem
    }
}

.currencies-start .register-card {
    gap: 0 !important;
    padding-bottom: 0 !important
}

.stocks-hero {
    color: #fff;
    min-height: 46rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e);
    margin-bottom: 2rem
}

@media (max-width: 68rem) {
    .stocks-hero {
        min-height: 48rem
    }
}

@media (max-width: 48rem) {
    .stocks-hero {
        min-height: 42rem;
        margin-bottom: 0
    }
}

.stocks-hero picture {
    position: absolute;
    width: 60rem;
    height: 100%;
    bottom: 0;
    right: 4rem;
    display: flex
}

    .stocks-hero picture img, .stocks-hero picture source {
        object-fit: contain;
        object-position: center;
        width: 100%
    }

@media (max-width: 48rem) {
    .stocks-hero picture {
        width: 32rem;
        height: 27rem;
        bottom: -5rem;
        inset-inline-start: unset;
        inset-inline-end: 0rem
    }
}

@media (max-width: 35.5rem) {
    .stocks-hero picture {
        width: 23rem;
        height: 21.6rem;
        inset-inline-start: 5rem;
        inset-inline-end: unset;
        bottom: -2rem
    }
}

.stocks-hero__logo {
    width: 14.75rem;
    display: flex
}

    .stocks-hero__logo a, .stocks-hero__logo img {
        width: 100%
    }

.stocks-hero__wr {
    margin: 13.75rem auto 18rem;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

    .stocks-hero__wr.column {
        flex-direction: column;
        justify-content: space-between;
        margin: 6.75rem auto;
        width: 72.5rem;
        z-index: 3;
        display: flex;
        gap: 4rem
    }

@media (max-width: 48rem) {
    .stocks-hero__wr.column {
        justify-content: flex-start;
        gap: 3rem
    }
}

@media (max-width: 1142px) {
    .stocks-hero__wr.column {
        margin: 3rem 5rem;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .stocks-hero__wr.column {
        margin: 3rem 1.25rem;
        width: 100%
    }
}

.stocks-hero__wr.column .preview-block__top {
    display: flex;
    width: 100%
}

.stocks-hero__wr .stocks-add-info {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media (max-width: 48rem) {
    .stocks-hero__wr .stocks-add-info {
        display: none
    }
}

.stocks-hero__wr .stocks-add-info__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    flex: 1 1 0
}

@media (max-width: 1142px) {
    .stocks-hero__wr {
        margin: 13.75rem 5rem 18rem;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .stocks-hero__wr {
        margin: 13.75rem 1.25rem 18rem;
        width: 100%
    }
}

@media (max-width: 48rem) {
    .stocks-hero__wr {
        margin: 2.5rem 1.25rem !important;
        align-items: unset
    }
}

.stocks-hero__left {
    max-width: 35rem;
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (max-width: 48rem) {
    .stocks-hero__left {
        max-width: 22rem
    }
}

.stocks-hero__content {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (max-width: 48rem) {
    .stocks-hero__content {
        gap: 2.5rem
    }
}

.stocks-hero .content-text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (max-width: 48rem) {
    .stocks-hero .content-text {
        gap: 1rem
    }
}

.stocks-hero .content-text h4 {
    max-width: 25rem
}

@media (max-width: 48rem) {
    .stocks-hero .button-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem
    }
}

.iress-trade-block .carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    z-index: 10;
    opacity: .6;
    transition: opacity .3s ease;
    font-size: 2rem;
    color: var(--Colours-Dark-Grey, rgb(25, 34, 46))
}

.iress-trade-block .carousel-arrow--left {
    left: 6rem
}

.iress-trade-block .carousel-arrow--right {
    right: 6rem
}

.stocks-benefits {
    overflow: hidden;
    padding-top: 10rem
}

@media (max-width: 48rem) {
    .stocks-benefits {
        padding-bottom: 3rem;
        padding-top: 0
    }
}

.stocks-benefits .section__wr-medium {
    position: relative;
    padding-bottom: 6.37rem;
    padding-top: 6.37rem
}

@media (max-width: 68rem) {
    .stocks-benefits .section__wr-medium {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

@media (max-width: 48rem) {
    .stocks-benefits .section__wr-medium {
        padding-bottom: 5rem;
        padding-top: 3rem
    }
}

.stocks-benefits .section__wr-medium .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.stocks-benefits .content {
    max-width: 26rem
}

@media (max-width: 48rem) {
    .stocks-benefits .section__right {
        height: 25rem
    }
}

@media (max-width: 35.5rem) {
    .stocks-benefits .section__right {
        height: 19rem
    }
}

.stocks-benefits picture {
    display: flex;
    max-width: 30.4rem
}

    .stocks-benefits picture source, .stocks-benefits picture img {
        width: 100%
    }

.stocks-cfd-table {
    position: relative;
    padding-top: 10rem
}

@media (max-width: 68rem) {
    .stocks-cfd-table {
        padding-top: 5rem
    }
}

@media (max-width: 48rem) {
    .stocks-cfd-table {
        padding-top: 1.5rem
    }
}

.stocks-cfd-table .section__wr-small {
    gap: 2rem
}

.stocks-cfd-table label {
    display: none
}

.stocks-cfd-table input {
    width: 13.5rem
}

.platform.stocks .register-card {
    width: 14.1rem
}

@media (max-width: 48rem) {
    .platform.stocks .register-card {
        width: 100%
    }
}

.platform #stocks-benefits {
    max-width: 39.5rem
}

.stocks-features {
    background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c);
    padding-top: 15rem;
    padding-bottom: 15rem;
    gap: 4rem;
    color: #fff
}

@media (max-width: 48rem) {
    .stocks-features {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.stocks-features__img {
    position: absolute;
    top: -1rem;
    inset-inline-start: 50%;
    width: 38rem;
    height: auto
}

html[dir=rtl] .stocks-features__img {
    inset-inline-start: 45%
}

@media (max-width: 68rem) {
    .stocks-features__img {
        width: 35rem
    }

    html[dir=rtl] .stocks-features__img {
        inset-inline-start: 35%
    }
}

@media (max-width: 48rem) {
    .stocks-features__img {
        top: 0;
        transform: translate(-41%);
        width: 29rem
    }

    html[dir=rtl] .stocks-features__img {
        inset-inline-start: 50%;
        transform: translate(61%)
    }
}

@media (max-width: 35.5rem) {
    .stocks-features__img {
        width: 25rem
    }
}

.stocks-features__img source {
    all: initial
}

.stocks-features__img img {
    width: 100%
}

.iress-hero {
    color: #fff;
    min-height: 46rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e);
    margin-bottom: 2rem
}

@media (max-width: 68rem) {
    .iress-hero {
        min-height: 48rem
    }
}

@media (max-width: 48rem) {
    .iress-hero {
        min-height: 42rem;
        margin-bottom: 0
    }
}

.iress-hero picture {
    position: absolute;
    width: 45rem;
    height: 100%;
    bottom: 5rem;
    right: 10rem;
    display: flex
}

    .iress-hero picture img, .iress-hero picture source {
        object-fit: contain;
        object-position: center;
        width: 100%
    }

@media (max-width: 79rem) {
    .iress-hero picture {
        width: 35rem;
        right: 0
    }
}

@media (max-width: 48rem) {
    .iress-hero picture {
        width: 28rem;
        height: 17rem;
        bottom: 0rem;
        inset-inline-start: unset;
        inset-inline-end: 0rem
    }
}

@media (max-width: 35.5rem) {
    .iress-hero picture {
        width: 20rem;
        height: 15.6rem;
        inset-inline-start: 5rem;
        inset-inline-end: unset;
        bottom: 2.5rem
    }
}

.iress-hero__logo {
    width: 14.75rem;
    display: flex
}

    .iress-hero__logo a, .iress-hero__logo img {
        width: 100%
    }

.iress-hero__wr {
    margin: 13.75rem auto 18rem;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

    .iress-hero__wr.column {
        flex-direction: column;
        justify-content: space-between;
        margin: 6.75rem auto;
        width: 72.5rem;
        z-index: 3;
        display: flex;
        gap: 4rem
    }

@media (max-width: 48rem) {
    .iress-hero__wr.column {
        justify-content: flex-start;
        gap: 3rem
    }
}

@media (max-width: 1142px) {
    .iress-hero__wr.column {
        margin: 5rem;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .iress-hero__wr.column {
        margin: 5rem 1.25rem;
        width: 100%
    }
}

.iress-hero__wr.column .preview-block__top {
    display: flex;
    width: 100%
}

.iress-hero__wr .iress-add-info {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media (max-width: 48rem) {
    .iress-hero__wr .iress-add-info {
        display: none
    }
}

.iress-hero__wr .iress-add-info__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    flex: 1 1 0
}

@media (max-width: 1142px) {
    .iress-hero__wr {
        margin: 13.75rem 5rem 18rem;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .iress-hero__wr {
        margin: 13.75rem 1.25rem 18rem;
        width: 100%
    }
}

@media (max-width: 48rem) {
    .iress-hero__wr {
        margin: 3rem 1.25rem !important;
        align-items: unset
    }
}

.iress-hero__left {
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (max-width: 48rem) {
    .iress-hero__left {
        max-width: 22rem
    }
}

.iress-hero__content {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

@media (max-width: 48rem) {
    .iress-hero__content {
        gap: 2.5rem
    }
}

.iress-hero .content-text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media (max-width: 48rem) {
    .iress-hero .content-text {
        gap: 1rem
    }
}

.iress-hero .content-text h4 {
    max-width: 25rem
}

@media (max-width: 48rem) {
    .iress-hero .button-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem
    }
}

@media (min-width: 768px) {
    .iress-trade-block {
        display: none
    }
}

.iress-trade-block {
    padding-top: 2rem;
    padding-bottom: 2rem
}

    .iress-trade-block #iress-trade-block_carousel {
        position: relative
    }

    .iress-trade-block .carousel-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        cursor: pointer;
        z-index: 10;
        opacity: .6;
        transition: opacity .3s ease;
        color: var(--Colours-Dark-Grey, rgb(25, 34, 46))
    }

        .iress-trade-block .carousel-arrow:hover {
            opacity: 1
        }

        .iress-trade-block .carousel-arrow svg {
            display: block
        }

html[dir=rtl] .iress-trade-block .carousel-arrow {
    transform: translateY(-50%) scaleX(-1)
}

.iress-trade-block .carousel-arrow--left {
    left: 5rem
}

.iress-trade-block .carousel-arrow--right {
    right: 5rem
}

.iress-trade-block .card {
    height: 10rem
}

.iress-trade-block #iress-carousel {
    display: flex;
    gap: 0;
    width: 100%;
    padding: 0;
    scroll-snap-type: x mandatory
}

    .iress-trade-block #iress-carousel .card {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        scroll-snap-align: center
    }

.reasons #iress-content {
    gap: 1rem;
    width: 32rem
}

@media (min-width: 2300px) {
    .reasons #iress-content {
        padding-top: 5rem
    }
}

@media (max-width: 79rem) {
    .reasons #iress-content {
        padding-top: 5rem
    }
}

@media (max-width: 68rem) {
    .reasons #iress-content {
        padding-top: 2rem;
        width: unset
    }
}

@media (max-width: 48rem) {
    .reasons #iress-content {
        padding-top: unset;
        width: unset
    }
}

.reasons #iress-text {
    grid-row-gap: 1rem;
    padding-top: 5rem
}

    .reasons #iress-text div {
        gap: .5rem
    }

        .reasons #iress-text div p {
            max-width: 13rem
        }

@media (max-width: 79rem) {
    .reasons #iress-text {
        grid-row-gap: 2rem;
        padding-top: 3rem
    }
}

.reasons #iress-bg img {
    height: 100%
}

@media (min-width: 1440px) {
    .reasons #iress-reasons {
        margin-top: 15rem
    }
}

.iress-benefits {
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 10rem
}

@media (max-width: 48rem) {
    .iress-benefits {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.iress-benefits .section__wr-medium {
    position: relative;
    padding-bottom: 6.37rem;
    padding-top: 6.37rem
}

@media (max-width: 68rem) {
    .iress-benefits .section__wr-medium {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
}

@media (max-width: 48rem) {
    .iress-benefits .section__wr-medium {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.iress-benefits .section__wr-medium .section__left {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 48rem) {
    .iress-benefits .section__right {
        height: 25rem
    }
}

@media (max-width: 35.5rem) {
    .iress-benefits .section__right {
        height: 19rem
    }
}

.iress-benefits picture {
    width: 32rem;
    position: absolute;
    bottom: 0%;
    inset-inline-start: 50%;
    display: flex
}

@media (max-width: 68rem) {
    .iress-benefits picture {
        inset-inline-start: 45%
    }
}

@media (max-width: 48rem) {
    .iress-benefits picture {
        width: 20rem;
        height: 20rem;
        transform: translate(-45%);
        inset-inline-start: 50%;
        bottom: 0rem
    }
}

.iress-benefits picture source, .iress-benefits picture img {
    width: 100%
}

.iress-asx-stocks {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: radial-gradient(#122134,#0a131c)
}

@media (max-width: 68rem) {
    .iress-asx-stocks {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .iress-asx-stocks .section__wr-small {
        flex-direction: column-reverse
    }

        .iress-asx-stocks .section__wr-small .section__right, .iress-asx-stocks .section__wr-small .content {
            width: 100%;
            max-width: 100%
        }

        .iress-asx-stocks .section__wr-small .content {
            text-align: center
        }
}

.iress-asx-stocks picture {
    width: 34rem;
    display: flex
}

@media (max-width: 68rem) {
    .iress-asx-stocks picture {
        width: 32rem
    }
}

@media (max-width: 48rem) {
    .iress-asx-stocks picture {
        width: auto
    }
}

.iress-asx-stocks picture img, .iress-asx-stocks picture source {
    width: 100%
}

.iress-asx-stocks .content {
    color: #fff
}

@media (max-width: 48rem) {
    .iress-start {
        padding-bottom: 3rem
    }
}

.iress-start .register-card {
    gap: 0 !important;
    padding-bottom: 0 !important
}

.day-trading-hero {
    color: #fff;
    min-height: 55rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg,#00bdff,#038bbd)
}

@media (max-width: 48rem) {
    .day-trading-hero {
        min-height: 51rem
    }
}

@media (max-width: 35.5rem) {
    .day-trading-hero {
        min-height: 49rem
    }
}

.day-trading-hero picture {
    position: absolute;
    width: 35%;
    min-width: 37.5rem;
    left: 55%;
    bottom: 50%;
    transform: translateY(50%);
    display: flex
}

@media (max-width: 68rem) {
    .day-trading-hero picture {
        width: 37.5rem;
        height: 32.25rem;
        left: 40%
    }
}

@media (max-width: 48rem) {
    .day-trading-hero picture {
        left: 43%;
        min-width: unset;
        transform: translate(-50%);
        width: 35rem;
        height: 30rem;
        bottom: -5rem
    }
}

@media (max-width: 35.5rem) {
    .day-trading-hero picture {
        left: 55%;
        transform: translate(-50%);
        width: 30rem;
        height: 25.8rem
    }
}

.day-trading-hero picture img, .day-trading-hero picture source {
    width: 100%
}

.day-trading-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 68rem) {
    .day-trading-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .day-trading-hero__wr {
        margin: 1.25rem
    }
}

.day-trading-hero__left {
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
    max-width: 31.5rem
}

@media (max-width: 68rem) {
    .day-trading-hero__left {
        max-width: 28rem
    }
}

@media (max-width: 48rem) {
    .day-trading-hero__left {
        gap: 4rem
    }
}

.day-trading-hero__logo {
    width: 14.75rem;
    display: flex
}

@media (max-width: 48rem) {
    .day-trading-hero__logo {
        width: 10.8rem
    }
}

.day-trading-hero__logo a, .day-trading-hero__logo img {
    width: 100%
}

.day-trading-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .day-trading-hero__content {
        gap: 3rem
    }
}

.day-trading-hero__content h1 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .day-trading-hero__content h1 {
        gap: .75rem
    }
}

.day-trading-benefit-cards {
    padding-top: 10rem;
    text-align: center;
    overflow: hidden
}

@media (max-width: 68rem) {
    .day-trading-benefit-cards {
        padding-top: 5rem
    }
}

.day-trading-benefit-cards__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%
}

.day-trading-benefit-cards__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem
}

    .day-trading-benefit-cards__cards .card-hours {
        height: unset
    }

        .day-trading-benefit-cards__cards .card-hours p.mobile {
            display: none
        }

@media (max-width: 35.5rem) {
    .day-trading-benefit-cards__cards .card-hours p.mobile {
        display: block
    }
}

.day-trading-benefit-cards__cards .card-hours p.desktop {
    display: block
}

@media (max-width: 35.5rem) {
    .day-trading-benefit-cards__cards .card-hours p.desktop {
        display: none
    }
}

.day-trading-benefit-cards__cards .card-hours picture {
    height: 5.625rem;
    width: unset
}

    .day-trading-benefit-cards__cards .card-hours picture img, .day-trading-benefit-cards__cards .card-hours picture source {
        height: 100%;
        width: unset
    }

@media (max-width: 68rem) {
    .day-trading-benefit-cards__cards {
        justify-content: center
    }
}

@media (max-width: 48rem) {
    .why-trade-fp {
        min-height: unset
    }
}

.why-trade-fp .section__wr-medium {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

@media (max-width: 48rem) {
    .why-trade-fp .section__wr-medium {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.why-trade-fp .section__right {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 48rem) {
    .why-trade-fp .section__right {
        justify-content: flex-start
    }
}

@media (max-width: 48rem) {
    .why-trade-fp .section__right .content {
        max-width: 100%
    }
}

.why-trade-fp .section__right ul {
    gap: 1.5rem
}

@media (max-width: 48rem) {
    .why-trade-fp .section__left {
        height: 14rem
    }
}

.why-trade-fp picture {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 28rem;
    inset-inline-end: 53%;
    display: flex
}

@media (max-width: 68rem) {
    .why-trade-fp picture {
        height: 20.5rem
    }
}

@media (max-width: 48rem) {
    .why-trade-fp picture {
        height: 14rem;
        width: 24rem;
        top: unset;
        bottom: 3rem;
        inset-inline-end: 50%;
        transform: translate(50%)
    }
}

@media (max-width: 35.5rem) {
    .why-trade-fp picture {
        height: 14rem;
        top: unset;
        inset-inline-end: unset;
        transform: unset;
        inset-inline-start: -2rem
    }
}

.why-trade-fp picture source, .why-trade-fp picture img {
    height: 100%;
    width: 100%
}

@media (max-width: 48rem) {
    .day-trading-start {
        padding-bottom: 3rem
    }
}

.day-trading-start .register-card {
    gap: 0 !important;
    padding-bottom: 0 !important
}

.multi-asset-asic-hero {
    color: #fff;
    min-height: 46rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    background: radial-gradient(50% 50% at 50% 50%,#132780,#08174e)
}

@media (max-width: 48rem) {
    .multi-asset-asic-hero {
        min-height: 29rem;
        height: auto;
        padding: 0 0 9rem
    }
}

@media (max-width: 35.5rem) {
    .multi-asset-asic-hero {
        padding-bottom: 5.6rem
    }
}

.multi-asset-asic-hero picture {
    position: absolute;
    width: 60rem;
    height: 100%;
    bottom: 0;
    right: 0;
    display: flex
}

    .multi-asset-asic-hero picture img, .multi-asset-asic-hero picture source {
        object-fit: contain;
        object-position: center;
        width: 100%
    }

@media (max-width: 48rem) {
    .multi-asset-asic-hero picture {
        width: 28rem;
        height: 17rem;
        bottom: -2rem;
        inset-inline-start: unset;
        inset-inline-end: -2rem
    }
}

@media (max-width: 35.5rem) {
    .multi-asset-asic-hero picture {
        width: 21rem;
        height: 12.6rem;
        bottom: -4rem;
        inset-inline-start: 11rem;
        inset-inline-end: unset
    }
}

.multi-asset-asic-hero__wr {
    margin: 6.75rem auto;
    width: 62.5rem;
    z-index: 3;
    display: flex
}

@media (max-width: 1142px) {
    .multi-asset-asic-hero__wr {
        margin: 6.75rem 5rem;
        width: 100%
    }
}

@media (max-width: 68rem) {
    .multi-asset-asic-hero__wr {
        margin: 6.75rem 1.25rem
    }
}

@media (max-width: 48rem) {
    .multi-asset-asic-hero__wr {
        margin: 1.25rem
    }
}

.multi-asset-asic-hero__left {
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
    max-width: 31rem
}

@media (max-width: 48rem) {
    .multi-asset-asic-hero__left {
        gap: 4rem
    }
}

.multi-asset-asic-hero__logo {
    width: 14.75rem;
    display: flex
}

    .multi-asset-asic-hero__logo a, .multi-asset-asic-hero__logo img {
        width: 100%
    }

.multi-asset-asic-hero__content {
    display: flex;
    flex-direction: column;
    gap: 4rem
}

@media (max-width: 48rem) {
    .multi-asset-asic-hero__content {
        gap: 3rem
    }
}

.multi-asset-asic-hero__content h1 {
    margin-bottom: 1.5rem
}

@media (max-width: 48rem) {
    .multi-asset-asic-hero__content h1 {
        gap: .75rem
    }
}

.multi-benefit-cards {
    padding-top: 10rem;
    text-align: center;
    overflow: hidden
}

@media (max-width: 68rem) {
    .multi-benefit-cards {
        padding-top: 5rem
    }
}

.multi-benefit-cards__wr {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%
}

.multi-benefit-cards__cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem
}

    .multi-benefit-cards__cards .card-hours {
        height: unset
    }

        .multi-benefit-cards__cards .card-hours p.mobile {
            display: none
        }

@media (max-width: 35.5rem) {
    .multi-benefit-cards__cards .card-hours p.mobile {
        display: block
    }
}

.multi-benefit-cards__cards .card-hours p.desktop {
    display: block
}

@media (max-width: 35.5rem) {
    .multi-benefit-cards__cards .card-hours p.desktop {
        display: none
    }
}

.multi-benefit-cards__cards .card-hours picture {
    height: 5.625rem;
    width: unset
}

    .multi-benefit-cards__cards .card-hours picture img, .multi-benefit-cards__cards .card-hours picture source {
        height: 100%;
        width: unset
    }

@media (max-width: 68rem) {
    .multi-benefit-cards__cards {
        justify-content: center
    }
}

.trading-platform {
    position: relative;
    overflow: visible;
    padding: 10rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media (max-width: 68rem) {
    .trading-platform {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .trading-platform .section__wr-small {
        flex-direction: column-reverse
    }

        .trading-platform .section__wr-small .section__right {
            display: flex;
            flex-direction: column
        }

            .trading-platform .section__wr-small .section__right .content {
                max-width: 100%
            }

        .trading-platform .section__wr-small .section__left {
            width: unset
        }
}

.trading-platform__img {
    display: flex;
    width: 100%
}

    .trading-platform__img source, .trading-platform__img img {
        width: 100%
    }

.trading-platform__text {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.trading-platform .link--basic {
    text-decoration: underline
}

@media (max-width: 48rem) {
    .why-trade-gold {
        min-height: unset
    }
}

.why-trade-gold.cysec {
    margin-bottom: 7.5rem
}

@media (max-width: 68rem) {
    .why-trade-gold.cysec {
        margin-bottom: 5rem
    }
}

.why-trade-gold.cysec .button {
    margin: 0 auto
}

.why-trade-gold .section__right {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 48rem) {
    .why-trade-gold .section__right {
        justify-content: flex-start
    }
}

@media (max-width: 48rem) {
    .why-trade-gold .section__left {
        height: 14rem
    }
}

.why-trade-gold__img {
    position: absolute;
    top: 5rem;
    width: 100%;
    height: 27.5rem;
    inset-inline-end: 53%;
    display: flex
}

@media (max-width: 68rem) {
    .why-trade-gold__img {
        top: 1rem;
        height: 20.5rem
    }
}

@media (max-width: 48rem) {
    .why-trade-gold__img {
        height: 14rem;
        top: unset;
        bottom: 4rem;
        inset-inline-end: 50%;
        transform: translate(50%)
    }
}

@media (max-width: 35.5rem) {
    .why-trade-gold__img {
        height: 14rem;
        top: unset;
        bottom: 4rem;
        inset-inline-end: unset;
        transform: unset;
        inset-inline-start: -2rem
    }
}

.why-trade-gold__img source, .why-trade-gold__img img {
    height: 100%;
    width: 100%
}

.asic-regulated {
    position: relative;
    color: #fff;
    padding-top: 7rem
}

    .asic-regulated .dark-blue {
        background: radial-gradient(50% 50% at 50% 50%,#122134,#0a131c)
    }

    .asic-regulated .section__wr-medium {
        position: relative;
        padding-top: 9.25rem;
        padding-bottom: 9.25rem
    }

@media (max-width: 68rem) {
    .asic-regulated .section__wr-medium {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 48rem) {
    .asic-regulated .section__wr-medium {
        flex-direction: column
    }
}

@media (max-width: 48rem) {
    .asic-regulated {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

        .asic-regulated .content {
            width: 100%;
            max-width: 100%
        }
}

.asic-regulated picture {
    position: relative;
    width: 22rem;
    top: 0;
    display: flex
}

@media (max-width: 48rem) {
    .asic-regulated picture {
        width: 19rem
    }

    html[dir=rtl] .asic-regulated picture {
        transform: translate(50%)
    }
}

@media (max-width: 35.5rem) {
    .asic-regulated picture {
        width: 15rem;
        transform: translate(20%)
    }
}

.asic-regulated picture source {
    all: initial
}

.asic-regulated picture img {
    width: 100%
}

.transform-trading .register-card {
    padding-bottom: 0 !important
}

@media (max-width: 48rem) {
    .multi-asset-start {
        padding-bottom: 3rem
    }
}

.multi-asset-start .register-card {
    gap: 0 !important;
    padding-bottom: 0 !important
}
/*custom*/
.carousel-item {
    min-height: 600px;
    height: 75vh;
    background-position: center;
    background-size: cover;
}

.hero-banner-image {
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.hero-banner-title {
    font-size: 4rem;
    font-weight: bold;
    color: white;
    margin-bottom: 10px;
    line-height: 4.3rem;
}

.hero-banner-message {
    font-size: 2.3rem;
    color: white;
    line-height: 2.6rem;
    font-weight: 300;
}

.justify-content-center {
    justify-content: center !important;
}

.flex-column {
    flex-direction: column !important;
}

.button-group {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.button-start-trading {
    height: 2.625rem;
    width: fit-content;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
}

.button-start-trading:hover{
    color:#000;
}

.login-background {
    background-image: url('/assets/images/landing/login_bg.svg') !important;
    background-repeat: no-repeat;
    background-position: right 15em bottom -37px;
    background-size: 75%;
    background-color: #192637;
    margin-top: 0px !important;
}