.icon {
    fill: currentColor;
    display: inline-block;
    height: 1em;
    width: 1em
}

.icon-Appstore1 {
    height: 53px;
    width: 159px
}

.icon-FXAcademy {
    height: 26px;
    width: 127px
}

.icon-FXEducation {
    height: 44px;
    width: 228px
}

.icon-academy {
    height: 64px;
    width: 64px
}

.icon-advert-arrow {
    height: 17px;
    width: 17px
}

.icon-app-store-white {
    height: 56px;
    width: 168px
}

.icon-appstore {
    height: 51px;
    width: 152px
}

.icon-arrow-link {
    height: 11px;
    width: 13px
}

.icon-arrow-link-reverse {
    height: 11px;
    width: 14px
}

.icon-arrow-right {
    height: 16px;
    width: 10px
}

.icon-arrow-select {
    height: 9px;
    width: 16px
}

.icon-aud {
    height: 54px;
    width: 54px
}

.icon-award {
    height: 65px;
    width: 64px
}

.icon-benefits {
    height: 64px;
    width: 64px
}

.icon-bitcoin, .icon-bitcoin-gray {
    height: 32px;
    width: 32px
}

.icon-btn-arrow {
    height: 11px;
    width: 14px
}

.icon-cad {
    height: 54px;
    width: 54px
}

.icon-calendar {
    height: 20px;
    width: 20px
}

.icon-chat {
    height: 15px;
    width: 16px
}

.icon-close {
    height: 24px;
    width: 24px
}

.icon-comparison-checkmark {
    height: 24px;
    width: 25px
}

.icon-cpa {
    height: 65px;
    width: 65px
}

.icon-cursor-click, .icon-decrease {
    height: 24px;
    width: 24px
}

.icon-deposit {
    height: 48px;
    width: 49px
}

.icon-download {
    height: 17px;
    width: 16px
}

.icon-eur {
    height: 55px;
    width: 54px
}

.icon-filters {
    height: 17px;
    width: 16px
}

.icon-footer-arrow {
    height: 23px;
    width: 23px
}

.icon-footer-mail {
    height: 15px;
    width: 18px
}

.icon-gbp {
    height: 54px;
    width: 54px
}

.icon-google-play {
    height: 17px;
    width: 16px
}

.icon-header-search {
    height: 24px;
    width: 24px
}

.icon-hybryd-plan {
    height: 65px;
    width: 69px
}

.icon-increase {
    height: 24px;
    width: 24px
}

.icon-info {
    height: 17px;
    width: 16px
}

.icon-info-1, .icon-info-2 {
    height: 16px;
    width: 16px
}

.icon-lang-arrow {
    height: 6px;
    width: 10px
}

.icon-lang-ch, .icon-lang-cz, .icon-lang-de, .icon-lang-el, .icon-lang-en, .icon-lang-es, .icon-lang-ir, .icon-lang-pr, .icon-lang-th {
    height: 16px;
    width: 16px
}

.icon-logo-footer {
    height: 41px;
    width: 152px
}

.icon-mail {
    height: 15px;
    width: 18px
}

.icon-markets-commodities, .icon-markets-crypto {
    height: 64px;
    width: 64px
}

.icon-markets-currencies {
    height: 68px;
    width: 64px
}

.icon-markets-indices, .icon-markets-shares {
    height: 64px;
    width: 64px
}

.icon-order {
    height: 48px;
    width: 49px
}

.icon-our-ethos, .icon-our-future {
    height: 64px;
    width: 64px
}

.icon-pdf, .icon-phone {
    height: 17px;
    width: 16px
}

.icon-play-market {
    height: 55px;
    width: 185px
}

.icon-play-market-white {
    height: 56px;
    width: 189px
}

.icon-popup-close {
    height: 26px;
    width: 26px
}

.icon-refferals-open {
    height: 48px;
    width: 49px
}

.icon-register {
    height: 48px;
    width: 48px
}

.icon-search {
    height: 24px;
    width: 24px
}

.icon-search-close {
    height: 18px;
    width: 18px
}

.icon-select2-arrow-active {
    height: 9px;
    width: 14px
}

.icon-send-refferal {
    height: 48px;
    width: 48px
}

.icon-social-facebook {
    height: 19px;
    width: 11px
}

.icon-social-instagram {
    height: 18px;
    width: 18px
}

.icon-social-twitter {
    height: 18px;
    width: 22px
}

.icon-social-youtube {
    height: 15px;
    width: 22px
}

.icon-success {
    height: 64px;
    width: 64px
}

.icon-update {
    height: 17px;
    width: 17px
}

.icon-usd {
    height: 55px;
    width: 54px
}

.icon-verify {
    height: 48px;
    width: 48px
}

.icon-volume-plan {
    height: 65px;
    width: 64px
}

.icon-windows-white {
    height: 56px;
    width: 194px
}

@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar;
    box-sizing: border-box
}

.container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 96px;
    padding-right: 96px;
    width: 100%;
    z-index: 1
}

.container--full {
    max-width: 1920px
}

@media (max-width: 1279px) {
    .container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (max-width: 767px) {
    .container--mobile-w100 {
        padding: 0
    }
}

@media screen and (max-width: 1260px) {
    .container--tablet-w100 {
        padding: 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

* {
    margin: 0;
    outline: none !important;
    padding: 0
}

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

body, html {
    min-width: 320px;
    width: 100%
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button, textarea::-webkit-inner-spin-button, textarea::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number], textarea[type=number] {
    -moz-appearance: textfield
}

input::-ms-clear, input::-ms-reveal, textarea::-ms-clear, textarea::-ms-reveal {
    display: none !important
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    line-height: normal !important
}

input[type=date]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none
}

figure {
    margin: 0
}

button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

nav, ol, ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

a {
    color: inherit;
    transition: .3s
}

a, a:focus, a:hover {
    text-decoration: none
}

img {
    display: block;
    max-width: 100%
}

button, input, select, textarea {
    appearance: none
}

body, button, input, select, textarea {
    font-family: Noto Sans, -apple-system, BlickMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #081636;
    font-size: 17px;
    line-height: 23px
}

img.lazy:not([src]) {
    visibility: hidden
}

img.lazyloaded {
    transition: opacity .4s
}

img.lazyloading {
    opacity: 0
}

.image-fit.is-contain img {
    font-family: "object-fit: contain";
    object-fit: contain
}

.image-fit.is-cover img {
    font-family: "object-fit: cover";
    object-fit: cover
}

.fixed-scroll {
    overflow: hidden
}

@media (max-width: 767px) {
    .fixed-scroll {
        left: 0;
        position: fixed;
        right: 0;
        top: 0
    }
}

.scroll-measure {
    height: 100%;
    left: 0;
    overflow: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -100
}

.visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@media (min-width: 768px) {
    ._mobile-visible {
        display: none !important
    }
}

@media (max-width: 767px) {
    ._mobile-hidden {
        display: none !important
    }
}

@media (min-width: 1024px) {
    ._tabletSmall-visible {
        display: none !important
    }
}

@media (max-width: 1023px) {
    ._tabletSmall-hidden {
        display: none !important
    }
}

@media (min-width: 1260px) {
    ._tablet-visible {
        display: none !important
    }
}

@media (max-width: 1259px) {
    ._tablet-hidden {
        display: none !important
    }
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

@font-face {
    font-display: swap;
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("/static/home/images/5ee517dd2e13494687d2cfe47ebe011e.woff") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode > .swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.qs-datepicker-container {
    background: #fff;
    border: 1px solid gray;
    border-radius: .263921875em;
    box-shadow: 0 1.25em 1.25em -.9375em rgba(0, 0, 0, .3);
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    font-size: 1rem;
    overflow: hidden;
    position: absolute;
    user-select: none;
    width: 15.625em;
    z-index: 9001
}

.qs-datepicker-container * {
    box-sizing: border-box
}

.qs-centered {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%)
}

.qs-hidden {
    display: none
}

.qs-overlay {
    background: rgba(0, 0, 0, .75);
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    opacity: 1;
    padding: .5em;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 1
}

.qs-overlay.qs-hidden {
    opacity: 0;
    z-index: -1
}

.qs-overlay .qs-overlay-year {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: .875em;
    margin: 0 auto;
    padding: .25em 0;
    text-align: center;
    width: 80%
}

.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.qs-overlay .qs-close {
    cursor: pointer;
    padding: .5em;
    position: absolute;
    right: 0;
    top: 0
}

.qs-overlay .qs-submit {
    background: hsla(0, 0%, 50%, .4);
    border: 1px solid #fff;
    border-radius: .263921875em;
    cursor: pointer;
    margin: 0 auto auto;
    padding: .5em
}

.qs-overlay .qs-submit.qs-disabled {
    border-color: gray;
    color: gray;
    cursor: not-allowed
}

.qs-overlay .qs-overlay-month-container {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap
}

.qs-overlay .qs-overlay-month {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: .5;
    transition: opacity .15s;
    width: 33.3333333333%
}

.qs-overlay .qs-overlay-month.active, .qs-overlay .qs-overlay-month:hover {
    opacity: 1
}

.qs-controls {
    align-items: center;
    background: #d3d3d3;
    display: flex;
    filter: blur(0);
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: space-between;
    transition: filter .3s;
    width: 100%
}

.qs-controls.qs-blur {
    filter: blur(5px)
}

.qs-arrow {
    border-radius: .263921875em;
    cursor: pointer;
    height: 1.5625em;
    position: relative;
    transition: background .15s;
    width: 1.5625em
}

.qs-arrow:hover {
    background: rgba(0, 0, 0, .1)
}

.qs-arrow:hover.qs-left:after {
    border-right-color: #000
}

.qs-arrow:hover.qs-right:after {
    border-left-color: #000
}

.qs-arrow:after {
    border: .390625em solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    transition: border .2s
}

.qs-arrow.qs-left:after {
    border-right-color: gray;
    right: 50%;
    transform: translate(25%, -50%)
}

.qs-arrow.qs-right:after {
    border-left-color: gray;
    left: 50%;
    transform: translate(-25%, -50%)
}

.qs-month-year {
    border-bottom: 1px solid transparent;
    cursor: pointer;
    font-weight: 700;
    transition: border .2s
}

.qs-month-year:hover {
    border-bottom: 1px solid gray
}

.qs-month-year:active:focus, .qs-month-year:focus {
    outline: none
}

.qs-month {
    padding-right: .5ex
}

.qs-year {
    padding-left: .5ex
}

.qs-squares {
    display: flex;
    filter: blur(0);
    flex-wrap: wrap;
    padding: .3125em;
    transition: filter .3s
}

.qs-squares.qs-blur {
    filter: blur(5px)
}

.qs-square {
    align-items: center;
    border-radius: .263921875em;
    cursor: pointer;
    display: flex;
    height: 1.5625em;
    justify-content: center;
    transition: background .1s;
    width: 14.2857142857%
}

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
    background: orange
}

.qs-current {
    font-weight: 700;
    text-decoration: underline
}

.qs-active, .qs-range-end, .qs-range-start {
    background: #add8e6
}

.qs-range-start:not(.qs-range-6) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.qs-range-middle {
    background: #d4ebf2
}

.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
    border-radius: 0
}

.qs-range-middle.qs-range-0 {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.qs-range-end:not(.qs-range-0), .qs-range-middle.qs-range-6 {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.qs-disabled, .qs-outside-current-month {
    opacity: .2
}

.qs-disabled {
    cursor: not-allowed
}

.qs-day, .qs-empty {
    cursor: default
}

.qs-day {
    color: gray;
    font-weight: 700
}

.qs-event {
    position: relative
}

.qs-event:after {
    background: #07f;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: .46875em;
    position: absolute;
    right: 0;
    width: .46875em
}

.qs-datepicker-container {
    border: 1px solid #dfe3ec;
    border-radius: 8px;
    font-family: Inter, -apple-system, BlickMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

@media (hover: none) {
    .qs-datepicker-container {
        display: none
    }
}

.qs-controls {
    background: #fff;
    border-bottom: 1px solid #dfe3ec;
    padding: 5px
}

.qs-month-year {
    color: #000;
    cursor: default;
    font-size: 16px;
    font-weight: 500
}

.qs-month-year, .qs-month-year:hover {
    border-bottom: 0
}

.qs-square {
    height: 1.7625em
}

.qs-day {
    color: #000;
    font-size: 13px;
    font-weight: 500
}

.qs-num {
    color: #363c4e
}

.qs-num:hover {
    background: none !important;
    color: #7b88a5
}

.qs-current {
    color: #1c4bba;
    text-decoration: none
}

.qs-active {
    background: none;
    color: #7b88a5 !important;
    font-weight: 600
}

.ps {
    -ms-overflow-style: none;
    overflow: hidden !important;
    overflow-anchor: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    bottom: 0;
    height: 15px
}

.ps__rail-x, .ps__rail-y {
    display: none;
    opacity: 0;
    position: absolute;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear
}

.ps__rail-y {
    right: 0;
    width: 15px
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    background-color: transparent;
    display: block
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    bottom: 2px;
    height: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out
}

.ps__thumb-x, .ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    right: 2px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .ps {
        overflow: auto !important
    }
}

.ps__rail-y {
    background: none !important
}

.ps__thumb-y {
    background-color: #eee !important;
    border-radius: 0;
    right: 0;
    width: 5px !important
}

.btn {
    align-items: center;
    appearance: none;
    background: #1c4bba;
    border-radius: 7px;
    box-shadow: 0 4px 22px rgba(28, 75, 186, .2);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: NotoSans-Bold;
    font-size: 17px;
    justify-content: center;
    line-height: 23px;
    padding: 14px 32px;
    text-align: center;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    z-index: 2
}

@media (max-width: 1279px) {
    .btn {
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .btn:hover {
        background: #1942a4
    }
}

.btn svg {
    margin-right: 6px
}

.btn--w100 {
    width: 100%
}

.btn--green {
    background: #46bd54;
    box-shadow: 0 4px 22px rgba(70, 189, 84, .2);
    color: #fff;
    font-family: NotoSans-Bold;
    font-size: 17px;
    line-height: 23px
}

@media screen and (min-width: 1024px) {
    .btn--green:hover {
        background: #3ca348
    }
}

.btn--transparent {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 7px;
    box-shadow: none;
    color: #fff;
    padding-bottom: 13px;
    padding-top: 13px
}

@media screen and (min-width: 1024px) {
    .btn--transparent:hover {
        background-color: transparent;
        border: 1px solid #cad1e3;
        color: #cad1e3
    }
}

.btn--transparent.btn--medium {
    padding: 10px 20px
}

.btn--transparent svg {
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.btn--small {
    font-size: 14px;
    line-height: 19px;
    padding: 10px
}

.btn--small.btn--outline {
    padding-bottom: 9px;
    padding-top: 9px
}

.btn--small svg {
    font-size: 16px
}

.btn--medium {
    font-family: NotoSans-Bold;
    font-size: 17px;
    line-height: 23px;
    padding: 10px 20px
}

.btn.btn--icon-right svg {
    height: 16px;
    margin-left: 6px;
    margin-right: 0;
    width: 16px
}

.btn--outline {
    background: none;
    border: 1px solid #1c4bba;
    box-shadow: none;
    color: #1c4bba;
    padding: 9px 20px
}

.btn--outline svg {
    margin: auto 6px auto 0;
    transition: all .3s ease-in-out
}

@media screen and (min-width: 1024px) {
    .btn--outline:hover {
        background: none;
        border-color: #1841a1;
        color: #1841a1
    }

    .btn--outline:hover svg {
        color: #1841a1
    }
}

.btn--outline.btn--secondary {
    border: 1px solid #1b74fd;
    box-shadow: none;
    color: #1b74fd
}

.btn--primary-disabled {
    background: transparent;
    border: 1px solid #cad1e3;
    box-shadow: none;
    color: #cad1e3;
    padding: 9px 10px 8px
}

@media screen and (min-width: 1024px) {
    .btn--primary-disabled:hover {
        background: transparent
    }
}

.btn--secondary-disabled {
    background: #cad1e3;
    border: 1px solid #cad1e3;
    box-shadow: none;
    color: #fff
}

@media screen and (min-width: 1024px) {
    .btn--secondary-disabled:hover {
        background: #cad1e3
    }
}

.btn--white {
    background: #fff;
    box-shadow: none;
    color: #1c4bba
}

@media screen and (min-width: 1024px) {
    .btn--white:hover {
        background: #f2f5fc;
        color: #1841a1
    }
}

.btn--primary100 {
    background: #2460ed;
    color: #fff
}

@media screen and (min-width: 1024px) {
    .btn--primary100:hover {
        background: #1351e5
    }
}

.rtl .btn svg {
    margin: 0 6px;
    transform: scaleX(-1)
}

.loader {
    min-height: 90px;
    position: relative
}

.loader:before {
    background-color: hsla(0, 0%, 100%, .7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.loader__circle {
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.loader__circle:before {
    animation: spin 1s linear infinite;
    border: 2px solid #f5f5f5;
    border-radius: 100%;
    border-top: 3px solid #1c4bba;
    content: "";
    display: block;
    height: 60px;
    margin: 0 auto 10px;
    width: 60px
}

.loader--trans:before {
    display: none
}

.loader-small {
    animation: spin .5s linear infinite;
    border-color: rgba(72, 127, 254, .75) rgba(72, 127, 254, .75) rgba(72, 127, 254, .25) rgba(72, 127, 254, .25);
    border-radius: 100%;
    border-style: solid;
    border-width: 5px;
    display: inline-block;
    height: 30px;
    vertical-align: top;
    width: 30px
}

@keyframes spin {
    0% {
        transform: rotate(0deg) translateZ(0)
    }
    to {
        transform: rotate(1turn) translateZ(0)
    }
}

.loader-block {
    min-height: 100px;
    position: relative
}

.select {
    height: 100%;
    position: relative
}

.select .select__input span {
    color: #081636;
    font-size: 17px;
    font-weight: 500
}

@media screen and (max-width: 1023px) {
    .select .select__input span {
        font-size: 14px
    }
}

.select--open .select__backdrop, .select--open .select__dropdown {
    display: block
}

.select--open .select__input span {
    color: #1c4bba
}

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

.select--open .select__input svg path {
    fill: #1c4bba
}

.select__input {
    align-items: center;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    justify-content: space-between;
    line-height: 24px;
    padding: 6px 4px 6px 10px;
    white-space: nowrap
}

.select__input svg {
    margin: 2px 0 0 7px;
    transition: all .3s ease
}

@media screen and (max-width: 1023px) {
    .select__input svg {
        margin-left: 5px
    }
}

.select__input svg path {
    fill: #8d99b5
}

@media screen and (min-width: 1024px) {
    .select__input:hover:hover span {
        color: #1c4bba
    }

    .select__input:hover:hover svg path {
        fill: #3a4254
    }
}

.select__dropdown {
    border-radius: 8px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    display: none;
    left: -10px;
    margin-top: 5px;
    max-height: 200px;
    min-width: 100px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    z-index: 50
}

@media screen and (max-width: 1023px) {
    .select__dropdown {
        left: 0;
        min-width: 70px
    }
}

.select__dropdown.up {
    bottom: 0;
    top: auto
}

.select__backdrop {
    background: transparent;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

.select__list {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 6px 32px rgba(8, 22, 54, .2);
    list-style: none;
    margin: 0;
    padding: 6px 0
}

.select__item {
    align-items: center;
    color: #081636;
    cursor: pointer;
    display: flex;
    font-size: 17px;
    line-height: 24px;
    min-height: 44px;
    padding: 0 46px 0 20px;
    white-space: nowrap
}

@media screen and (min-width: 1024px) {
    .select__item:focus:hover, .select__item:hover:hover {
        background: rgba(207, 213, 232, .24)
    }
}

.select__item--selected {
    position: relative
}

.select__item--selected:after {
    content: "";
    position: absolute;
    right: 12px
}

@media screen and (max-width: 1023px) {
    .select__item {
        font-size: 14px;
        padding: 0 10px 0 11px
    }
}

.select-list__link {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1;
    padding: 10px 35px 10px 15px;
    white-space: nowrap
}

@media screen and (min-width: 1024px) {
    .select-list__link:focus:hover, .select-list__link:hover:hover {
        cursor: pointer;
        transition: all .15s ease-in
    }
}

.select-list__link--selected {
    color: #1b74fd
}

@media screen and (min-width: 1024px) {
    .select-list__link--selected:focus:hover, .select-list__link--selected:hover:hover {
        color: #1b74fd
    }
}

.link--blue {
    color: #1c4bba
}

@media screen and (min-width: 1024px) {
    .link--blue:hover:hover {
        color: #1841a1
    }
}

.link--gray {
    color: #8d99b5
}

@media screen and (min-width: 1024px) {
    .link--gray:hover:hover {
        color: #1c4bba
    }
}

.link--large {
    font-size: 17px;
    line-height: 23px
}

.link--small {
    font-size: 14px;
    line-height: 19px
}

.link--medium {
    font-weight: 500
}

.link--regular {
    font-weight: 400
}

.label-input {
    color: #3a4254;
    font-size: 16px;
    line-height: 19px
}

.form-field {
    padding-bottom: 16px;
    position: relative;
    width: 100%
}

.form-field__label {
    display: inline-block;
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 8px
}

.form-field__input {
    cursor: pointer
}

.form-field__error {
    bottom: 0;
    color: red;
    display: block;
    font-size: 14px;
    left: 0;
    line-height: 19px;
    position: absolute
}

@media (max-width: 767px) {
    .form-field__error {
        font-size: 14px;
        line-height: 150%
    }
}

.rtl .form-field__label button {
    margin: 0 10px 0 0
}

.form-input {
    position: relative
}

.form-input input {
    background: #fff;
    border: 1px solid #cad1e3;
    border-radius: 7px;
    color: #081636;
    font-family: Noto Sans;
    font-size: 17px;
    line-height: 23px;
    padding: 14px 20px 13px;
    transition: all .3s ease-in-out;
    width: 100%
}

.form-input input::placeholder {
    color: #3a4254;
    opacity: .35
}

@media screen and (min-width: 1024px) {
    .form-input input:hover {
        border: 1px solid #8d99b5
    }
}

.form-input input:focus {
    border: 1px solid #80a5ff;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08)
}

.form-input input:disabled {
    opacity: .45
}

@media screen and (min-width: 1024px) {
    .form-input input:disabled:hover {
        border-color: #cad1e3
    }
}

.form-input input:disabled::placeholder {
    color: #3a4254
}

.form-input textarea {
    border: 1px solid #cad1e3;
    border-radius: 7px;
    font-family: Noto Sans;
    font-size: 17px;
    line-height: 23px;
    min-height: 148px;
    overflow-y: auto;
    padding: 15px 20px;
    resize: none;
    scrollbar-width: thin;
    transition: all .3s ease-in-out;
    width: 100%
}

.form-input textarea::-webkit-scrollbar {
    width: .375rem
}

.form-input textarea::-webkit-scrollbar-track {
    background-color: transparent
}

.form-input textarea::-webkit-scrollbar-thumb {
    background-color: rgba(141, 153, 181, .5);
    border-radius: 7px
}

.form-input textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(141, 153, 181, .5)
}

.form-input textarea::placeholder {
    color: rgba(58, 66, 84, .35)
}

@media screen and (min-width: 1024px) {
    .form-input textarea:hover {
        border: 1px solid #8d99b5
    }
}

.form-input textarea:focus {
    border: 1px solid #80a5ff;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08)
}

.form-input--icon {
    position: relative
}

.form-input--icon input {
    padding-left: 36px
}

.form-input--icon-right {
    position: relative
}

.form-input--icon-right input {
    padding-left: 20px;
    padding-right: 22px
}

.form-input__icon {
    content: "";
    cursor: pointer;
    display: block;
    left: 10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.form-input--icon-right .form-input__icon {
    left: auto;
    right: 10px
}

.form-input__icon--date {
    background-position: -261px -235px;
    width: 18px
}

.form-input__icon--date, .form-input__icon--eye {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-size: 1366px 886px;
    display: block;
    height: 20px
}

.form-input__icon--eye {
    background-position: -279px -255px;
    width: 20px
}

.form-input__icon--eye-opened {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -299px -275px;
    background-size: 1366px 886px;
    display: block;
    height: 14px;
    width: 20px
}

.form-input--error {
    position: relative
}

.form-input--error input {
    border: 1px solid #f64670
}

@media screen and (min-width: 1024px) {
    .form-input--error input:hover {
        border: 1px solid #f64670
    }
}

.form-input--error .form-input__error-message {
    color: #f64670;
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    padding-top: 8px
}

.form-input .form-input--phone, .form-input .js-phone-input {
    direction: ltr !important
}

.rtl .form-input--icon-right .form-input__icon {
    left: 10px;
    right: auto
}

.rtl .form-input--phone, .rtl .js-phone-input {
    text-align: right
}

.label-input {
    display: block;
    margin-bottom: 8px
}

.form-checkbox {
    display: block;
    position: relative;
    width: 100%
}

.form-checkbox input {
    bottom: 0;
    position: absolute;
    top: 0;
    visibility: hidden
}

.form-checkbox__label {
    cursor: pointer;
    display: block
}

.form-checkbox__inner {
    display: block;
    padding-left: 34px;
    position: relative
}

.form-checkbox__inner span {
    color: #3a4254
}

.form-checkbox__inner:before {
    background: #fff;
    border: 2px solid #cad1e3;
    border-radius: 6px;
    content: "";
    display: inline-block;
    height: 24px;
    left: 0;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 24px
}

.form-checkbox__inner:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -162px -162px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 10px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 6px;
    width: 16px
}

@media screen and (min-width: 1024px) {
    .form-checkbox__inner:hover:before {
        border: 2px solid #8d99b5
    }
}

.form-checkbox input:checked ~ .form-checkbox__inner:before {
    background: #1c4bba;
    border-color: #1c4bba
}

.form-checkbox input:checked ~ .form-checkbox__inner span {
    color: #081636
}

.form-checkbox input:checked ~ .form-checkbox__inner:after {
    opacity: 1
}

.form-radio {
    display: block;
    position: relative;
    width: 100%
}

.form-radio input {
    border: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden
}

.form-radio__label {
    cursor: pointer;
    display: block
}

.form-radio__inner {
    display: block;
    padding-left: 30px;
    position: relative
}

.form-radio__inner:before {
    border: 1px solid #dae4ed;
    border-radius: 50%;
    height: 22px;
    left: 0;
    width: 22px
}

.form-radio__inner:after, .form-radio__inner:before {
    background: #fff;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.form-radio__inner:after {
    border-radius: 50%;
    height: 12px;
    left: 5px;
    width: 12px
}

.form-radio input:checked + .form-radio__inner:before {
    border: 2px solid #1c4bba
}

.form-radio input:checked + .form-radio__inner:after {
    background: #1c4bba;
    border-color: #1c4bba
}

.form-select {
    cursor: pointer
}

.form-select .select2 {
    display: block;
    width: 100% !important
}

.form-select .select2 .selection, .form-select .select2-selection {
    display: block;
    width: 100%
}

.form-select .select2-selection__arrow {
    display: none
}

.form-select .select2-selection__placeholder {
    color: rgba(58, 66, 84, .35)
}

.form-select .select2-selection__rendered {
    align-items: center;
    background: #fff;
    border: 1px solid #cad1e3;
    border-radius: 7px;
    box-sizing: border-box;
    color: #081636;
    display: flex;
    font-size: 17px;
    height: 55px;
    line-height: 23px;
    padding: 0 20px;
    position: relative;
    transition: all .3s ease-in-out;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .form-select .select2-selection__rendered:hover {
        border: 1px solid #8d99b5
    }
}

.form-select .select2-selection__rendered:after {
    background-image: url(/static/home/images/select2-arrow.svg);
    background-repeat: no-repeat;
    content: "";
    height: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    width: 15px
}

.form-select .select2-selection__rendered:hover:after {
    background-image: url(/static/home/images/select2-arrow-active.svg)
}

.form-select .select2-container--open .select2-selection__rendered {
    border-color: #80a5ff;
    border-radius: 7px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08)
}

.form-select .select2-container--open .select2-selection__rendered:after {
    background-image: url(/static/home/images/select2-arrow-active.svg);
    transform: rotate(-180deg) translateY(50%);
    transition: all .3s ease-in-out
}

.form-select .select2-container--open.select2-container--above .select2-selection__rendered {
    border-radius: 7px
}

.form-select.mobile {
    position: relative
}

.form-select.mobile:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1174px -740px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px
}

.form-select.mobile select {
    align-items: center;
    appearance: none;
    background: #fff;
    border: 1px solid #cad1e3;
    border-radius: 7px;
    box-sizing: border-box;
    display: flex;
    font-size: 17px;
    height: 55px;
    line-height: 23px;
    padding: 0 20px;
    position: relative;
    width: 100%
}

.form-select.mobile select:focus {
    border-color: #1c4bba
}

.form-select.mobile .select-placeholder {
    align-items: center;
    background: #fff;
    bottom: 4px;
    display: flex;
    font-size: 14px;
    left: 5px;
    padding-left: 10px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 4px
}

.form-select.mobile.selected .select-placeholder {
    display: none
}

.form-select.mobile.selected select {
    color: #081636
}

.form-select.mobile.focus select {
    border-color: #80a5ff
}

.form-select.mobile.focus:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1174px -740px;
    background-size: 1366px 886px;
    display: block;
    height: 9px;
    transform: rotate(180deg) translateY(50%);
    width: 14px
}

.select2-dropdown {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 6px 44px rgba(1, 64, 139, .24);
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 999999
}

.select2-dropdown.select2-dropdown--above {
    border-radius: 7px
}

.select2-dropdown .select2-results__options {
    background-color: #fff;
    max-height: 164px;
    overflow: auto;
    overflow-y: auto;
    position: relative;
    scrollbar-width: thin;
    z-index: 1
}

.select2-dropdown .select2-results__options::-webkit-scrollbar {
    width: .375rem
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-track {
    background-color: transparent
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
    background-color: rgba(141, 153, 181, .5);
    border-radius: 7px
}

.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
    background-color: rgba(141, 153, 181, .5)
}

.select2-dropdown .select2-results__option {
    font-size: 17px;
    line-height: 23px;
    padding: 10px 16px
}

.select2-dropdown .select2-results__option:not(.select2-results__message) {
    cursor: pointer
}

.select2-dropdown .select2-results__option:not(.select2-results__message):hover {
    background-color: #f2f5fc;
    color: #1c4bba
}

.select2-dropdown .select2-results__option.select2-results__message {
    display: block;
    font-size: 16px;
    text-align: center
}

.select2-dropdown .select2-search {
    border-bottom: 1px solid #eee;
    display: none;
    width: 100%
}

.select2-dropdown .select2-search__field {
    border: 0;
    font-size: 14px;
    line-height: 150%;
    padding: 9px 16px
}

.select2-dropdown .select2-search__field::-webkit-input-placeholder {
    color: rgba(5, 36, 51, .2)
}

.select2-dropdown .select2-search__field:-moz-placeholder, .select2-dropdown .select2-search__field::-moz-placeholder {
    color: rgba(5, 36, 51, .2)
}

.select2-dropdown .select2-search__field:-ms-input-placeholder {
    color: rgba(5, 36, 51, .2)
}

.select2-dropdown .select2-search__field::-ms-input-placeholder {
    color: rgba(5, 36, 51, .2)
}

.select2-dropdown.select2-with-search .select2-search {
    display: block
}

.rtl .form-select {
    cursor: pointer
}

.rtl .form-select .select2-selection__rendered {
    direction: rtl
}

.rtl .form-select .select2-selection__rendered:after {
    left: 10px;
    right: auto
}

.rtl .select2-dropdown .select2-results__option {
    font-size: 17px;
    line-height: 23px;
    padding: 10px 16px;
    text-align: right
}

.video-overlay {
    align-items: center;
    background: #000;
    cursor: pointer;
    display: none;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    transition: all .35s ease;
    width: 100%;
    z-index: 1000
}

.video-overlay.visible {
    display: flex
}

.video-overlay__close {
    display: block;
    height: 25px;
    position: relative;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 25px;
    z-index: 1002
}

.video-overlay__close:after, .video-overlay__close:before {
    background-color: #fff;
    border-radius: 5px;
    content: "";
    display: block;
    height: 1.8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all .3s ease-in-out;
    width: 35px
}

.video-overlay__close:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.video-overlay__close:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.video-overlay__close:hover {
    display: block;
    height: 25px;
    position: relative;
    position: absolute;
    width: 25px
}

.video-overlay__close:hover:after, .video-overlay__close:hover:before {
    background-color: #fff;
    border-radius: 5px;
    content: "";
    display: block;
    height: 1.8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all .3s ease-in-out;
    width: 35px
}

.video-overlay__close:hover:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.video-overlay__close:hover:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.video-overlay iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-overlay__video {
    left: 50%;
    max-width: 90%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;
    z-index: 1001
}

.cta {
    padding: 80px 0 77px
}

@media screen and (max-width: 767px) {
    .cta {
        padding-bottom: 0;
        padding-top: 58px
    }
}

.cta__container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 96px;
    padding-right: 96px;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .cta__container {
        padding: 0 24px
    }
}

@media screen and (max-width: 767px) {
    .cta__container {
        padding: 0
    }
}

.cta__wrapper {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    padding: 50px 60px
}

@media screen and (max-width: 767px) {
    .cta__wrapper {
        border-radius: 0;
        border-top: 1px solid #cfd5e8;
        box-shadow: none;
        padding: 60px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .cta__wrapper {
        padding: 60px 10px
    }
}

.cta__inner {
    display: flex
}

@media screen and (max-width: 1260px) {
    .cta__inner {
        margin: 0
    }
}

@media screen and (max-width: 1023px) {
    .cta__inner {
        flex-direction: column
    }
}

.cta__left {
    flex-basis: 50%;
    text-align: left
}

@media screen and (max-width: 1260px) {
    .cta__left {
        flex-basis: auto;
        padding: 0
    }
}

.cta__left-title {
    color: #081636;
    font-size: 22px;
    line-height: 30px
}

.cta__left-title a {
    align-items: center;
    color: #1c4bba;
    display: inline-flex;
    font-family: NotoSans-Bold
}

.cta__left-title a img {
    padding-left: 7px
}

@media screen and (min-width: 1024px) {
    .cta__left-title a:hover:hover {
        color: #1841a1
    }
}

@media screen and (max-width: 767px) {
    .cta__left-title {
        display: none
    }
}

.cta__left-title--mobile {
    color: #081636;
    display: none;
    font-size: 20px;
    line-height: 27px
}

.cta__left-title--mobile a {
    align-items: center;
    color: #1c4bba;
    display: inline-flex;
    font-family: NotoSans-Bold
}

.cta__left-title--mobile a img {
    padding-left: 7px
}

@media screen and (min-width: 1024px) {
    .cta__left-title--mobile a:hover:hover {
        color: #1841a1
    }
}

@media screen and (max-width: 767px) {
    .cta__left-title--mobile {
        display: flex;
        flex-direction: column
    }
}

.cta__left-text {
    color: #3a4254;
    font-size: 17px;
    line-height: 23px;
    margin-top: 24px;
    max-width: 530px
}

@media screen and (max-width: 1023px) {
    .cta__left-text {
        margin-top: 10px
    }
}

.cta__right {
    align-items: center;
    display: flex;
    flex: 1;
    flex-basis: 50%;
    justify-content: flex-end;
    padding: 0 52px 0 64px
}

@media (max-width: 1280px) {
    .cta__right {
        padding: 0 38px
    }
}

@media screen and (max-width: 1260px) {
    .cta__right {
        flex-basis: auto;
        padding: 0
    }
}

@media screen and (max-width: 1023px) {
    .cta__right {
        justify-content: flex-start;
        margin-top: 40px
    }
}

@media screen and (max-width: 767px) {
    .cta__right {
        display: block
    }
}

.cta__link {
    margin-left: 24px;
    max-width: 212px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .cta__link {
        max-width: 100%
    }
}

.cta__link:first-child {
    margin-left: 0
}

@media screen and (max-width: 1023px) {
    .cta__link {
        margin-left: 24px;
        margin-top: 0
    }

    .cta__link a {
        width: 100%
    }

    .cta__link:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .cta__link:last-child {
        margin-left: 0;
        margin-top: 24px
    }
}

.cta__link svg {
    height: 16px;
    width: 16px
}

.cta--gray {
    background: #f2f5fc
}

.cta--chapter {
    padding: 0
}

.cta--chapter .cta__wrapper {
    border: 1px solid #cad1e3;
    border-radius: 6px;
    overflow: hidden;
    padding: 30px 40px
}

@media screen and (max-width: 1023px) {
    .cta--chapter .cta__wrapper {
        padding: 30px 24px
    }
}

.cta--chapter .cta__left-title {
    color: #081636;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .cta--chapter .cta__left-title {
        display: block
    }
}

.cta--chapter .cta__left-text {
    color: #8d99b5;
    margin-top: 10px
}

.cta--chapter .cta__link {
    padding-left: 25px
}

@media screen and (max-width: 1023px) {
    .cta--chapter .cta__link {
        margin-top: 0;
        padding-left: 0
    }
}

.cta--chapter .cta__right {
    padding: 0
}

.cta--chapter .cta__right .btn {
    padding: 14px 53px
}

@media (min-width: 320px)and (max-width: 374px) {
    .cta .container {
        padding: 0
    }
}

.rtl .cta__right {
    padding: 0 64px 0 52px
}

@media (max-width: 1280px) {
    .rtl .cta__right {
        padding: 0 38px
    }
}

@media screen and (max-width: 1260px) {
    .rtl .cta__right {
        flex-basis: auto;
        padding: 0
    }
}

.rtl .cta__left {
    text-align: right
}

.rtl .cta__left-title a img {
    transform: scale(-1)
}

@media screen and (max-width: 767px) {
    .rtl .cta__left-title {
        display: none
    }
}

.rtl .cta__left-title--mobile a img {
    padding-left: 7px;
    transform: scale(-1)
}

@media screen and (max-width: 767px) {
    .rtl .cta__left-title--mobile {
        display: flex;
        flex-direction: column
    }
}

.rtl .cta__left-text {
    color: #3a4254;
    font-size: 17px;
    line-height: 23px;
    margin-top: 24px;
    max-width: 530px
}

@media screen and (max-width: 1023px) {
    .rtl .cta__left-text {
        margin-top: 10px
    }
}

.rtl .cta__link {
    margin: 0 24px 0 0
}

.rtl .cta__link:first-child {
    margin-right: 0
}

@media screen and (max-width: 1023px) {
    .rtl .cta__link {
        margin: 0 24px 0 0
    }

    .rtl .cta__link a {
        width: 100%
    }

    .rtl .cta__link:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .rtl .cta__link:last-child {
        margin-right: 0;
        margin-top: 24px
    }
}

.rtl .cta__link svg {
    height: 16px;
    width: 16px
}

.advert-text {
    background: #1c4bba;
    color: #fff;
    display: block;
    font-size: 17px;
    line-height: 23px;
    padding: 8px 20px;
    text-align: center
}

@media (max-width: 1279px) {
    .advert-text {
        padding: 10px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .advert-text {
        padding: 10px
    }
}

@media (max-width: 1279px) {
    .advert-text {
        font-size: 14px;
        line-height: 19px
    }
}

.advert-text a {
    align-items: center;
    display: inline-flex;
    font-family: NotoSans-Bold;
    position: relative
}

@media screen and (min-width: 1024px) {
    .advert-text a:hover {
        color: #8d99b5
    }
}

.advert-text a svg {
    margin-left: 3px
}

.rtl .advert-text a svg {
    margin: 0 3px 0 0;
    transform: scaleX(-1)
}

.info-section {
    background: #f2f5fc;
    padding: 44px 0;
    position: relative;
    z-index: 5
}

@media screen and (max-width: 1023px) {
    .info-section {
        padding: 58px 0
    }
}

.info-section__inner {
    display: flex;
    margin: 0 -12px
}

@media screen and (max-width: 1023px) {
    .info-section__inner {
        display: block
    }
}

.info-section__border {
    background: gray;
    height: 100%;
    position: absolute;
    right: 12px;
    top: 0;
    width: 1px
}

.info-section__title {
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .info-section__title {
        font-size: 20px
    }
}

@media (min-width: 1280px) {
    .info-section__title--big {
        margin-top: -5px
    }
}

.info-section__title i {
    color: #1c4bba;
    font-style: normal;
    text-decoration: none
}

.info-section__title--link {
    align-items: baseline;
    color: #1c4bba;
    display: inline-flex;
    font-family: NotoSans-Bold
}

.info-section__title--link svg {
    margin-left: 7px;
    max-height: 17px;
    max-width: 34px
}

.info-section__title--link:hover {
    color: #1841a1
}

.info-section__cell {
    flex-basis: 33.3%;
    padding: 0 12px;
    position: relative
}

@media screen and (max-width: 1023px) {
    .info-section__cell {
        border-bottom: 1px solid #d0d6e9;
        margin-top: 23px;
        padding-bottom: 24px
    }

    .info-section__cell:first-child {
        margin-top: 0
    }

    .info-section__cell:last-child {
        border-bottom: none;
        padding-bottom: 0
    }
}

.info-section__cell:after {
    background: #d0d6e9;
    content: "";
    height: 100%;
    position: absolute;
    right: 12px;
    top: 0;
    width: 1px
}

@media screen and (max-width: 1023px) {
    .info-section__cell:after {
        display: none
    }
}

.info-section__cell:last-child:after {
    content: "";
    width: 0
}

.info-section__cell-link {
    margin-top: 12px
}

.info-section__text {
    color: #3a4254;
    display: flex;
    font-size: 14px;
    line-height: 19px;
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .info-section__text {
        margin-top: 18px
    }
}

.info-section__link {
    color: #1c4bba;
    font-family: NotoSans-Bold;
    padding-left: 29px;
    position: relative
}

.info-section__link:hover {
    color: #1841a1
}

.info-section__icon {
    bottom: 0;
    height: 100%;
    left: 6px;
    position: absolute;
    top: -1px
}

.info-section__icon svg {
    height: 19px;
    width: 19px
}

@media screen and (max-width: 1023px) {
    .info-section__icon svg {
        height: 13px;
        width: 16px
    }
}

.info-section__list {
    margin-top: 16px
}

.info-section__list-item {
    color: #3a4254;
    font-size: 14px;
    line-height: 19px;
    margin-top: 15px
}

.info-section__list-item:hover {
    color: #1c4bba
}

.info-section__list-item:first-child {
    margin-top: 0
}

.info-section__bottom {
    display: flex;
    margin-top: 25px
}

@media screen and (max-width: 1023px) {
    .info-section__bottom {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .info-section__bottom {
        margin-top: 40px
    }
}

.info-section__button {
    margin-left: 20px;
    max-width: 188px
}

.info-section__button svg {
    height: 15px;
    width: 16px
}

.info-section__button .btn {
    font-size: 14px;
    line-height: 19px
}

@media screen and (max-width: 1023px) {
    .info-section__button .btn {
        font-size: 17px;
        line-height: 23px
    }
}

@media (min-width: 1280px) {
    .info-section__button, .info-section__button .btn {
        width: 188px
    }
}

.info-section__button:first-child {
    margin-left: 0
}

@media screen and (max-width: 1023px) {
    .info-section__button:last-child {
        margin-left: 0;
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .info-section__button {
        margin: 20px 0 0;
        max-width: 100%
    }

    .info-section__button:first-child {
        margin: 0
    }
}

.info-section__block {
    display: flex;
    flex: 1 1 524px;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 112px;
    max-width: 524px
}

@media (max-width: 1279px) {
    .info-section__block {
        margin-right: 50px
    }
}

@media screen and (max-width: 1023px) {
    .info-section__block {
        border-bottom: 1px solid #cad1e3;
        flex: 1 1 auto;
        margin: 40px 0 0;
        max-width: 100%;
        padding: 0 0 39px
    }

    .info-section__block:first-child {
        margin-top: 0
    }

    .info-section__block:last-child {
        border-bottom: none;
        padding-bottom: 0
    }
}

.info-section__block:last-child {
    margin-right: 0
}

.info-section__block-description {
    margin-top: 24px
}

.info-section__block .info-section__title {
    font-weight: 600;
    letter-spacing: .02em
}

@media screen and (max-width: 1023px) {
    .info-section__block .info-section__title {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: .03em;
        line-height: 27px
    }
}

.info-section__block .info-section__text {
    font-size: 17px;
    line-height: 141.2%;
    margin-bottom: 14px;
    margin-top: 0
}

@media screen and (max-width: 1023px) {
    .info-section__block .info-section__text {
        margin-bottom: 25px
    }
}

.info-section__block .info-section__text:last-child {
    margin-bottom: 0
}

.info-section__block .info-section__link {
    letter-spacing: .02em;
    padding-left: 4px
}

.info-section--secondary {
    padding: 48px 0
}

@media screen and (max-width: 1023px) {
    .info-section--secondary {
        padding: 60px 0
    }
}

.info-section--secondary .info-section__inner {
    margin: 0
}

.info-section--secondary .info-section__bottom {
    margin-top: 39px
}

.info-section--secondary .info-section__bottom .btn {
    font-size: 17px;
    line-height: 23px
}

.info-section--secondary .info-section__button {
    margin-left: 24px
}

@media screen and (max-width: 1023px) {
    .info-section--secondary .info-section__button {
        margin-left: 0;
        margin-top: 24px
    }
}

.info-section--secondary .info-section__button:first-child {
    margin: 0
}

.rtl .info-section__border {
    left: 12px;
    right: auto
}

.rtl .info-section__title--link svg {
    margin: 0 7px 0 0;
    transform: scale(-1)
}

.rtl .info-section__cell:after {
    background: #d0d6e9;
    content: "";
    height: 100%;
    left: 12px;
    position: absolute;
    right: auto;
    top: 0;
    width: 1px
}

@media screen and (max-width: 1023px) {
    .rtl .info-section__cell:after {
        display: none
    }
}

.rtl .info-section__cell:last-child:after {
    content: "";
    width: 0
}

.rtl .info-section__cell-link {
    margin-top: 12px
}

.rtl .info-section__link {
    padding: 0 6px 0 29px
}

.rtl .info-section__button {
    margin: 0 20px 0 0
}

.rtl .info-section__button:first-child {
    margin-right: 0
}

@media screen and (max-width: 1023px) {
    .rtl .info-section__button:last-child {
        margin-right: 0;
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .rtl .info-section__button {
        margin: 20px 0 0;
        max-width: 100%
    }

    .rtl .info-section__button:first-child {
        margin: 0
    }
}

.markets__grid {
    padding-top: 80px
}

@media screen and (max-width: 1023px) {
    .markets__grid {
        padding-top: 60px
    }
}

.markets__grid-title {
    text-align: center
}

.markets__grid-content {
    margin-top: 60px
}

@media screen and (max-width: 767px) {
    .markets__grid-content {
        margin-top: 40px
    }
}

.markets__grid-inner {
    display: flex;
    flex-wrap: wrap;
    margin: -60px 0 0;
    max-width: 100%;
    padding: 0 115px
}

@media (max-width: 1281px) {
    .markets__grid-inner {
        padding: 0 70px
    }
}

@media screen and (max-width: 1260px) {
    .markets__grid-inner {
        padding: 0
    }
}

@media screen and (max-width: 1023px) {
    .markets__grid-inner {
        margin: -60px 0 0
    }
}

@media screen and (max-width: 767px) {
    .markets__grid-inner {
        display: block;
        margin: 0
    }
}

.markets__grid-item {
    flex-basis: 33.3%;
    margin-top: 61px;
    padding: 0 32px
}

@media screen and (max-width: 1023px) {
    .markets__grid-item {
        padding: 0 15px
    }
}

.markets__grid-item:nth-child(4) .quality-card, .markets__grid-item:nth-child(6) .quality-card {
    padding: 0 45px
}

@media screen and (max-width: 1023px) {
    .markets__grid-item:nth-child(4) .quality-card, .markets__grid-item:nth-child(6) .quality-card {
        padding: 0 10px
    }
}

@media screen and (max-width: 767px) {
    .markets__grid-item:nth-child(4) .quality-card, .markets__grid-item:nth-child(6) .quality-card {
        padding: 0 35px
    }

    .markets__grid-item:nth-child(6) .quality-card {
        padding: 0 30px
    }

    .markets__grid-item {
        flex-basis: 100%;
        margin-top: 41px;
        padding: 0
    }

    .markets__grid-item:first-child {
        margin-top: 0
    }
}

.markets__grid-bottom {
    margin-top: 50px
}

.markets__grid--gray {
    background-color: #f2f5fc
}

@media screen and (max-width: 767px) {
    .markets__grid--gray .cta__wrapper {
        border: none
    }
}

.accounts-deposit {
    max-width: 400px;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .accounts-deposit {
        margin-top: 60px
    }
}

@media screen and (max-width: 767px) {
    .accounts-deposit {
        max-width: 360px
    }
}

.accounts-deposit__item {
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .accounts-deposit__item {
        margin-bottom: 36px
    }
}

.accounts-deposit__item:last-child {
    margin-bottom: 0
}

.accounts-deposit__box-title {
    font-size: 22px;
    line-height: 30px;
    padding-top: 4px
}

@media screen and (max-width: 767px) {
    .accounts-deposit__box-title {
        display: flex;
        font-size: 20px;
        justify-content: center;
        line-height: 27px;
        padding-top: 0;
        text-align: center
    }
}

.accounts-deposit__label {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px
}

@media screen and (max-width: 767px) {
    .accounts-deposit__label {
        justify-content: center;
        padding-top: 39px
    }
}

.accounts-deposit__label-item {
    margin-bottom: 24px;
    margin-right: 24px
}

@media screen and (max-width: 767px) {
    .accounts-deposit__label-item {
        margin-bottom: 20px;
        margin-right: 16px
    }
}

.accounts-deposit__label-item:nth-child(4n) {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .accounts-deposit__label-item:nth-child(4n) {
        margin-right: 16px
    }

    .accounts-deposit__label-item:nth-child(3n) {
        margin-right: 0
    }
}

.accounts-deposit__label-image {
    max-width: 82px
}

.accounts-deposit__label-image img {
    width: 100%
}

.accounts-deposit__link {
    padding-top: 5px
}

@media screen and (max-width: 767px) {
    .accounts-deposit__link {
        display: flex;
        justify-content: center;
        padding-top: 20px
    }
}

.rtl .accounts-deposit__label-item {
    margin: 0 0 24px 24px
}

@media screen and (max-width: 767px) {
    .rtl .accounts-deposit__label-item {
        margin: 0 0 20px 16px
    }
}

.rtl .accounts-deposit__label-item:nth-child(4n) {
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .rtl .accounts-deposit__label-item:nth-child(4n) {
        margin: 0 0 20px 16px
    }

    .rtl .accounts-deposit__label-item:nth-child(3n) {
        margin-left: 0;
        margin-right: 0
    }
}

.slider {
    background-color: #f2f5fc
}

@media screen and (max-width: 1260px) {
    .slider .container {
        padding: 0
    }
}

.slider__inner {
    margin-top: 80px;
    padding: 80px 0 35px
}

@media screen and (max-width: 767px) {
    .slider__inner {
        margin-top: 0;
        padding: 60px 0 15px
    }
}

.slider__title {
    text-align: center
}

.slider__container {
    padding: 45px 65px
}

@media screen and (max-width: 1260px) {
    .slider__container {
        padding: 45px 25px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .slider__container {
        padding: 45px 10px
    }
}

.slider__slide {
    margin-right: 24px;
    max-width: 262px
}

@media screen and (max-width: 1023px) {
    .slider__slide {
        max-width: 31%
    }
}

@media screen and (max-width: 767px) {
    .slider__slide {
        max-width: 100%
    }
}

.slider__slide:last-child {
    margin-right: 0
}

.slider__pagination {
    display: none
}

@media screen and (max-width: 1260px) {
    .slider__pagination {
        display: flex;
        justify-content: center;
        margin-top: 24px
    }
}

@media screen and (max-width: 767px) {
    .slider__pagination {
        margin-top: 42px
    }
}

.slider__button-next {
    cursor: pointer;
    height: 40px;
    left: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .slider__button-next:hover:after, .slider__button-next:hover:before {
        background-color: #1c4bba
    }
}

.slider__button-next:before {
    top: 22px;
    transform: rotate(45deg)
}

.slider__button-next:after, .slider__button-next:before {
    background-color: #8d99b5;
    content: "";
    height: 3px;
    left: 14px;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 12px
}

.slider__button-next:after {
    top: 15px;
    transform: rotate(-45deg)
}

.slider__button-prev {
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .slider__button-prev:hover:after, .slider__button-prev:hover:before {
        background-color: #1c4bba
    }
}

.slider__button-prev:before {
    top: 22px;
    transform: rotate(-45deg)
}

.slider__button-prev:after, .slider__button-prev:before {
    background-color: #8d99b5;
    content: "";
    height: 3px;
    left: 14px;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 12px
}

.slider__button-prev:after {
    top: 15px;
    transform: rotate(45deg)
}

.slider--metatrader .slider__row {
    justify-content: center
}

@media screen and (max-width: 767px) {
    .slider--metatrader .slider__row {
        justify-content: normal
    }
}

.slider--metatrader .swiper-pagination {
    display: none
}

@media screen and (max-width: 767px) {
    .slider--metatrader .swiper-pagination {
        display: flex
    }
}

.slider--referral-programmes .slider__inner {
    margin-top: 0
}

.slider--referral-programmes .slider__row {
    justify-content: center
}

@media screen and (max-width: 767px) {
    .slider--referral-programmes .slider__row {
        justify-content: normal
    }
}

.rtl .slider__slide {
    margin: 0 0 0 24px
}

.rtl .slider__slide:last-child {
    margin-left: 0
}

.start-trading-aside {
    box-shadow: 0 4px 22px rgba(8, 22, 54, .2);
    max-width: 294px;
    padding: 24px 30px 30px;
    position: relative;
    width: 100%
}

.start-trading-aside__bckg-image img {
    border-radius: 7px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.start-trading-aside__title {
    color: #fff;
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px;
    padding: 16px 0;
    text-align: center
}

.start-trading-aside__item {
    margin-bottom: 10px
}

.start-trading-aside__text {
    color: #cad1e3;
    font-size: 14px;
    line-height: 19px;
    padding-left: 24px;
    position: relative
}

.start-trading-aside__text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -119px -124px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 11px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.start-trading-aside__buttons {
    margin-top: 32px
}

.rtl .start-trading-aside__text {
    padding: 0 24px 0 0
}

.rtl .start-trading-aside__text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -119px -124px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 11px;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.any-quastions {
    border: 1px solid #cad1e3;
    border-radius: 7px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    margin-top: 24px;
    max-width: 294px;
    padding: 24px 29px 30px;
    width: 100%
}

.any-quastions__image {
    max-height: 48px;
    max-width: 48px
}

.any-quastions__title {
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    padding: 11px 0
}

.any-quastions__text {
    color: #454e64;
    font-size: 14px;
    line-height: 19px
}

.any-quastions__buttons {
    margin-top: 20px
}

.fx-academy {
    border: 1px solid #cad1e3;
    border-radius: 7px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    margin-top: 24px;
    max-width: 294px;
    padding: 24px 29px 30px;
    width: 100%
}

.fx-academy__image {
    max-height: 48px;
    max-width: 48px
}

.fx-academy__title {
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    padding: 11px 0
}

.fx-academy__title-bold {
    font-family: NotoSans-Bold
}

.fx-academy__title-bold em {
    color: #1c4bba;
    font-style: normal
}

.fx-academy__text {
    color: #454e64;
    font-size: 14px;
    line-height: 19px
}

.fx-academy__buttons, .rtl .fx-academy__buttons {
    margin-top: 20px
}

.aside-box {
    max-width: 294px;
    position: sticky;
    top: 70px;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .aside-box {
        display: none
    }

    .aside-box--policies {
        position: sticky;
        top: 0;
        z-index: 10
    }
}

.aside-box--policies .aside-box__inner {
    position: sticky;
    top: 40px
}

@media screen and (max-width: 1023px) {
    .aside-box--policies {
        display: block;
        max-width: 100%
    }

    .aside-box--policies .any-quastions {
        display: none
    }
}

.news-latest__inner {
    padding: 80px 0 59px
}

@media screen and (max-width: 767px) {
    .news-latest__inner {
        padding: 60px 0 59px
    }
}

.news-latest__title {
    padding-bottom: 24px
}

@media screen and (max-width: 767px) {
    .news-latest__title {
        padding-bottom: 40px
    }
}

.news-latest__box {
    display: flex
}

@media screen and (max-width: 1023px) {
    .news-latest__box {
        flex-direction: column
    }

    .news-latest__box .news__box-small {
        padding-bottom: 24px
    }

    .news-latest__box .news__box-small:last-child {
        padding-bottom: 0
    }
}

.news-latest__links {
    padding-top: 19px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .news-latest__links {
        padding-top: 0
    }
}

.news-latest--company {
    padding-top: 94px
}

@media screen and (max-width: 767px) {
    .news-latest--company {
        padding-top: 0
    }
}

.navigation {
    border: 1px solid #cad1e3;
    border-radius: 7px;
    padding: 16px 0
}

@media screen and (max-width: 1023px) {
    .navigation {
        border: none;
        border-radius: 0;
        padding: 0;
        position: relative
    }
}

.navigation__list {
    background-color: #fff;
    padding-bottom: 15px
}

@media screen and (max-width: 1023px) {
    .navigation__list {
        display: none
    }
}

.navigation__link {
    color: #3a4254;
    display: block;
    font-family: NotoSans-Bold;
    overflow: hidden;
    padding: 10px 30px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 1024px) {
    .navigation__link:hover {
        background-color: rgba(207, 213, 232, .24)
    }
}

.navigation__link--active {
    background-color: #f2f5fc;
    box-shadow: inset 3px 0 0 #3f4cc4;
    color: #081636
}

@media screen and (min-width: 1024px) {
    .navigation__link--active:hover {
        color: #081636
    }
}

@media (min-width: 1024px) {
    .navigation__link--active + .navigation__submenu-list {
        display: block
    }
}

.navigation__submenu-list {
    display: none;
    margin-bottom: 10px
}

.navigation__submenu-link {
    color: #3a4254;
    display: block;
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    padding: 10px 30px 10px 40px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (min-width: 1024px) {
    .navigation__submenu-link:hover {
        background-color: rgba(207, 213, 232, .24);
        color: #081636;
        font-family: NotoSans-Bold
    }
}

.navigation__submenu-link--active {
    color: #1c4bba;
    font-family: NotoSans-Bold
}

@media screen and (min-width: 1024px) {
    .navigation__submenu-link--active:hover {
        background-color: transparent;
        color: #1c4bba
    }
}

.navigation__dropdown {
    display: none
}

@media screen and (max-width: 1023px) {
    .navigation__dropdown {
        align-items: center;
        background-color: #fff;
        border-bottom: 1px solid #cad1e3;
        cursor: pointer;
        display: flex;
        font-family: NotoSans-Bold;
        justify-content: space-between;
        padding: 16px 24px
    }

    .navigation__dropdown-title {
        display: block;
        overflow: hidden;
        padding-right: 20px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .navigation__dropdown-image {
        display: flex
    }

    .navigation__dropdown-image svg {
        transform: rotate(90deg);
        transition: all .3s ease-in-out
    }
}

@media screen and (max-width: 1023px)and (min-width: 320px)and (max-width: 374px) {
    .navigation__dropdown {
        padding: 16px 10px
    }
}

.navigation--active .navigation__dropdown-image svg {
    color: #1c4bba;
    transform: rotate(270deg)
}

.navigation--active .navigation__list {
    box-shadow: 0 20px 32px rgba(8, 22, 54, .2);
    display: block;
    left: 0;
    padding-top: 15px;
    position: absolute;
    right: 0;
    top: 56px
}

.login-right {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

@media (max-height: 800px) {
    .login-right {
        justify-content: flex-end;
        padding-bottom: 40px
    }
}

.login-right__title {
    color: #081636;
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .login-right__title {
        font-size: 20px;
        line-height: 27px
    }
}

.login-right__subtitle {
    color: #3a4254;
    font-size: 17px;
    line-height: 23px;
    margin-top: 24px
}

.login-right__subtitle a {
    color: #1c4bba
}

@media screen and (min-width: 1024px) {
    .login-right__subtitle a:hover:hover {
        color: #1841a1
    }
}

@media screen and (max-width: 767px)and (max-height: 650px) {
    .login-right__subtitle {
        margin-top: 15px
    }
}

.login-right__form {
    margin-top: 40px;
    min-width: 400px
}

.login-right__form .login-form__row {
    margin-top: 8px
}

.login-right__form .login-form__row:first-child {
    margin-top: 0
}

.login-right__form .login-form__row--link {
    color: #8d99b5;
    margin-top: 0;
    text-align: right
}

.login-right__form .login-form__row--link .arrow-link {
    font-size: 14px;
    line-height: 19px
}

@media screen and (min-width: 1024px) {
    .login-right__form .login-form__row--link:hover:hover {
        color: #1c4bba
    }
}

.login-right__form .login-form__row--submit {
    margin-top: 40px
}

@media screen and (max-width: 767px)and (max-height: 700px) {
    .login-right__form .login-form__row--submit {
        margin-top: 20px
    }
}

.login-right__form__row {
    margin-top: 24px
}

.login-right__form__row:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .login-right__form {
        min-width: auto;
        width: 100%
    }
}

@media screen and (max-width: 767px)and (max-height: 650px) {
    .login-right__form {
        margin-top: 20px
    }
}

.login-right__bottom {
    display: flex;
    flex-direction: column;
    margin-top: 5%
}

@media (max-height: 800px) {
    .login-right__bottom {
        margin-top: 5%
    }
}

@media (max-height: 700px) {
    .login-right__bottom {
        margin-top: 20px
    }
}

@media screen and (max-width: 1260px)and (min-height: 769px) {
    .login-right__bottom {
        bottom: 80px;
        margin: 0;
        position: absolute
    }
}

@media screen and (max-width: 1023px) {
    .login-right__bottom {
        bottom: 0;
        margin-bottom: 80px;
        margin-top: 5%;
        position: static
    }
}

@media screen and (max-width: 767px) {
    .login-right__bottom {
        margin-bottom: 0;
        margin-top: auto
    }
}

@media (max-height: 700px)and (min-width: 1260px) {
    .login-right {
        margin-top: 20px
    }
}

@media screen and (max-width: 1260px)and (min-height: 769px) {
    .login-right {
        justify-content: normal
    }
}

@media screen and (max-width: 1023px) {
    .login-right {
        flex-basis: 100%;
        justify-content: flex-end
    }
}

@media (max-width: 1279px) {
    .login-right {
        justify-content: normal;
        padding: 80px 0 40px
    }
}

.login-slider {
    height: 100%;
    max-height: 845px
}

.login-slider .login-slide {
    margin: auto 0
}

@media screen and (max-width: 1023px) {
    .login-slider {
        display: none
    }
}

.login-slide {
    align-items: center;
    display: flex
}

.login-slide__image {
    margin-left: 55px;
    width: fit-content
}

@media (min-width: 1280px) {
    .login-slide__image {
        min-height: 190px
    }
}

@media screen and (max-width: 1023px) {
    .login-slide__image {
        margin-left: 40px
    }
}

.login-slide__container {
    margin-left: 96px;
    margin-right: 70px;
    max-width: 650px
}

@media screen and (max-width: 1440px) {
    .login-slide__container {
        margin-top: 56px;
        max-width: 504px
    }
}

@media screen and (max-width: 1260px) {
    .login-slide__container {
        max-width: 95%
    }
}

@media (max-height: 700px) {
    .login-slide__container {
        margin-top: 10px
    }
}

.login-slide__title {
    color: #081636;
    display: block;
    font-family: NotoSans-Bold;
    font-size: 48px;
    line-height: 65px;
    margin-top: 40px
}

@media screen and (max-width: 1440px) {
    .login-slide__title {
        margin-top: 55px
    }
}

@media (max-height: 700px) {
    .login-slide__title {
        line-height: 50px
    }
}

@media screen and (max-width: 1260px) {
    .login-slide__title {
        font-size: 36px;
        line-height: 47px
    }
}

.login-slide__text {
    color: #3a4254;
    font-size: 22px;
    line-height: 30px;
    margin-top: 24px
}

.login-slide__bottom {
    margin-top: 24px
}

.login-slide__bottom-link {
    align-items: baseline;
    color: #8d99b5;
    display: inline-flex;
    font-size: 17px;
    font-weight: 500;
    line-height: 100%;
    margin-top: 24px
}

.login-slide__bottom-link:hover {
    color: #1c4bba
}

.login-slide__bottom-link svg {
    height: 11px;
    margin: 2px 0 0 7px;
    width: 12px
}

.login-slider-pagination {
    align-items: center;
    bottom: 80px;
    display: inline-flex;
    left: 96px;
    position: absolute;
    z-index: 2
}

.login-slider-pagination .swiper-pagination-bullet {
    background-color: #cad1e3;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 10px;
    margin-left: 12px;
    transition: background-color .25s ease;
    width: 10px
}

.login-slider-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0
}

@media screen and (min-width: 1024px) {
    .login-slider-pagination .swiper-pagination-bullet:hover:hover {
        background-color: #2460ed
    }
}

.login-slider-pagination .swiper-pagination-bullet-active {
    background-color: #2460ed;
    cursor: auto
}

@media (max-height: 900px) {
    .login-slider-pagination {
        bottom: 35px
    }
}

@media (max-height: 700px) {
    .login-slider-pagination {
        bottom: 20px
    }
}

.rtl .login-slider-pagination .swiper-pagination-bullet {
    margin: 0 12px 0 0
}

.rtl .login-slider-pagination .swiper-pagination-bullet:first-child {
    margin-right: 0
}

.login {
    display: flex;
    height: 100%;
    padding: 0
}

.login__left {
    align-items: center;
    background-color: #f2f5fc;
    display: flex;
    max-width: 50%
}

.login__right {
    display: flex;
    flex-basis: 50%
}

@media screen and (max-width: 1023px) {
    .login__right {
        flex-basis: 100%;
        padding: 0 24px
    }
}

.login__content {
    display: flex;
    height: calc(var(--vh, 1vh) * 100 - 93px)
}

@media screen and (max-width: 1023px) {
    .login__content {
        height: calc(var(--vh, 1vh) * 100 - 72px);
        padding-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .login__content {
        padding: 80px 24px 40px
    }
}

@media screen and (max-width: 767px)and (max-height: 750px) {
    .login__content {
        padding: 40px 24px
    }
}

@media screen and (max-width: 767px)and (max-height: 700px) {
    .login__content {
        padding: 10px 24px 40px
    }
}

@media (max-height: 650px) {
    .login__content {
        height: 100%
    }
}

.registration {
    counter-reset: menu;
    display: flex;
    height: 100%
}

@media screen and (max-width: 1023px) {
    .registration {
        display: block
    }
}

.registration__left {
    background-color: #f2f5fc;
    display: flex;
    flex-basis: 27.1%;
    flex-direction: column;
    padding-top: 80px
}

@media screen and (max-width: 1023px) {
    .registration__left {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        padding: 0 24px;
        scrollbar-width: none;
        white-space: nowrap
    }

    .registration__left::-webkit-scrollbar {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .registration__left {
        display: flex
    }
}

.registration__right {
    flex: 1 1 auto;
    margin: 80px 0 80px 16.4%;
    max-width: 516px
}

@media screen and (max-width: 1023px) {
    .registration__right {
        display: flex;
        justify-content: center;
        margin: 40px 24px;
        max-width: none
    }
}

.registration__form {
    margin-top: 40px;
    max-width: 516px
}

.rtl .registration__right {
    margin: 80px 16.4% 80px 0
}

@media screen and (max-width: 1023px) {
    .rtl .registration__right {
        margin: 40px 24px
    }
}

.registration-menu {
    align-items: center;
    border-left: 3px solid transparent;
    counter-increment: menu;
    display: flex;
    justify-content: space-between;
    padding: 16px 30px 16px 96px
}

@media screen and (max-width: 1260px) {
    .registration-menu {
        padding: 16px 30px 16px 20px
    }
}

@media screen and (max-width: 1023px) {
    .registration-menu {
        border-left: none;
        display: inline-flex;
        height: 60px;
        padding: 0 24px 0 0
    }
}

.registration-menu--active {
    background: linear-gradient(0deg, rgba(207, 213, 232, .3), rgba(207, 213, 232, .3)), #f2f5fc;
    border-left: 3px solid #3f4cc4;
    font-family: NotoSans-Bold
}

@media screen and (max-width: 1023px) {
    .registration-menu--active {
        background: none;
        border-left: none
    }
}

.registration-menu__text {
    color: #8d99b5;
    font-size: 17px;
    line-height: 23px
}

@media screen and (max-width: 1023px) {
    .registration-menu__text {
        align-items: center;
        display: inline-flex;
        height: 100%;
        line-height: 100%
    }
}

.registration-menu__text--active {
    color: #081636
}

@media screen and (max-width: 1023px) {
    .registration-menu__text--active {
        box-shadow: inset 0 -3px 0 #3f4cc4
    }
}

.registration-menu__text--completed {
    color: #8d99b5;
    font-family: NotoSans-Bold
}

.registration-menu__text:before {
    content: counter(menu) ". "
}

.registration-menu__icon {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -119px -124px;
    background-size: 1366px 886px;
    display: block;
    height: 11px;
    width: 16px
}

@media screen and (max-width: 1023px) {
    .registration-menu__icon {
        margin-left: 10px
    }
}

.rtl .registration-menu {
    border-left: none;
    border-right: 3px solid transparent;
    padding: 16px 96px 16px 30px
}

@media screen and (max-width: 1260px) {
    .rtl .registration-menu {
        padding: 16px 20px 16px 30px
    }
}

@media screen and (max-width: 1023px) {
    .rtl .registration-menu {
        border-right: none;
        padding: 0 0 0 24px
    }
}

.rtl .registration-menu--active {
    border-left: none;
    border-right: 3px solid #3f4cc4
}

@media screen and (max-width: 1023px) {
    .rtl .registration-menu--active {
        background: none;
        border-right: none
    }

    .rtl .registration-menu__icon {
        margin: 0 10px 0 0
    }
}

.registration-form__row {
    margin-top: 24px
}

.registration-form__row:first-child {
    margin-top: 0
}

.registration-form__row .btn--outline {
    padding: 13px 20px
}

.registration-form:first-child {
    margin-top: 0
}

.registration-form__row--password {
    margin-top: 40px
}

.registration-form__row--checkbox {
    color: #3a4254;
    font-size: 17px;
    line-height: 23px;
    margin-top: 40px
}

.registration-form__row--checkbox a {
    color: #1c4bba;
    font-family: NotoSans-Bold
}

@media screen and (min-width: 1024px) {
    .registration-form__row--checkbox a:hover:hover {
        color: #1841a1
    }
}

.registration-form__row--submit {
    display: block;
    margin-top: 40px
}

.registration-form__row--submit .btn {
    padding: 14px 10px 13px
}

.registration-form__row--bottom {
    margin-top: 50px;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .registration-form__row--bottom {
        margin-top: 60px
    }
}

.registration-form__row--code .label-input {
    font-size: 16px;
    line-height: 23px
}

.registration-form__row--code input {
    max-width: 130px;
    padding: 14px 20px 13px;
    text-align: center
}

.registration-form__text {
    color: #3a4254;
    display: inline-block;
    font-size: 16px;
    line-height: 23px;
    padding-bottom: 10px
}

.registration-form__hint {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    margin-top: 8px
}

.registration-form__copyright {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    margin-top: 40px;
    text-align: center
}

.registration-form__buttons {
    padding-top: 50px
}

.registration-form__label {
    color: #828282;
    display: block;
    font-size: 16px;
    line-height: 23px;
    padding-top: 8px;
    text-align: center
}

.registration-head__title {
    color: #081636;
    font-family: NotoSans-Bold;
    font-size: 48px;
    line-height: 65px
}

@media screen and (max-width: 1023px) {
    .registration-head__title {
        font-size: 30px;
        line-height: 36px
    }
}

.registration-head__subtitle {
    color: #081636;
    font-size: 22px;
    line-height: 30px;
    margin-top: 24px
}

@media screen and (max-width: 1023px) {
    .registration-head__subtitle {
        font-size: 17px;
        line-height: 23px
    }
}

.registration-head__text {
    color: #3a4254;
    font-size: 17px;
    line-height: 23px;
    margin-top: 10px
}

.registration-condition {
    align-items: center;
    color: #8d99b5;
    display: flex;
    font-size: 14px;
    line-height: 19px;
    margin-top: 8px;
    position: relative
}

.registration-condition--success {
    text-decoration: line-through
}

.registration-condition__icon {
    display: block;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.registration-condition__icon:before {
    background-position: -135px -135px;
    content: "";
    display: inline-block;
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4px
}

.registration-condition__icon--success:before, .registration-condition__icon:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-size: 1366px 886px;
    display: block
}

.registration-condition__icon--success:before {
    background-position: -119px -124px;
    height: 11px;
    width: 16px
}

.rtl .registration-condition__icon {
    margin: 0 0 0 8px
}

.registration-content {
    width: fit-content
}

.registration-plan {
    margin-top: 40px
}

.registration-plan__title {
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .registration-plan__title {
        font-size: 20px;
        line-height: 27px
    }
}

.registration-plan__text {
    font-size: 17px;
    line-height: 23px;
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .registration-plan__text {
        font-size: 14px;
        line-height: 19px
    }
}

.registration-plan__list {
    margin-top: 24px
}

.registration-plan__list li {
    color: #3a4254;
    display: flex;
    font-size: 17px;
    line-height: 23px;
    margin-top: 14px
}

@media screen and (max-width: 767px) {
    .registration-plan__list li {
        font-size: 14px;
        line-height: 19px
    }
}

.registration-plan__list li i {
    display: block;
    height: 23px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.registration-plan__list li i:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -135px -135px;
    background-size: 1366px 886px;
    content: "";
    display: inline-block;
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4px
}

.registration-plan__list li:first-child {
    margin-top: 0
}

.registration-accounts {
    margin-top: 40px
}

.registration-accounts__demo {
    display: block;
    margin-top: 24px
}

.registration-accounts__link {
    margin-top: 24px;
    text-align: center
}

.success-message {
    align-items: center;
    background: rgba(70, 189, 84, .06);
    display: flex;
    margin: 40px 0;
    padding: 26px 24px 26px 30px
}

@media screen and (max-width: 767px) {
    .success-message {
        padding: 26px 18px
    }
}

.success-message__left {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1108px -682px;
    background-size: 1366px 886px;
    display: block;
    height: 52px;
    min-width: 56px;
    width: 56px
}

.success-message__right {
    color: #46bd54;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-left: 14px
}

@media screen and (max-width: 767px) {
    .success-message__right {
        font-size: 14px;
        line-height: 21px
    }
}

.rtl .success-message {
    padding: 26px 30px 26px 24px
}

@media screen and (max-width: 767px) {
    .rtl .success-message {
        padding: 26px 18px
    }
}

.rtl .success-message__right {
    margin: 0 14px 0 0
}

.markets-feature {
    margin: 80px 0 60px
}

@media screen and (max-width: 1023px) {
    .markets-feature {
        margin: 60px 0
    }
}

.markets-feature__header {
    margin-bottom: 60px
}

.markets-feature__wrapper {
    margin-top: 60px
}

@media screen and (max-width: 1023px) {
    .markets-feature__wrapper {
        margin-top: 40px
    }
}

.markets-feature__inner {
    display: flex;
    flex-wrap: wrap;
    margin: -86px -12px 0
}

@media screen and (max-width: 767px) {
    .markets-feature__inner {
        margin: 0
    }
}

.markets-feature__item {
    display: flex;
    flex-basis: 33.3%;
    margin-top: 85px;
    padding: 0 12px
}

@media screen and (max-width: 767px) {
    .markets-feature__item {
        flex-basis: 100%;
        margin-top: 42px;
        padding: 0
    }

    .markets-feature__item:first-child {
        margin-top: 0
    }
}

.markets-feature__title {
    color: #081636;
    font-family: NotoSans-Bold;
    font-size: 48px;
    line-height: 65px;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1023px) {
    .markets-feature__title {
        font-size: 30px;
        line-height: 41px
    }
}

.markets-feature__bottom {
    margin-top: 62px;
    max-width: 320px
}

@media screen and (max-width: 767px) {
    .markets-feature__bottom {
        margin-top: 42px;
        max-width: 100%
    }
}

.markets-feature__bottom svg {
    height: 24px;
    width: 24px
}

@media screen and (max-width: 767px) {
    .markets-feature__bottom svg {
        height: 16px;
        width: 16px
    }
}

.markets-grid {
    padding: 80px 0;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .markets-grid {
        padding: 60px 0;
        text-align: left
    }
}

.markets-grid__content {
    display: flex;
    margin: 0 auto;
    max-width: 870px
}

@media screen and (max-width: 1023px) {
    .markets-grid__content {
        max-width: 100%
    }
}

.markets-grid__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -34px 0
}

@media screen and (max-width: 767px) {
    .markets-grid__inner {
        margin: 40px 0 0
    }
}

.markets-grid__cell {
    flex-basis: 50%;
    margin-top: 40px;
    max-width: 50%;
    padding: 0 34px
}

@media screen and (max-width: 767px) {
    .markets-grid__cell {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0
    }

    .markets-grid__cell:first-child {
        margin-top: 0
    }
}

.markets-grid__item {
    align-items: center;
    display: flex;
    min-height: 48px;
    padding-left: 64px;
    position: relative
}

.markets-grid__item-text {
    align-items: center;
    color: #081636;
    display: flex;
    font-size: 17px;
    line-height: 23px;
    text-align: left
}

.markets-grid__item-text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1275px -828px;
    background-size: 1366px 886px;
    bottom: 0;
    content: "";
    display: block;
    height: 46px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 46px
}

.markets-grid__title {
    color: #081636;
    font-family: NotoSans-Bold;
    font-size: 48px;
    line-height: 65px;
    margin: 0;
    padding: 0;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .markets-grid__title {
        font-size: 30px;
        line-height: 41px;
        text-align: left
    }
}

.markets-grid__text {
    color: #3a4254;
    font-size: 22px;
    line-height: 30px;
    margin: 24px auto 0;
    max-width: 824px;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .markets-grid__text {
        font-size: 17px;
        line-height: 23px;
        max-width: 100%;
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .markets-grid__text {
        margin-top: 15px
    }
}

.markets-grid__bottom {
    margin-top: 80px
}

.markets-grid--gray {
    background: #f2f5fc;
    padding-bottom: 0
}

.rtl .markets-grid__item {
    padding: 0 64px 0 0
}

.rtl .markets-grid__item-text {
    text-align: right
}

.rtl .markets-grid__item-text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1275px -828px;
    background-size: 1366px 886px;
    bottom: 0;
    content: "";
    display: block;
    height: 46px;
    left: auto;
    position: absolute;
    right: 0;
    top: 2px;
    width: 46px
}

@media screen and (max-width: 1023px) {
    .rtl .markets-grid__text, .rtl .markets-grid__title {
        text-align: right
    }
}

.real-time {
    margin: 80px 0
}

@media screen and (max-width: 767px) {
    .real-time {
        margin: 60px 0
    }
}

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

@media screen and (max-width: 767px) {
    .real-time__inner {
        align-items: flex-start;
        flex-direction: column
    }
}

.real-time__update {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-top: 17px
}

@media screen and (max-width: 767px) {
    .real-time__update {
        align-items: flex-start;
        flex-direction: column-reverse;
        margin-top: 0
    }
}

.real-time__update-text {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    margin-top: 26px
}

@media screen and (max-width: 767px) {
    .real-time__update-text {
        margin: 9px 0 15px
    }
}

.real-time__update-btn {
    max-width: 140px;
    width: 100%
}

.real-time__update-btn svg {
    height: 16px;
    width: 16px
}

.real-time__inner-text {
    align-items: center;
    color: #3a4254;
    display: inline-flex;
    font-size: 17px;
    line-height: 23px;
    margin-top: 22px
}

.real-time__image {
    margin-right: 10px;
    max-height: 24px;
    max-width: 24px
}

.real-time__image svg {
    height: 24px;
    width: 24px
}

.real-time__box {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 96px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (max-width: 1279px) {
    .real-time__box {
        padding: 0 24px
    }
}

@media screen and (max-width: 1023px) {
    .real-time__box {
        padding: 0
    }
}

.real-time__box-image {
    align-items: center;
    display: inline-flex;
    margin-right: 13px
}

.real-time__box-image svg {
    height: 35px;
    width: 35px
}

.real-time__box-image svg:last-child {
    margin-left: -15px
}

.real-time__box-text {
    margin-top: 40px;
    max-width: 825px
}

@media screen and (max-width: 1023px) {
    .real-time__box-text {
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .real-time__box-text {
        padding: 0 10px
    }
}

.real-time__text {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 20px
}

.real-time__box-table {
    margin: 24px 0 23px
}

@media screen and (max-width: 1023px) {
    .real-time__box-table {
        margin-left: 175px;
        overflow-x: scroll
    }
}

@media screen and (max-width: 767px) {
    .real-time__box-table {
        margin-bottom: 28px
    }
}

.real-time__table {
    border-collapse: collapse;
    width: 100%
}

.real-time__row:first-child .real-time__col {
    color: #3a4254;
    font-family: NotoSans-Bold;
    font-size: 14px;
    line-height: 19px;
    padding: 0 20px;
    text-transform: unset;
    white-space: nowrap
}

@media screen and (max-width: 1260px) {
    .real-time__row:first-child .real-time__col {
        padding-left: 0;
        padding-right: 25px
    }
}

@media screen and (max-width: 1023px) {
    .real-time__row:first-child .real-time__col {
        padding-left: 30px
    }
}

.real-time__row:first-child .real-time__col:first-child {
    padding-left: 16px
}

@media screen and (max-width: 1023px) {
    .real-time__row:first-child .real-time__col:first-child {
        padding-left: 25px
    }
}

.real-time__row:first-child .real-time__col:nth-child(3) {
    width: 13%
}

.real-time__row:first-child .real-time__col:nth-child(4) {
    width: 22%
}

.real-time__row:first-child .real-time__col:nth-child(5) {
    width: 18%
}

@media screen and (max-width: 1260px) {
    .real-time__row:first-child .real-time__col:nth-child(5) {
        width: 22%
    }
}

.real-time__row:first-child .real-time__col:nth-child(6) {
    padding-right: 30px;
    width: 19.3%
}

@media screen and (max-width: 1260px) {
    .real-time__row:first-child .real-time__col:nth-child(6) {
        width: 25%
    }
}

.real-time__row:first-child .real-time__col-text {
    position: relative
}

.real-time__row:first-child .real-time__col-text:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -319px -289px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: -16px;
    top: 8px;
    width: 10px
}

.real-time__row:first-child:hover {
    background-color: transparent
}

.real-time__row:hover {
    background-color: rgba(207, 213, 232, .24)
}

.real-time__col {
    border-bottom: 1px solid #cfd5e8;
    font-size: 17px;
    height: 60px;
    line-height: 23px;
    position: relative;
    text-align: right
}

.real-time__col:first-child {
    font-family: NotoSans-Bold;
    min-width: 150px;
    padding-left: 16px;
    text-align: left;
    text-transform: uppercase
}

@media screen and (max-width: 1023px) {
    .real-time__col:first-child {
        align-items: center;
        background-color: #fff;
        box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
        display: flex;
        left: 0;
        margin-top: .5px;
        min-width: 175px;
        padding-left: 22px;
        position: absolute
    }
}

.real-time__col:last-child {
    flex-grow: 0;
    padding-right: 16px;
    text-align: right
}

@media screen and (max-width: 767px) {
    .real-time__col {
        padding-right: 10px
    }
}

.real-time__col-box {
    align-items: center;
    display: flex
}

.real-time__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.rtl .real-time__image {
    margin: 0 0 0 10px
}

@media screen and (max-width: 1260px) {
    .rtl .real-time__row:first-child .real-time__col {
        padding: 0 25px
    }
}

@media screen and (max-width: 1023px) {
    .rtl .real-time__row:first-child .real-time__col {
        padding: 0 30px
    }
}

.rtl .real-time__row:first-child .real-time__col:first-child {
    padding: 0 16px
}

@media screen and (max-width: 1023px) {
    .rtl .real-time__row:first-child .real-time__col:first-child {
        padding: 0 25px
    }
}

.rtl .real-time__row:first-child .real-time__col-text:after {
    left: -16px;
    right: auto
}

.rtl .real-time__col {
    text-align: left
}

.rtl .real-time__col:first-child {
    padding-left: 0;
    padding-right: 16px;
    text-align: right
}

@media screen and (max-width: 1023px) {
    .rtl .real-time__col:first-child {
        left: auto;
        padding-left: 0;
        padding-right: 22px;
        right: 0
    }
}

.rtl .real-time__col:last-child {
    padding-left: 16px;
    padding-right: 0;
    text-align: left
}

@media screen and (max-width: 767px) {
    .rtl .real-time__col {
        padding-left: 16px;
        padding-right: 0
    }
}

.rtl .real-time__box-image {
    margin: 0 0 0 13px
}

.rtl .real-time__box-image svg:last-child {
    margin: 0 -15px 0 0
}

@media screen and (max-width: 1023px) {
    .rtl .real-time__box-table {
        margin-left: 0;
        margin-right: 175px;
        overflow-x: scroll
    }
}

@media screen and (max-width: 767px) {
    .rtl .real-time__box-table {
        margin-bottom: 28px
    }
}

.pagination {
    margin: 0 auto;
    max-width: 280px
}

.pagination__list {
    align-items: center;
    display: flex
}

.pagination__item {
    margin-right: 5px
}

.pagination__item:first-child {
    margin-right: 10px
}

.pagination__item:first-child svg {
    transform: rotate(180deg)
}

.pagination__item:last-child {
    margin-left: 10px;
    margin-right: 0
}

.pagination__btn {
    color: #8d99b5;
    max-height: 41px;
    max-width: 41px;
    padding: 9px 13px
}

@media screen and (min-width: 1024px) {
    .pagination__btn:hover {
        color: #1c4bba
    }
}

.pagination__btn svg {
    height: 14px;
    margin-top: 5px;
    width: 14px
}

.pagination__btn--disabled {
    color: #cad1e3
}

@media screen and (min-width: 1024px) {
    .pagination__btn--disabled:hover {
        color: #cad1e3
    }
}

.pagination__link {
    color: #8d99b5;
    display: block;
    font-family: NotoSans-Bold;
    font-size: 17px;
    line-height: 23px;
    padding: 9px 16px
}

@media screen and (min-width: 1024px) {
    .pagination__link:hover {
        color: #1c4bba
    }
}

.pagination__link--active {
    background-color: #1c4bba;
    border-radius: 5px;
    color: #fff
}

.pagination__link--active:hover {
    color: #fff
}

.rtl .pagination__item {
    margin: 0 0 0 5px
}

.rtl .pagination__item:first-child {
    margin: 0 0 0 10px
}

.rtl .pagination__item:first-child svg {
    transform: rotate(0deg)
}

.rtl .pagination__item:last-child {
    margin: 0 5px 0 0
}

.rtl .pagination__item:last-child svg {
    transform: rotate(180deg)
}

.filters {
    margin-top: 35px
}

@media screen and (max-width: 767px) {
    .filters {
        margin-top: 0
    }
}

.filters__inner {
    display: flex
}

.filters__box {
    margin-right: 2.4%;
    width: 19.5%
}

@media screen and (max-width: 1023px) {
    .filters__box {
        width: 24%
    }
}

@media screen and (max-width: 767px) {
    .filters__box {
        margin-right: 0;
        margin-top: 24px;
        padding: 0 24px;
        width: 100%
    }
}

.filters__box:nth-child(2) {
    width: 30.5%
}

@media screen and (max-width: 1023px) {
    .filters__box:nth-child(2) {
        width: 24%
    }
}

@media screen and (max-width: 767px) {
    .filters__box:nth-child(2) {
        width: 100%
    }
}

.filters__box:nth-child(2) .selected {
    text-transform: uppercase
}

.filters__box:nth-child(5) {
    margin-right: 3.9%
}

@media screen and (max-width: 767px) {
    .filters__box:nth-child(5) {
        margin-right: 0
    }
}

.filters__box .form-field {
    padding-bottom: 0
}

.filters__box .form-field__label {
    align-items: center;
    color: #3a4254;
    display: inline-flex
}

.filters__box .form-field__label .info {
    color: #cad1e3;
    height: 16px;
    margin-left: 10px;
    position: relative;
    transition: all .3s ease-in-out;
    width: 16px
}

.filters__box .form-field__label .info:hover {
    color: #8d99b5;
    transition: all .3s ease-in-out
}

.filters__box .form-field__label .info [title]:hover:after {
    background: red;
    content: attr(title);
    position: absolute
}

.filters__box .form-field__label .info[title]:hover:after {
    background: rgba(8, 22, 54, .44);
    border-radius: 5px;
    color: #fff;
    content: attr(title);
    font-size: 14px;
    left: 15px;
    line-height: 19px;
    padding: 8px 14px;
    position: absolute;
    top: -37px;
    white-space: nowrap;
    z-index: 10
}

@media screen and (max-width: 1023px) {
    .filters__box .form-field__label .info[title]:hover:after {
        left: -50px;
        top: -45px
    }

    .filters__box .form-select .select2-selection__rendered {
        padding: 0 10px
    }
}

.filters__box .form-select .select2-selection__rendered:after {
    right: 23px
}

@media screen and (max-width: 1260px) {
    .filters__box .form-select .select2-selection__rendered:after {
        right: 10px
    }
}

.filters__inner-box {
    display: flex;
    flex-grow: 1
}

@media screen and (max-width: 767px) {
    .filters__inner-box {
        background-color: #fff;
        display: none;
        flex-direction: column;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10
    }
}

.filters__inner-box--active {
    display: flex
}

.filters__header {
    align-items: center;
    border-bottom: 1px solid #cfd5e8;
    display: none;
    justify-content: space-between;
    padding: 15px 24px;
    position: relative
}

@media screen and (max-width: 767px) {
    .filters__header {
        display: flex
    }
}

.filters__btn-closed {
    height: 30px;
    position: relative;
    transition: all .3s ease-in-out;
    width: 30px
}

.filters__btn-closed:before {
    transform: rotate(45deg)
}

.filters__btn-closed:after, .filters__btn-closed:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 30px
}

.filters__btn-closed:after {
    transform: rotate(-45deg)
}

@media screen and (max-width: 767px) {
    .filters__search-box {
        display: flex;
        flex-direction: column;
        flex-grow: 1
    }
}

.filters__input-box {
    margin-top: 30px;
    max-width: 280px;
    position: relative
}

@media screen and (max-width: 1023px) {
    .filters__input-box {
        max-width: 195px
    }
}

@media screen and (max-width: 767px) {
    .filters__input-box {
        margin: 24px 0 18px;
        max-width: 100%
    }
}

.filters__input-box input {
    border: 1px solid #cad1e3;
    border-radius: 7px;
    color: #081636;
    font-size: 17px;
    line-height: 23px;
    padding: 15px 30px 15px 55px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .filters__input-box input {
        padding: 15px 29px 15px 38px
    }
}

@media screen and (min-width: 1024px) {
    .filters__input-box input:hover {
        border: 1px solid #8d99b5
    }

    .filters__input-box input:hover + .filters__search-btn {
        color: #3a4254;
        transition: all .3s ease-in-out
    }
}

.filters__input-box input:focus {
    border: 1px solid #80a5ff;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08)
}

.filters__input-box input:focus + .filters__search-btn {
    color: #1c4bba
}

.filters__input-box input::placeholder {
    color: rgba(58, 66, 84, .35);
    text-transform: none
}

.filters__input-box .filters__search-btn {
    color: #8d99b5;
    height: 24px;
    left: 22px;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    width: 24px
}

@media screen and (max-width: 1023px) {
    .filters__input-box .filters__search-btn {
        left: 10px
    }
}

.filters__input-box .filters__search-btn svg {
    height: 24px;
    width: 24px
}

.filters__input-box .filters__reset-btn {
    display: none;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media screen and (min-width: 1024px) {
    .filters__input-box .filters__reset-btn:hover:after, .filters__input-box .filters__reset-btn:hover:before {
        background-color: #3a4254;
        transition: all .3s ease-in-out
    }
}

.filters__input-box .filters__reset-btn:before {
    transform: rotate(45deg)
}

.filters__input-box .filters__reset-btn:after, .filters__input-box .filters__reset-btn:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: 2px;
    position: absolute;
    top: 9px;
    transition: all .3s ease-in-out;
    width: 16px
}

.filters__input-box .filters__reset-btn:after {
    transform: rotate(-45deg)
}

.filters__buttons {
    display: none
}

@media screen and (max-width: 767px) {
    .filters__buttons {
        display: block
    }
}

.filters__buttons-box {
    display: none;
    margin-top: 40px;
    padding: 0 24px
}

@media screen and (max-width: 767px) {
    .filters__buttons-box {
        display: block
    }
}

.filters__buttons-box .btn {
    box-shadow: 0 4px 22px rgba(28, 75, 186, .2)
}

.filters__search-results {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 6px 32px rgba(8, 22, 54, .2);
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 10
}

.filters__result-item {
    cursor: pointer;
    display: block;
    padding: 10px 20px
}

.filters__result-item:hover {
    background: #f2f5fc
}

.filters__result-item:hover mark {
    font-family: Noto Sans
}

.filters__result-text {
    color: #3a4254;
    font-size: 17px;
    line-height: 23px;
    text-transform: uppercase
}

.filters__result-text mark {
    background: none;
    color: #000;
    font-family: NotoSans-Bold
}

.filters .opened {
    max-height: 172px;
    overflow-y: auto;
    scrollbar-width: thin
}

.filters .opened::-webkit-scrollbar {
    width: .375rem
}

.filters .opened::-webkit-scrollbar-track {
    background-color: transparent
}

.filters .opened::-webkit-scrollbar-thumb {
    background-color: rgba(141, 153, 181, .5);
    border-radius: 7px
}

.filters .opened::-webkit-scrollbar-thumb:hover {
    background-color: rgba(141, 153, 181, .5)
}

.filters .active {
    display: block
}

.rtl .filters__box {
    margin: 0 0 0 2.4%
}

@media screen and (max-width: 767px) {
    .rtl .filters__box {
        margin-left: 0;
        margin-top: 24px;
        padding: 0 24px
    }
}

.rtl .filters__box:nth-child(5) {
    margin: 0 0 0 3.9%
}

@media screen and (max-width: 767px) {
    .rtl .filters__box:nth-child(5) {
        margin-left: 0
    }
}

.rtl .filters__box .form-select .select2-selection__rendered:after {
    left: 23px;
    right: auto
}

@media screen and (max-width: 1260px) {
    .rtl .filters__box .form-select .select2-selection__rendered:after {
        left: 10px;
        right: auto
    }
}

.markets-prices__wrapper {
    margin-bottom: 34px
}

@media screen and (max-width: 767px) {
    .markets-prices__wrapper {
        display: flex;
        flex-direction: column;
        margin: 0
    }
}

.markets-prices__header {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .markets-prices__header {
        flex-direction: column;
        justify-content: flex-start
    }
}

.markets-prices__title {
    color: #8d99b5;
    font-size: 22px;
    line-height: 30px
}

.markets-prices__item {
    align-items: flex-end;
    display: flex;
    flex-direction: column-reverse
}

@media screen and (max-width: 767px) {
    .markets-prices__item {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 40px
    }
}

.markets-prices__update {
    color: #8d99b5;
    display: none;
    font-size: 14px;
    line-height: 19px;
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .markets-prices__update {
        display: block
    }
}

.markets-prices__buttons {
    max-width: 140px
}

@media screen and (max-width: 767px) {
    .markets-prices__buttons {
        margin-top: 14px
    }
}

.markets-prices__buttons .btn {
    padding: 9px 29px
}

.markets-prices__info {
    display: block;
    margin: 14px 0 24px
}

@media screen and (max-width: 767px) {
    .markets-prices__info {
        display: none
    }
}

.markets-prices__info-mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .markets-prices__info-mobile {
        display: block
    }
}

.markets-prices__desc {
    display: flex;
    justify-content: flex-end;
    padding: 19px 16px
}

@media screen and (max-width: 767px) {
    .markets-prices__desc {
        flex-direction: column;
        justify-content: flex-start;
        padding: 0
    }
}

.markets-prices__desc-text {
    color: #3a4254;
    font-family: NotoSans-Bold;
    font-size: 14px;
    line-height: 19px
}

.markets-prices__desc-text:last-child {
    margin-left: 265px
}

.markets-prices__box {
    align-items: center;
    border-bottom: 1px solid #cfd5e8;
    border-top: 1px solid #cfd5e8;
    display: flex;
    justify-content: space-between;
    padding: 14px 16px
}

.markets-prices__name {
    color: #3a4254;
    font-family: NotoSans-Bold;
    font-size: 17px;
    line-height: 23px;
    margin-left: 10px
}

.markets-prices__text {
    align-items: center;
    display: inline-flex;
    flex-grow: 1
}

@media screen and (max-width: 767px) {
    .markets-prices__text {
        padding-bottom: 16px
    }
}

.markets-prices__text svg {
    height: 32px;
    width: 32px
}

.markets-prices__total {
    align-items: center;
    display: inline-flex
}

.markets-prices__total:last-child {
    margin-left: 200px
}

@media screen and (max-width: 767px) {
    .markets-prices__total {
        border-top: 1px solid #cfd5e8;
        padding: 15px 0
    }

    .markets-prices__total:last-child {
        border-bottom: 1px solid #cfd5e8;
        margin-left: 0
    }
}

.markets-prices__total svg {
    height: 24px;
    width: 24px
}

.markets-prices__total-text {
    color: #081636;
    font-size: 17px;
    line-height: 23px;
    margin-left: 6px
}

.markets-prices__total-description {
    color: #3a4254;
    flex-grow: 1;
    font-family: NotoSans-Bold;
    font-size: 14px;
    line-height: 19px
}

.markets-prices__label {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px
}

@media screen and (max-width: 767px) {
    .markets-prices__label {
        display: none
    }
}

.markets-prices__label .arrow-link__label {
    font-weight: 700
}

.rtl .markets-prices__name {
    margin: 0 10px 0 0
}

.rtl .markets-prices__total:last-child {
    margin: 0 200px 0 0
}

@media screen and (max-width: 767px) {
    .rtl .markets-prices__total:last-child {
        margin: 0
    }
}

.rtl .markets-prices__total-text {
    margin: 0 6px 0 0
}

.rtl .markets-prices__desc-text:last-child {
    margin: 0 265px 0 0
}

.markets-why__title {
    text-align: center
}

@media screen and (max-width: 767px) {
    .markets-why__title {
        text-align: left
    }
}

.markets-why__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px 0 20px
}

@media screen and (max-width: 767px) {
    .markets-why__list {
        margin: 41px 0 20px
    }
}

.markets-why__item {
    margin-bottom: 60px;
    padding: 0 24px;
    width: 32%
}

.markets-why__item:first-child .why-card__label {
    max-width: 250px
}

@media screen and (max-width: 767px) {
    .markets-why__item:first-child .why-card__label {
        max-width: 100%
    }
}

@media screen and (max-width: 1260px) {
    .markets-why__item {
        padding: 0;
        width: 31%
    }
}

@media screen and (max-width: 1023px) {
    .markets-why__item {
        width: 45%
    }
}

@media screen and (max-width: 767px) {
    .markets-why__item {
        margin-bottom: 40px;
        width: 100%
    }
}

.markets-crypto__list {
    background: #f2f5fc;
    padding-top: 80px
}

.markets-crypto__list .container {
    padding: 0 72px
}

@media screen and (max-width: 1260px) {
    .markets-crypto__list .container {
        padding: 0
    }
}

@media screen and (max-width: 1023px) {
    .markets-crypto__list {
        padding: 60px 0
    }
}

.markets-crypto__list-title {
    text-align: center
}

.markets-crypto__list-content {
    padding: 60px 24px 77px
}

@media screen and (max-width: 1023px) {
    .markets-crypto__list-content {
        padding-bottom: 0;
        padding-left: 24px
    }
}

.markets-crypto__list-cards {
    display: flex;
    margin: 0 -12px
}

@media screen and (max-width: 1260px) {
    .markets-crypto__list-cards {
        display: grid;
        grid-template-columns:repeat(50, 1fr);
        margin: 0
    }
}

.markets-crypto__list-item {
    flex-basis: 34%;
    padding: 0 12px
}

@media screen and (max-width: 1260px) {
    .markets-crypto__list-item {
        flex-basis: unset;
        padding: 0
    }
}

.markets-crypto__list-item .feature-card__link--small {
    padding-top: 32px
}

.markets-crypto__list-item .feature-card__link--small span {
    font-size: 17px;
    font-weight: 700;
    line-height: 23px
}

.markets-chain {
    counter-reset: title
}

.markets-chain__inner {
    padding: 158px 0 164px
}

@media screen and (max-width: 1260px) {
    .markets-chain__inner {
        padding: 60px 0 160px
    }
}

@media screen and (max-width: 767px) {
    .markets-chain__inner {
        padding-bottom: 118px
    }
}

.markets-chain__title {
    text-align: center
}

@media screen and (max-width: 767px) {
    .markets-chain__title {
        text-align: left
    }
}

.markets-chain__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 61px 0 58px;
    padding: 0 15px
}

@media screen and (max-width: 1260px) {
    .markets-chain__list {
        padding: 0
    }
}

@media screen and (max-width: 1023px) {
    .markets-chain__list {
        flex-direction: column;
        margin: 40px 0
    }
}

.markets-chain__item {
    max-width: 21.5%;
    position: relative
}

@media screen and (max-width: 1023px) {
    .markets-chain__item {
        margin-bottom: 24px;
        margin-right: 0;
        max-width: 100%
    }

    .markets-chain__item:last-child {
        margin-bottom: 0
    }
}

.markets-chain__item:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1321px -874px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: -53px;
    top: 50%;
    width: 45px
}

@media screen and (max-width: 1260px) {
    .markets-chain__item:after {
        right: -46px
    }
}

@media screen and (max-width: 1023px) {
    .markets-chain__item:after {
        display: none
    }
}

.markets-chain__item:last-of-type {
    margin-right: 0
}

.markets-chain__item:last-of-type:after {
    content: "";
    display: none
}

.markets-chain__btn {
    margin: 0 auto;
    max-width: 285px
}

@media screen and (max-width: 767px) {
    .markets-chain__btn {
        max-width: 100%
    }

    .rtl .markets-chain__title {
        text-align: right
    }
}

.rtl .markets-chain__item:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1321px -874px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 12px;
    left: -53px;
    position: absolute;
    right: auto;
    top: 50%;
    transform: scaleX(-1);
    width: 45px
}

@media screen and (max-width: 1260px) {
    .rtl .markets-chain__item:after {
        left: -46px;
        right: auto
    }
}

@media screen and (max-width: 1023px) {
    .rtl .markets-chain__item:after {
        display: none
    }
}

.rtl .markets-chain__item:last-of-type {
    margin-right: 0
}

.rtl .markets-chain__item:last-of-type:after {
    content: "";
    display: none
}

.digits {
    margin: 50px 0 60px
}

@media screen and (max-width: 767px) {
    .digits {
        margin: 50px 0 37px
    }
}

.digits__inner {
    display: flex
}

.digits__item {
    display: flex;
    flex-direction: column;
    margin-left: 60px
}

@media screen and (max-width: 767px) {
    .digits__item {
        margin-left: 50px
    }
}

.digits__item:first-child {
    margin-left: 0
}

.digits__text {
    color: #081636;
    font-size: 48px;
    font-weight: 700;
    line-height: 65px
}

@media screen and (max-width: 767px) {
    .digits__text {
        font-size: 30px;
        line-height: 48px
    }
}

.digits__description {
    color: #3a4254;
    font-size: 17px;
    line-height: 23px
}

.rtl .digits__item {
    display: flex;
    flex-direction: column;
    margin: 0 60px 0 0
}

@media screen and (max-width: 767px) {
    .rtl .digits__item {
        margin: 0 50px 0 0
    }
}

.rtl .digits__item:first-child {
    margin-right: 0
}

.markets-slider {
    background: #f2f5fc;
    margin-top: 80px;
    padding: 80px 0 0
}

@media screen and (max-width: 1260px) {
    .markets-slider {
        padding: 80px 0
    }
}

@media screen and (max-width: 1023px) {
    .markets-slider {
        margin-top: 0;
        padding: 60px 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .markets-slider .container {
        padding: 0
    }
}

@media screen and (max-width: 1260px) {
    .markets-slider__wrapper {
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .markets-slider__wrapper {
        padding: 0 10px
    }
}

.markets-slider__title {
    text-align: center
}

.markets-slider__row {
    display: flex;
    padding: 43px 52px 100px
}

@media screen and (max-width: 1260px) {
    .markets-slider__row {
        padding: 43px 0 0
    }
}

.markets-slider__slide {
    flex-basis: 22.9%;
    height: auto;
    padding: 0 12px
}

@media screen and (max-width: 1260px) {
    .markets-slider__slide {
        flex-basis: unset;
        height: 100%;
        padding: 0
    }
}

.markets-slider__pagination {
    display: none;
    justify-content: center;
    margin-top: 24px;
    width: 100%;
    z-index: 2
}

@media screen and (max-width: 1260px) {
    .markets-slider__pagination {
        display: inline-flex
    }
}

@media screen and (max-width: 767px) {
    .markets-slider__pagination {
        margin-top: 44px
    }
}

@media screen and (max-width: 1260px) {
    .markets-slider--bitcoin {
        padding-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .markets-slider--bitcoin {
        padding-bottom: 52px
    }

    .markets-slider--bitcoin .markets-slider__wrapper {
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .markets-slider--bitcoin .markets-slider__wrapper {
        padding: 0 10px
    }
}

@media screen and (max-width: 1260px) {
    .markets-slider--bitcoin .markets-slider__slide {
        flex-basis: 34%;
        padding: 0 12px
    }
}

@media screen and (max-width: 767px) {
    .markets-slider--bitcoin .markets-slider__slide {
        flex-basis: unset
    }
}

.markets-slider--bitcoin .markets-slider__row {
    justify-content: center;
    padding: 43px 0 97px
}

@media screen and (max-width: 767px) {
    .markets-slider--bitcoin .markets-slider__row {
        justify-content: normal;
        padding: 43px 0 0
    }

    .markets-slider--bitcoin .markets-slider__slide {
        padding: 0
    }
}

@media screen and (max-width: 1260px) {
    .markets-slider--bitcoin .markets-slider__pagination {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .markets-slider--bitcoin .markets-slider__pagination {
        display: inline-flex
    }
}

.markets-slider--crypto .markets-slider__row {
    padding: 43px 20px 100px
}

@media screen and (max-width: 1260px) {
    .markets-slider--crypto .markets-slider__row {
        padding: 43px 0 0
    }
}

.home__feature {
    padding: 80px 0
}

@media screen and (max-width: 1023px) {
    .home__feature {
        padding: 60px 0 0
    }
}

.home__feature-title {
    color: #081636;
    font-family: NotoSans-Bold;
    font-size: 48px;
    line-height: 65px;
    margin: auto;
    max-width: 1036px;
    padding: 0;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .home__feature-title {
        font-size: 30px;
        line-height: 41px;
        text-align: left
    }
}

.home__feature-text {
    color: #3a4254;
    display: block;
    font-size: 22px;
    line-height: 30px;
    margin-top: 24px;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .home__feature-text {
        font-size: 20px;
        line-height: 27px;
        margin-top: 16px;
        text-align: left
    }
}

.home__feature-inner {
    margin-top: 40px
}

@media screen and (max-width: 1260px) {
    .home__feature-inner {
        display: grid;
        grid-template-columns:repeat(50, 1fr);
        padding-left: 24px
    }

    .home__feature-inner .swiper-slide-prev a {
        box-shadow: none
    }
}

.home__feature-grid {
    display: flex;
    margin: 0 -12px
}

.home__feature-item {
    flex-basis: 20%;
    padding: 0 12px
}

.home__feature-slider {
    margin: -24px auto;
    padding-top: 40px
}

@media screen and (max-width: 1260px) {
    .home__feature-slider {
        margin: 0;
        padding-bottom: 60px;
        padding-left: 24px;
        padding-right: 24px
    }
}

.home__feature-row {
    display: flex;
    flex-wrap: wrap;
    margin: -40px -13px 0;
    padding: 24px 0
}

@media screen and (max-width: 1260px) {
    .home__feature-row {
        display: grid;
        grid-template-columns:repeat(50, 1fr);
        margin: 0;
        padding: 0
    }
}

.home__feature-slide {
    flex-basis: 20%;
    height: auto;
    margin-top: 40px;
    padding: 0 13px
}

@media screen and (max-width: 1260px) {
    .home__feature-slide {
        flex-basis: unset;
        height: 100%;
        margin-top: 0;
        padding: 0
    }
}

.home__feature-slide .feature-card--small {
    padding: 30px 24px
}

@media screen and (max-width: 767px) {
    .home__feature-slide .feature-card--small {
        padding: 24px 24px 30px
    }
}

@media screen and (max-width: 1023px) {
    .rtl .home__feature-text, .rtl .home__feature-title {
        text-align: right
    }
}

.home__feature-slider .feature-card__box-text {
    min-height: auto
}

.home__feature-slider-pagination {
    display: none
}

@media screen and (max-width: 1260px) {
    .home__feature-slider-pagination {
        bottom: 10px;
        display: inline-flex;
        justify-content: center;
        left: 0;
        margin-top: 40px;
        position: absolute;
        width: 100%;
        z-index: 2
    }
}

.home__records-slider-pagination {
    display: none
}

@media screen and (max-width: 1260px) {
    .home__records-slider-pagination {
        display: inline-flex;
        justify-content: center;
        margin-top: 100px;
        width: 100%;
        z-index: 2
    }

    .home__records-slider-pagination .swiper-pagination-bullet {
        background-color: #cad1e3;
        border-radius: 50%;
        cursor: pointer;
        display: block;
        height: 10px;
        margin-left: 12px;
        transition: background-color .25s ease;
        width: 10px
    }

    .home__records-slider-pagination .swiper-pagination-bullet:first-child {
        margin-left: 0
    }
}

@media screen and (max-width: 1260px)and (min-width: 1024px) {
    .home__records-slider-pagination .swiper-pagination-bullet:hover:hover {
        background-color: #1c4bba
    }
}

@media screen and (max-width: 1260px) {
    .home__records-slider-pagination .swiper-pagination-bullet-active {
        background-color: #1c4bba;
        cursor: auto
    }
}

@media screen and (max-width: 767px) {
    .home__records-slider-pagination {
        margin-top: 57px
    }
}

@media screen and (max-width: 1260px) {
    .rtl .home__records-slider-pagination .swiper-pagination-bullet {
        margin: 0 12px 0 0
    }

    .rtl .home__records-slider-pagination .swiper-pagination-bullet:first-child {
        margin: 0
    }
}

.home__links {
    background: linear-gradient(180deg, rgba(242, 245, 252, 0) 38.77%, #f2f5fc);
    overflow: hidden;
    padding: 77px 0 258px
}

@media (max-width: 1279px) {
    .home__links {
        padding: 60px 0
    }
}

.home__links-content {
    margin: 0 auto;
    max-width: 1440px;
    position: relative
}

.home__links-title {
    margin: 0 auto;
    max-width: 1036px;
    text-align: center
}

@media (max-width: 1279px) {
    .home__links-title {
        text-align: left
    }
}

.home__links-wrapper {
    margin-top: 84px
}

@media (max-width: 1279px) {
    .home__links-wrapper {
        margin-top: 16px
    }
}

@media screen and (max-width: 767px) {
    .home__links-wrapper {
        margin-top: 15px
    }
}

.home__links-list {
    display: flex;
    flex-direction: column;
    max-width: 481px
}

@media screen and (max-width: 1260px) {
    .home__links-list {
        max-width: 50%
    }
}

@media (max-width: 1279px) {
    .home__links-list {
        max-width: 100%
    }
}

.home__links-item {
    margin-top: 40px
}

.home__links-item:first-child {
    margin-top: 0
}

.home__links-right {
    padding-top: 87%;
    position: relative
}

.home__links-background {
    bottom: 0;
    left: 43.5%;
    position: absolute;
    top: 10px;
    width: 100%
}

@media (max-width: 1279px) {
    .home__links-background {
        margin-top: 20px;
        padding-left: 24px;
        position: static;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .home__links-background {
        margin-top: 14px
    }

    .home__links-background img {
        height: 100%;
        margin: 0 auto;
        object-fit: cover;
        object-position: left
    }
}

.home__links-bottom {
    color: #1c4bba;
    display: inline-flex;
    font-family: NotoSans-Bold;
    font-size: 17px;
    line-height: 23px;
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    .home__links-bottom {
        max-width: 319px
    }
}

.home__links-bottom:hover {
    color: #1841a1
}

.rtl .home__links-background {
    right: 35.5%
}

@media (max-width: 1279px) {
    .rtl .home__links-title {
        text-align: right
    }
}

.home__quality {
    padding: 215px 0 80px
}

@media (max-width: 1279px) {
    .home__quality {
        padding: 60px 0
    }
}

.home__quality-title {
    padding-left: 35px;
    text-align: center
}

@media screen and (max-width: 1260px) {
    .home__quality-title {
        padding-left: 0
    }
}

@media screen and (max-width: 1023px) {
    .home__quality-title {
        text-align: left
    }
}

.home__quality-description {
    color: #3a4254;
    font-size: 22px;
    line-height: 30px;
    margin: 26px auto 0;
    max-width: 875px;
    padding-left: 33px;
    text-align: center
}

@media screen and (max-width: 1260px) {
    .home__quality-description {
        padding-left: 0
    }
}

@media screen and (max-width: 1023px) {
    .home__quality-description {
        font-size: 17px;
        line-height: 23px;
        margin-top: 16px;
        text-align: left
    }
}

.home__quality-row {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -32px 0;
    padding: 0 115px
}

@media screen and (max-width: 1260px) {
    .home__quality-row {
        padding: 0
    }
}

@media screen and (max-width: 1023px) {
    .home__quality-row {
        margin: 40px 0 0
    }
}

@media screen and (max-width: 767px) {
    .home__quality-row {
        display: block
    }
}

.home__quality-item {
    flex-basis: 33.3%;
    margin-top: 40px;
    padding: 0 32px
}

@media screen and (max-width: 767px) {
    .home__quality-item {
        padding: 0
    }

    .home__quality-item:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 1023px) {
    .rtl .home__quality-description, .rtl .home__quality-title {
        text-align: right
    }
}

@media (min-width: 1280px) {
    .home__cta {
        margin-top: -12px;
        position: relative
    }

    .home__cta-wrapper {
        position: absolute;
        transform: translateY(-55%);
        width: 100%
    }
}

.home__learning {
    background: #081636;
    overflow: hidden
}

.home__learning-wrapper {
    margin: 0 auto;
    max-width: 1440px;
    padding: 80px 0 102px;
    position: relative
}

@media (max-width: 1279px) {
    .home__learning-wrapper {
        padding: 60px 0 0
    }
}

.home__learning-background {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    right: -206px;
    top: 53px
}

@media (max-width: 1367px) {
    .home__learning-background {
        bottom: -150px;
        max-width: 70%;
        top: unset
    }
}

@media (max-width: 1279px) {
    .home__learning-background {
        margin-top: 60px;
        max-width: 100%;
        position: static
    }
}

@media screen and (max-width: 1023px) {
    .home__learning-background:before {
        background: linear-gradient(180deg, rgba(8, 22, 54, 0), rgba(8, 22, 54, .2));
        bottom: 0;
        content: "";
        height: 250px;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .home__learning-background {
        margin-top: 45px
    }
}

.home__learning-container {
    max-width: 506px
}

@media (max-width: 1367px) {
    .home__learning-container {
        max-width: 50%
    }
}

@media (max-width: 1279px) {
    .home__learning-container {
        max-width: 100%
    }
}

.home__learning-icon svg {
    height: 100%;
    max-height: 64px;
    max-width: 64px;
    width: 100%
}

.home__learning-title {
    margin-top: 19px
}

@media (max-width: 1279px) {
    .home__learning-title {
        margin-top: 16px
    }
}

@media screen and (max-width: 767px) {
    .home__learning-title {
        margin-top: 11px
    }
}

.home__learning-description {
    color: #cad1e3;
    font-size: 22px;
    line-height: 30px;
    margin-top: 24px;
    max-width: 450px
}

@media screen and (max-width: 1260px) {
    .home__learning-description {
        font-size: 20px;
        line-height: 27px;
        margin-top: 16px
    }
}

@media screen and (max-width: 767px) {
    .home__learning-description {
        max-width: 90%
    }
}

.home__learning-link {
    margin-top: 40px;
    max-width: 168px
}

@media screen and (max-width: 767px) {
    .home__learning-link {
        max-width: 100%
    }
}

@media screen and (max-width: 1260px) {
    .home__records-content {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 767px) {
    .home__records-content {
        padding-bottom: 55px
    }
}

@media (min-width: 1280px) {
    .home__records-grid .record:first-child .record__description {
        padding-top: 10px
    }

    .home__records-grid .record:nth-child(odd) .record__text {
        max-width: 500px
    }
}

.home__webinar {
    margin: 80px 0
}

@media screen and (max-width: 1023px) {
    .home__webinar {
        margin: 60px 0
    }
}

.home__grid {
    margin: 60px 0 79px
}

@media screen and (max-width: 767px) {
    .home__grid {
        margin-bottom: 58px
    }
}

.popular-platforms__inner {
    padding-top: 80px
}

@media screen and (max-width: 767px) {
    .popular-platforms__inner {
        padding-top: 60px
    }
}

.popular-platforms__title {
    margin: 0 auto 60px;
    max-width: 950px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .popular-platforms__title {
        margin-bottom: 40px;
        text-align: left
    }
}

.popular-platforms__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 22px
}

@media screen and (max-width: 1023px) {
    .popular-platforms__box {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .popular-platforms__box {
        align-items: center;
        flex-direction: column;
        padding: 0
    }
}

.popular-platforms__card {
    border: 1px solid #cad1e3;
    border-radius: 7px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 60px;
    margin-right: 5%;
    width: 47%
}

@media screen and (max-width: 767px) {
    .popular-platforms__card {
        margin-bottom: 40px;
        margin-right: 0;
        max-width: 540px;
        width: 100%
    }

    .popular-platforms__card:last-child {
        margin-bottom: 0
    }
}

.popular-platforms__card:nth-child(2n) {
    margin-right: 0
}

@media screen and (min-width: 1024px) {
    .popular-platforms__card:hover .arrow-link, .popular-platforms__card:hover .popular-platforms__box-title {
        color: #1c4bba
    }
}

.popular-platforms__card-image {
    background-color: #f2f5fc;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    max-height: 329px;
    max-width: 564px;
    overflow: hidden;
    padding: 33px 0 0 63px
}

@media screen and (max-width: 767px) {
    .popular-platforms__card-image {
        padding: 20px 0 0 36px
    }
}

.popular-platforms__image {
    border-radius: 7px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    left: 30px;
    max-height: 82px;
    max-width: 82px;
    position: absolute;
    top: -40px
}

@media screen and (max-width: 767px) {
    .popular-platforms__image {
        left: 24px;
        max-height: 64px;
        max-width: 64px;
        top: -34px
    }
}

.popular-platforms__box-text {
    display: flex;
    flex-direction: column;
    padding: 55px 30px 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .popular-platforms__box-text {
        justify-content: space-between;
        min-height: 198px;
        padding: 46px 22px 0
    }
}

.popular-platforms__text {
    display: flex;
    flex-direction: column
}

.popular-platforms__box-title {
    color: #081636;
    font-size: 22px;
    line-height: 30px;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 767px) {
    .popular-platforms__box-title {
        font-size: 20px;
        line-height: 27px
    }
}

.popular-platforms__box-desc {
    color: #3a4254;
    font-size: 17px;
    line-height: 23px;
    padding: 10px 0 16px
}

@media screen and (max-width: 767px) {
    .popular-platforms__box-desc {
        padding-bottom: 22px
    }
}

.popular-platforms__link {
    padding: 0 30px 30px
}

@media screen and (max-width: 767px) {
    .popular-platforms__link {
        padding: 0 22px 40px
    }
}

.popular-platforms__box-link {
    padding-bottom: 80px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .popular-platforms__box-link {
        padding-bottom: 60px;
        padding-top: 40px
    }

    .rtl .popular-platforms__title {
        text-align: right
    }
}

.rtl .popular-platforms__card {
    margin: 0 0 60px 5%
}

@media screen and (max-width: 767px) {
    .rtl .popular-platforms__card {
        margin-left: 0
    }

    .rtl .popular-platforms__card:last-child {
        margin-bottom: 0
    }
}

.rtl .popular-platforms__card:nth-child(2n) {
    margin-left: 0
}

@media screen and (min-width: 1024px) {
    .rtl .popular-platforms__card:hover .arrow-link, .rtl .popular-platforms__card:hover .popular-platforms__box-title {
        color: #1c4bba
    }
}

.trading__inner {
    align-items: center;
    display: flex;
    padding: 80px 0
}

@media screen and (max-width: 1023px) {
    .trading__inner {
        padding: 60px 0
    }
}

@media screen and (max-width: 767px) {
    .trading__inner {
        flex-direction: column;
        padding: 60px 0
    }
}

.trading__info-image {
    display: flex;
    justify-content: flex-end;
    max-width: 50%;
    padding-right: 12px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .trading__info-image {
        justify-content: center;
        max-width: 100%;
        padding-right: 24px
    }
}

.trading__info-image img {
    height: 100%;
    object-fit: cover;
    object-position: right
}

.trading__info {
    padding-left: 12px;
    padding-right: 96px
}

@media (max-width: 1279px) {
    .trading__info {
        padding-right: 24px
    }
}

@media screen and (max-width: 767px) {
    .trading__info {
        padding: 40px 24px 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .trading__info {
        padding: 40px 10px 0
    }
}

.trading__info-text {
    max-width: 600px
}

.trading__text {
    padding: 24px 0
}

@media screen and (max-width: 767px) {
    .trading__text {
        padding: 16px 0 23px
    }
}

.trading__box-image {
    display: flex;
    justify-content: space-between;
    margin-left: -3px;
    max-width: 370px;
    padding-top: 24px
}

@media screen and (max-width: 767px) {
    .trading__box-image {
        margin-left: 0;
        max-width: 325px;
        padding-top: 24px
    }
}

.trading__image {
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .trading__image {
        margin-right: 20px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .trading__image {
        margin-right: 10px
    }
}

.trading__image:last-child {
    margin-right: 0
}

.trading__image svg {
    height: 54px;
    width: 167px
}

@media screen and (max-width: 767px) {
    .trading__image svg {
        height: 48px;
        width: 144px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .trading__image svg {
        width: 135px
    }
}

.trading__image:nth-child(2) svg {
    height: 53px;
    width: 187px
}

@media screen and (max-width: 767px) {
    .trading__image:nth-child(2) svg {
        height: 48px;
        width: 162px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .trading__image:nth-child(2) svg {
        width: 152px
    }
}

.trading__link {
    display: flex;
    transition: none
}

@media screen and (min-width: 1024px) {
    .trading__link:hover {
        color: #1c4bba
    }
}

.rtl .trading__info-image {
    padding: 0 0 0 12px
}

@media screen and (max-width: 767px) {
    .rtl .trading__info-image {
        justify-content: center;
        max-width: 100%;
        padding: 0 24px 0 0
    }
}

.rtl .trading__info-image img {
    height: 100%;
    object-fit: cover;
    object-position: left
}

@media screen and (max-width: 767px) {
    .rtl .trading__info-image img {
        object-position: right
    }
}

.rtl .trading__image {
    margin: 0 0 0 15px
}

@media screen and (max-width: 767px) {
    .rtl .trading__image {
        margin: 0 0 0 20px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .trading__image {
        margin: 0 0 0 10px
    }
}

.rtl .trading__image:last-child {
    margin-left: 0
}

.terminals {
    background-image: linear-gradient(180deg, rgba(242, 245, 252, 0) 38.77%, #f2f5fc)
}

@media screen and (max-width: 767px) {
    .terminals .container {
        padding: 0
    }
}

.terminals__inner {
    padding-top: 80px
}

@media screen and (max-width: 767px) {
    .terminals__inner {
        padding-top: 52px
    }
}

.terminals__image {
    display: flex;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .terminals__image img {
        height: 100%;
        object-fit: cover;
        object-position: center
    }
}

.terminals__box {
    display: flex;
    justify-content: space-between;
    padding-top: 52px
}

@media screen and (max-width: 1023px) {
    .terminals__box {
        flex-direction: column;
        justify-content: normal
    }
}

@media screen and (max-width: 767px) {
    .terminals__box {
        padding: 19px 24px 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .terminals__box {
        padding: 19px 10px 0
    }
}

.terminals__box-text {
    margin-right: 130px;
    max-width: 600px
}

@media screen and (max-width: 1260px) {
    .terminals__box-text {
        margin-right: 60px;
        max-width: 525px
    }
}

@media screen and (max-width: 1023px) {
    .terminals__box-text {
        margin-right: 0;
        max-width: 100%
    }
}

.terminals__text {
    color: #3a4254;
    font-size: 22px;
    line-height: 30px;
    padding-top: 24px
}

@media screen and (max-width: 767px) {
    .terminals__text {
        font-size: 20px;
        line-height: 27px;
        padding-top: 15px
    }
}

.terminals__list {
    padding-bottom: 26px
}

@media screen and (max-width: 1023px) {
    .terminals__list {
        padding: 24px 0 10px
    }
}

.terminals__check-list {
    padding-right: 8px
}

@media screen and (max-width: 1023px) {
    .terminals__check-list {
        padding-right: 0
    }
}

.terminals__check-text {
    padding: 0 0 15px 35px;
    position: relative
}

.terminals__check-text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -95px -100px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.rtl .terminals__check-list {
    padding: 0 0 0 8px
}

@media screen and (max-width: 1023px) {
    .rtl .terminals__check-list {
        padding-left: 0
    }
}

.rtl .terminals__check-text {
    padding: 0 35px 15px 0
}

.rtl .terminals__check-text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -95px -100px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 24px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
}

@media screen and (max-width: 767px) {
    .comparison-info .container {
        padding: 0
    }
}

.comparison-info__inner {
    display: flex;
    justify-content: space-between;
    padding: 125px 0 65px
}

@media screen and (max-width: 1023px) {
    .comparison-info__inner {
        flex-direction: column;
        padding-top: 65px
    }
}

.comparison-info__box-text {
    margin-right: 4%;
    max-width: 510px
}

@media screen and (max-width: 1260px) {
    .comparison-info__box-text {
        max-width: 435px
    }
}

@media screen and (max-width: 1023px) {
    .comparison-info__box-text {
        margin-right: 0;
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .comparison-info__box-text {
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .comparison-info__box-text {
        padding: 0 10px
    }
}

.comparison-info__links, .comparison-info__text {
    padding-top: 24px
}

.comparison-info__link {
    padding-bottom: 14px
}

.comparison-info__box-table {
    max-width: 610px;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .comparison-info__box-table {
        max-width: 100%;
        padding-top: 40px
    }
}

@media (max-width: 480px) {
    .comparison-info__box-table {
        overflow-x: scroll;
        width: auto
    }
}

.comparison-info__table {
    border-collapse: collapse;
    width: 100%
}

.comparison-info__table thead th {
    background-color: #f2f5fc;
    border-bottom: 1px solid #cad1e3;
    color: #3a4254;
    font-family: NotoSans-Bold;
    padding: 19px 0 18px;
    white-space: nowrap
}

@media (max-width: 480px) {
    .comparison-info__table thead th:first-child {
        height: 61px;
        left: 0;
        min-width: 195px;
        position: sticky
    }
}

.comparison-info__table thead th:last-child {
    padding-right: 10px
}

@media (max-width: 480px) {
    .comparison-info__table tbody tr:nth-child(8) td:first-child {
        height: 106px;
        left: 0;
        position: sticky
    }
}

.comparison-info__table tbody tr:nth-child(8) td:nth-child(3) {
    padding: 18px 15px;
    white-space: nowrap
}

.comparison-info__table tbody tr:last-child td {
    border-bottom: none
}

.comparison-info__table tbody td {
    border-bottom: 1px solid #cad1e3;
    color: #081636;
    height: 60px;
    text-align: center
}

.comparison-info__table tbody td:first-child {
    color: #3a4254;
    padding-left: 15px;
    text-align: left
}

@media (max-width: 480px) {
    .comparison-info__table tbody td:first-child {
        background-color: #fff;
        box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
        left: 0;
        min-width: 195px;
        position: sticky
    }
}

.comparison-info__table tbody td:nth-child(2) {
    padding: 16px 0 14px
}

.comparison-info__table tbody td:last-child {
    padding-left: 9px;
    padding-right: 30px;
    white-space: nowrap
}

@media (max-width: 480px) {
    .comparison-info__table tbody td:last-child {
        padding: 0 15px
    }
}

.comparison-info__table tbody svg {
    height: 24px;
    width: 24px
}

.rtl .comparison-info__box-text {
    margin: 0 0 0 4%
}

@media screen and (max-width: 1023px) {
    .rtl .comparison-info__box-text {
        margin: 0
    }
}

@media screen and (max-width: 767px) {
    .rtl .comparison-info__box-text {
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .comparison-info__box-text {
        padding: 0 10px
    }
}

.rtl .comparison-info__table thead th:last-child {
    padding: 0 10px
}

.rtl .comparison-info__table tbody td:first-child {
    color: #3a4254;
    padding: 0 15px 0 0;
    text-align: right
}

@media (max-width: 480px) {
    .rtl .comparison-info__table tbody td:first-child {
        background-color: #fff;
        box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
        left: 0;
        min-width: 195px;
        position: sticky
    }
}

.why__inner {
    display: flex;
    padding: 78px 0 80px
}

@media screen and (max-width: 767px) {
    .why__inner {
        flex-direction: column-reverse;
        padding: 60px 0
    }
}

.why__box-text {
    display: flex;
    justify-content: flex-end;
    max-width: 50%;
    padding-right: 21px;
    width: 100%
}

@media screen and (max-width: 1260px) {
    .why__box-text {
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .why__box-text {
        max-width: 100%
    }
}

.why__text {
    max-width: 700px;
    padding-left: 96px
}

@media screen and (max-width: 1260px) {
    .why__text {
        padding-left: 24px
    }
}

@media screen and (max-width: 767px) {
    .why__text {
        max-width: 100%;
        padding: 40px 24px 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .why__text {
        padding: 40px 10px 0
    }
}

.why__desc {
    padding: 24px 0
}

.why__item-text {
    padding: 0 0 15px 34px;
    position: relative
}

.why__item-text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -95px -100px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.why__links {
    padding-top: 10px
}

.why__box-image {
    max-height: 535px;
    max-width: 800px;
    padding-left: 12px
}

@media screen and (max-width: 1023px) {
    .why__box-image {
        padding-left: 0
    }
}

@media screen and (max-width: 767px) {
    .why__box-image {
        display: flex;
        justify-content: center;
        padding-left: 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .why__box-image {
        padding-left: 10px
    }
}

.why__box-image img {
    height: 100%;
    object-fit: cover;
    object-position: left
}

.rtl .why__text {
    padding: 0 96px 0 0
}

@media screen and (max-width: 1260px) {
    .rtl .why__text {
        padding: 0 24px 0 0
    }
}

@media screen and (max-width: 767px) {
    .rtl .why__text {
        max-width: 100%;
        padding: 40px 24px 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .why__text {
        padding: 40px 10px 0
    }
}

.rtl .why__item-text {
    padding: 0 34px 15px 0;
    position: relative
}

.rtl .why__item-text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -95px -100px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 24px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
}

.rtl .why__box-image {
    max-height: 535px;
    max-width: 800px;
    padding: 0 40px 0 0
}

@media (max-width: 1279px) {
    .rtl .why__box-image {
        padding: 0 20px 0 0
    }
}

@media screen and (max-width: 767px) {
    .rtl .why__box-image {
        display: flex;
        justify-content: center;
        padding-left: 24px;
        padding-right: 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .why__box-image {
        padding-left: 10px
    }
}

.rtl .why__box-image img {
    height: 100%;
    object-fit: cover;
    object-position: right
}

@media (max-width: 767px) {
    .rtl .why__box-image img {
        object-position: left
    }
}

.platforms-tabs {
    background: linear-gradient(180deg, rgba(242, 245, 252, 0) 38.77%, #f2f5fc)
}

.platforms-tabs__inner {
    padding: 81px 0 147px
}

@media screen and (max-width: 1023px) {
    .platforms-tabs__inner {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .platforms-tabs__inner {
        padding-top: 45px
    }
}

.platforms-tabs__wrapper {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1920px;
    padding-bottom: 178px
}

.platforms-tabs__wrapper:last-child {
    padding-bottom: 0
}

@media screen and (max-width: 1023px) {
    .platforms-tabs__wrapper {
        flex-direction: column;
        padding-bottom: 100px
    }

    .platforms-tabs__wrapper:last-child {
        padding-bottom: 64px
    }
}

@media screen and (max-width: 767px) {
    .platforms-tabs__wrapper {
        padding-bottom: 145px
    }
}

.platforms-tabs__image {
    display: flex;
    justify-content: center;
    max-width: 46%;
    padding: 20px 17px 7px 0;
    width: 100%
}

@media (max-width: 1439px) {
    .platforms-tabs__image {
        max-width: 50%
    }
}

@media screen and (max-width: 1023px) {
    .platforms-tabs__image {
        justify-content: center;
        margin: 0 auto;
        max-width: 800px;
        padding: 0
    }
}

.platforms-tabs__image img {
    height: 100%;
    object-fit: cover;
    object-position: right
}

@media screen and (max-width: 1023px) {
    .platforms-tabs__image img {
        height: auto;
        object-position: center
    }
}

.platforms-tabs__box {
    max-width: 920px;
    min-width: 920px;
    padding-right: 94px
}

@media (max-width: 1439px) {
    .platforms-tabs__box {
        max-width: 860px;
        min-width: 860px
    }
}

@media screen and (max-width: 1260px) {
    .platforms-tabs__box {
        max-width: 700px;
        min-width: 700px;
        padding-right: 24px
    }
}

@media screen and (max-width: 1023px) {
    .platforms-tabs__box {
        max-width: 100%;
        min-width: auto;
        padding: 20px 24px 0
    }
}

@media screen and (max-width: 767px) {
    .platforms-tabs__box {
        padding-top: 16px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .platforms-tabs__box {
        padding: 16px 10px 0
    }
}

.platforms-tabs__box-tabs {
    border-bottom: 1px solid #cfd5e8;
    display: flex;
    padding-top: 22px
}

@media screen and (max-width: 767px) {
    .platforms-tabs__box-tabs {
        padding-top: 24px
    }
}

.platforms-tabs__tab {
    margin-right: 40px;
    min-width: 100px
}

@media screen and (max-width: 767px) {
    .platforms-tabs__tab {
        min-width: auto
    }
}

.platforms-tabs__tab:last-child {
    margin-right: 0
}

@media screen and (min-width: 1024px) {
    .platforms-tabs__tab:hover .platforms-tabs__tab-title {
        color: #1c4bba
    }
}

.platforms-tabs__tab-title {
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    padding: 15px 0 16px;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 767px) {
    .platforms-tabs__tab-title {
        font-size: 20px;
        line-height: 27px
    }
}

.platforms-tabs__tab-title--active {
    box-shadow: inset 0 -3px 0 #1c4bba;
    color: #1c4bba;
    font-family: NotoSans-Bold
}

.platforms-tabs__text {
    padding: 24px 0 40px
}

.platforms-tabs__buttons {
    max-width: 275px
}

@media screen and (max-width: 767px) {
    .platforms-tabs__buttons {
        max-width: 100%
    }
}

.platforms-tabs__buttons--large {
    max-width: 345px
}

@media screen and (max-width: 767px) {
    .platforms-tabs__buttons--large {
        max-width: 100%
    }
}

.platforms-tabs__buttons--large .platforms-tabs__btn:last-child {
    margin-right: 0
}

.platforms-tabs__btn {
    margin-bottom: 24px
}

.platforms-tabs__btn:first-child {
    margin-right: 10px
}

@media screen and (max-width: 767px) {
    .platforms-tabs__btn:first-child {
        margin-right: 0
    }
}

.platforms-tabs__btn:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .platforms-tabs__btn .btn {
        padding-left: 0;
        padding-right: 0
    }
}

.platforms-tabs__info {
    display: none
}

.platforms-tabs__info--active {
    display: block
}

.platforms-tabs__phone {
    padding-top: 39px
}

.platforms-tabs__input {
    align-items: center;
    display: flex;
    padding-top: 24px
}

@media screen and (max-width: 767px) {
    .platforms-tabs__input {
        align-items: flex-start;
        flex-direction: column
    }
}

.platforms-tabs__input .form-input {
    margin-right: 24px;
    max-width: 400px;
    width: 100%
}

.platforms-tabs__input .form-input input {
    background-color: #f2f5fc
}

@media screen and (max-width: 767px) {
    .platforms-tabs__input .form-input {
        margin-right: 0;
        max-width: 100%
    }
}

.platforms-tabs__link {
    flex-grow: 1;
    max-width: 150px
}

@media screen and (max-width: 767px) {
    .platforms-tabs__link {
        padding-top: 24px
    }
}

.rtl .platforms-tabs__tab {
    margin: 0 0 0 40px;
    min-width: 100px
}

.rtl .platforms-tabs__tab:last-child {
    margin-left: 0
}

.rtl .platforms-tabs__btn {
    margin-bottom: 24px
}

.rtl .platforms-tabs__btn:first-child {
    margin: 0 0 24px 10px
}

@media screen and (max-width: 767px) {
    .rtl .platforms-tabs__btn:first-child {
        margin-left: 0
    }
}

.rtl .platforms-tabs__btn:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .rtl .platforms-tabs__btn .btn {
        padding-left: 0;
        padding-right: 0
    }
}

.rtl .platforms-tabs__input .form-input {
    margin: 0 0 0 24px;
    max-width: 400px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .rtl .platforms-tabs__input .form-input {
        margin-left: 0
    }
}

.rtl .platforms-tabs__image img {
    object-position: left
}

@media screen and (max-width: 1023px) {
    .rtl .platforms-tabs__image img {
        object-position: center
    }
}

.metatrader-slider__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .metatrader-slider__inner {
        padding: 60px 0
    }
}

.metatrader-slider__box {
    display: flex;
    padding-top: 60px
}

@media screen and (max-width: 1023px) {
    .metatrader-slider__box {
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .metatrader-slider__box {
        padding-top: 39px
    }
}

.metatrader-slider__intro-title {
    color: #081636;
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px;
    padding-top: 24px
}

@media screen and (max-width: 1023px) {
    .metatrader-slider__intro-title {
        display: none
    }
}

.metatrader-slider__intro-title--mobile {
    display: none
}

@media screen and (max-width: 1023px) {
    .metatrader-slider__intro-title--mobile {
        display: block;
        font-size: 20px;
        line-height: 27px;
        padding-bottom: 24px
    }
}

.metatrader-slider .gallery-top {
    border-radius: 7px;
    width: 100%
}

.metatrader-slider .gallery-top iframe {
    border: none;
    border-radius: 7px;
    display: block;
    height: 580px;
    width: 100%
}

@media screen and (max-width: 1260px) {
    .metatrader-slider .gallery-top iframe {
        height: 520px
    }
}

@media screen and (max-width: 1023px) {
    .metatrader-slider .gallery-top iframe {
        height: 450px
    }
}

@media screen and (max-width: 767px) {
    .metatrader-slider .gallery-top iframe {
        height: 300px
    }
}

@media (max-width: 480px) {
    .metatrader-slider .gallery-top iframe {
        height: 185px
    }
}

.metatrader-slider .gallery-thumbs {
    margin-left: 30px;
    width: 18.2%
}

@media screen and (max-width: 1260px) {
    .metatrader-slider .gallery-thumbs {
        width: 24%
    }
}

@media screen and (max-width: 1023px) {
    .metatrader-slider .gallery-thumbs {
        height: auto;
        margin-left: 0;
        width: 100%
    }
}

.metatrader-slider .gallery-thumbs .swiper-wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1023px) {
    .metatrader-slider .gallery-thumbs .swiper-wrapper {
        flex-direction: row
    }
}

.metatrader-slider .gallery-thumbs .metatrader-slider__slide {
    max-height: 161px
}

.metatrader-slider .gallery-thumbs .metatrader-slider__slide:first-child {
    max-height: 141px
}

@media screen and (max-width: 1023px) {
    .metatrader-slider .gallery-thumbs .metatrader-slider__slide, .metatrader-slider .gallery-thumbs .metatrader-slider__slide:first-child {
        max-height: 100%
    }
}

@media screen and (min-width: 1024px) {
    .metatrader-slider .gallery-thumbs .metatrader-slider__slide:hover .metatrader-slider__text {
        color: #1c4bba
    }
}

.metatrader-slider .gallery-thumbs .metatrader-slider__text {
    margin-top: 10px
}

@media screen and (max-width: 1023px) {
    .metatrader-slider .gallery-thumbs .metatrader-slider__text {
        display: none
    }
}

.metatrader-slider .gallery-thumbs .metatrader-slider__iframe {
    position: relative
}

.metatrader-slider .gallery-thumbs .metatrader-slider__iframe:before {
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 7px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.metatrader-slider .gallery-thumbs iframe {
    border: none;
    border-radius: 7px;
    display: block;
    height: 108px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .metatrader-slider .gallery-thumbs iframe {
        height: 120px
    }
}

@media (max-width: 480px) {
    .metatrader-slider .gallery-thumbs iframe {
        height: 70px
    }
}

.metatrader-slider .gallery-thumbs .swiper-slide-thumb-active .metatrader-slider__iframe:before {
    border-color: #1c4bba
}

.metatrader-slider .gallery-thumbs .swiper-slide-thumb-active .metatrader-slider__text {
    color: #1c4bba;
    font-family: NotoSans-Bold
}

.rtl .metatrader-slider .gallery-thumbs {
    margin: 0 30px 0 0
}

@media screen and (max-width: 1023px) {
    .rtl .metatrader-slider .gallery-thumbs {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .need-help .container {
        padding: 0
    }
}

.need-help__inner {
    padding-bottom: 81px
}

@media screen and (max-width: 767px) {
    .need-help__inner {
        padding-bottom: 0
    }
}

.need-help__box {
    align-items: center;
    border: 1px solid #cad1e3;
    border-radius: 7px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    display: flex;
    flex-direction: column;
    padding: 39px 24px;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .need-help__box {
        padding: 39px 40px
    }
}

@media screen and (max-width: 767px) {
    .need-help__box {
        border: none;
        border-radius: 0;
        border-top: 1px solid #cad1e3;
        box-shadow: none;
        padding: 40px 26px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .need-help__box {
        padding: 40px 10px
    }
}

.need-help__title {
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .need-help__title {
        font-size: 20px;
        line-height: 27px
    }
}

.need-help__text {
    color: #8d99b5;
    font-size: 22px;
    line-height: 30px;
    padding: 10px 0 24px
}

@media screen and (max-width: 767px) {
    .need-help__text {
        font-size: 17px;
        line-height: 23px
    }
}

.need-help__buttons {
    max-width: 383px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .need-help__buttons {
        max-width: 100%
    }
}

.need-help__btn .btn {
    flex-direction: row-reverse
}

.need-help__btn .btn svg {
    margin-left: 10px;
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .need-help__btn:first-child {
        display: none
    }
}

.need-help__btn:nth-child(2) {
    display: none
}

@media screen and (max-width: 767px) {
    .need-help__btn:nth-child(2) {
        display: block
    }
}

.rtl .need-help__btn .btn svg {
    margin-left: 0;
    margin-right: 10px;
    transform: scaleX(-1)
}

.download {
    background-image: linear-gradient(180deg, rgba(242, 245, 252, 0) 38.77%, #f2f5fc)
}

.download__inner {
    margin-bottom: 60px;
    padding: 80px 0
}

@media screen and (max-width: 1023px) {
    .download__inner {
        margin-bottom: 0
    }
}

.download__box {
    display: flex;
    justify-content: space-between;
    padding-top: 60px
}

@media screen and (max-width: 1023px) {
    .download__box {
        flex-direction: column;
        justify-content: normal
    }
}

.download__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 110px;
    max-width: 530px
}

.download__card:nth-child(2n) {
    margin-right: 0
}

@media screen and (max-width: 1023px) {
    .download__card {
        margin-bottom: 80px;
        margin-right: 0;
        max-width: 100%
    }

    .download__card:last-child {
        margin-bottom: 0
    }
}

.download__image {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-height: 330px;
    max-width: 370px
}

.download__card-text {
    min-height: 290px;
    padding-top: 24px
}

@media screen and (max-width: 1023px) {
    .download__card-text {
        min-height: auto;
        padding-bottom: 40px
    }
}

.download__title {
    font-family: NotoSans-Bold;
    font-size: 24px;
    line-height: 30px
}

.download__text {
    padding-top: 24px
}

.download__box-tabs {
    border-bottom: 1px solid #cfd5e8;
    display: flex
}

.download__tab {
    margin-right: 24px
}

.download__tab:last-child {
    margin-right: 0
}

@media screen and (min-width: 1024px) {
    .download__tab:hover {
        color: #1c4bba
    }
}

.download__tab-title {
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    padding: 15px 0;
    transition: all .3s ease-in-out
}

@media screen and (max-width: 767px) {
    .download__tab-title {
        font-size: 20px;
        line-height: 27px
    }
}

.download__tab-title--active {
    box-shadow: inset 0 -3px 0 #1c4bba;
    color: #1c4bba;
    font-family: NotoSans-Bold
}

.download__info {
    display: none;
    padding-top: 40px
}

.download__info--active {
    display: block
}

.download__info-box {
    align-items: center;
    display: flex
}

@media screen and (max-width: 767px) {
    .download__info-box {
        align-items: flex-start;
        flex-direction: column
    }
}

.download__image-link {
    display: flex;
    margin-right: 24px;
    max-width: 179px;
    min-width: 179px;
    transition: none
}

.download__image-link:hover {
    color: #1c4bba
}

.download__image-link svg {
    height: 52px;
    width: auto
}

.download .appstore svg {
    height: 52px;
    width: 159px
}

@media screen and (max-width: 767px) {
    .download__links {
        padding-top: 24px
    }
}

.download__link {
    font-family: Noto Sans;
    text-decoration: underline
}

.download__phones-text {
    padding: 40px 0 24px
}

.download__phones-box {
    display: flex
}

@media screen and (max-width: 767px) {
    .download__phones-box {
        flex-direction: column
    }
}

.download__phones-input {
    margin-right: 24px;
    max-width: 320px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .download__phones-input {
        margin-bottom: 24px;
        margin-right: 0;
        max-width: 100%
    }
}

.download__phones-input input {
    background-color: #f2f5fc;
    padding: 14px 20px
}

.download__phones-input input:focus {
    background-color: #fff
}

.download__btn {
    max-width: 180px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .download__btn {
        max-width: 100%
    }
}

.download__box-link {
    padding-top: 80px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .download__box-link {
        padding-top: 60px
    }
}

.rtl .download__card {
    margin: 0 0 0 110px
}

.rtl .download__card:nth-child(2n) {
    margin-left: 0
}

@media screen and (max-width: 1023px) {
    .rtl .download__card {
        margin-bottom: 80px;
        margin-left: 0;
        max-width: 100%
    }

    .rtl .download__card:last-child {
        margin-bottom: 0
    }
}

.rtl .download__tab {
    margin: 0 0 0 24px
}

.rtl .download__tab:last-child {
    margin: 0
}

@media screen and (min-width: 1024px) {
    .rtl .download__tab:hover {
        color: #1c4bba
    }
}

.rtl .download__image-link {
    margin: 0 0 0 24px;
    transition: none
}

.rtl .download__phones-input {
    margin: 0 0 0 24px
}

@media screen and (max-width: 767px) {
    .rtl .download__phones-input {
        margin-bottom: 24px;
        margin-left: 0;
        max-width: 100%
    }
}

.platform-tools__title {
    margin: 0 auto;
    max-width: 955px;
    padding: 80px 0 60px;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .platform-tools__title {
        padding: 60px 0 40px
    }
}

@media screen and (max-width: 767px) {
    .platform-tools__title {
        text-align: left
    }
}

.platform-tools__title .section-title {
    color: #000
}

@media screen and (max-width: 767px) {
    .rtl .platform-tools__title {
        text-align: right
    }
}

.banner-loyalty {
    margin-bottom: 80px
}

@media screen and (max-width: 1023px) {
    .banner-loyalty {
        margin: 80px 0
    }
}

@media screen and (max-width: 767px) {
    .banner-loyalty {
        margin: 60px 0
    }
}

.banner-loyalty__inner {
    padding: 81px 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .banner-loyalty__inner {
        padding: 61px 0
    }
}

.banner-loyalty__background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.banner-loyalty__background img {
    height: 100%;
    width: 100%
}

.banner-loyalty__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1085px;
    padding: 0 24px;
    position: relative;
    text-align: center;
    z-index: 2
}

@media (min-width: 320px)and (max-width: 374px) {
    .banner-loyalty__content {
        padding: 0 10px
    }
}

.banner-loyalty__text {
    color: #cad1e3;
    max-width: 870px;
    padding-bottom: 40px
}

.banner-loyalty__title {
    padding: 24px 0
}

@media screen and (max-width: 767px) {
    .banner-loyalty__title {
        padding: 24px 0 19px
    }
}

.banner-loyalty__title .section-title {
    color: #fff
}

.services-cta .cta {
    padding-top: 60px
}

@media screen and (max-width: 767px) {
    .why-vps .container {
        padding: 0
    }
}

.why-vps__inner {
    display: flex;
    justify-content: space-between;
    padding: 80px 0
}

@media screen and (max-width: 1023px) {
    .why-vps__inner {
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .why-vps__inner {
        padding: 60px 0
    }
}

.why-vps__box {
    margin-right: 10%;
    max-width: 500px
}

@media screen and (max-width: 1260px) {
    .why-vps__box {
        margin-right: 6%
    }
}

@media screen and (max-width: 1023px) {
    .why-vps__box {
        margin-bottom: 60px;
        margin-right: 0;
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .why-vps__box {
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .why-vps__box {
        padding: 0 10px
    }
}

.why-vps__text {
    color: #3a4254
}

.why-vps__text--bold {
    color: #081636;
    font-family: NotoSans-Bold;
    padding: 24px 0 10px
}

.why-vps__buttons {
    padding-top: 24px
}

.why-vps__box-table {
    max-width: 610px;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .why-vps__box-table {
        max-width: 100%
    }
}

.why-vps__table {
    border-collapse: collapse;
    width: 100%
}

.why-vps__table thead th {
    background-color: #f2f5fc;
    color: #3a4254;
    font-family: NotoSans-Bold;
    padding: 19px 0 18px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .why-vps__table thead th {
        padding: 17px 0
    }
}

.why-vps__table tbody th {
    border-top: 1px solid #cfd5e8;
    font-family: NotoSans-Bold;
    padding: 18px 15px;
    text-align: left
}

.why-vps__table tbody th:last-child {
    padding-left: 30px
}

@media screen and (max-width: 767px) {
    .why-vps__table tbody th:last-child {
        padding-left: 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .why-vps__table tbody th:last-child {
        padding-left: 10px
    }
}

@media screen and (max-width: 767px) {
    .why-vps__table tbody th {
        padding: 18px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .why-vps__table tbody th {
        padding: 18px 10px
    }
}

.why-vps__table tbody td {
    border-top: 1px solid #cfd5e8;
    color: #3a4254;
    padding: 10px 15px;
    white-space: nowrap
}

.why-vps__table tbody td:last-child {
    color: #081636;
    padding-left: 30px
}

@media screen and (max-width: 767px) {
    .why-vps__table tbody td:last-child {
        padding-left: 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .why-vps__table tbody td:last-child {
        padding-left: 10px
    }
}

.why-vps__table tbody td + .why-vps__text-green {
    color: #46bd54;
    font-family: NotoSans-Bold
}

@media screen and (max-width: 767px) {
    .why-vps__table tbody td {
        padding: 10px 24px 9px;
        white-space: normal
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .why-vps__table tbody td {
        padding: 10px
    }
}

.why-vps__image {
    display: flex
}

.why-vps__image svg {
    height: 23px;
    width: 24px
}

.rtl .why-vps__box {
    margin: 0 0 0 10%
}

@media screen and (max-width: 1260px) {
    .rtl .why-vps__box {
        margin-left: 6%
    }
}

@media screen and (max-width: 1023px) {
    .rtl .why-vps__box {
        margin-bottom: 60px;
        margin-right: 0;
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .rtl .why-vps__box {
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .why-vps__box {
        padding: 0 10px
    }
}

.rtl .why-vps__table {
    border-collapse: collapse;
    width: 100%
}

.rtl .why-vps__table tbody th {
    text-align: right
}

.rtl .why-vps__table tbody th:last-child {
    padding-left: 30px
}

@media screen and (max-width: 767px) {
    .rtl .why-vps__table tbody th:last-child {
        padding-left: 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .why-vps__table tbody th:last-child {
        padding-left: 10px
    }
}

@media screen and (max-width: 767px) {
    .rtl .why-vps__table tbody th {
        padding: 18px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .why-vps__table tbody th {
        padding: 18px 10px
    }
}

.rtl .why-vps__table tbody td {
    border-top: 1px solid #cfd5e8;
    color: #3a4254;
    padding: 10px 15px;
    white-space: nowrap
}

.rtl .why-vps__table tbody td:last-child {
    color: #081636;
    padding-left: 30px
}

@media screen and (max-width: 767px) {
    .rtl .why-vps__table tbody td:last-child {
        padding-left: 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .why-vps__table tbody td:last-child {
        padding-left: 10px
    }
}

.rtl .why-vps__table tbody td + .why-vps__text-green {
    color: #46bd54;
    font-family: NotoSans-Bold
}

@media screen and (max-width: 767px) {
    .rtl .why-vps__table tbody td {
        padding: 10px 24px 9px;
        white-space: normal
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .why-vps__table tbody td {
        padding: 10px
    }
}

.how-cards__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .how-cards__inner {
        padding: 0 0 60px
    }
}

.how-cards__title {
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-cards__title {
        text-align: left
    }
}

.how-cards__text {
    color: #3a4254;
    font-size: 22px;
    line-height: 30px;
    margin: 0 auto;
    max-width: 825px;
    padding: 24px 0 60px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-cards__text {
        font-size: 17px;
        line-height: 23px;
        padding-bottom: 40px;
        text-align: left
    }
}

.how-cards__steps {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 825px
}

@media screen and (max-width: 767px) {
    .how-cards__steps {
        flex-direction: column
    }
}

.how-cards__item {
    max-width: 29%;
    position: relative
}

@media screen and (max-width: 1023px) {
    .how-cards__item {
        max-width: 28%
    }
}

@media screen and (max-width: 767px) {
    .how-cards__item {
        margin-bottom: 24px;
        max-width: 100%
    }

    .how-cards__item:last-child {
        margin-bottom: 0
    }
}

.how-cards__item:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1321px -874px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: -50px;
    top: 50%;
    width: 45px
}

@media screen and (max-width: 767px) {
    .how-cards__item:after {
        display: none
    }
}

.how-cards__item:last-child:after {
    display: none
}

.how-cards__item .step-card {
    align-items: center;
    padding: 30px 14px 29px
}

@media screen and (max-width: 1023px) {
    .how-cards__item .step-card {
        flex-direction: column;
        padding: 30px 10px
    }
}

@media screen and (max-width: 767px) {
    .how-cards__item .step-card {
        align-items: flex-start;
        flex-direction: row;
        padding: 24px 30px 28px 21px
    }
}

.how-cards__item .step-card__image {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .how-cards__item .step-card__image {
        margin-right: 20px
    }
}

.how-cards__item .step-card__title {
    padding: 24px 0 17px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-cards__item .step-card__title {
        padding: 0;
        text-align: left
    }
}

.how-cards__item .step-card__title:before {
    display: none
}

.how-cards__item .step-card__title--green {
    display: block
}

.how-cards__item .step-card__title--green .step-card__text-green {
    color: #46bd54
}

.how-cards__label {
    background-color: #f2f5fc;
    border-radius: 7px;
    margin: 40px auto 0;
    max-width: 825px
}

.how-cards__label-text {
    align-items: center;
    color: #2460ed;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 19px;
    padding: 16px 0;
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-cards__label-text {
        padding: 16px 20px;
        text-align: left
    }
}

.how-cards__label-text svg {
    height: 16px;
    margin-right: 10px;
    width: 16px
}

@media screen and (max-width: 767px) {
    .how-cards__label-text svg {
        width: 25px
    }
}

.rtl .how-cards__item:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1321px -874px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 12px;
    left: -50px;
    position: absolute;
    right: auto;
    top: 50%;
    transform: scaleX(-1);
    width: 45px
}

@media screen and (max-width: 767px) {
    .rtl .how-cards__item:after {
        display: none
    }
}

.rtl .how-cards__item:last-child:after {
    display: none
}

.rtl .how-cards__item .step-card__image {
    margin: 0
}

@media screen and (max-width: 767px) {
    .rtl .how-cards__item .step-card__image {
        margin-left: 20px
    }

    .rtl .how-cards__label-text {
        text-align: right
    }
}

.rtl .how-cards__label-text svg {
    margin: 0 0 0 10px
}

.services-slider .container {
    padding: 0 66px
}

@media screen and (max-width: 1260px) {
    .services-slider .container {
        padding: 0
    }
}

.services-slider .slider__container {
    padding: 63px 30px 67px
}

@media screen and (max-width: 1023px) {
    .services-slider .slider__container {
        padding: 45px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .services-slider .slider__container {
        padding: 63px 10px
    }
}

.services-slider .slider__slide {
    max-width: 100%
}

.services-slider .crypto-card {
    min-height: 144px
}

.services-slider .slider__button-box {
    height: 100%;
    position: absolute;
    width: 70px;
    z-index: 1
}

.services-slider .slider__button-box--next {
    background-image: linear-gradient(90deg, #f2f5fc, rgba(242, 245, 252, 0));
    display: none;
    left: 0;
    top: 0
}

.services-slider .slider__button-box--prev {
    background-image: linear-gradient(270deg, #f2f5fc, rgba(242, 245, 252, 0));
    display: block;
    right: 0;
    top: 0
}

.services-slider .slider__pagination {
    display: none
}

@media screen and (max-width: 1023px) {
    .services-slider .slider__pagination {
        display: flex
    }
}

.services-slider--webinar .slider__inner {
    margin-top: 0
}

.rtl .services-slider .slider__button-box {
    transform: scaleX(-1)
}

.rtl .services-slider .slider__button-box--next {
    background-image: linear-gradient(90deg, #f2f5fc, rgba(242, 245, 252, 0));
    display: none;
    left: auto;
    right: 0;
    top: 0
}

.rtl .services-slider .slider__button-box--prev {
    background-image: linear-gradient(270deg, #f2f5fc, rgba(242, 245, 252, 0));
    display: block;
    left: 0;
    right: auto;
    top: 0
}

.services-webinars .webinar {
    padding-top: 42px
}

@media screen and (max-width: 767px) {
    .services-webinars .webinar {
        padding-top: 28px
    }

    .services-webinars .webinar .container {
        padding: 0
    }
}

.services-webinars .webinar__inner {
    display: flex;
    margin: 0
}

@media screen and (max-width: 1023px) {
    .services-webinars .webinar__inner {
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .services-webinars .webinar__status {
        display: none
    }

    .services-webinars .webinar__time {
        margin-left: 0
    }
}

.services-webinars .webinar__right {
    flex-basis: 25.3%;
    min-width: 317px;
    padding: 0
}

@media screen and (max-width: 1260px) {
    .services-webinars .webinar__right {
        margin-top: 0
    }
}

.services-webinars .webinar__right-content {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    justify-content: space-between;
    padding: 39px 30px 55px
}

@media screen and (max-width: 1023px) {
    .services-webinars .webinar__right-content {
        border-bottom-left-radius: 7px;
        border-top-right-radius: 0
    }
}

@media screen and (max-width: 767px) {
    .services-webinars .webinar__right-content {
        border: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 30px 24px 40px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .services-webinars .webinar__right-content {
        padding: 30px 10px 40px
    }
}

.services-webinars .webinar__left {
    flex-basis: 74.5%;
    padding: 0
}

.services-webinars .webinar__left-content {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding: 46px 60px
}

@media screen and (max-width: 1023px) {
    .services-webinars .webinar__left-content {
        border-bottom-left-radius: 0;
        border-top-right-radius: 7px;
        padding: 46px 29px
    }
}

@media screen and (max-width: 767px) {
    .services-webinars .webinar__left-content {
        border: none;
        border-top: 1px solid #cad1e3;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 46px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .services-webinars .webinar__left-content {
        padding: 40px 10px
    }
}

.services-webinars .webinar__left-bottom {
    margin-top: 62px
}

@media screen and (max-width: 767px) {
    .services-webinars .webinar__left-bottom {
        margin-top: 18px
    }
}

.services-webinars .webinar__text {
    color: #fff;
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .services-webinars .webinar__text {
        font-size: 20px;
        line-height: 27px
    }
}

.services-webinars .webinar__text-bold {
    font-family: NotoSans-Bold
}

.services-webinars .webinar__links {
    padding-bottom: 15px
}

@media screen and (max-width: 767px) {
    .services-webinars .webinar__links {
        padding-bottom: 23px
    }
}

.services-webinars .webinar__link-text {
    color: hsla(0, 0%, 100%, .75);
    display: inline-flex;
    letter-spacing: -.008em
}

.services-webinars .webinar__link-text span {
    align-items: center;
    display: inline-flex
}

.services-webinars .webinar__link-text a {
    letter-spacing: 0;
    margin-left: 5px
}

@media (max-width: 1279px) {
    .services-webinars .webinar__link-text a {
        margin-left: 4px
    }
}

.services-webinars .webinar__link-text a svg {
    margin-left: 5px
}

.services-webinars .webinar__mentor-text {
    color: #8d99b5;
    display: inline-block;
    padding-bottom: 3px
}

.services-webinars .webinar__mentor-title {
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .services-webinars .webinar__mentor-title {
        font-size: 20px;
        line-height: 27px
    }
}

@media screen and (max-width: 1260px) {
    .services-webinars .webinar__buttons {
        padding-top: 40px
    }
}

@media screen and (max-width: 767px) {
    .services-webinars .webinar__buttons {
        padding-top: 68px
    }
}

.services-webinars .webinar__button {
    max-width: 100%
}

.rtl .services-webinars .webinar__link-text a {
    margin: 0 4px 0 0
}

.rtl .services-webinars .webinar__link-text a svg {
    margin: 0 5px 0 0
}

.rtl .services-webinars .webinar__right-content {
    border-radius: 7px 0 0 7px
}

@media screen and (max-width: 1023px) {
    .rtl .services-webinars .webinar__right-content {
        border-radius: 0 0 7px 7px
    }
}

@media screen and (max-width: 767px) {
    .rtl .services-webinars .webinar__right-content {
        border: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.rtl .services-webinars .webinar__left-content {
    border-radius: 0 7px 7px 0
}

@media screen and (max-width: 1023px) {
    .rtl .services-webinars .webinar__left-content {
        border-radius: 7px 7px 0 0
    }
}

@media screen and (max-width: 767px) {
    .rtl .services-webinars .webinar__left-content {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.mentor__inner {
    padding: 60px 0 80px
}

@media screen and (max-width: 767px) {
    .mentor__inner {
        padding: 63px 0 60px
    }
}

.mentor__box {
    max-width: 825px
}

.mentor__box-text {
    color: #3a4254;
    padding-bottom: 40px
}

.mentor__box-text--gray {
    border-top: 1px solid #cad1e3;
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 0;
    padding-top: 40px
}

.mentor__label {
    color: #8d99b5;
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .mentor__label {
        font-size: 20px;
        line-height: 27px
    }
}

.mentor__info {
    align-items: center;
    display: flex;
    padding: 24px 0
}

@media screen and (max-width: 767px) {
    .mentor__info {
        align-items: flex-start;
        flex-direction: column
    }
}

.mentor__image {
    max-height: 129px;
    max-width: 129px
}

.mentor__info-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 62px;
    padding-left: 24px
}

@media screen and (max-width: 767px) {
    .mentor__info-text {
        min-height: 107px;
        padding-left: 0;
        padding-top: 24px
    }
}

.mentor__title {
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .mentor__title {
        font-size: 20px;
        line-height: 27px
    }
}

.mentor__description {
    color: #8d99b5
}

.rtl .mentor__info-text {
    padding: 0 24px 0 0
}

@media screen and (max-width: 767px) {
    .rtl .mentor__info-text {
        padding-right: 0;
        padding-top: 24px
    }

    .loyalty-programme .container {
        padding: 0
    }
}

.loyalty-programme__inner {
    display: flex;
    justify-content: space-between;
    padding: 80px 0 60px
}

@media screen and (max-width: 1023px) {
    .loyalty-programme__inner {
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .loyalty-programme__inner {
        padding: 60px 0
    }
}

.loyalty-programme__image {
    padding-bottom: 20px
}

.loyalty-programme__title {
    padding-bottom: 24px
}

.loyalty-programme__box {
    margin-right: 60px;
    max-width: 500px
}

@media screen and (max-width: 1023px) {
    .loyalty-programme__box {
        margin-right: 0;
        max-width: 100%;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .loyalty-programme__box {
        padding: 0 24px 40px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .loyalty-programme__box {
        padding: 0 10px 40px
    }
}

.loyalty-programme__text-bold {
    display: block;
    font-family: NotoSans-Bold;
    padding-bottom: 10px;
    padding-top: 24px
}

.loyalty-programme__box-table {
    max-width: 610px;
    min-width: 500px;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .loyalty-programme__box-table {
        max-width: 100%
    }
}

@media (max-width: 560px) {
    .loyalty-programme__box-table {
        min-width: auto;
        overflow-x: scroll;
        width: auto
    }
}

.loyalty-programme__table {
    border-collapse: collapse;
    width: 100%
}

.loyalty-programme__row:first-child {
    background-color: #f2f5fc
}

.loyalty-programme__row:first-child th {
    background-color: #f2f5fc;
    color: #3a4254;
    font-family: NotoSans-Bold;
    font-size: 14px;
    line-height: 19px;
    padding: 13px 22px 13px 16px
}

@media (max-width: 560px) {
    .loyalty-programme__row:first-child th {
        height: 60px;
        margin-top: 0
    }
}

.loyalty-programme__row:first-child td {
    color: #3a4254;
    font-family: NotoSans-Bold;
    font-size: 14px;
    line-height: 19px;
    padding: 13px 0
}

.loyalty-programme__row:last-child th {
    vertical-align: middle
}

@media (max-width: 560px) {
    .loyalty-programme__row:last-child th {
        height: 74px
    }
}

.loyalty-programme__row:last-child td {
    height: 74px;
    vertical-align: middle
}

.loyalty-programme__row:last-child td:nth-child(3) {
    padding-right: 24px
}

.loyalty-programme__row th {
    border-bottom: 1px solid #cfd5e8;
    font-family: NotoSans-Bold;
    padding: 20px 10px 17px 0;
    vertical-align: top
}

@media (max-width: 560px) {
    .loyalty-programme__row th {
        background-color: #fff;
        box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
        height: 76px;
        left: 0;
        margin-top: .5px;
        max-width: 70px;
        padding-right: 0;
        position: sticky;
        width: 100%
    }
}

.loyalty-programme__row td {
    border-bottom: 1px solid #cfd5e8;
    padding: 19px 0 16px;
    vertical-align: top
}

.loyalty-programme__row td:last-child {
    padding-left: 22px;
    padding-right: 17px
}

.loyalty-programme__row td:nth-child(2) {
    color: #3a4254;
    font-size: 14px;
    line-height: 19px;
    padding-right: 24px
}

@media (max-width: 560px) {
    .loyalty-programme__row td:nth-child(2) {
        min-width: 225px;
        padding-left: 16px;
        padding-right: 0
    }
}

.loyalty-programme__row td:nth-child(1n+3) {
    text-align: right
}

.loyalty-programme__text-gray {
    color: #8d99b5;
    display: block;
    font-family: Noto Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    white-space: nowrap
}

.loyalty-programme__desc {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    padding-top: 24px
}

@media screen and (max-width: 767px) {
    .loyalty-programme__desc {
        padding: 24px 24px 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .loyalty-programme__desc {
        padding: 24px 10px 0
    }
}

.loyalty-programme__label {
    align-items: center;
    background-color: #f2f5fc;
    border-radius: 7px;
    color: #1b74fd;
    display: flex;
    justify-content: center;
    padding: 24px;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .loyalty-programme__label {
        font-size: 14px;
        line-height: 19px
    }
}

@media screen and (max-width: 767px) {
    .loyalty-programme__label {
        margin: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .loyalty-programme__label {
        margin: 0 10px;
        padding: 24px 10px
    }
}

.loyalty-programme__label-image {
    margin-right: 8px;
    max-height: 24px;
    max-width: 24px
}

.loyalty-programme__label-image svg {
    height: 24px;
    width: 24px
}

@media screen and (max-width: 767px) {
    .loyalty-programme__label-image svg {
        height: 16px;
        width: 16px
    }
}

.rtl .loyalty-programme__box {
    margin: 0 0 0 60px
}

@media screen and (max-width: 1023px) {
    .rtl .loyalty-programme__box {
        margin-left: 0;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .rtl .loyalty-programme__box {
        padding: 0 24px 40px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .loyalty-programme__box {
        padding: 0 10px 40px
    }
}

.rtl .loyalty-programme__label-image {
    margin: 0 0 0 8px
}

.program-card__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .program-card__inner {
        padding: 60px 0
    }
}

.program-card__box-title {
    margin: 0 auto;
    max-width: 810px;
    text-align: center
}

.program-card__list {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .program-card__list {
        align-items: center;
        flex-direction: column
    }
}

.program-card__item {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    padding: 0 30px;
    width: 100%
}

@media screen and (max-width: 1260px) {
    .program-card__item {
        padding: 0 10px
    }
}

@media screen and (max-width: 1023px) {
    .program-card__item {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .program-card__item {
        margin-bottom: 39px;
        padding: 0 32px
    }
}

.program-card__image {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-height: 64px;
    max-width: 64px
}

.program-card__title {
    font-size: 22px;
    line-height: 30px;
    padding-top: 17px;
    text-align: center;
    white-space: nowrap
}

@media screen and (max-width: 1023px) {
    .program-card__title {
        white-space: normal
    }
}

@media screen and (max-width: 767px) {
    .program-card__title {
        font-size: 20px;
        line-height: 27px
    }
}

.program-card__box-text {
    align-items: center;
    display: flex;
    flex-direction: column
}

.program-card__box {
    padding-top: 60px
}

@media screen and (max-width: 767px) {
    .program-card__box {
        padding-top: 42px
    }
}

.program-card__buttons {
    display: flex;
    justify-content: center;
    padding-top: 56px
}

@media screen and (max-width: 767px) {
    .program-card__buttons {
        padding-top: 0
    }
}

.program-card__button {
    max-width: 320px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .program-card__button {
        max-width: 100%
    }
}

.program-card__label {
    color: #8d99b5;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 19px;
    padding-top: 30px
}

@media screen and (max-width: 767px) {
    .program-card__label {
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        min-height: 65px;
        padding-top: 24px
    }
}

.program-card__link {
    margin-left: 5px
}

.program-card--pips .program-card__inner {
    padding-bottom: 73px
}

.program-card--pips .program-card__box-title {
    max-width: 100%
}

.program-card--pips .program-card__text {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    padding: 10px 0;
    text-align: center
}

.programs__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .programs__inner {
        padding: 60px 0
    }
}

.programs__title {
    text-align: center
}

@media screen and (max-width: 767px) {
    .programs__title {
        text-align: left
    }
}

.programs__box {
    padding-top: 60px
}

@media screen and (max-width: 767px) {
    .programs__box {
        padding-top: 40px
    }
}

.programs__list {
    display: flex;
    flex-wrap: wrap
}

.programs__item {
    border: 1px solid #cfd5e8;
    border-radius: 7px;
    margin-bottom: 4%;
    margin-right: 2%;
    max-width: 32%;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .programs__item {
        margin-right: 3.5%;
        max-width: 48.2%
    }
}

@media screen and (max-width: 767px) {
    .programs__item {
        border: none;
        border-bottom: 1px solid #cfd5e8;
        border-radius: 0;
        margin-bottom: 22px;
        margin-right: 0;
        max-width: 100%;
        padding: 20px 0 24px
    }
}

@media screen and (max-width: 1023px) {
    .programs__item:nth-child(2n) {
        margin-right: 0
    }
}

.programs__item:nth-child(3n) {
    margin-right: 0
}

@media screen and (max-width: 1023px) {
    .programs__item:nth-child(3n) {
        margin-right: 3.5%
    }
}

@media screen and (max-width: 767px) {
    .programs__item:nth-child(3n) {
        margin-right: 0
    }
}

.programs__item-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 33px
}

@media screen and (max-width: 1260px) {
    .programs__item-box {
        padding: 20px
    }
}

@media screen and (max-width: 767px) {
    .programs__item-box {
        padding: 0
    }
}

.programs__info-title {
    font-family: NotoSans-Bold;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 15px;
    padding-top: 23px
}

@media screen and (max-width: 767px) {
    .programs__info-title {
        padding-top: 16px
    }
}

.programs__desc {
    font-size: 14px;
    line-height: 32px
}

@media screen and (max-width: 767px) {
    .programs__desc {
        line-height: 19px
    }

    .programs__desc:first-child {
        padding-bottom: 10px
    }
}

.programs__package {
    color: #828282
}

.programs__text {
    color: #828282;
    font-size: 14px;
    line-height: 19px;
    padding: 17px 0 67px
}

@media screen and (max-width: 767px) {
    .programs__text {
        padding-bottom: 22px
    }
}

.programs__label {
    align-items: center;
    background-color: #f2f5fc;
    border-radius: 7px;
    color: #1b74fd;
    display: flex;
    justify-content: center;
    padding: 24px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .programs__label {
        padding: 20px 10px
    }
}

.programs__label-text {
    max-width: 1100px
}

@media screen and (max-width: 767px) {
    .programs__label-text {
        text-align: left
    }
}

@media screen and (min-width: 1024px) {
    .programs__link:hover .programs__info-title, .programs__link:hover .programs__links {
        color: #1c4bba
    }
}

.programs__links {
    color: #8d99b5;
    display: inline-flex;
    font-family: NotoSans-Bold;
    transition: all .3s ease-in-out
}

.programs__image-link {
    margin-left: 5px
}

.programs__image-link svg {
    height: 11px;
    width: 13px
}

@media screen and (max-width: 767px) {
    .rtl .programs__label-text, .rtl .programs__title {
        text-align: right
    }
}

.rtl .programs__item {
    border: 1px solid #cfd5e8;
    border-radius: 7px;
    margin: 0 0 4% 2%;
    max-width: 32%;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .rtl .programs__item {
        margin: 0 0 4% 3.5%;
        max-width: 48.2%
    }
}

@media screen and (max-width: 767px) {
    .rtl .programs__item {
        border: none;
        border-bottom: 1px solid #cfd5e8;
        border-radius: 0;
        margin-bottom: 22px;
        margin-left: 0;
        max-width: 100%;
        padding: 20px 0 24px
    }
}

@media screen and (max-width: 1023px) {
    .rtl .programs__item:nth-child(2n) {
        margin-left: 0;
        margin-right: 0
    }
}

.rtl .programs__item:nth-child(3n) {
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width: 1023px) {
    .rtl .programs__item:nth-child(3n) {
        margin-left: 3.5%;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .rtl .programs__item:nth-child(3n) {
        margin-left: 0
    }
}

.rtl .programs__desc {
    direction: rtl
}

.rtl .programs__image-link {
    margin: 0 5px 0 0
}

.rtl .programs__image-link svg {
    transform: scaleX(-1)
}

.deposit-info__inner {
    padding: 28px 0 83px
}

@media screen and (max-width: 767px) {
    .deposit-info__inner {
        padding-bottom: 60px
    }
}

.deposit-info__box {
    max-width: 785px
}

.deposit-info__title {
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 24px
}

.deposit-info__list {
    counter-reset: list
}

.deposit-info__item {
    color: #3a4254;
    padding: 0 0 14px 34px;
    position: relative
}

.deposit-info__item:before {
    content: counter(list) ". ";
    counter-increment: list;
    left: 0;
    position: absolute
}

.deposit-info__text {
    padding-bottom: 40px;
    padding-top: 8px
}

.deposit-info__warning {
    background-color: rgba(246, 70, 112, .1);
    border-radius: 7px;
    display: flex;
    max-width: 825px;
    padding: 19px 20px
}

.deposit-info__warning-text {
    color: #f64670;
    font-size: 14px;
    line-height: 19px;
    padding-left: 7px
}

.deposit-info__warning-title {
    display: block;
    font-family: NotoSans-Bold;
    padding-bottom: 5px
}

.deposit-info__notice {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    max-width: 785px;
    padding-top: 24px
}

.deposit-info__notice-title {
    font-family: NotoSans-Bold;
    padding-bottom: 11px
}

.deposit-info__notice-text {
    padding-bottom: 14px;
    padding-left: 24px;
    position: relative
}

.deposit-info__notice-text:before {
    background-color: #8d99b5;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 4px
}

.rtl .deposit-info__item {
    padding: 0 34px 14px 0
}

.rtl .deposit-info__item:before {
    content: counter(list) ". ";
    counter-increment: list;
    left: auto;
    position: absolute;
    right: 0
}

.rtl .deposit-info__text {
    padding-bottom: 40px;
    padding-top: 8px
}

.rtl .deposit-info__warning-text {
    padding: 0 7px 0 0
}

.rtl .deposit-info__notice-text {
    padding: 0 24px 0 0
}

.rtl .deposit-info__notice-text:before {
    left: auto;
    right: 6px
}

.accounts-slider .slider__inner {
    margin: 0
}

.accounts-slider .slider__row {
    justify-content: center
}

@media screen and (max-width: 767px) {
    .accounts-slider .slider__row {
        justify-content: flex-start
    }
}

@media screen and (max-width: 1023px) {
    .accounts-slider .slider__slide {
        width: 31%
    }
}

.currency__inner {
    display: flex;
    justify-content: space-between;
    padding: 43px 0 80px
}

@media screen and (max-width: 1023px) {
    .currency__inner {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

@media screen and (max-width: 767px) {
    .currency__inner {
        padding-bottom: 60px
    }
}

.currency__image {
    display: flex
}

.currency__image-box {
    margin-right: -25px
}

.currency__image-box svg {
    height: 61px;
    width: 55px
}

.currency__box {
    margin-right: 23px;
    width: 32.1%
}

@media screen and (max-width: 1023px) {
    .currency__box {
        margin-bottom: 60px;
        margin-right: 0;
        width: auto
    }
}

.currency__box:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.currency__total {
    color: #46bd54;
    font-size: 48px;
    line-height: 65px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .currency__total {
        font-size: 37px;
        line-height: 41px
    }
}

.currency__title {
    color: #081636;
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px;
    padding: 16px 0 10px
}

@media screen and (max-width: 767px) {
    .currency__title {
        font-size: 20px;
        line-height: 27px
    }
}

.currency__text {
    color: #3a4254
}

.currency__info {
    background-color: #f2f5fc;
    border-radius: 7px;
    color: #2460ed;
    display: flex;
    font-size: 14px;
    line-height: 19px;
    margin-top: 15px;
    padding: 21px 24px
}

.currency__info-image {
    margin-right: 10px
}

.currency__info-image svg {
    height: 16px;
    width: 16px
}

.rtl .currency__image {
    display: flex
}

.rtl .currency__image-box {
    margin: 0 0 0 -25px
}

.rtl .currency__image-box svg {
    height: 61px;
    width: 55px
}

.rtl .currency__box {
    margin: 0 0 0 23px
}

@media screen and (max-width: 1023px) {
    .rtl .currency__box {
        margin-bottom: 60px;
        margin-left: 0
    }
}

.rtl .currency__box:last-child {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.rtl .currency__info-image {
    margin: 0 0 0 10px
}

@media screen and (max-width: 767px) {
    .currency-table .container {
        padding: 0
    }
}

.currency-table__inner {
    padding-bottom: 80px
}

@media screen and (max-width: 767px) {
    .currency-table__inner {
        padding-bottom: 60px
    }
}

.currency-table__box-title {
    padding-bottom: 24px
}

@media screen and (max-width: 767px) {
    .currency-table__box-title {
        padding: 0 24px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .currency-table__box-title {
        padding: 0 10px 24px
    }
}

.currency-table__title {
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 10px
}

.currency-table__text {
    color: #8d99b5;
    display: flex;
    font-size: 14px;
    line-height: 19px
}

@media screen and (max-width: 767px) {
    .currency-table__text {
        flex-direction: column
    }
}

.currency-table__link {
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .currency-table__link {
        margin-left: 0
    }

    .currency-table__box {
        overflow-x: scroll
    }
}

.currency-table__table {
    border-collapse: collapse;
    width: 100%
}

.currency-table__table tr {
    border-bottom: 1px solid #cfd5e8
}

@media screen and (min-width: 1024px) {
    .currency-table__table tr:hover {
        background-color: rgba(207, 213, 232, .24);
        cursor: pointer
    }
}

.currency-table__table th {
    color: #8d99b5;
    font-family: NotoSans-Bold;
    padding: 18px 16px;
    width: 19.2%
}

@media screen and (max-width: 767px) {
    .currency-table__table th {
        width: auto
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .currency-table__table th {
        padding: 18px 10px
    }
}

.currency-table__table th:first-child {
    text-align: left;
    width: 66%
}

@media (max-width: 480px) {
    .currency-table__table th:first-child {
        background-color: #fff;
        box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
        left: 0;
        min-width: 220px;
        position: sticky;
        width: auto
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .currency-table__table th:first-child {
        min-width: 180px
    }
}

.currency-table__table td {
    padding: 13px 17px 14px 16px
}

@media screen and (max-width: 767px) {
    .currency-table__table td {
        min-width: 130px;
        padding-right: 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .currency-table__table td {
        padding-left: 10px
    }
}

@media screen and (max-width: 1023px) {
    .currency-table__table td:first-child {
        width: 50%
    }
}

@media (max-width: 480px) {
    .currency-table__table td:first-child {
        background-color: #fff;
        box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
        left: 0;
        min-width: 230px;
        position: sticky;
        width: auto
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .currency-table__table td:first-child {
        min-width: 180px
    }
}

.currency-table__table td:last-child {
    width: 15%
}

.currency-table__table-text {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    max-width: 826px;
    padding-top: 40px
}

@media screen and (max-width: 767px) {
    .currency-table__table-text {
        padding: 40px 24px 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .currency-table__table-text {
        padding: 40px 10px 0
    }
}

.currency-table__box-logo {
    align-items: center;
    display: flex
}

.currency-table__image-logo {
    margin-right: 16px;
    max-height: 48px;
    max-width: 79px
}

@media screen and (max-width: 767px) {
    .currency-table__image-logo {
        margin-right: 10px;
        max-width: 50px
    }
}

.currency-table__image {
    align-items: center;
    display: flex;
    justify-content: center
}

.currency-table__image svg {
    height: 24px;
    width: 24px
}

.currency-table__desc {
    font-family: NotoSans-Bold
}

.rtl .currency-table__image-logo {
    margin: 0 0 0 16px
}

@media screen and (max-width: 767px) {
    .rtl .currency-table__image-logo {
        margin: 0 0 0 10px
    }
}

.rtl .currency-table__table {
    border-collapse: collapse;
    width: 100%
}

.rtl .currency-table__table tr {
    border-bottom: 1px solid #cfd5e8
}

@media screen and (min-width: 1024px) {
    .rtl .currency-table__table tr:hover {
        background-color: rgba(207, 213, 232, .24);
        cursor: pointer
    }
}

.rtl .currency-table__table th {
    color: #8d99b5;
    font-family: NotoSans-Bold;
    padding: 18px 16px;
    width: 19.2%
}

@media screen and (max-width: 767px) {
    .rtl .currency-table__table th {
        width: auto
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .currency-table__table th {
        padding: 18px 10px
    }
}

.rtl .currency-table__table th:first-child {
    text-align: right;
    width: 66%
}

@media (max-width: 480px) {
    .rtl .currency-table__table th:first-child {
        background-color: #fff;
        box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
        left: 0;
        min-width: 220px;
        position: sticky;
        width: auto
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .currency-table__table th:first-child {
        min-width: 180px
    }
}

.rtl .currency-table__table td {
    padding: 13px 17px 14px 16px
}

@media screen and (max-width: 767px) {
    .rtl .currency-table__table td {
        padding-left: 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .currency-table__table td {
        padding-right: 10px
    }
}

@media screen and (max-width: 767px) {
    .accounts-platforms .platforms-card {
        padding: 60px 0
    }
}

@media screen and (max-width: 1260px) {
    .accounts-platforms .platforms-card__info {
        max-width: 51%;
        width: 100%
    }
}

@media screen and (max-width: 1023px) {
    .accounts-platforms .platforms-card__info {
        max-width: 100%
    }
}

.accounts-platforms .platforms-card__text {
    font-size: 22px;
    line-height: 30px;
    max-width: 565px
}

@media screen and (max-width: 1023px) {
    .accounts-platforms .platforms-card__text {
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .accounts-platforms .platforms-card__text {
        font-size: 17px;
        line-height: 23px;
        padding-bottom: 23px
    }
}

.accounts-info {
    background-image: linear-gradient(180deg, rgba(242, 245, 252, 0) 38.77%, #f2f5fc)
}

@media screen and (max-width: 767px) {
    .accounts-info .container {
        padding: 0
    }
}

.accounts-info__inner {
    padding: 80px 0 242px
}

@media screen and (max-width: 767px) {
    .accounts-info__inner {
        padding: 60px 0
    }
}

.accounts-info__image {
    display: flex;
    justify-content: center;
    padding-bottom: 60px
}

@media screen and (max-width: 767px) {
    .accounts-info__image {
        padding-bottom: 24px;
        padding-left: 24px
    }

    .accounts-info__image img {
        height: 100%;
        object-fit: cover;
        object-position: left
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .accounts-info__image {
        padding-left: 10px
    }
}

.accounts-info__desc {
    color: #2460ed;
    display: inline-flex;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 9px
}

@media screen and (max-width: 767px) {
    .accounts-info__desc {
        font-size: 20px;
        line-height: 27px
    }
}

.accounts-info__title {
    padding-bottom: 40px
}

@media screen and (max-width: 767px) {
    .accounts-info__title {
        padding-bottom: 16px
    }
}

.accounts-info__buttons {
    display: block
}

@media screen and (max-width: 767px) {
    .accounts-info__buttons {
        display: none
    }
}

.accounts-info__buttons--mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .accounts-info__buttons--mobile {
        display: block
    }
}

.accounts-info__btn {
    max-width: 274px
}

@media screen and (max-width: 767px) {
    .accounts-info__btn {
        max-width: 100%;
        padding-bottom: 24px
    }
}

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

@media screen and (max-width: 767px) {
    .accounts-info__box {
        align-items: flex-start;
        flex-direction: column;
        justify-content: normal;
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .accounts-info__box {
        padding: 0 10px
    }
}

.accounts-info__box-info {
    max-width: 50%;
    width: 100%
}

.accounts-info__box-info:last-child {
    padding-left: 12px
}

@media screen and (max-width: 767px) {
    .accounts-info__box-info:last-child {
        padding-left: 0
    }

    .accounts-info__box-info {
        max-width: 100%
    }
}

.accounts-info__text {
    color: #3a4254;
    padding-bottom: 24px
}

.rtl .accounts-info__box-info:last-child {
    padding: 0 12px 0 0
}

@media screen and (max-width: 767px) {
    .rtl .accounts-info__box-info:last-child {
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .accounts-banner {
        position: absolute;
        transform: translateY(-60%);
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .accounts-banner .container {
        padding: 0
    }
}

.accounts-banner__inner {
    align-items: center;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    display: flex;
    justify-content: space-between;
    padding: 48px 275px 48px 60px;
    position: relative
}

@media screen and (max-width: 1260px) {
    .accounts-banner__inner {
        padding: 48px 60px
    }
}

@media screen and (max-width: 1023px) {
    .accounts-banner__inner {
        align-items: flex-start;
        flex-direction: column;
        justify-content: normal
    }
}

@media screen and (max-width: 767px) {
    .accounts-banner__inner {
        border-bottom: 1px solid #cfd5e8;
        border-radius: 0;
        box-shadow: none;
        padding: 60px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .accounts-banner__inner {
        padding: 60px 10px
    }
}

.accounts-banner__box:first-child {
    margin-right: 24px;
    max-width: 60%;
    width: 100%
}

@media screen and (max-width: 1260px) {
    .accounts-banner__box:first-child {
        max-width: 100%
    }
}

@media screen and (max-width: 1023px) {
    .accounts-banner__box:first-child {
        margin-bottom: 40px
    }
}

.accounts-banner__box:nth-child(2) {
    max-width: 334px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .accounts-banner__box:nth-child(2) {
        max-width: 100%
    }
}

@media screen and (max-width: 1260px) {
    .accounts-banner__box:last-child {
        display: none
    }
}

.accounts-banner__image {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.accounts-banner__title {
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .accounts-banner__title {
        font-size: 20px;
        line-height: 27px
    }
}

.accounts-banner__text {
    color: #3a4254;
    padding: 24px 0
}

@media screen and (max-width: 767px) {
    .accounts-banner__text {
        padding: 9px 0 16px
    }
}

.accounts-banner__btn {
    width: 100%
}

@media screen and (max-width: 767px) {
    .accounts-banner__btn {
        max-width: 100%
    }

    .accounts-banner__btn .btn {
        padding: 13px 20px
    }
}

.rtl .accounts-banner__box:first-child {
    margin: 0 0 0 24px
}

@media screen and (max-width: 1023px) {
    .rtl .accounts-banner__box:first-child {
        margin-bottom: 40px
    }
}

.transactions__inner {
    padding: 188px 0 80px
}

@media screen and (max-width: 767px) {
    .transactions__inner {
        padding: 60px 0
    }
}

.transactions__title {
    margin: 0 auto;
    max-width: 1000px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .transactions__title {
        text-align: left
    }
}

.transactions__wrapper {
    display: flex;
    justify-content: space-between;
    margin: 55px auto 0;
    max-width: 1040px
}

@media screen and (max-width: 1023px) {
    .transactions__wrapper {
        align-items: center;
        flex-direction: column;
        justify-content: normal
    }
}

@media screen and (max-width: 767px) {
    .transactions__wrapper {
        margin-top: 36px
    }

    .rtl .transactions__title {
        text-align: right
    }
}

.how-start {
    background-image: linear-gradient(180deg, rgba(242, 245, 252, 0) 38.77%, #f2f5fc);
    position: relative
}

.how-start__box {
    margin: 0 auto;
    max-width: 807px;
    padding: 81px 0 79px
}

@media screen and (max-width: 767px) {
    .how-start__box {
        padding: 40px 0
    }
}

.how-start__image {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media screen and (max-width: 767px) {
    .how-start__image {
        display: none
    }
}

.how-start__title {
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-start__title {
        text-align: left
    }
}

.how-start__text {
    color: #3a4254;
    font-size: 22px;
    line-height: 30px;
    padding: 24px 0 40px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .how-start__text {
        font-size: 20px;
        line-height: 27px;
        padding-top: 16px;
        text-align: left
    }
}

.how-start__links {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1023px) {
    .how-start__links {
        flex-direction: column
    }

    .how-start__link {
        padding-bottom: 24px
    }

    .how-start__link:last-child {
        padding-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .rtl .how-start__text, .rtl .how-start__title {
        text-align: right
    }
}

.accounts {
    background-image: linear-gradient(1turn, rgba(242, 245, 252, 0) 40.33%, #f2f5fc)
}

.accounts__inner {
    padding: 90px 0 80px
}

@media screen and (max-width: 767px) {
    .accounts__inner {
        padding: 60px 0
    }
}

.accounts__box {
    display: flex;
    justify-content: space-between;
    margin: 60px auto 0;
    max-width: 1200px
}

@media screen and (max-width: 767px) {
    .accounts__box {
        flex-direction: column;
        margin-top: 40px
    }
}

.accounts__card {
    margin-right: 6%;
    max-width: 47%;
    width: 100%
}

.accounts__card:last-child {
    margin-bottom: 0;
    margin-right: 0
}

@media screen and (max-width: 1023px) {
    .accounts__card {
        margin-right: 24px;
        max-width: 50%
    }
}

@media screen and (max-width: 767px) {
    .accounts__card {
        margin-bottom: 40px;
        margin-right: 0;
        max-width: 100%
    }
}

.accounts__image {
    background-color: #f2f5fc;
    border: 1px solid #cad1e3;
    border-bottom: none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    padding-left: 67px;
    padding-top: 35px
}

@media screen and (max-width: 767px) {
    .accounts__image {
        display: none
    }
}

.accounts__box-text {
    background-color: #fff;
    border: 1px solid #cad1e3;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top: none;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08);
    padding: 24px 40px 40px
}

@media screen and (max-width: 767px) {
    .accounts__box-text {
        border: 1px solid #cad1e3;
        border-radius: 7px;
        padding: 40px 23px
    }
}

.accounts__box-label {
    color: #8d99b5;
    display: inline-flex;
    padding-bottom: 10px
}

.accounts__box-label--blue {
    color: #2460ed
}

.accounts__box-title {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 10px
}

@media screen and (max-width: 767px) {
    .accounts__box-title {
        font-size: 20px;
        line-height: 27px
    }
}

.accounts__box-desc {
    color: #3a4254
}

.accounts__list {
    padding: 24px 0 25px
}

.accounts__item {
    margin-bottom: 14px
}

.accounts__item-text {
    color: #3a4254;
    font-size: 14px;
    line-height: 19px;
    padding-left: 23px;
    position: relative
}

.accounts__item-text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -119px -124px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 11px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 16px
}

.accounts__item-text--bold {
    font-family: NotoSans-Bold
}

.accounts .accounts__buttons--pro .accounts__btn {
    margin-bottom: 20px
}

.accounts .accounts__buttons--pro .accounts__btn:last-child {
    margin-bottom: 0
}

.accounts__btn {
    max-width: 290px
}

@media screen and (max-width: 767px) {
    .accounts__btn {
        max-width: 100%
    }
}

.accounts__links {
    padding-top: 60px
}

.accounts__link {
    text-align: center;
    text-decoration: underline
}

.accounts-cta {
    background-color: #f2f5fc
}

.accounts-cta .cta {
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .accounts-cta .cta__wrapper {
        border-top: none
    }
}

.accounts-start {
    background-image: linear-gradient(180deg, rgba(242, 245, 252, 0) 38.77%, #f2f5fc)
}

.accounts-start .markets-chain__inner {
    margin-bottom: 158px;
    padding: 154px 0 85px
}

@media screen and (max-width: 1023px) {
    .accounts-start .markets-chain__inner {
        padding: 80px 0 136px
    }
}

@media screen and (max-width: 767px) {
    .accounts-start .markets-chain__inner {
        margin-bottom: 0;
        padding: 59px 0
    }
}

.accounts-start + .accounts-banner:before {
    background-color: #f2f5fc;
    content: "";
    height: 158px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 767px) {
    .accounts-start + .accounts-banner:before {
        display: none
    }
}

.rtl .accounts__card {
    margin: 0 0 0 6%
}

.rtl .accounts__card:last-child {
    margin-bottom: 0;
    margin-left: 0
}

@media screen and (max-width: 1023px) {
    .rtl .accounts__card {
        margin: 0 0 0 24px;
        max-width: 50%
    }
}

@media screen and (max-width: 767px) {
    .rtl .accounts__card {
        margin-bottom: 40px;
        margin-left: 0;
        max-width: 100%
    }
}

.rtl .accounts__item-text {
    padding: 0 23px 0 0
}

.rtl .accounts__item-text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -119px -124px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 11px;
    left: auto;
    position: absolute;
    right: 0;
    top: 4px;
    width: 16px
}

.competitive__inner {
    padding-top: 48px
}

@media screen and (max-width: 767px) {
    .competitive__inner {
        padding: 58px 0 60px
    }
}

.competitive__title {
    margin: 0 auto;
    max-width: 800px;
    padding-bottom: 27px;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .competitive__title {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .competitive__title {
        text-align: left
    }
}

.competitive__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .competitive__list {
        flex-direction: column;
        justify-content: normal
    }
}

.competitive__item {
    margin-bottom: 63px;
    margin-right: 1.9%;
    width: 32%
}

@media screen and (max-width: 1260px) {
    .competitive__item {
        width: 31%
    }
}

@media screen and (max-width: 1023px) {
    .competitive__item {
        margin-right: 0;
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .competitive__item {
        margin-bottom: 40px;
        width: 100%
    }
}

.competitive__item .why-card__text {
    max-width: 251px
}

@media screen and (max-width: 767px) {
    .competitive__item .why-card__text {
        max-width: 100%
    }
}

.competitive__item:first-child .why-card__label {
    max-width: 250px
}

@media screen and (max-width: 767px) {
    .competitive__item:first-child .why-card__label {
        max-width: 100%
    }
}

.competitive__item:last-child, .competitive__item:nth-child(3n) {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .competitive__item:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .competitive__item:nth-child(n+4) {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1023px) {
    .competitive__item .why-card {
        padding: 0 16px
    }
}

@media screen and (max-width: 767px) {
    .competitive__item .why-card {
        padding: 0
    }

    .rtl .competitive__title {
        text-align: right
    }
}

.metatrader-banner {
    position: relative
}

.metatrader-banner__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .metatrader-banner__inner {
        padding: 59px 0 60px
    }
}

.metatrader-banner__box {
    max-width: 1060px;
    text-align: center
}

.metatrader-banner__image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.metatrader-banner__image img {
    height: 100%;
    width: 100%
}

.metatrader-banner__label {
    color: #8d99b5;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 10px
}

@media screen and (max-width: 767px) {
    .metatrader-banner__label {
        font-size: 20px;
        line-height: 27px;
        padding-bottom: 17px
    }
}

.metatrader-banner__text {
    color: #cad1e3;
    padding: 23px 0 37px
}

@media screen and (max-width: 767px) {
    .metatrader-banner__text {
        padding: 16px 0 40px
    }
}

@media screen and (max-width: 1023px) {
    .steps .container {
        padding: 0
    }
}

.steps__card {
    align-items: center;
    display: flex;
    padding: 73px 0 87px
}

@media screen and (max-width: 1023px) {
    .steps__card {
        align-items: flex-start;
        flex-direction: column;
        padding: 60px 0
    }
}

@media screen and (max-width: 767px) {
    .steps__card {
        padding: 117px 0 0
    }

    .steps__card:last-child {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 1260px) {
    .steps__title {
        display: none
    }
}

.steps__title--mobile {
    display: none
}

@media screen and (max-width: 1260px) {
    .steps__title--mobile {
        display: block;
        padding-bottom: 24px
    }
}

@media screen and (max-width: 1023px) {
    .steps__title--mobile {
        padding: 0 24px 41px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .steps__title--mobile {
        padding: 0 10px 41px
    }
}

.steps__image {
    margin-right: 24px;
    max-width: 612px
}

@media screen and (max-width: 1260px) {
    .steps__image {
        margin-right: 0
    }
}

@media screen and (max-width: 1023px) {
    .steps__image img {
        height: 100%;
        object-fit: cover;
        object-position: center
    }
}

.steps__box {
    width: 49%
}

@media screen and (max-width: 1260px) {
    .steps__box {
        width: 42%
    }
}

@media screen and (max-width: 1023px) {
    .steps__box {
        padding: 17px 24px 0;
        width: 100%
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .steps__box {
        padding: 17px 10px 0
    }
}

.steps__box-text {
    color: #3a4254;
    padding-top: 24px
}

.steps__links {
    padding: 24px 0 0
}

.steps__links--download {
    padding-top: 10px
}

.steps__link {
    padding-bottom: 14px
}

.steps__link:last-child {
    padding-bottom: 0;
    padding-right: 20px
}

.steps__account {
    color: #8d99b5;
    padding-top: 14px
}

.steps__title-bold {
    color: #081636;
    display: inline-block;
    font-family: NotoSans-Bold;
    padding-bottom: 10px;
    padding-top: 24px
}

.steps__title-bold:first-child {
    padding-top: 0
}

.steps__label {
    align-items: center;
    background-color: #f2f5fc;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    margin-top: 24px;
    padding: 16px 20px
}

@media screen and (max-width: 1260px) {
    .steps__label {
        align-items: flex-start
    }
}

.steps__label-image {
    display: flex;
    margin-right: 10px
}

.steps__label-text {
    color: #2460ed;
    font-size: 14px;
    line-height: 19px
}

.rtl .steps__image {
    margin: 0 0 0 24px
}

@media screen and (max-width: 1260px) {
    .rtl .steps__image {
        margin-left: 0
    }
}

.rtl .steps__link {
    padding-bottom: 14px
}

.rtl .steps__link:last-child {
    padding: 0 0 0 20px
}

.rtl .steps__label-image {
    margin: 0 0 0 10px
}

.trade__inner {
    display: flex;
    justify-content: space-between;
    padding: 69px 40px 0 106px
}

@media screen and (max-width: 1260px) {
    .trade__inner {
        padding: 69px 0
    }
}

@media screen and (max-width: 1023px) {
    .trade__inner {
        flex-direction: column-reverse;
        padding: 55px 0 0
    }
}

@media screen and (max-width: 767px) {
    .trade__inner {
        padding-bottom: 61px
    }
}

.trade__box {
    margin-right: 24px
}

@media screen and (max-width: 1023px) {
    .trade__box {
        margin-right: 0
    }
}

.trade__box:last-child {
    margin-right: 0;
    max-width: 52%;
    padding-top: 4px
}

@media screen and (max-width: 1023px) {
    .trade__box:last-child {
        max-width: 100%
    }

    .trade__box .accounts-deposit {
        margin: 60px auto 0
    }
}

.trade__text {
    padding: 24px 0
}

.trade__btn {
    max-width: 284px
}

@media screen and (max-width: 1023px) {
    .trade__btn {
        max-width: 100%
    }
}

.trade-banner {
    display: none
}

@media screen and (max-width: 767px) {
    .trade-banner {
        display: block
    }
}

.monetizes__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .monetizes__inner {
        padding: 60px 0
    }
}

.monetizes__box-text {
    margin: 0 auto;
    max-width: 824px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .monetizes__box-text {
        text-align: left
    }
}

.monetizes__text {
    color: #3a4254;
    font-size: 22px;
    line-height: 30px;
    padding-top: 24px
}

@media screen and (max-width: 767px) {
    .monetizes__text {
        font-size: 17px;
        line-height: 23px;
        padding-top: 16px
    }
}

.monetizes__cards {
    padding-top: 60px
}

@media screen and (max-width: 767px) {
    .monetizes__cards {
        padding-top: 40px
    }
}

.monetizes__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 1023px) {
    .monetizes__list {
        flex-direction: column
    }
}

.monetizes__item {
    margin-right: 1.8%;
    width: 32.06%
}

@media screen and (max-width: 1023px) {
    .monetizes__item {
        margin-bottom: 40px;
        margin-right: 0;
        width: 100%
    }

    .monetizes__item:last-child {
        margin-bottom: 0
    }
}

.monetizes__item:nth-child(3n) {
    margin-right: 0
}

.monetizes__item .feature-card {
    height: 100%;
    padding: 0 30px 30px
}

@media screen and (max-width: 767px) {
    .monetizes__item .feature-card {
        padding: 0 23px 39px
    }
}

.monetizes__item .feature-card__icon {
    margin: 0 auto
}

.monetizes__item .feature-card__title {
    padding-top: 24px
}

.monetizes__item .feature-card__link {
    padding-top: 37px
}

@media screen and (max-width: 767px) {
    .monetizes__item .feature-card__link {
        padding-top: 23px
    }

    .rtl .monetizes__box-text {
        text-align: right
    }
}

.rtl .monetizes__item {
    margin: 0 0 0 1.8%
}

@media screen and (max-width: 1023px) {
    .rtl .monetizes__item {
        margin-bottom: 40px;
        margin-left: 0
    }

    .rtl .monetizes__item:last-child {
        margin-bottom: 0
    }
}

.rtl .monetizes__item:nth-child(3n) {
    margin-left: 0
}

.partners {
    background-image: linear-gradient(180deg, rgba(242, 245, 252, 0) 38.77%, #f2f5fc)
}

.partners__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .partners__inner {
        padding: 60px 0
    }
}

.partners__title {
    text-align: center
}

.partners__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 850px;
    padding-top: 60px
}

@media screen and (max-width: 767px) {
    .partners__list {
        flex-direction: column;
        max-width: 100%;
        padding-top: 40px
    }
}

.partners__item {
    width: 50%
}

@media (min-width: 768px) {
    .partners__item:nth-last-child(n+3) {
        margin-bottom: 60px
    }
}

@media screen and (max-width: 1023px) {
    .partners__item {
        width: 45%
    }
}

@media screen and (max-width: 767px) {
    .partners__item {
        margin-bottom: 41px;
        width: 100%
    }

    .partners__item:last-child {
        margin-bottom: 0
    }
}

.referral-cta {
    background-color: #f2f5fc
}

.referral-cta .cta {
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .referral-cta .cta__wrapper {
        border: none
    }
}

.works__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .works__inner {
        padding: 60px 0
    }
}

.works__title {
    text-align: center
}

.works__list {
    counter-reset: title;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1038px;
    padding-top: 60px
}

@media screen and (max-width: 1023px) {
    .works__list {
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .works__list {
        padding-top: 41px
    }
}

.works__item {
    position: relative;
    width: 29.2%
}

.works__item:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1321px -874px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: -53px;
    top: 50%;
    width: 45px
}

.works__item:last-child {
    margin-bottom: 0
}

.works__item:last-child:after {
    display: none
}

@media screen and (max-width: 1023px) {
    .works__item {
        margin-bottom: 26px;
        width: 100%
    }

    .works__item:after {
        display: none
    }
}

.works__item .step-card__bottom {
    padding-top: 37px
}

@media screen and (max-width: 767px) {
    .works__item .step-card__bottom {
        padding-top: 20px
    }
}

.rtl .works__item {
    position: relative;
    width: 29.2%
}

.rtl .works__item:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -1321px -874px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 12px;
    left: -53px;
    position: absolute;
    right: auto;
    top: 50%;
    transform: scaleX(-1);
    width: 45px
}

.rtl .works__item:last-child {
    margin-bottom: 0
}

.rtl .works__item:last-child:after {
    display: none
}

@media screen and (max-width: 1023px) {
    .rtl .works__item {
        margin-bottom: 26px;
        width: 100%
    }

    .rtl .works__item:after {
        display: none
    }
}

.rtl .works__item .step-card__bottom {
    padding-top: 37px
}

@media screen and (max-width: 767px) {
    .rtl .works__item .step-card__bottom {
        padding-top: 20px
    }
}

.stats {
    background-color: #f2f5fc
}

.stats__inner {
    margin: 0 auto;
    max-width: 1038px;
    padding: 60px 0
}

@media screen and (max-width: 767px) {
    .stats__inner {
        padding: 41px 0 58px
    }
}

.stats__box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 120px
}

.stats__box:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .stats__box {
        align-items: flex-start;
        flex-direction: column;
        justify-content: normal;
        margin-bottom: 82px
    }
}

.stats__description {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-right: 24px;
    width: 38.5%
}

@media screen and (max-width: 1023px) {
    .stats__description {
        max-width: 400px;
        width: 47%
    }
}

@media screen and (max-width: 767px) {
    .stats__description {
        align-items: flex-start;
        flex-direction: row-reverse;
        justify-content: flex-end;
        margin-right: 0;
        padding-bottom: 25px;
        width: 100%
    }
}

.stats__image {
    max-height: 82px;
    max-width: 82px
}

@media screen and (max-width: 767px) {
    .stats__image {
        margin-right: 16px;
        max-height: 64px;
        max-width: 64px
    }
}

.stats__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 295px;
    padding: 0 31px;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .stats__text {
        max-width: 225px;
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .stats__text {
        max-width: 100%;
        text-align: left;
        width: auto
    }
}

.stats__title {
    font-family: NotoSans-Bold;
    font-size: 48px;
    line-height: 65px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .stats__title {
        font-size: 30px;
        line-height: 40px
    }
}

.stats__box-text {
    width: 59%
}

@media screen and (max-width: 767px) {
    .stats__box-text {
        width: 100%
    }
}

.stats__text-description {
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .stats__text-description {
        font-size: 20px;
        line-height: 27px
    }
}

.stats__text-label {
    color: #8d99b5;
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    padding-top: 10px
}

.rtl .stats__description {
    margin: 0 0 0 24px
}

@media screen and (max-width: 767px) {
    .rtl .stats__description {
        margin-left: 0;
        padding-bottom: 25px
    }
}

@media (max-width: 767px) {
    .rtl .stats__text {
        max-width: 100%;
        text-align: right
    }
}

@media screen and (max-width: 767px) {
    .rtl .stats__image {
        margin: 0 0 0 16px
    }
}

.earn__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .earn__inner {
        padding: 60px 0
    }
}

.earn__title {
    text-align: center
}

.earn__box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 55px
}

@media screen and (max-width: 767px) {
    .earn__box {
        padding-top: 37px
    }
}

.earn__image {
    max-height: 342px;
    max-width: 612px
}

@media screen and (max-width: 1023px) {
    .earn__image {
        display: none
    }
}

.earn__buttons {
    padding-top: 60px
}

@media screen and (max-width: 767px) {
    .earn__buttons {
        padding-top: 40px
    }
}

.earn__btn {
    margin: 0 auto;
    max-width: 272px
}

@media screen and (max-width: 767px) {
    .earn__btn {
        max-width: 100%
    }
}

.earn .checkmark {
    padding-left: 100px
}

@media screen and (max-width: 1260px) {
    .earn .checkmark {
        padding-left: 0
    }
}

.earn .checkmark__item {
    margin-bottom: 36px
}

.earn .checkmark__item:last-child {
    margin-bottom: 0
}

.earn .checkmark-card__image {
    margin-right: 16px
}

@media screen and (max-width: 767px) {
    .earn .checkmark-card__image {
        margin-right: 10px
    }
}

.earn .checkmark-card__info {
    padding: 7px 43px 0 70px
}

@media screen and (max-width: 767px) {
    .earn .checkmark-card__info {
        padding: 7px 0 0 63px
    }
}

.rtl .earn .checkmark {
    padding: 0 100px 0 0
}

@media screen and (max-width: 1260px) {
    .rtl .earn .checkmark {
        padding-right: 0
    }
}

.rtl .earn .checkmark-card__image {
    margin: 0 0 0 16px
}

@media screen and (max-width: 767px) {
    .rtl .earn .checkmark-card__image {
        margin: 0 0 0 10px
    }
}

.rtl .earn .checkmark-card__info {
    padding: 7px 70px 0 43px
}

@media screen and (max-width: 767px) {
    .rtl .earn .checkmark-card__info {
        padding: 7px 63px 0 0
    }
}

.affiliate-programme__inner {
    display: flex;
    justify-content: space-between;
    padding: 80px 0 85px
}

@media screen and (max-width: 767px) {
    .affiliate-programme__inner {
        padding: 60px 0
    }
}

.affiliate-programme__title {
    align-items: center;
    display: flex
}

.affiliate-programme__image {
    margin-right: 16px;
    max-height: 64px;
    max-width: 64px
}

.affiliate-programme__image svg {
    height: 64px;
    width: 64px
}

.affiliate-programme__box {
    width: 66%
}

@media screen and (max-width: 1260px) {
    .affiliate-programme__box {
        width: 62%
    }
}

@media screen and (max-width: 1023px) {
    .affiliate-programme__box {
        width: 100%
    }
}

.affiliate-programme__info {
    margin-top: 80px
}

.affiliate-programme__info:first-child {
    margin-top: 0
}

@media screen and (max-width: 767px) {
    .affiliate-programme__info {
        margin-top: 60px
    }
}

.affiliate-programme__box-text {
    color: #3a4254;
    padding-top: 24px
}

.affiliate-programme__box-text:nth-child(3) {
    padding-top: 40px
}

.affiliate-programme__box-text:nth-child(3) .affiliate-programme__box-label {
    padding-bottom: 10px
}

.affiliate-programme__box-label {
    color: #8d99b5;
    display: block;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 24px
}

@media screen and (max-width: 767px) {
    .affiliate-programme__box-label {
        font-size: 20px;
        line-height: 27px
    }
}

.affiliate-programme__box-title {
    color: #081636;
    display: block;
    font-family: NotoSans-Bold;
    padding-bottom: 8px
}

.affiliate-programme__label {
    background-color: #f2f5fc;
    border-radius: 7px;
    color: #3a4254;
    margin: 60px 0 41px;
    padding: 30px
}

.affiliate-programme__buttons {
    margin-top: 41px
}

.affiliate-programme__btn {
    max-width: 272px
}

@media screen and (max-width: 767px) {
    .affiliate-programme__btn {
        max-width: 100%
    }
}

.affiliate-programme__list {
    list-style: decimal;
    padding-left: 40px
}

.affiliate-programme__item {
    margin-bottom: 14px
}

.affiliate-programme__text-bold {
    color: #081636;
    font-family: NotoSans-Bold
}

.rtl .affiliate-programme__image {
    margin: 0 0 0 16px
}

.rtl .affiliate-programme__list {
    list-style: decimal;
    padding: 0 40px 0 0
}

.news__inner {
    display: flex;
    justify-content: space-between;
    padding: 48px 0 82px
}

@media screen and (max-width: 767px) {
    .news__inner {
        padding: 50px 0 60px
    }
}

.news__box-wrapper {
    margin-right: 130px;
    max-width: 824px;
    width: 100%
}

@media screen and (max-width: 1260px) {
    .news__box-wrapper {
        margin-right: 60px
    }
}

@media screen and (max-width: 1023px) {
    .news__box-wrapper {
        margin-right: 0;
        max-width: 100%
    }
}

.news__box-grid {
    border: 0;
    display: flex;
    padding: 0
}

@media screen and (min-width: 1024px) {
    .news__box-grid:hover {
        border: none
    }
}

@media screen and (max-width: 767px) {
    .news__box-grid {
        flex-direction: column
    }
}

.news__label-title {
    color: #8d99b5;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 24px
}

.news__wrapper {
    padding-top: 19px
}

.news__btn {
    max-width: 154px
}

@media screen and (max-width: 767px) {
    .news__btn {
        max-width: 100%
    }
}

.news__btn .btn {
    padding: 13px 20px
}

.rtl .news__box-wrapper {
    margin: 0 0 0 130px
}

@media screen and (max-width: 1260px) {
    .rtl .news__box-wrapper {
        margin: 0 0 0 60px
    }
}

@media screen and (max-width: 1023px) {
    .rtl .news__box-wrapper {
        margin-left: 0
    }
}

.feedback__inner {
    max-width: 824px;
    padding: 96px 0 80px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .feedback__inner {
        padding: 60px 0
    }
}

.feedback__title {
    padding-bottom: 10px
}

.feedback__box {
    padding-bottom: 60px
}

.feedback__contacts-title {
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px
}

.feedback__buttons {
    display: flex;
    margin: 23px 0
}

@media screen and (max-width: 767px) {
    .feedback__buttons {
        flex-direction: column
    }
}

.feedback__btn {
    margin-right: 16px;
    max-width: 225px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .feedback__btn {
        margin-bottom: 24px;
        margin-right: 0;
        max-width: 100%
    }
}

.feedback__btn:first-child {
    max-width: 228px
}

@media screen and (max-width: 767px) {
    .feedback__btn:first-child {
        max-width: 100%
    }
}

.feedback__btn:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.rtl .feedback__btn {
    margin: 0 0 0 16px
}

@media screen and (max-width: 767px) {
    .rtl .feedback__btn {
        margin-bottom: 24px;
        margin-left: 0
    }
}

.rtl .feedback__btn:last-child {
    margin-bottom: 0;
    margin-left: 0
}

.feedback-services {
    background-color: #f2f5fc
}

.feedback-services__inner {
    padding: 82px 0 79px
}

@media screen and (max-width: 767px) {
    .feedback-services__inner {
        padding: 60px 0
    }
}

.feedback-services__box {
    margin: 0 auto;
    max-width: 900px;
    padding-bottom: 60px;
    text-align: center;
    width: 100%
}

.feedback-services__text {
    color: #3a4254;
    font-size: 22px;
    line-height: 30px;
    padding-top: 24px
}

@media screen and (max-width: 767px) {
    .feedback-services__text {
        font-size: 20px;
        line-height: 27px
    }
}

.feedback-services__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 1023px) {
    .feedback-services__list {
        align-items: center;
        flex-direction: column;
        justify-content: normal
    }
}

.feedback-services__item {
    background-color: #fff;
    border: 1px solid #cad1e3;
    border-radius: 7px;
    margin-right: 1.9%;
    padding: 14px 47px;
    width: 49.04%
}

@media screen and (max-width: 1260px) {
    .feedback-services__item {
        display: flex;
        justify-content: center;
        padding: 14px 24px
    }
}

@media screen and (max-width: 1023px) {
    .feedback-services__item {
        margin-bottom: 40px;
        margin-right: 0;
        max-width: 612px;
        width: 100%
    }

    .feedback-services__item:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .feedback-services__item {
        margin-bottom: 24px
    }
}

.feedback-services__item:nth-child(2n) {
    margin-right: 0
}

@media (min-width: 1023px) {
    .feedback-services__item:nth-last-child(n+3) {
        margin-bottom: 40px
    }
}

.feedback-services__link {
    color: #2460ed;
    display: flex;
    font-size: 14px;
    line-height: 19px
}

@media screen and (min-width: 1024px) {
    .feedback-services__link:hover {
        color: #1c4bba
    }
}

@media screen and (max-width: 767px) {
    .feedback-services__link {
        flex-direction: column
    }
}

.feedback-services__image {
    align-items: center;
    border-right: 1px solid #cad1e3;
    display: flex;
    justify-content: center;
    padding: 5px 42px 5px 0
}

@media screen and (max-width: 1260px) {
    .feedback-services__image {
        padding-right: 20px
    }
}

@media screen and (max-width: 767px) {
    .feedback-services__image {
        border-right: 0;
        padding-right: 0
    }
}

.feedback-services__rating {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 10px 0 10px 20px
}

@media screen and (max-width: 767px) {
    .feedback-services__rating {
        align-items: center;
        padding-left: 0
    }
}

.feedback-services__rating-text {
    margin-top: 7px
}

.rtl .feedback-services__item {
    margin-left: 1.9%;
    margin-right: 0;
    width: 49.04%
}

@media screen and (max-width: 1023px) {
    .rtl .feedback-services__item {
        margin-bottom: 40px;
        margin-left: 0;
        max-width: 612px;
        width: 100%
    }

    .rtl .feedback-services__item:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .rtl .feedback-services__item {
        margin-bottom: 24px
    }
}

.rtl .feedback-services__item:nth-child(2n) {
    margin-left: 0
}

@media (min-width: 1023px) {
    .rtl .feedback-services__item:nth-last-child(n+3) {
        margin-bottom: 40px
    }
}

.rtl .feedback-services__image {
    border-left: 1px solid #cad1e3;
    border-right: none;
    padding: 5px 0 5px 42px
}

@media screen and (max-width: 1260px) {
    .rtl .feedback-services__image {
        padding: 5px 0 5px 20px
    }
}

@media screen and (max-width: 767px) {
    .rtl .feedback-services__image {
        border-left: 0;
        padding-left: 0
    }
}

.rtl .feedback-services__rating {
    padding: 10px 20px 10px 0
}

@media screen and (max-width: 767px) {
    .rtl .feedback-services__rating {
        align-items: center;
        padding-right: 0
    }

    .team .container {
        padding: 0
    }
}

.team__inner {
    display: flex;
    justify-content: space-between;
    padding: 96px 0 79px
}

@media screen and (max-width: 767px) {
    .team__inner {
        padding: 60px 0
    }
}

.team__wrapper {
    margin-right: 130px;
    max-width: 824px;
    width: 100%
}

@media screen and (max-width: 1260px) {
    .team__wrapper {
        margin-right: 60px
    }
}

@media screen and (max-width: 1023px) {
    .team__wrapper {
        margin-right: 0;
        max-width: 100%
    }
}

.team__box {
    margin-bottom: 60px
}

.team__box:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .team__box {
        padding: 0 24px
    }

    .team__box:nth-child(2) {
        padding: 0
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .team__box {
        padding: 0 10px
    }
}

.team__title {
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .team__title {
        font-size: 20px;
        line-height: 27px
    }
}

.team__title--gray {
    color: #8d99b5;
    font-family: Noto Sans;
    padding-bottom: 24px
}

@media screen and (max-width: 767px) {
    .team__title--gray {
        padding-left: 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .team__title--gray {
        padding-left: 10px
    }
}

.team__label-text {
    color: #3a4254;
    display: inline-block;
    padding-top: 10px
}

.team__list {
    margin: 24px 0
}

.team__item {
    margin-bottom: 15px
}

.team__item:last-child {
    margin-bottom: 0
}

.team__text {
    color: #081636;
    padding-left: 34px;
    position: relative
}

.team__text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -95px -100px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.team__text--bold {
    font-family: NotoSans-Bold
}

.team__box-text {
    color: #3a4254
}

.team__vacancies-title {
    align-items: center;
    box-shadow: inset 0 -1px 0 #cfd5e8, 0 -1px 0 #cfd5e8;
    cursor: pointer;
    display: flex;
    font-family: NotoSans-Bold;
    justify-content: space-between;
    min-height: 64px;
    padding: 14px 14px 14px 16px
}

@media screen and (max-width: 767px) {
    .team__vacancies-title {
        padding: 14px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .team__vacancies-title {
        padding: 14px 10px
    }
}

.team__vacancies-title--active {
    background-color: #f2f5fc;
    box-shadow: none;
    color: #2460ed
}

.team__vacancies-title--active .team__vacancies-image {
    color: #1c4bba
}

.team__vacancies-title--active .team__vacancies-image svg {
    transform: rotate(270deg)
}

.team__vacancies-image {
    color: #8d99b5;
    margin-left: 15px;
    margin-top: 5px
}

.team__vacancies-image svg {
    transform: rotate(90deg);
    transition: all .3s ease-in-out
}

.team__vacancies-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s linear
}

.team__vacancies-info {
    color: #3a4254;
    padding: 16px 10px 32px
}

@media screen and (max-width: 767px) {
    .team__vacancies-info {
        padding: 16px 24px 32px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .team__vacancies-info {
        padding: 16px 10px 32px
    }
}

.team__vacancies-label {
    color: #081636;
    display: inline-block;
    font-family: NotoSans-Bold;
    padding-top: 24px
}

.team__vacancies-label--gap {
    padding-bottom: 10px
}

@media screen and (min-width: 1024px) {
    .team__vacancies:hover {
        color: #2460ed
    }

    .team__vacancies:hover .team__vacancies-image {
        color: #1c4bba
    }
}

.team__cv-title {
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px;
    max-width: 670px
}

@media screen and (max-width: 767px) {
    .team__cv-title {
        font-size: 20px;
        line-height: 27px
    }
}

.team__box-label {
    background-color: #f2f5fc;
    border-radius: 7px;
    color: #2460ed;
    display: flex;
    font-size: 14px;
    line-height: 19px;
    margin-top: 24px;
    padding: 16px 20px
}

.team__image {
    margin-right: 11px
}

.rtl .team__wrapper {
    margin: 0 0 0 130px
}

@media screen and (max-width: 1260px) {
    .rtl .team__wrapper {
        margin: 0 0 0 60px
    }
}

@media screen and (max-width: 1023px) {
    .rtl .team__wrapper {
        margin-left: 0
    }
}

.rtl .team__text {
    padding: 0 34px 0 0
}

.rtl .team__text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -95px -100px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 24px;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.rtl .team__vacancies-title {
    align-items: center;
    box-shadow: inset 0 -1px 0 #cfd5e8, 0 -1px 0 #cfd5e8;
    cursor: pointer;
    display: flex;
    font-family: NotoSans-Bold;
    justify-content: space-between;
    min-height: 64px;
    padding: 14px 14px 14px 16px
}

@media screen and (max-width: 767px) {
    .rtl .team__vacancies-title {
        padding: 14px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .team__vacancies-title {
        padding: 14px 10px
    }
}

.rtl .team__vacancies-title--active {
    background-color: #f2f5fc;
    box-shadow: none;
    color: #2460ed
}

.rtl .team__vacancies-title--active .team__vacancies-image {
    color: #1c4bba
}

.rtl .team__vacancies-title--active .team__vacancies-image svg {
    transform: rotate(270deg)
}

.rtl .team__vacancies-image {
    color: #8d99b5;
    margin-left: 15px;
    margin-top: 5px
}

.rtl .team__vacancies-image svg {
    transform: rotate(90deg);
    transition: all .3s ease-in-out
}

.rtl .team__vacancies-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s linear
}

.rtl .team__vacancies-info {
    color: #3a4254;
    padding: 16px 10px 32px
}

@media screen and (max-width: 767px) {
    .rtl .team__vacancies-info {
        padding: 16px 24px 32px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .team__vacancies-info {
        padding: 16px 10px 32px
    }
}

.rtl .team__vacancies-label {
    color: #081636;
    display: inline-block;
    font-family: NotoSans-Bold;
    padding-top: 24px
}

.rtl .team__vacancies-label--gap {
    padding-bottom: 10px
}

@media screen and (min-width: 1024px) {
    .rtl .team__vacancies:hover {
        color: #2460ed
    }

    .rtl .team__vacancies:hover .team__vacancies-image {
        color: #1c4bba
    }
}

.rtl .team__image {
    margin: 0 0 0 11px
}

.news-announcement__inner {
    max-width: 824px;
    padding-bottom: 60px;
    width: 100%
}

.news-announcement__title {
    font-family: NotoSans-Bold;
    padding-bottom: 12px
}

.news-announcement__text {
    padding: 12px 0
}

.news-announcement__text:first-child {
    padding-top: 0
}

.news-announcement__box {
    margin-bottom: 48px
}

.news-announcement__list {
    list-style: disc;
    padding-left: 80px
}

@media screen and (max-width: 767px) {
    .news-announcement__list {
        padding-left: 40px
    }
}

.news-announcement__item:last-child .news-announcement__text {
    padding-bottom: 0
}

.news-announcement__desc {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px
}

.news-announcement__label {
    align-items: center;
    background-color: #f2f5fc;
    border-radius: 7px;
    color: #2460ed;
    display: flex;
    justify-content: center;
    margin: 48px 0;
    padding: 30px 14px
}

@media screen and (max-width: 767px) {
    .news-announcement__label {
        align-items: flex-start
    }
}

.news-announcement__image {
    display: flex;
    margin-right: 10px
}

.news-announcement__links .arrow-link {
    text-decoration: underline
}

.rtl .news-announcement__list {
    padding: 0 80px 0 0
}

@media screen and (max-width: 767px) {
    .rtl .news-announcement__list {
        padding: 0 40px 0 0
    }
}

.rtl .news-announcement__desc {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px
}

.rtl .news-announcement__image {
    display: flex;
    margin: 0 0 0 10px
}

.news-banner__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .news-banner__inner {
        padding: 60px 0
    }
}

.awards {
    background-color: #081636
}

.awards__inner {
    padding: 80px 0
}

@media screen and (max-width: 767px) {
    .awards__inner {
        padding: 60px 0
    }
}

.awards__box-text {
    margin: 0 auto;
    max-width: 824px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .awards__box-text {
        text-align: left
    }
}

.awards .section-title {
    color: #fff
}

.awards__text {
    color: #cad1e3;
    font-size: 22px;
    line-height: 30px;
    padding-top: 24px
}

@media screen and (max-width: 767px) {
    .awards__text {
        font-size: 20px;
        line-height: 27px;
        padding-top: 15px
    }

    .awards__list {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap
    }
}

.awards__item {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 767px) {
    .awards__item {
        margin-right: 7%;
        width: 46.3%
    }

    .awards__item:nth-child(2n) {
        margin-right: 0
    }

    .awards__item:nth-last-child(n+3) {
        margin-bottom: 40px
    }
}

.awards__label {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    padding-top: 18px;
    text-align: center
}

.awards__slider {
    margin: 60px auto 0;
    max-width: 1075px;
    padding: 0 72px;
    position: relative
}

@media screen and (max-width: 1023px) {
    .awards__slider {
        padding: 0 60px
    }
}

@media screen and (max-width: 767px) {
    .awards__slider {
        margin-top: 58px;
        padding: 0
    }
}

.awards__slider-container {
    position: static
}

@media screen and (max-width: 767px) {
    .awards__navigation {
        display: none
    }
}

.awards__button-next {
    cursor: pointer;
    height: 48px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .awards__button-next:hover:after, .awards__button-next:hover:before {
        background-color: #1c4bba
    }
}

.awards__button-next:before {
    top: 33px;
    transform: rotate(45deg)
}

.awards__button-next:after, .awards__button-next:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: 9px;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 30px
}

.awards__button-next:after {
    top: 13px;
    transform: rotate(-45deg)
}

.awards__button-next.swiper-button-disabled:after, .awards__button-next.swiper-button-disabled:before {
    background-color: #3a4254
}

.awards__button-prev {
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .awards__button-prev:hover:after, .awards__button-prev:hover:before {
        background-color: #1c4bba
    }
}

.awards__button-prev:before {
    top: 33px;
    transform: rotate(-45deg)
}

.awards__button-prev:after, .awards__button-prev:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: 9px;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 30px
}

.awards__button-prev:after {
    top: 13px;
    transform: rotate(45deg)
}

.awards__button-prev.swiper-button-disabled:after, .awards__button-prev.swiper-button-disabled:before {
    background-color: #3a4254
}

.awards__links {
    padding-top: 63px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .awards__links {
        padding-right: 24px;
        padding-top: 38px;
        text-align: left;
        white-space: nowrap
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .awards__links {
        text-align: center;
        white-space: unset
    }
}

@media screen and (max-width: 767px) {
    .rtl .awards__box-text {
        text-align: right
    }
}

.rtl .awards__button-next {
    left: auto;
    right: 0
}

.rtl .awards__button-next:before {
    top: 33px;
    transform: rotate(-45deg)
}

.rtl .awards__button-next:after, .rtl .awards__button-next:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: 9px;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 30px
}

.rtl .awards__button-next:after {
    top: 13px;
    transform: rotate(45deg)
}

.rtl .awards__button-next.swiper-button-disabled:after, .rtl .awards__button-next.swiper-button-disabled:before {
    background-color: #3a4254
}

.rtl .awards__button-prev {
    left: 0;
    right: auto
}

.rtl .awards__button-prev:before {
    top: 33px;
    transform: rotate(45deg)
}

.rtl .awards__button-prev:after, .rtl .awards__button-prev:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: 9px;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 30px
}

.rtl .awards__button-prev:after {
    top: 13px;
    transform: rotate(-45deg)
}

.rtl .awards__button-prev.swiper-button-disabled:after, .rtl .awards__button-prev.swiper-button-disabled:before {
    background-color: #3a4254
}

.support {
    background-color: #f2f5fc
}

.support__inner {
    display: flex;
    justify-content: space-between;
    padding: 80px 0 182px
}

@media screen and (max-width: 767px) {
    .support__inner {
        flex-direction: column;
        padding: 60px 0 58px
    }
}

.support__box {
    margin-right: 24px;
    max-width: 612px;
    width: 100%
}

.support__box:last-child {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .support__box {
        margin-bottom: 39px;
        margin-right: 0
    }

    .support__box:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 1023px) {
    .support__box {
        max-width: 100%
    }
}

.support__box:first-child .support__text {
    max-width: 522px
}

@media screen and (max-width: 1023px) {
    .support__box:first-child .support__text {
        max-width: 100%
    }
}

.support__text {
    color: #3a4254;
    padding: 24px 0
}

@media screen and (max-width: 767px) {
    .support__text {
        padding: 17px 0
    }
}

.rtl .support__box {
    margin: 0 0 0 24px
}

.rtl .support__box:last-child {
    margin-left: 0
}

@media screen and (max-width: 767px) {
    .rtl .support__box {
        margin-bottom: 39px;
        margin-left: 0
    }

    .rtl .support__box:last-child {
        margin-bottom: 0
    }
}

.company-cta {
    position: relative
}

.company-cta .cta {
    padding: 0;
    position: absolute;
    transform: translateY(-52%);
    width: 100%
}

.company-cta .cta .cta__wrapper {
    border: 1px solid #cad1e3;
    padding-bottom: 47px
}

@media screen and (max-width: 767px) {
    .company-cta .cta .cta__wrapper {
        border: none
    }

    .company-cta .cta {
        position: static;
        transform: translateY(0)
    }
}

.overlay {
    margin: auto
}

.overlay__buttons {
    display: flex;
    gap: 0 40px
}

@media screen and (max-width: 1023px) {
    .content .container {
        padding: 0
    }
}

.content .footer__splitter {
    margin: 0
}

.content__inner {
    display: flex;
    justify-content: space-between;
    padding: 48px 0 80px
}

@media screen and (max-width: 1023px) {
    .content__inner {
        flex-direction: column;
        padding-bottom: 60px;
        padding-top: 0
    }

    .content__section {
        padding-top: 60px
    }
}

.content__box {
    margin-left: 10.4%;
    max-width: 824px;
    width: 100%
}

@media screen and (max-width: 1023px) {
    .content__box {
        margin-left: 0;
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .content__box {
        padding: 48px 10px 0
    }
}

.content__row {
    margin-bottom: 24px
}

.content__row:last-child {
    margin-bottom: 0
}

.content__row--gap-bottom {
    margin-bottom: 40px
}

.content__row--gap-top {
    margin-top: 40px
}

@media screen and (max-width: 1023px) {
    .content__row--gap-top {
        margin-top: 0
    }
}

.content__title {
    font-family: NotoSans-Bold;
    font-size: 48px;
    line-height: 65px;
    margin-bottom: 24px
}

.content__title--middle {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px
}

.content__title--small {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 10px
}

.content__date {
    color: #8d99b5;
    display: block;
    font-size: 14px;
    line-height: 19px;
    margin: 24px 0 14px
}

.content__text {
    color: #3a4254;
    margin-top: 10px
}

.content__list-dotted {
    list-style: disc;
    margin-top: 24px;
    padding-left: 28px
}

.content__list-dotted .content__item {
    padding-left: 7px
}

.content__list-number {
    list-style: decimal;
    margin-top: 24px;
    padding-left: 24px
}

.content__list-number .content__item {
    padding-left: 10px
}

.content__item {
    color: #3a4254;
    margin-bottom: 14px
}

.content__item:last-child {
    margin-bottom: 0
}

.rtl .content__box {
    margin: 0 10.4% 0 0
}

@media screen and (max-width: 1023px) {
    .rtl .content__box {
        margin-right: 0;
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .content__box {
        padding: 48px 10px 0
    }
}

.rtl .content__list-dotted {
    list-style: disc;
    padding: 24px 28px 0 0
}

.rtl .content__list-dotted .content__item {
    padding-left: 0;
    padding-right: 7px
}

.rtl .content__list-number {
    list-style: decimal;
    padding: 24px 24px 0 0
}

.rtl .content__list-number .content__item {
    padding-left: 0;
    padding-right: 10px
}

.rtl .content__item {
    color: #3a4254;
    margin-bottom: 14px
}

.rtl .content__item:last-child {
    margin-bottom: 0
}

.chapters-terms__inner {
    display: flex;
    justify-content: space-between;
    padding: 57px 0 82px
}

@media screen and (max-width: 767px) {
    .chapters-terms__inner {
        padding: 50px 0 60px
    }
}

.chapters-terms__content {
    margin-right: 130px;
    max-width: 824px;
    width: 100%
}

@media screen and (max-width: 1260px) {
    .chapters-terms__content {
        margin-right: 60px
    }
}

@media screen and (max-width: 1023px) {
    .chapters-terms__content {
        margin-right: 0;
        max-width: 100%
    }
}

.chapters-terms__title {
    margin-bottom: 24px
}

.chapters-terms__subtitle {
    color: #8d99b5;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 24px
}

.chapters-terms__list .news-box {
    border-top: none;
    padding-top: 0
}

@media (max-width: 767px) {
    .chapters-terms__list .news-box {
        padding-bottom: 39px
    }
}

.chapters-terms__list .news-box__wrapper {
    margin-top: 13px
}

.chapters-terms__btn {
    max-width: 188px
}

@media screen and (max-width: 767px) {
    .chapters-terms__btn {
        max-width: 100%
    }
}

.chapters-terms__btn .btn {
    padding: 10px 20px
}

.rtl .chapters-terms__content {
    margin: 0 0 0 130px;
    max-width: 824px;
    width: 100%
}

@media screen and (max-width: 1260px) {
    .rtl .chapters-terms__content {
        margin: 0 0 0 60px
    }
}

@media screen and (max-width: 1023px) {
    .rtl .chapters-terms__content {
        margin: 0;
        max-width: 100%
    }
}

.chapters-banner__inner {
    padding-bottom: 80px
}

@media (max-width: 1279px) {
    .chapters-banner__inner {
        padding-bottom: 0
    }
}

.chapters__wrapper {
    border-bottom: 1px solid #cad1e3;
    position: relative
}

@media screen and (max-width: 1023px) {
    .chapters__wrapper {
        margin: 0 -24px;
        padding: 0 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .chapters__wrapper {
        margin: 0 -10px;
        padding: 0 10px
    }
}

.chapters__inner {
    margin: 0 0 0 -40px;
    max-width: 1440px;
    overflow: hidden;
    padding: 48px 0 60px 40px;
    position: relative
}

@media screen and (max-width: 1023px) {
    .chapters__inner {
        margin: 0 -24px;
        padding: 60px 24px 110px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .chapters__inner {
        margin: 0 -10px;
        padding: 60px 10px 110px
    }
}

.chapters__inner:after {
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 82px;
    z-index: 5
}

@media screen and (max-width: 1023px) {
    .chapters__inner:after {
        width: 0
    }
}

.chapters__inner:before {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 62px;
    z-index: 5
}

@media screen and (max-width: 1023px) {
    .chapters__inner:before {
        width: 0
    }
}

.chapters__top {
    margin-bottom: 25px
}

.chapters__label {
    color: #8d99b5;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px
}

@media (max-width: 767px) {
    .chapters__label {
        font-size: 20px;
        font-weight: 500;
        line-height: 27px
    }
}

.chapters__slider {
    overflow: visible
}

@media (max-width: 767px) {
    .chapters__slider {
        margin: 0;
        max-width: 303px;
        overflow: visible
    }
}

.chapters__pagination {
    display: none
}

@media screen and (max-width: 1023px) {
    .chapters__pagination {
        bottom: 60px;
        display: flex;
        left: 50%;
        position: absolute;
        transform: translateX(-50%)
    }
}

.chapters__pagination .swiper-pagination-bullet {
    background-color: #cad1e3;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 10px;
    margin-left: 12px;
    transition: background-color .25s ease;
    width: 10px
}

.chapters__pagination .swiper-pagination-bullet:first-child {
    margin-left: 0
}

@media screen and (min-width: 1024px) {
    .chapters__pagination .swiper-pagination-bullet:hover:hover {
        background-color: #1c4bba
    }
}

.chapters__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #1c4bba;
    cursor: auto
}

@media (max-width: 1279px) {
    .chapters__navigation {
        display: none
    }
}

.chapters__button-next {
    cursor: pointer;
    height: 48px;
    left: -73px;
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    width: 48px;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .chapters__button-next:hover:after, .chapters__button-next:hover:before {
        background-color: #1c4bba
    }
}

.chapters__button-next:before {
    top: 33px;
    transform: rotate(45deg)
}

.chapters__button-next:after, .chapters__button-next:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: 9px;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 30px
}

.chapters__button-next:after {
    top: 13px;
    transform: rotate(-45deg)
}

.chapters__button-next.swiper-button-disabled:after, .chapters__button-next.swiper-button-disabled:before {
    opacity: .15
}

.chapters__button-prev {
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: -73px;
    top: 51%;
    transform: translateY(-50%);
    width: 48px;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .chapters__button-prev:hover:after, .chapters__button-prev:hover:before {
        background-color: #1c4bba
    }
}

.chapters__button-prev:before {
    top: 33px;
    transform: rotate(-45deg)
}

.chapters__button-prev:after, .chapters__button-prev:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: 9px;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 30px
}

.chapters__button-prev:after {
    top: 13px;
    transform: rotate(45deg)
}

.chapters__button-prev.swiper-button-disabled:after, .chapters__button-prev.swiper-button-disabled:before {
    opacity: .15
}

.rtl .chapters__inner {
    margin: 0 -40px 0 0;
    padding: 48px 40px 60px 0
}

@media screen and (max-width: 1023px) {
    .rtl .chapters__inner {
        margin: 0 -24px;
        padding: 60px 24px 110px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .chapters__inner {
        margin: 0 -10px;
        padding: 60px 10px 110px
    }
}

.rtl .chapters__inner:after {
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 82px;
    z-index: 5
}

@media screen and (max-width: 1023px) {
    .rtl .chapters__inner:after {
        width: 0
    }
}

.rtl .chapters__inner:before {
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 62px;
    z-index: 5
}

@media screen and (max-width: 1023px) {
    .rtl .chapters__inner:before {
        width: 0
    }
}

.rtl .chapters__button-next {
    cursor: pointer;
    height: 48px;
    left: auto;
    position: absolute;
    right: -73px;
    top: 51%;
    transform: translateY(-50%);
    width: 48px;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .rtl .chapters__button-next:hover:after, .rtl .chapters__button-next:hover:before {
        background-color: #1c4bba
    }
}

.rtl .chapters__button-next:before {
    top: 33px;
    transform: rotate(-45deg)
}

.rtl .chapters__button-next:after, .rtl .chapters__button-next:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: auto;
    position: absolute;
    right: 9px;
    transition: all .3s ease-in-out;
    width: 30px
}

.rtl .chapters__button-next:after {
    top: 13px;
    transform: rotate(45deg)
}

.rtl .chapters__button-next.swiper-button-disabled:after, .rtl .chapters__button-next.swiper-button-disabled:before {
    opacity: .15
}

.rtl .chapters__button-prev {
    cursor: pointer;
    height: 48px;
    left: -73px;
    position: absolute;
    right: auto;
    top: 51%;
    transform: translateY(-50%);
    width: 48px;
    z-index: 10
}

@media screen and (min-width: 1024px) {
    .rtl .chapters__button-prev:hover:after, .rtl .chapters__button-prev:hover:before {
        background-color: #1c4bba
    }
}

.rtl .chapters__button-prev:before {
    top: 33px;
    transform: rotate(45deg)
}

.rtl .chapters__button-prev:after, .rtl .chapters__button-prev:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: auto;
    position: absolute;
    right: 9px;
    transition: all .3s ease-in-out;
    width: 30px
}

.rtl .chapters__button-prev:after {
    top: 13px;
    transform: rotate(-45deg)
}

.rtl .chapters__button-prev.swiper-button-disabled:after, .rtl .chapters__button-prev.swiper-button-disabled:before {
    opacity: .15
}

.chapter-banner .banner__inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1440px;
    padding: 80px 96px
}

@media screen and (max-width: 1023px) {
    .chapter-banner .banner__inner {
        padding: 50px 24px 54px
    }
}

.chapter-banner .banner__content {
    margin-top: 0;
    max-width: 824px;
    padding: 0
}

.chapter-banner .banner__actions {
    margin: -5px 57px 0
}

@media (max-width: 1279px) {
    .chapter-banner .banner__actions {
        margin: 60px 0 0
    }
}

.chapter-banner .banner__text {
    font-size: 22px;
    line-height: 30px;
    margin-top: 23px
}

@media (max-width: 767px) {
    .chapter-main {
        overflow: hidden
    }
}

.chapter-main__top {
    display: flex;
    justify-content: space-between;
    padding: 28px 0 24px
}

@media screen and (max-width: 767px) {
    .chapter-main__top {
        padding: 0
    }
}

.chapter-main__top-left {
    direction: rtl
}

.chapter-main__top-left svg {
    transform: scaleX(-1)
}

@media screen and (max-width: 767px) {
    .chapter-main__top-left {
        background: #f2f5fc;
        margin: 0 -24px;
        width: 100vw
    }

    .chapter-main__top-left a {
        display: flex;
        height: 100%;
        justify-content: flex-end;
        padding: 10px 24px;
        width: 100%
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .chapter-main__top-left {
        margin: 0 -10px
    }

    .chapter-main__top-left a {
        padding: 10px
    }
}

@media screen and (max-width: 767px) {
    .chapter-main__top-right {
        display: none
    }
}

.chapter-main__bottom {
    display: flex;
    justify-content: space-between;
    margin: 0 -65px;
    padding-bottom: 80px
}

@media (max-width: 1300px) {
    .chapter-main__bottom {
        margin: 0 -30px
    }
}

@media screen and (max-width: 1023px) {
    .chapter-main__bottom {
        display: block;
        margin: 0;
        padding-bottom: 60px
    }
}

.chapter-main__bottom--reverse {
    flex-direction: row-reverse;
    margin-top: 46px
}

@media (max-width: 767px) {
    .chapter-main__bottom--reverse {
        margin-top: 60px
    }
}

.chapter-main__bottom-left {
    flex: 0 0 294px;
    margin: 0 65px;
    max-width: 294px
}

@media (max-width: 1300px) {
    .chapter-main__bottom-left {
        margin: 0 30px
    }
}

@media screen and (max-width: 1023px) {
    .chapter-main__bottom-left {
        flex: 1 1 auto;
        margin: 0;
        max-width: 100%
    }

    .chapter-main__bottom-left .start-trading-aside {
        display: none
    }
}

.chapter-main__bottom-right {
    flex: 1 1 auto;
    margin: 0 65px;
    max-width: 824px
}

@media (max-width: 1300px) {
    .chapter-main__bottom-right {
        margin: 0 30px
    }
}

@media screen and (max-width: 1023px) {
    .chapter-main__bottom-right {
        margin: 0
    }
}

.chapter-main__bottom-navigation {
    margin-top: 58px
}

@media screen and (max-width: 767px) {
    .chapter-main__bottom-navigation {
        margin-top: 40px
    }
}

.chapter-main-navigation {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .chapter-main-navigation {
        display: block
    }

    .chapter-main-navigation__cell {
        margin-bottom: 20px
    }

    .chapter-main-navigation__cell:last-child {
        margin-bottom: 0
    }
}

.chapter-main-navigation__cell .btn--icon svg {
    margin: auto 6px;
    transform: scaleX(-1)
}

.chapter-main-navigation__cell .btn--disabled, .chapter-main-navigation__cell .btn:disabled {
    border-color: transparent;
    color: #8d99b5;
    pointer-events: none
}

.rtl .chapter-main__top-left {
    direction: ltr
}

.rtl .chapter-main-navigation__cell .btn--icon svg, .rtl .chapter-main__top-left svg {
    transform: scale(1)
}

.chapter-block__image {
    align-items: center;
    background: #f2f5fc;
    border-radius: 8px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    padding: 30px 40px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .chapter-block__image {
        padding: 16px 24px 28px
    }
}

.chapter-block__image img {
    height: 190px;
    max-height: 190px;
    max-width: 100%
}

@media screen and (max-width: 767px) {
    .chapter-block__image img {
        height: 114px;
        max-height: 114px
    }
}

.chapter-block__content {
    margin-top: 24px
}

@media screen and (max-width: 767px) {
    .chapter-block__content {
        margin-top: 10px
    }
}

.chapter-block__name {
    color: #8d99b5;
    display: block;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .chapter-block__name {
        font-size: 20px;
        line-height: 27px
    }
}

.chapter-block__static {
    letter-spacing: .025em
}

.chapter-block__static h2 {
    color: #081636;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 65px;
    margin-bottom: 24px
}

@media screen and (max-width: 1023px) {
    .chapter-block__static h2 {
        font-size: 30px;
        letter-spacing: 0;
        line-height: 41px
    }
}

.chapter-block__static h3 {
    color: #081636;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin: 24px 0
}

.chapter-block__static h4 {
    color: #081636;
    font-size: 17px;
    font-weight: 700;
    line-height: 23px;
    margin: 24px 0 10px
}

.chapter-block__static p {
    color: #3a4254;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 23px;
    margin: 10px 0
}

.chapter-block__static p img {
    display: inline
}

.chapter-block__static figure {
    margin: 24px 0
}

.chapter-block__static figure .image-inline {
    display: inline-block;
    margin: 0
}

.chapter-block__static figcaption {
    color: #3a4254;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 23px;
    margin-top: 12px
}

.chapter-block__more {
    margin-top: 24px
}

.chapter-block__test {
    margin-top: 40px
}

.chapter-more {
    background: #f2f5fc;
    border-radius: 5px;
    padding: 16px 24px;
    position: relative
}

.chapter-more:hover .chapter-more__right svg {
    color: #1c4bba
}

.chapter-more__inner {
    display: flex;
    justify-content: space-between
}

.chapter-more__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.chapter-more__left {
    padding-right: 30px
}

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

.chapter-more__right svg {
    color: #8d99b5;
    height: 11px;
    transition: all .3s linear
}

.chapter-more__text {
    color: #081636;
    font-size: 17px;
    font-weight: 400;
    line-height: 23px
}

.chapter-more__text span {
    color: #1c4bba;
    font-weight: 700
}

.rtl .chapter-more__left {
    padding: 0 0 0 30px
}

.chapter-pagination__inner {
    align-items: center;
    display: flex
}

.chapter-pagination__right {
    padding-left: 22px
}

.chapter-pagination__label {
    color: #8d99b5;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 23px
}

.chapter-pagination__list {
    align-items: center;
    display: flex;
    margin: 0 -3px
}

.chapter-pagination__item {
    background: #cad1e3;
    border-radius: 5px;
    height: 8px;
    margin: 0 3px;
    transition: all .3s linear;
    width: 8px
}

.chapter-pagination__item--active {
    background: #46bd54
}

.chapter-pagination__item--current {
    position: relative
}

.chapter-pagination__item--current:before {
    background: #46bd54;
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 1
}

.rtl .chapter-pagination__right {
    padding: 0 22px 0 0
}

.rtl .chapter-pagination__item {
    background: #cad1e3;
    border-radius: 5px;
    height: 8px;
    margin: 0 3px;
    transition: all .3s linear;
    width: 8px
}

.rtl .chapter-pagination__item--current:before {
    background: #46bd54;
    border-radius: 5px;
    content: "";
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    z-index: 1
}

.chapter-navigation {
    margin-bottom: 24px
}

@media screen and (max-width: 1023px) {
    .chapter-navigation {
        margin: 0 -24px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .chapter-navigation {
        margin: 0 -10px 24px
    }
}

.chapter-navigation .navigation {
    padding: 14px 0 10px
}

@media screen and (max-width: 1023px) {
    .chapter-navigation .navigation {
        padding: 0
    }
}

.chapter-navigation .navigation__dropdown {
    border-color: #cfd5e8
}

.chapter-navigation .navigation__link {
    color: #8d99b5;
    padding: 10px 28px
}

.chapter-navigation .navigation__link--active {
    box-shadow: none;
    color: #081636;
    position: relative
}

.chapter-navigation .navigation__link--active:before {
    background: #1c4bba;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px
}

.chapter-navigation .navigation__link--complete {
    pointer-events: none;
    position: relative
}

.chapter-navigation .navigation__link--complete:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -95px -100px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.chapter-navigation .navigation__submenu-list {
    margin-bottom: 0
}

.rtl .chapter-navigation .navigation__link--active:before {
    background: #1c4bba;
    content: "";
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 3px
}

.rtl .chapter-navigation .navigation__link--complete:after {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -95px -100px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 24px;
    left: 17px;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.glossary__title {
    margin-bottom: 16px
}

.glossary__navigation {
    margin-bottom: 48px
}

.glossary__partition {
    margin-bottom: 40px
}

.glossary__partition-title {
    color: #8d99b5;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 24px
}

.glossary__partition-list .news-box {
    border-top: none;
    padding-bottom: 17px;
    padding-top: 0
}

@media (max-width: 767px) {
    .glossary__partition-list .news-box {
        padding-bottom: 39px
    }
}

.glossary__partition-list .news-box:last-child {
    padding-bottom: 0
}

.glossary__partition-list .news-box__wrapper {
    margin-top: 16px
}

@media (max-width: 767px) {
    .glossary__partition {
        margin-bottom: 60px
    }
}

.glossary__partition:last-child {
    margin-bottom: 0
}

.glossary-navigation {
    height: 65px
}

.glossary-navigation__inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.glossary-navigation.fixed .glossary-navigation__inner {
    background: #fff;
    box-shadow: 0 6px 32px rgba(8, 22, 54, .2);
    left: 0;
    margin: 0 auto;
    padding: 0 96px;
    position: fixed;
    top: 0;
    width: 100vw
}

@media (max-width: 1279px) {
    .glossary-navigation.fixed .glossary-navigation__inner {
        padding: 0 24px
    }
}

@media screen and (max-width: 767px) {
    .glossary-navigation.fixed .glossary-navigation__inner {
        display: block
    }
}

.glossary-navigation.fixed .glossary-navigation__right {
    display: block;
    margin-right: 85px
}

@media (max-width: 1279px) {
    .glossary-navigation.fixed .glossary-navigation__right {
        margin-right: 40px
    }
}

@media screen and (max-width: 1023px) {
    .glossary-navigation.fixed .glossary-navigation__right {
        margin-right: 20px
    }
}

@media screen and (max-width: 767px) {
    .glossary-navigation.fixed .glossary-navigation__right {
        background: #f2f5fc;
        margin: 0 -24px;
        width: 100vw
    }

    .glossary-navigation.fixed .glossary-navigation__right a {
        display: flex;
        height: 100%;
        justify-content: flex-end;
        padding: 10px 24px;
        width: 100%
    }

    .glossary-navigation.fixed .glossary-navigation__right svg {
        color: #3a4254
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .glossary-navigation.fixed .glossary-navigation__right {
        margin: 0 -10px
    }

    .glossary-navigation.fixed .glossary-navigation__right a {
        padding: 10px
    }
}

.glossary-navigation.fixed .glossary-search {
    left: calc(100% - 120px);
    right: 96px
}

.glossary-navigation.fixed .glossary-search .glossary-search__result {
    padding: 0 !important
}

.glossary-navigation.fixed .glossary-search.visible .glossary-search__wrapper {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 96px
}

@media (max-width: 1279px) {
    .glossary-navigation.fixed .glossary-search.visible .glossary-search__wrapper {
        padding: 0 24px
    }
}

@media (max-width: 767px) {
    .glossary-navigation.fixed .glossary-search.visible .glossary-search__wrapper {
        border-color: transparent;
        padding: 0
    }
}

.glossary-navigation.fixed .glossary-search.visible .glossary-search__result {
    box-shadow: 0 6px 32px rgba(8, 22, 54, .2)
}

@media (max-width: 767px) {
    .glossary-navigation.fixed .glossary-search.visible .glossary-search__result {
        border-radius: 7px;
        box-shadow: 0 6px 32px rgba(8, 22, 54, .2);
        max-height: 190px;
        top: 100%
    }
}

.glossary-navigation.fixed .glossary-search.visible .glossary-search__result-text {
    display: block;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0 141px;
    width: 100%
}

@media (max-width: 1400px) {
    .glossary-navigation.fixed .glossary-search.visible .glossary-search__result-text {
        padding: 0 96px
    }
}

@media (max-width: 1279px) {
    .glossary-navigation.fixed .glossary-search.visible .glossary-search__result-text {
        padding: 0 24px
    }
}

@media (max-width: 767px) {
    .glossary-navigation.fixed .glossary-search.visible .glossary-search__result-text {
        padding: 0 20px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .glossary-navigation.fixed .glossary-search.visible .glossary-search__result-text {
        padding: 0 10px
    }
}

@media (max-width: 767px) {
    .glossary-navigation.fixed .glossary-search.visible .glossary-search__open {
        opacity: 0;
        pointer-events: none;
        transition: all 0s linear;
        visibility: hidden
    }
}

@media (max-width: 1279px) {
    .glossary-navigation.fixed .glossary-search {
        right: 24px
    }
}

@media screen and (max-width: 767px) {
    .glossary-navigation.fixed .glossary-search {
        height: 65px;
        left: calc(100% - 24px);
        overflow: visible;
        padding: 0 24px;
        right: 0;
        top: 43px
    }

    .glossary-navigation.fixed .glossary-search .glossary-search__open {
        align-items: center;
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 4px 14px rgba(4, 23, 51, .1);
        display: flex;
        height: 48px;
        justify-content: center;
        padding: 0 !important;
        position: absolute;
        right: 48px;
        top: 115px;
        transition: opacity .2s linear .3s;
        width: 48px
    }
}

@media screen and (max-width: 767px)and (min-width: 320px)and (max-width: 374px) {
    .glossary-navigation.fixed .glossary-search .glossary-search__open {
        right: 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .glossary-navigation.fixed .glossary-search {
        padding: 0 10px
    }
}

.glossary-navigation__right {
    direction: rtl;
    display: none
}

.glossary-navigation__right svg {
    transform: scaleX(-1)
}

.glossary-navigation__center {
    flex: 1 1 auto;
    height: 65px;
    position: relative
}

.glossary-navigation__left {
    flex: 0 0 24px;
    margin-left: 30px;
    max-width: 24px
}

@media (max-width: 1300px) {
    .glossary-navigation__left {
        margin-left: 20px
    }
}

.glossary-navigation__list {
    display: flex;
    height: 100%;
    left: 0;
    margin: 0 -3.5px;
    max-width: 100%;
    overflow-x: auto;
    position: absolute;
    scrollbar-width: none;
    top: 0;
    width: 100%
}

.glossary-navigation__list::-webkit-scrollbar {
    display: none
}

.glossary-navigation__item {
    color: #8d99b5;
    flex: 0 0 22px;
    font-size: 17px;
    font-weight: 700;
    line-height: 23px;
    margin: 0 3.5px;
    max-width: 22px;
    position: relative;
    text-align: center;
    transition: all .3s linear
}

.glossary-navigation__item:before {
    background: transparent;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transition: all .3s linear;
    width: 100%
}

.glossary-navigation__item.active {
    color: #1c4bba;
    transition: all .3s linear .2s
}

.glossary-navigation__item.active:before {
    background: #1c4bba;
    transition: all .3s linear .2s
}

@media screen and (min-width: 1024px) {
    .glossary-navigation__item:hover {
        color: #3a4254
    }
}

.glossary-navigation__link {
    display: block;
    padding: 25px 0 17px
}

.rtl .glossary-navigation.fixed .glossary-navigation__inner {
    background: #fff;
    box-shadow: 0 6px 32px rgba(8, 22, 54, .2);
    left: auto;
    margin: 0 auto;
    padding: 0 96px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw
}

@media (max-width: 1279px) {
    .rtl .glossary-navigation.fixed .glossary-navigation__inner {
        padding: 0 24px
    }
}

@media screen and (max-width: 767px) {
    .rtl .glossary-navigation.fixed .glossary-navigation__inner {
        display: block
    }
}

.rtl .glossary-navigation.fixed .glossary-navigation__right {
    display: block;
    margin: 0 0 0 85px
}

@media (max-width: 1279px) {
    .rtl .glossary-navigation.fixed .glossary-navigation__right {
        margin: 0 0 0 40px
    }
}

@media screen and (max-width: 1023px) {
    .rtl .glossary-navigation.fixed .glossary-navigation__right {
        margin: 0 0 0 20px
    }
}

@media screen and (max-width: 767px) {
    .rtl .glossary-navigation.fixed .glossary-navigation__right {
        background: #f2f5fc;
        margin: 0 -24px;
        width: 100vw
    }

    .rtl .glossary-navigation.fixed .glossary-navigation__right a {
        display: flex;
        height: 100%;
        justify-content: flex-end;
        padding: 10px 24px;
        width: 100%
    }

    .rtl .glossary-navigation.fixed .glossary-navigation__right svg {
        color: #3a4254
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .rtl .glossary-navigation.fixed .glossary-navigation__right {
        margin: 0 -10px
    }

    .rtl .glossary-navigation.fixed .glossary-navigation__right a {
        padding: 10px
    }
}

.rtl .glossary-navigation.fixed .glossary-search {
    left: 96px;
    right: auto
}

@media (max-width: 1279px) {
    .rtl .glossary-navigation.fixed .glossary-search {
        left: 24px;
        right: auto
    }
}

@media screen and (max-width: 767px) {
    .rtl .glossary-navigation.fixed .glossary-search {
        display: none
    }
}

.rtl .glossary-navigation__right {
    direction: ltr;
    display: none
}

.rtl .glossary-navigation__right svg {
    transform: scale(1)
}

.rtl .glossary-navigation__center {
    flex: 1 1 auto;
    height: 65px;
    position: relative
}

.rtl .glossary-navigation__left {
    flex: 0 0 24px;
    margin: 0 30px 0 0;
    max-width: 24px
}

@media (max-width: 1300px) {
    .rtl .glossary-navigation__left {
        margin: 0 20px 0 0
    }
}

.rtl .glossary-navigation__list {
    display: flex;
    height: 100%;
    left: auto;
    margin: 0 -3.5px;
    max-width: 100%;
    overflow-x: auto;
    position: absolute;
    right: 0;
    scrollbar-width: none;
    top: 0;
    width: 100%
}

.rtl .glossary-navigation__list::-webkit-scrollbar {
    display: none
}

.rtl .glossary-navigation__item:before {
    background: transparent;
    bottom: 0;
    height: 3px;
    left: auto
}

.glossary-search, .rtl .glossary-navigation__item:before {
    content: "";
    position: absolute;
    right: 0;
    transition: all .3s linear;
    width: 100%
}

.glossary-search {
    height: 100%;
    left: calc(100% - 24px);
    max-width: 24px;
    top: 0
}

@media (max-width: 767px) {
    .glossary-search {
        overflow: hidden
    }
}

.glossary-search.visible {
    animation: visible .1s linear .3s forwards;
    background: #fff;
    left: 0 !important;
    max-width: 100%
}

@media (max-width: 767px) {
    .glossary-search.visible {
        padding: 5px 0
    }

    .glossary-search.visible .glossary-search__wrapper {
        border-color: #80a5ff;
        transition: all .2s linear .3s
    }
}

.glossary-search.visible .glossary-search__open {
    color: #1c4bba
}

@media (max-width: 767px) {
    .glossary-search.visible .glossary-search__open {
        padding-left: 20px;
        top: 0
    }
}

.glossary-search.visible .glossary-search__close {
    opacity: 1;
    pointer-events: auto;
    transition: all .3s linear, opacity .2s linear .3s
}

.glossary-search__inner {
    position: relative;
    top: 4px;
    width: 100%
}

@media (max-width: 767px) {
    .glossary-search__inner {
        top: 0
    }
}

.glossary-search__wrapper {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 7px;
    display: flex;
    height: 100%
}

.glossary-search__input {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    position: relative;
    width: 100%
}

.glossary-search__input input {
    border: 0;
    color: #081636;
    display: block;
    font-size: 22px;
    height: 100%;
    line-height: 30px;
    padding: 0 21px;
    width: 100%
}

.glossary-search__input input::-webkit-input-placeholder {
    opacity: .35
}

.glossary-search__input input:-moz-placeholder, .glossary-search__input input::-moz-placeholder {
    opacity: .35
}

.glossary-search__input input:-ms-input-placeholder {
    opacity: .35
}

.glossary-search__input input::-ms-input-placeholder {
    opacity: .35
}

@media (max-width: 767px) {
    .glossary-search__input input {
        font-size: 17px;
        line-height: 23px;
        padding: 0 14px
    }
}

.glossary-search__open {
    color: #8d99b5;
    font-size: 24px;
    position: relative;
    top: 4px;
    transition: color .3s linear
}

@media screen and (min-width: 1024px) {
    .glossary-search__open:hover {
        color: #1c4bba
    }
}

.glossary-search__open svg {
    display: block
}

@media screen and (max-width: 767px) {
    .glossary-search__open {
        cursor: default
    }
}

.glossary-search__close {
    color: #8d99b5;
    font-size: 16px;
    line-height: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .glossary-search__close {
        right: 24px
    }
}

.glossary-search__close svg {
    display: block
}

.glossary-search__close:hover {
    color: #1c4bba
}

.glossary-search__result {
    background: #fff;
    box-shadow: 0 6px 32px rgba(8, 22, 54, .2);
    left: 0;
    max-height: 232px;
    overflow-y: auto;
    position: absolute;
    scrollbar-width: thin;
    top: 100%;
    width: 100%
}

.glossary-search__result::-webkit-scrollbar {
    width: .375rem
}

.glossary-search__result::-webkit-scrollbar-track {
    background-color: transparent
}

.glossary-search__result::-webkit-scrollbar-thumb {
    background-color: rgba(141, 153, 181, .5);
    border-radius: 7px
}

.glossary-search__result::-webkit-scrollbar-thumb:hover {
    background-color: rgba(141, 153, 181, .5)
}

@media (max-width: 767px) {
    .glossary-search__result {
        border-radius: 7px;
        box-shadow: 0 6px 32px rgba(8, 22, 54, .2);
        max-height: 190px;
        top: calc(100% - 5px)
    }
}

.glossary-search__result-item {
    background: transparent;
    display: block;
    padding: 13px 45px 14px;
    transition: all .3s linear
}

@media (max-width: 767px) {
    .glossary-search__result-item {
        padding: 10px 20px 11px
    }
}

.glossary-search__result-item:hover {
    background: rgba(207, 213, 232, .24)
}

.glossary-search__result-text {
    color: #081636;
    font-size: 22px;
    line-height: 30px;
    padding-left: 0
}

@media (max-width: 767px) {
    .glossary-search__result-text {
        font-size: 17px;
        line-height: 23px
    }
}

.glossary-search__result-text mark {
    background-color: transparent;
    font-weight: 700
}

.rtl .glossary-search {
    content: "";
    height: 100%;
    left: 0;
    max-width: 24px;
    overflow: hidden;
    position: absolute;
    right: auto;
    top: 0;
    transition: max-width .3s linear;
    width: 100%
}

.rtl .glossary-search.visible {
    background: #fff;
    left: 0;
    max-width: 100%;
    right: 0
}

.rtl .glossary-search__close {
    color: #8d99b5;
    font-size: 16px;
    left: 0;
    line-height: 100%;
    position: absolute;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease-in-out
}

@media (max-width: 767px) {
    .rtl .glossary-search__close {
        cursor: default
    }
}

.rtl .glossary-search__close svg {
    display: block
}

.rtl .glossary-search__close:hover {
    color: #1c4bba
}

@keyframes visible {
    0% {
        overflow: hidden
    }
    to {
        overflow: visible
    }
}

.popup-overlay {
    align-items: center;
    background: rgba(39, 37, 38, .56);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 10000
}

.popup-overlay.not-visible {
    background: transparent
}

.popup {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .15);
    left: 50%;
    max-height: 95%;
    min-width: 872px;
    opacity: 0;
    overflow: auto;
    overflow-y: auto;
    position: fixed;
    scrollbar-width: thin;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all .3s ease-in-out;
    z-index: 10001
}

.popup::-webkit-scrollbar {
    width: .375rem
}

.popup::-webkit-scrollbar-track {
    background-color: transparent
}

.popup::-webkit-scrollbar-thumb {
    border-radius: 7px
}

.popup::-webkit-scrollbar-thumb, .popup::-webkit-scrollbar-thumb:hover {
    background-color: rgba(141, 153, 181, .5)
}

@media (max-width: 1279px) {
    .popup {
        max-width: 95%;
        min-width: 280px;
        width: 100%
    }
}

.popup.opened {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.popup.instant {
    transition: none
}

.popup__close {
    border-radius: 4px;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 43px;
    transform: translateY(-50%);
    transition: all .3s ease-in-out;
    width: 30px
}

@media screen and (max-width: 767px) {
    .popup__close {
        right: 15px
    }
}

.popup__close:before {
    transform: rotate(45deg)
}

.popup__close:after, .popup__close:before {
    background-color: #8d99b5;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 14px;
    transition: all .3s ease-in-out;
    width: 30px
}

.popup__close:after {
    transform: rotate(-45deg)
}

@media screen and (min-width: 1024px) {
    .popup__close:hover:after, .popup__close:hover:before {
        background-color: #3a4254
    }
}

.popup--contacts {
    border-radius: 0
}

.popup--confirmation {
    border-radius: 0;
    max-width: 447px;
    min-width: auto;
    width: 100%
}

@media screen and (max-width: 767px) {
    .popup--confirmation {
        max-width: 350px
    }
}

.rtl .popup__close {
    left: 30px;
    right: auto
}

@media screen and (max-width: 767px) {
    .rtl .popup__close {
        left: 15px;
        right: auto
    }
}

.currency-popup__header {
    align-items: center;
    display: flex;
    padding: 50px 37px 30px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 767px) {
    .currency-popup__header {
        padding: 30px 15px 0
    }
}

.currency-popup__title {
    align-items: center;
    display: flex;
    font-family: NotoSans-Bold;
    font-size: 48px;
    line-height: 65px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .currency-popup__title {
        font-size: 35px;
        line-height: 50px
    }
}

.currency-popup__box-image {
    display: inline-flex;
    margin-right: 22px
}

@media screen and (max-width: 767px) {
    .currency-popup__box-image {
        margin-right: 10px
    }
}

.currency-popup__box-image svg {
    height: 55px;
    width: 53px
}

.currency-popup__box-image svg:last-child {
    margin-left: -20px
}

.currency-popup__content {
    margin-bottom: 53px;
    max-height: 662px;
    overflow-y: scroll;
    overflow-y: auto;
    padding: 0 35px 0 40px;
    scrollbar-width: thin
}

.currency-popup__content::-webkit-scrollbar {
    width: .375rem
}

.currency-popup__content::-webkit-scrollbar-track {
    background-color: transparent
}

.currency-popup__content::-webkit-scrollbar-thumb {
    background-color: rgba(141, 153, 181, .5);
    border-radius: 7px
}

.currency-popup__content::-webkit-scrollbar-thumb:hover {
    background-color: rgba(141, 153, 181, .5)
}

@media screen and (max-width: 767px) {
    .currency-popup__content {
        margin-bottom: 15px;
        padding: 0 15px
    }
}

.currency-popup__table {
    border-collapse: collapse;
    width: 100%
}

.currency-popup__row:nth-child(2n) {
    background-color: #f2f5fc
}

.currency-popup__row:last-child {
    border-bottom: 2px solid #f2f5fc
}

.currency-popup__col {
    font-size: 17px;
    line-height: 23px;
    padding: 19px 16px 18px;
    width: 53%
}

.currency-popup__col:first-child {
    color: #3a4254
}

.currency-popup__col:last-child {
    color: #081636
}

@media (min-width: 1280px) {
    .contacts-popup {
        max-width: 872px
    }
}

.contacts-popup__header {
    background-color: #f2f5fc;
    padding: 55px 30px 30px 40px
}

@media screen and (max-width: 767px) {
    .contacts-popup__header {
        padding: 30px 20px
    }
}

.contacts-popup .popup__close {
    top: 47px
}

.contacts-popup__content {
    padding: 30px 40px
}

@media screen and (max-width: 767px) {
    .contacts-popup__content {
        padding: 30px 15px
    }
}

.contacts-popup__text {
    color: #8d99b5
}

.contacts-popup__form {
    padding: 40px 0 20px
}

.contacts-popup__input-title {
    color: #8d99b5;
    font-size: 22px;
    line-height: 30px
}

.contacts-popup__input-wrap:first-child .contacts-popup__input-box {
    padding-top: 0
}

@media screen and (max-width: 767px) {
    .contacts-popup__input-wrap:first-child .contacts-popup__input-box {
        padding-top: 24px
    }

    .contacts-popup__input-wrap:first-child .contacts-popup__input-box:first-child {
        padding-top: 0
    }
}

.contacts-popup__input-wrap--gap {
    padding-top: 23px
}

.contacts-popup__row {
    padding-top: 16px
}

.contacts-popup__row--grid {
    display: flex
}

@media screen and (max-width: 767px) {
    .contacts-popup__row--grid {
        flex-direction: column
    }
}

.contacts-popup__input-box {
    padding-top: 24px;
    width: 100%
}

.contacts-popup__input-box:first-child {
    margin-right: 24px;
    max-width: 588px;
    padding-top: 0
}

.contacts-popup__input-box:first-child .select2-selection__rendered:after {
    right: 24px
}

@media screen and (max-width: 767px) {
    .contacts-popup__input-box:first-child {
        max-width: 100%
    }
}

.contacts-popup__input-box:last-child {
    max-width: 588px
}

@media screen and (max-width: 767px) {
    .contacts-popup__input-box:last-child {
        max-width: 100%
    }
}

.contacts-popup__input-box .contacts-popup__input {
    padding: 15px 20px
}

.contacts-popup__input-box-textarea {
    padding-bottom: 11px
}

.contacts-popup__buttons {
    display: flex;
    justify-content: flex-end;
    padding-top: 44px
}

@media screen and (max-width: 767px) {
    .contacts-popup__buttons {
        flex-direction: column
    }
}

.contacts-popup__btn:first-child {
    margin-right: 22px;
    max-width: 121px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .contacts-popup__btn:first-child {
        margin-bottom: 24px;
        margin-right: 0;
        max-width: 100%
    }
}

.contacts-popup__btn:first-child .btn {
    padding: 13px 20px
}

.contacts-popup__btn:last-child {
    max-width: 179px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .contacts-popup__btn:last-child {
        max-width: 100%
    }
}

.rtl .contacts-popup__input-box {
    padding-top: 24px;
    width: 100%
}

.rtl .contacts-popup__input-box:first-child {
    margin: 0 0 0 24px;
    max-width: 588px;
    padding-top: 0
}

.rtl .contacts-popup__input-box:first-child .select2-selection__rendered:after {
    left: 24px;
    right: auto
}

@media screen and (max-width: 767px) {
    .rtl .contacts-popup__input-box:first-child {
        max-width: 100%
    }
}

.rtl .contacts-popup__input-box:last-child {
    max-width: 588px
}

@media screen and (max-width: 767px) {
    .rtl .contacts-popup__input-box:last-child {
        max-width: 100%
    }
}

.rtl .contacts-popup__input-box .contacts-popup__input {
    padding: 15px 20px
}

.rtl .contacts-popup__input-box-textarea {
    padding-bottom: 11px
}

.rtl .contacts-popup__btn:first-child {
    margin: 0 0 0 22px
}

@media screen and (max-width: 767px) {
    .rtl .contacts-popup__btn:first-child {
        margin-bottom: 24px;
        margin-left: 0
    }
}

.confirmation-popup {
    max-width: 447px;
    padding: 48px 30px;
    position: relative
}

@media screen and (max-width: 767px) {
    .confirmation-popup {
        padding: 48px 15px
    }
}

.confirmation-popup .popup__close {
    top: 46px
}

.confirmation-popup__content {
    align-items: center;
    display: flex;
    flex-direction: column
}

.confirmation-popup__title {
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px;
    padding: 24px 0 10px;
    text-align: center
}

.confirmation-popup__text {
    color: #8d99b5;
    display: inline-block;
    padding-bottom: 44px;
    text-align: center
}

.confirmation-popup__text b {
    font-family: NotoSans-Bold
}

.confirmation-popup__btn, .confirmation-popup__buttons {
    width: 100%
}

.confirmation-popup__btn .btn {
    padding: 13px 20px
}

.hero {
    background: #f2f5fc;
    display: flex;
    flex-direction: column;
    height: 557px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1023px) {
    .hero {
        height: auto
    }
}

@media (min-width: 1280px) {
    .hero {
        height: 557px
    }

    .hero--home {
        min-height: 545px
    }
}

.hero__inner {
    padding: 42px 0 83px;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .hero__inner {
        padding-bottom: 92px;
        padding-top: 80px
    }
}

.hero__breadcrumbs {
    margin-top: 37px
}

@media screen and (max-width: 767px) {
    .hero__breadcrumbs {
        margin-top: 0
    }
}

.hero__background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.hero__background img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width: 767px) {
    .hero__background img {
        object-position: top
    }
}

.hero__badge {
    background: rgba(28, 75, 186, .2);
    border-radius: 5px;
    display: flex;
    max-width: 426px;
    padding: 8px 10px 7px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .hero__badge {
        max-width: 249px;
        padding: 8px 14px
    }
}

.hero__badge-text {
    align-items: center;
    color: #80a5ff;
    display: flex;
    font-size: 17px;
    line-height: 23px
}

@media screen and (max-width: 1023px) {
    .hero__badge-text {
        font-size: 14px;
        line-height: 19px
    }
}

.hero__badge-text:before {
    background-color: transparent;
    background-image: url(/static/home/images/sprite.svg);
    background-position: -25px -33px;
    background-size: 1366px 886px;
    content: "";
    display: block;
    height: 33px;
    margin-right: 10px;
    width: 32px
}

@media screen and (max-width: 767px) {
    .hero__badge-text:before {
        margin-right: 13px;
        min-width: 28px
    }
}

.hero__title {
    align-items: center;
    display: flex;
    margin-top: 12px
}

.hero--home .hero__title {
    max-width: 715px
}

.hero__title-text {
    color: #fff;
    font-family: NotoSans-Bold;
    font-size: 68px;
    line-height: 93px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.hero__title-text--dark {
    color: #081636
}

@media screen and (max-width: 1023px) {
    .hero__title-text {
        font-size: 47px;
        line-height: 65px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .hero__title-text {
        font-size: 38px;
        line-height: 49px
    }
}

@media screen and (max-width: 1023px) {
    .hero__title {
        font-size: 47px;
        line-height: 65px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .hero__title {
        font-size: 38px;
        line-height: 49px
    }
}

@media screen and (max-width: 767px) {
    .hero__title {
        margin-top: 16px
    }
}

.hero__text {
    color: #cad1e3;
    font-size: 22px;
    line-height: 30px;
    margin-top: 24px;
    max-width: 715px
}

@media screen and (max-width: 1023px) {
    .hero__text {
        font-size: 20px;
        line-height: 27px;
        margin-top: 16px
    }
}

.hero__text--dark {
    color: #3a4254
}

.hero__bottom {
    margin-top: 38px
}

.hero__buttons {
    display: flex
}

@media screen and (max-width: 767px) {
    .hero__buttons {
        flex-direction: column
    }
}

.hero__buttons-item {
    margin-right: 24px;
    min-width: 188px
}

.hero__buttons-item:last-child {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .hero__buttons-item {
        margin-bottom: 24px;
        margin-right: 0
    }

    .hero__buttons-item:last-child {
        margin-bottom: 0
    }
}

.hero__label-image {
    display: flex;
    margin-top: 41px
}

@media screen and (max-width: 767px) {
    .hero__label-image {
        flex-direction: column
    }
}

.hero__image-link {
    color: #fff;
    margin-right: 24px;
    transition: all .3s ease-in-out
}

@media screen and (min-width: 1024px) {
    .hero__image-link:hover {
        color: #cad1e3
    }
}

.hero__image-link:last-child {
    margin-right: 0
}

.hero__image-link:first-child svg {
    height: 56px;
    width: 170px
}

.hero__image-link:nth-child(2) svg {
    height: 56px;
    width: 190px
}

.hero__image-link:nth-child(3) svg {
    height: 56px;
    width: 195px
}

@media screen and (max-width: 767px) {
    .hero__image {
        padding-bottom: 15px
    }
}

.hero--pips .hero__text {
    margin-top: 16px
}

.hero--refer-plan .hero__title {
    max-width: 750px
}

.hero--center {
    height: 422px
}

@media screen and (max-width: 1023px) {
    .hero--center {
        height: auto
    }
}

.hero--center .hero__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 80px 0 83px;
    text-align: center
}

@media (max-width: 767px) {
    .hero--center .hero__inner {
        padding-bottom: 92px;
        text-align: left
    }
}

.hero--center .hero__title {
    display: flex;
    justify-content: center;
    margin-top: 0;
    max-width: 100%
}

.hero--center .hero__text {
    margin-top: 14px;
    max-width: 824px
}

.hero--center .hero__bottom {
    margin-top: 40px
}

@media (max-width: 767px) {
    .hero--center .hero__bottom {
        width: 100%
    }
}

.rtl .hero__badge-text:before {
    content: "";
    margin: 0 0 0 10px
}

@media screen and (max-width: 767px) {
    .rtl .hero__badge-text:before {
        margin: 0 0 0 13px
    }
}

.rtl .hero__buttons-item {
    margin: 0 0 0 24px
}

.rtl .hero__buttons-item:last-child {
    margin-left: 0
}

@media screen and (max-width: 767px) {
    .rtl .hero__buttons-item {
        margin-bottom: 24px;
        margin-left: 0
    }

    .rtl .hero__buttons-item:last-child {
        margin-bottom: 0
    }
}

.rtl .hero__image-link {
    margin: 0 0 0 24px
}

.rtl .hero__image-link:last-child {
    margin-left: 0
}

.banner {
    position: relative
}

@media (min-width: 1280px) {
    .banner--rounded {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        padding-left: 96px;
        padding-right: 96px;
        width: 100%;
        z-index: 1
    }

    .banner--rounded--full {
        max-width: 1920px
    }
}

@media (min-width: 1280px)and (max-width: 1279px) {
    .banner--rounded {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width: 1280px)and (max-width: 767px) {
    .banner--rounded--mobile-w100 {
        padding: 0
    }
}

@media screen and (min-width: 1280px)and (max-width: 1260px) {
    .banner--rounded--tablet-w100 {
        padding: 0
    }
}

@media (min-width: 1280px)and (min-width: 320px)and (max-width: 374px) {
    .banner--rounded {
        padding-left: 10px;
        padding-right: 10px
    }
}

.banner--indent {
    padding-bottom: 80px
}

@media screen and (max-width: 1023px) {
    .banner--indent {
        padding-bottom: 0
    }
}

.banner__wrapper {
    background: #081636;
    position: relative
}

@media (min-width: 1280px) {
    .banner--rounded .banner__wrapper {
        border-radius: 12px;
        box-shadow: 0 4px 22px rgba(8, 22, 54, .2);
        overflow: hidden
    }
}

.banner__background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.banner__background img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.banner__inner {
    align-items: center;
    display: flex;
    padding: 96px 168px 94px 106px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media screen and (max-width: 1023px) {
    .banner__inner {
        padding: 60px 0
    }
}

@media (max-width: 1279px) {
    .banner__inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 60px 24px;
        text-align: center
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .banner__inner {
        padding: 60px 10px
    }
}

.banner__inner--center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 79px 0 83px;
    text-align: center
}

@media (max-width: 1279px) {
    .banner__inner--center {
        padding: 61px 24px
    }
}

@media (min-width: 320px)and (max-width: 374px) {
    .banner__inner--center {
        padding: 61px 10px 59px
    }
}

.banner--rounded .banner__inner {
    min-height: 302px
}

.banner__content {
    flex: 1 1 1px;
    padding-right: 50px
}

@media (max-width: 1279px) {
    .banner__content {
        padding-right: 0
    }
}

@media (min-width: 1280px) {
    .banner__content {
        margin-top: -20px
    }
}

.banner__inner--center .banner__content {
    margin-top: 0;
    padding-right: 0
}

.banner__title {
    z-index: 2
}

.banner__icon {
    display: flex;
    justify-content: center;
    margin-bottom: 3px;
    min-height: 32px;
    z-index: 2
}

.banner__text {
    color: #cad1e3;
    display: block;
    font-size: 22px;
    line-height: 37px;
    margin-top: 24px
}

@media (max-width: 1279px) {
    .banner__text {
        font-size: 20px;
        line-height: 27px;
        margin-top: 16px
    }
}

.banner__actions {
    max-width: 188px;
    width: 100%;
    z-index: 2
}

@media (max-width: 1279px) {
    .banner__actions {
        margin-top: 60px;
        max-width: none
    }
}

.banner__inner--center .banner__actions {
    margin-top: 35px;
    max-width: none
}

@media (max-width: 1279px) {
    .banner__inner--center .banner__actions {
        margin-top: 68px
    }
}

.banner__actions-item {
    margin: 0 auto;
    max-width: 188px
}

@media screen and (max-width: 767px) {
    .banner__actions-item {
        max-width: 100%
    }
}

.hero-crypto {
    background: linear-gradient(1turn, rgba(242, 245, 252, 0) 40.33%, #f2f5fc);
    padding: 80px 0 33px
}

.hero-crypto__company-label {
    color: #8d99b5;
    font-size: 22px;
    line-height: 30px;
    padding: 30px 0 16px
}

.hero-crypto__header {
    align-items: center;
    display: flex;
    margin-top: 15px
}

.hero-crypto__header-text {
    color: #081636;
    font-family: NotoSans-Bold;
    font-size:40px;
    line-height: 50px;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1023px) {
    .hero-crypto__header-text {
        font-size: 47px;
        line-height: 65px
    }
}

.hero-crypto__image {
    max-height: 64px;
    max-width: 64px
}

.hero-crypto__image + .hero-crypto__header-text {
    margin: 0 0 0 26px
}

@media screen and (max-width: 1023px) {
    .hero-crypto__image + .hero-crypto__header-text {
        margin-left: 18px
    }
}

.hero-crypto__text {
    color: #3a4254;
    font-size: 22px;
    line-height: 30px;
    margin-top: 24px;
    max-width: 720px
}

@media screen and (max-width: 1023px) {
    .hero-crypto__text {
        font-size: 20px;
        line-height: 27px
    }
}

.hero-crypto__buttons {
    margin-top: 39px
}

.hero-crypto__btn {
    max-width: 188px
}

@media screen and (max-width: 767px) {
    .hero-crypto__btn {
        max-width: 100%
    }
}

.hero-crypto__label {
    color: #8d99b5;
    font-size: 14px;
    line-height: 19px;
    margin-top: 24px
}

.hero-crypto .arrow-link__label {
    font-family: NotoSans-Bold
}

@media screen and (max-width: 767px) {
    .hero-crypto--services {
        padding-bottom: 0
    }

    .hero-crypto--services .hero-crypto__text {
        margin-top: 16px
    }
}

.hero-crypto--accounts .hero-crypto__image {
    max-height: 64px;
    max-width: 106px
}

.hero-crypto--accounts .hero-crypto__text {
    max-width: 785px
}

.hero-crypto--accounts .hero-crypto__box {
    padding: 24px 0 10px
}

.hero-crypto--accounts .hero-crypto__box-text {
    align-items: center;
    display: flex;
    padding-bottom: 14px
}

.hero-crypto--accounts .hero-crypto__box-text--gray {
    color: #8d99b5
}

.hero-crypto--accounts .hero-crypto__box-image {
    height: 24px;
    margin-right: 10px;
    max-width: 24px
}

.hero-crypto--accounts .hero-crypto__box-image svg {
    height: 24px;
    width: 24px
}

.hero-crypto--accounts .hero-crypto__banner {
    background-color: #f2f5fc;
    border-radius: 7px;
    max-width: 825px;
    padding: 24px 30px
}

.hero-crypto--accounts .hero-crypto__banner-text {
    font-family: NotoSans-Bold;
    font-size: 22px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .hero-crypto--accounts .hero-crypto__banner-text {
        font-size: 20px;
        line-height: 27px
    }
}

.hero-crypto--accounts .hero-crypto__box-stats {
    align-items: center;
    display: flex;
    padding: 15px 0 24px
}

.hero-crypto--accounts .hero-crypto__stats {
    display: flex;
    flex-direction: column;
    margin-right: 38px
}

@media screen and (max-width: 767px) {
    .hero-crypto--accounts .hero-crypto__stats {
        margin-right: 30px
    }
}

.hero-crypto--accounts .hero-crypto__stats:last-child {
    margin-right: 0
}

.hero-crypto--accounts .hero-crypto__stats-text {
    color: #1c4bba
}

.hero-crypto--accounts .hero-crypto__stats-text--bold {
    font-family: NotoSans-Bold;
    font-size: 48px;
    line-height: 65px
}

@media screen and (max-width: 767px) {
    .hero-crypto--accounts .hero-crypto__stats-text--bold {
        font-size: 30px;
        line-height: 48px
    }
}

.hero-crypto--accounts .hero-crypto__banner-btn {
    max-width: 291px
}

.hero-crypto--gray {
    background: #f2f5fc;
    padding: 80px 0
}

.hero-crypto--company {
    background-image: none;
    padding: 80px 0 56px;
    position: relative
}

@media screen and (max-width: 767px) {
    .hero-crypto--company {
        padding: 80px 0 60px
    }
}

.hero-crypto--company .hero-crypto__background {
    background-color: #081636;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.hero-crypto--company .hero-crypto__background img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width: 767px) {
    .hero-crypto--company .hero-crypto__background img {
        height: auto;
        object-fit: unset;
        object-position: unset
    }
}

.hero-crypto--company .hero-crypto__header-text {
    color: #fff;
    font-size: 48px;
    line-height: 65px;
    max-width: 790px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .hero-crypto--company .hero-crypto__header-text {
        font-size: 30px;
        line-height: 41px
    }
}

.hero-crypto__company {
    display: flex;
    flex-wrap: wrap;
    padding-top: 160px
}

@media screen and (max-width: 1023px) {
    .hero-crypto__company {
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .hero-crypto__company {
        padding-top: 108px
    }
}

.hero-crypto__company-card {
    margin-bottom: 24px;
    margin-right: 2%;
    width: 32%
}

.hero-crypto__company-card:nth-child(3n) {
    margin-right: 0
}

@media screen and (max-width: 1260px) {
    .hero-crypto__company-card {
        margin-right: 2.4%;
        width: 31%
    }
}

@media screen and (max-width: 1023px) {
    .hero-crypto__company-card {
        margin-bottom: 40px;
        margin-right: 0;
        width: 100%
    }

    .hero-crypto__company-card:last-child {
        margin-bottom: 0
    }
}

.hero-crypto__company-image svg {
    height: 64px;
    width: 64px
}

.hero-crypto__company-title {
    color: #fff;
    display: inline-block;
    font-size: 22px;
    line-height: 30px;
    padding: 12px 0 10px
}

@media screen and (max-width: 767px) {
    .hero-crypto__company-title {
        font-size: 20px;
        line-height: 27px
    }
}

.hero-crypto__company-text {
    color: #cad1e3
}

.rtl .hero-crypto__image + .hero-crypto__header-text {
    margin: 0 26px 0 0
}

@media screen and (max-width: 1023px) {
    .rtl .hero-crypto__image + .hero-crypto__header-text {
        margin-left: 0;
        margin-right: 18px
    }
}

.rtl .hero-crypto--accounts .hero-crypto__box-image {
    margin: 0 0 0 10px
}

.rtl .hero-crypto--accounts .hero-crypto__stats {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 38px
}

@media screen and (max-width: 767px) {
    .rtl .hero-crypto--accounts .hero-crypto__stats {
        margin: 0 0 0 30px
    }
}

.rtl .hero-crypto--accounts .hero-crypto__stats:last-child {
    margin-left: 0
}

.rtl .hero-crypto__company-card {
    margin: 0 0 24px 2%
}

.rtl .hero-crypto__company-card:nth-child(3n) {
    margin-left: 0
}

@media screen and (max-width: 1260px) {
    .rtl .hero-crypto__company-card {
        margin: 0 0 24px 2.4%;
        width: 31%
    }
}

@media screen and (max-width: 1023px) {
    .rtl .hero-crypto__company-card {
        margin-bottom: 40px;
        margin-left: 0;
        width: 100%
    }

    .rtl .hero-crypto__company-card:last-child {
        margin-bottom: 0
    }
}

.text-field {
    display: flex;
    flex-direction: column
}

.text-field__label {
    color: #3a4254;
    font-family: Inter;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize
}

.text-field__input {
    background: #fff;
    border: 1px solid #cad1e3;
    border-radius: 7px;
    font-size: 17px;
    line-height: 100%;
    margin-top: 8px;
    padding: 16px 10px 16px 20px;
    width: 100%
}

.text-field__input::placeholder {
    color: #3a4254;
    opacity: .35
}

@media screen and (min-width: 1024px) {
    .text-field__input:hover:hover {
        border: 1px solid #8d99b5
    }
}

.text-field__input:focus {
    border: 1px solid #80a5ff;
    box-shadow: 0 4px 22px rgba(8, 22, 54, .08)
}

.swiper-pagination-bullet {
    background-color: #cad1e3;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 10px;
    margin-left: 12px;
    transition: background-color .25s ease;
    width: 10px
}

.swiper-pagination-bullet:first-child {
    margin-left: 0
}

@media screen and (min-width: 1024px) {
    .swiper-pagination-bullet:hover:hover {
        background-color: #1c4bba
    }
}

.swiper-pagination-bullet-active {
    background-color: #1c4bba;
    cursor: auto
}

.rtl .swiper-pagination-bullet {
    margin: 0 12px 0 0
}

.rtl .swiper-pagination-bullet:first-child {
    margin-right: 0
}

.col-4 .aside-box {
    margin: auto;
}