@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: 700
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[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-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.wp-block-embed iframe {
    width: 100%;
    height: 400px
}

@media (max-width:600px) {
    .wp-block-embed iframe {
        height: 300px
    }
}

@media (max-width:500px) {
    .wp-block-embed iframe {
        height: 250px
    }
}

@media (max-width:400px) {
    .wp-block-embed iframe {
        height: 200px
    }
}

.wp-block-columns {
    margin: 80px 0 80px 0
}

.blog_not_found {
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 130%
}

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

:focus {
    outline: 0
}

html {
    scroll-behavior: smooth
}

body {
    background-color: #242424;
    color: #fff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media screen and (max-width:1024px) {
    body {
        background-position: 0 0
    }
}

body.home,
body.page-template-starknet-score {
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-repeat: no-repeat;
    background-position: -138px -66px
}

a {
    color: #5685ff;
    text-decoration: underline;
    transition: .3s
}

a:hover {
    color: #78aeff
}

img {
    max-width: 100%;
    height: auto
}

p {
    margin: 0 0 .9rem
}

.hidden {
    display: none
}

.container {
    max-width: 1100px;
    margin: 0 auto
}

@media screen and (max-width:1338px) {
    .container {
        max-width: 1180px;
        padding: 0 40px
    }
}

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

.blueButton {
    font-size: 24px;
    font-weight: 500;
    background-color: #4062ff;
    line-height: 38px;
    letter-spacing: .24px;
    color: #fff;
    border-radius: 8px;
    transition-duration: .3s;
    transition-property: transform;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block
}

@media screen and (max-width:1024px) {
    .blueButton {
        font-size: 18px;
        line-height: 25px
    }
}

.blueButton:hover {
    transform: scale(1.1);
    color: #fff
}

html.pum-open {
    overflow: auto !important
}

.pum.pum-theme-content-only .pum-close {
    font-weight: 400 !important
}

.pum.pum-theme-content-only .pum-content a {
    display: flex !important
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 0 0 20px
}

h1,
.h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 130%;
    position: relative
}

@media screen and (max-width:1024px) {
    h1,
    .h1 {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    h1,
    .h1 {
        font-size: 24px
    }
}

h1_underlined::after,
.h1_underlined::after {
    background-image: linear-gradient(91.25deg, #587eff 0, #445fb4 100%);
    border-radius: 18px;
    content: "";
    display: block;
    margin-top: 15px;
    width: 155px;
    height: 5px
}

h1_centered,
.h1_centered {
    text-align: center
}

h1_centered::after,
.h1_centered::after {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

h2,
.h2 {
    font-size: 26px;
    font-weight: 300;
    line-height: 130%
}

@media screen and (max-width:1024px) {
    h2,
    .h2 {
        font-size: 24px
    }
}

@media screen and (max-width:767px) {
    h2,
    .h2 {
        font-size: 16px
    }
}

h3,
.h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 125%
}

h4,
.h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 180%
}

@media screen and (max-width:767px) {
    h4,
    .h4 {
        font-size: 16px
    }
}

h5,
.h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 128%
}

h6,
.h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 181%
}

.title,
.titleBorder {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    margin: 0
}

@media screen and (max-width:1024px) {
    .title,
    .titleBorder {
        font-size: 28px;
        line-height: 37px
    }
}

@media screen and (max-width:767px) {
    .title,
    .titleBorder {
        font-size: 24px;
        line-height: 31px
    }
}

.titleBorder {
    text-align: center;
    margin-bottom: 20px;
    position: relative
}

.titleBorder:after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 174px;
    height: 4px;
    background-color: #4062ff;
    border-radius: 18px;
    left: calc(50% - 87px)
}

.afterTitle {
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    line-height: 39px
}

@media screen and (max-width:1024px) {
    .afterTitle {
        font-size: 20px;
        line-height: 30px
    }
}

.br_but {
    padding: 17px 24px;
    width: fit-content;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    border-radius: 12px;
    background: #2a2f45;
    border: 1px solid transparent
}

.header {
    background-color: #242424;
    position: sticky;
    top: 0;
    padding: 0 24px;
    z-index: 99
}

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

.header::after {
    background-color: #242424;
    box-shadow: 0 4px 30px 0 rgba(10, 20, 57, .0509803922);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.header .container {
    padding: 0
}

body.customize-support .header {
    top: 32px
}

@media screen and (max-width:782px) {
    body.customize-support .header {
        top: 45px
    }
}

@media screen and (max-width:600px) {
    body.customize-support .header {
        top: 0
    }
}

.header__wrap {
    display: flex;
    align-items: end;
    padding: 20px 0;
    gap: 57px;
    height: 82px;
    position: relative
}

@media screen and (max-width:1199px) {
    .header__wrap {
        gap: 37px
    }
}

@media screen and (max-width:1023px) {
    .header__wrap {
        justify-content: space-between;
        gap: 40px;
        height: 60px;
        padding: 15px 0
    }
}

@media screen and (max-width:767px) {
    .header__wrap {
        gap: 18px
    }
}

@media screen and (max-width:359px) {
    .header__wrap {
        gap: 12px
    }
}

.header__logo {
    width: 165px;
    padding-bottom: 4px
}

@media screen and (max-width:1024px) {
    .header__logo {
        width: 120px
    }
}

.header__logo a {
    display: flex;
    align-items: center
}

.header__logo a svg {
    width: 100%;
    height: auto
}

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

@media screen and (max-width:1023px) {
    .header__content {
        justify-content: flex-end
    }
}

.header__contentRight {
    display: flex;
    align-items: center;
    gap: 27px
}

@media screen and (max-width:1023px) {
    .header__contentRight {
        gap: 17px
    }
}

.header__menu {
    display: flex;
    align-items: center;
    gap: 38px
}

@media screen and (max-width:1199px) {
    .header__menu {
        gap: 28px
    }
}

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

.header__menu a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .2px;
    transition: .4s;
    text-decoration: none
}

.header__menu a:hover {
    color: #4062ff
}

.header__menu a.active {
    color: #4062ff
}

.header__menuMobile {
    display: none
}

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

.header__menuMobileIcon {
    display: flex;
    align-items: center
}

.header__menuMobileIconOpen {
    z-index: 1
}

.header__menuMobileIconOpen img {
    display: block;
    width: 30px;
    height: 22px
}

@media screen and (max-width:1023px) {
    .header__menuMobileIconOpen img {
        width: 27px;
        height: 18px
    }
}

.header__menuMobileIconClose {
    display: none;
    position: relative;
    width: 30px;
    height: 22px;
    z-index: 1
}

@media screen and (max-width:1023px) {
    .header__menuMobileIconClose {
        width: 27px;
        height: 18px
    }
}

.header__menuMobileIconClose img {
    display: block;
    fill: #4062ff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    margin: 0 auto
}

.header__menuMobileSubmenu {
    background: #35363a;
    box-shadow: 2px 0 17px 0 rgba(0, 0, 0, .6);
    display: none;
    position: absolute;
    top: 60px;
    left: -20px;
    padding: 3px 20px 10px;
    width: 100vw
}

.header__menuMobileSubmenuItem {
    padding: 16px 0
}

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

.header__menuMobileSubmenuItem+.header__menuMobileSubmenuItem {
    border-top: 1px solid #6f6f6f
}

.header__menuMobileSubmenuItem a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 130%;
    text-decoration: none
}

@media screen and (max-width:1023px) {
    .header__menuMobileSubmenuItem a {
        letter-spacing: .14px;
        padding-left: 9px
    }
}

.header__menuMobileSubmenuItem a:hover,
.header__menuMobileSubmenuItem a.active {
    color: #4062ff
}

.header__langSwitcher {
    display: none
}

body.blog .header__langSwitcher,
body.archive .header__langSwitcher,
body.single-post .header__langSwitcher,
body.page-template-feature-hub .header__langSwitcher,
body.single-feature .header__langSwitcher {
    display: block
}

.header__langSwitcher_desktop {
    padding-top: 3px
}

@media screen and (max-width:1023px) {
    .header__langSwitcher_desktop {
        padding-right: 9px;
        padding-top: 1px
    }
}

.header__langSwitcher .wpml-ls-legacy-dropdown {
    width: auto
}

.header__langSwitcher .wpml-ls-legacy-dropdown a {
    background-color: #35363a;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: .16px;
    padding: 2px 0;
    text-align: center;
    transition: .3s
}

.header__langSwitcher .wpml-ls-legacy-dropdown a:hover {
    background-color: #35363a;
    color: #4062ff
}

.header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle {
    background-color: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500
}

.header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle::before {
    content: "";
    background: url(../svg/globe-darkmode.c3c43e485d.svg)center/contain no-repeat;
    width: 16px;
    height: 16px
}

@media screen and (max-width:1023px) {
    .header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle::before {
        width: 17px;
        height: 17px
    }
}

.header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle::after {
    border: 0;
    content: "";
    background: url(../svg/lang-switcher-arrow-darkmode.839272f535.svg)center/contain no-repeat;
    width: 16px;
    height: 8px;
    position: static;
    transition: .2s
}

@media screen and (max-width:1023px) {
    .header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle::after {
        display: none
    }
}

.header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle span {
    padding: 0 4px;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .2px
}

@media screen and (max-width:1023px) {
    .header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle span {
        display: none
    }
}

.header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-sub-menu {
    width: 54px;
    right: 0;
    background-color: #35363a;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 4px 30px 0 rgba(10, 20, 57, .0509803922);
    left: unset;
    opacity: 0;
    overflow: hidden;
    padding: 3px 0;
    transition: .3s ease-in-out
}

@media screen and (max-width:1023px) {
    .header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-sub-menu {
        width: 45px;
        right: -14px;
        top: 25px
    }
}

.header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover a.wpml-ls-item-toggle::after {
    transform: rotate(180deg);
    transform-origin: center 3px
}

.header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
    opacity: 1
}

.header__downloadBtn {
    width: 115px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4062ff;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -.3px;
    color: #fff;
    padding: 4px 10px;
    text-decoration: none
}

@media screen and (max-width:1023px) {
    .header__downloadBtn {
        width: 74px;
        height: 31px;
        font-size: 11px;
        font-weight: 600;
        order: -1;
        padding: 8px 9px
    }
}

.header__downloadBtn:hover {
    color: #fff
}

.footer {
    background-color: #35363a
}

.footer__wrapper {
    display: flex;
    justify-content: center;
    gap: 70px;
    padding: 50px 0
}

@media screen and (max-width:1024px) {
    .footer__wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 32px
    }
}

@media screen and (max-width:767px) {
    .footer__wrapper {
        grid-template-columns: 1fr
    }
}

.footer__column {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.footer__columnTitle {
    margin: 0 0 2px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

.footer__column a {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
    text-decoration: none;
    transition: .3s
}

.footer__column a:hover {
    color: #e7e7e7
}

.footer__column.social a {
    display: flex;
    align-items: center;
    gap: 8px
}

.footer__column.social a img {
    margin-top: -3px;
    width: 24px
}

.socialIcon {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.socialIcon svg {
    display: block;
    height: 1em;
    width: 1em
}

.postGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 40px;
    row-gap: 22px
}

@media screen and (max-width:1200px) {
    .postGrid {
        grid-template-columns: 1fr 1fr;
        gap: 24px
    }
}

@media screen and (max-width:767px) {
    .postGrid {
        grid-template-columns: 1fr;
        gap: 40px
    }
}

.postItem {
    overflow: hidden;
    width: 100%
}

.postItem>a {
    background-color: #35363a;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px 20px 30px;
    text-decoration: none;
    transition: .3s
}

@media screen and (max-width:1200px) {
    .postItem>a {
        padding: 19px
    }
}

@media screen and (max-width:767px) {
    .postItem>a {
        padding: 15px
    }
}

.postItem>a:hover {
    background-color: #2d2d2d
}

.postItem_typeTop2>a {
    background-color: transparent;
    background-image: linear-gradient(144deg, #0b3c96 0, #252b3f 50%);
    border: 0
}

.postItem__image {
    max-width: 100%;
    margin-bottom: 28px
}

@media screen and (max-width:767px) {
    .postItem__image {
        margin-bottom: 24px
    }
}

.postItem_typeTop1 .postItem__image {
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .postItem_typeTop1 .postItem__image {
        margin-bottom: 24px
    }
}

.postItem__image img {
    display: block;
    aspect-ratio: 2/1;
    object-fit: cover;
    width: 100%;
    height: auto
}

.postItem_typeTop1 .postItem__image img {
    aspect-ratio: initial
}

.postItem__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    min-height: 270px
}

@media screen and (max-width:1200px) {
    .postItem__info {
        min-height: 230px
    }
}

@media screen and (max-width:767px) {
    .postItem__info {
        min-height: auto
    }
}

.postItem_typeTop1 .postItem__info {
    min-height: auto
}

.postItem__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 125%;
    margin: 0 0 8px;
    padding: 0;
    text-transform: capitalize
}

.postItem_typeTop1 .postItem__title {
    font-size: 28px;
    line-height: 140%;
    margin: 0 0 12px
}

@media screen and (max-width:1338px) {
    .postItem_typeTop1 .postItem__title {
        font-size: 30px
    }
}

@media screen and (max-width:1200px) {
    .postItem_typeTop1 .postItem__title {
        font-size: 26px
    }
}

@media screen and (max-width:1024px) {
    .postItem_typeTop1 .postItem__title {
        font-size: 25px
    }
}

@media screen and (max-width:767px) {
    .postItem_typeTop1 .postItem__title {
        font-size: 22px
    }
}

.postItem__desc {
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 28px;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .postItem__desc {
        font-size: 16px;
        margin-bottom: 24px
    }
}

.postItem_typeTop1 .postItem__desc {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 37px
}

@media screen and (max-width:1024px) {
    .postItem_typeTop1 .postItem__desc {
        margin-bottom: 23px
    }
}

@media screen and (max-width:767px) {
    .postItem_typeTop1 .postItem__desc {
        font-size: 16px;
        margin-bottom: 24px
    }
}

.postItem__meta {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between
}

.postItem__category {
    font-family: "Roboto", sans-serif;
    color: #949494;
    background-color: #3d3c3c;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    padding: 10px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:1024px) {
    .postItem__category {
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    .postItem__category {
        font-size: 13px
    }
}

.postItem_typeTop2 .postItem__category {
    background-color: #4062ff;
    color: #fff
}

.postItem__date {
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 400;
    flex-shrink: 0;
    line-height: 140%
}

.bestArticles__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 140%;
    margin: 0;
    padding: 0 0 24px
}

.bestArticles__items {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.bestArticles__item {
    border-bottom: 1px solid #353535;
    padding-bottom: 24px
}

.bestArticles__itemTitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 124%;
    margin: 0 0 18px
}

.bestArticles__itemTitle a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none
}

.bestArticles__itemMeta {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between
}

.bestArticles__itemCategory {
    font-family: "Roboto", sans-serif;
    color: #949494;
    background-color: #3d3c3c;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    padding: 10px 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bestArticles__itemDate {
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 400;
    line-height: 125%;
    flex-shrink: 0
}

.sSubscribe {
    overflow-x: hidden;
    padding-bottom: 55px
}

.sSubscribe__inner {
    background-color: #2f3033;
    border: 1px solid transparent;
    border-radius: 24px;
    display: flex;
    transition: .3s
}

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

.sSubscribe__left {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 45px 0 45px 40px;
    width: 60%;
    z-index: 1
}

@media screen and (max-width:900px) {
    .sSubscribe__left {
        padding: 25px 0 35px 30px
    }
}

@media screen and (max-width:767px) {
    .sSubscribe__left {
        padding: 40px 24px;
        width: 100%
    }
}

.sSubscribe__right {
    position: relative;
    text-align: center;
    width: 40%;
    z-index: 0
}

@media screen and (max-width:767px) {
    .sSubscribe__right {
        padding: 0 24px 40px;
        width: 100%
    }
}

.sSubscribe__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 130%;
    padding: 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .sSubscribe__title {
        font-size: 30px
    }
}

@media screen and (max-width:767px) {
    .sSubscribe__title {
        font-size: 24px;
        line-height: 1.3em
    }
}

.sSubscribe__desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    max-width: 510px;
    margin: 0 0 15px
}

.sSubscribe__form {
    display: flex;
    gap: 18px;
    align-items: center
}

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

.sSubscribe__formField {
    width: 60%
}

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

.sSubscribe__formInput {
    background-color: transparent !important;
    border: 1px solid #c8d5dc !important;
    border-radius: 8px !important;
    color: #c8d5dc !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    padding: 10px 20px !important;
    width: 100% !important
}

@media screen and (max-width:1024px) {
    .sSubscribe__formInput {
        font-size: 16px !important;
        line-height: 38px !important
    }
}

.sSubscribe__formInput::placeholder {
    color: #8b9398 !important;
    font-weight: 500 !important
}

.sSubscribe__formSubmit {
    position: relative;
    width: 40%
}

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

.sSubscribe__formSubmit input[type=submit] {
    font-family: "Roboto", sans-serif;
    background: linear-gradient(91deg, #587eff 0, #445fb4 100%) !important;
    border-radius: 8px !important;
    border: 0 !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    letter-spacing: .24px !important;
    line-height: 160% !important;
    transition: .3s !important;
    height: 54px !important;
    width: 176px !important
}

@media screen and (max-width:1024px) {
    .sSubscribe__formSubmit input[type=submit] {
        height: 55px !important;
        font-size: 20px !important
    }
}

.sSubscribe__formSubmit input[type=submit]:hover {
    transform: scale(1.1)
}

.sSubscribe__image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

@media screen and (max-width:767px) {
    .sSubscribe__image {
        position: static
    }
}

.sSubscribe__image svg {
    width: 210px
}

.sSubscribe form .wpcf7-spinner {
    display: none
}

.sSubscribe form.submitting .wpcf7-spinner {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto;
    opacity: .5
}

.sSubscribe .wpcf7 form {
    position: relative
}

.sSubscribe form .wpcf7-not-valid-tip {
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 16px
}

.sSubscribe .wpcf7 form .wpcf7-response-output {
    display: none;
    border: 0;
    color: #ffb900;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    margin: 10px 0 0;
    padding: 0;
    position: absolute
}

@media screen and (max-width:900px) {
    .sSubscribe .wpcf7 form .wpcf7-response-output {
        font-size: 14px;
        position: relative
    }
}

.sSubscribe .wpcf7 form.sent .wpcf7-response-output {
    display: block;
    color: #fff
}

.sSubscribe .wpcf7 form.sent .wpcf7-response-output::before {
    background-image: url(../img/check-solid-1.e3b47399be.png);
    content: "";
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center top;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 20px;
    height: 20px
}

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

.s__download__browsers {
    padding-top: 75px;
    display: flex;
    justify-content: center;
    gap: 77px;
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width:767px) {
    .s__download__browsers {
        order: 2;
        flex-wrap: wrap;
        gap: 48px 0;
        padding-top: 34px
    }
}

.s__download__browsersItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

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

.s__download__browsersItem a {
    transition-duration: .3s;
    transition-property: transform
}

.s__download__browsersItem a:hover {
    color: currentColor;
    transform: scale(1.1)
}

.s__download__browsersItemTitle {
    font-size: 18px;
    font-weight: 500;
    background-color: #35363a;
    border-radius: 8px;
    padding: 4px 26px;
    line-height: 38px;
    letter-spacing: .24px;
    color: #fff;
    text-decoration: none
}

.s__download__browsersItem img {
    width: 80%;
    margin: 0 auto;
    display: block
}

@media screen and (max-width:767px) {
    .s__download__browsersItem img {
        width: 50%
    }
}

.s__download__app {
    padding-top: 48px;
    display: flex;
    justify-content: center;
    gap: 32px
}

@media screen and (max-width:767px) {
    .s__download__app {
        justify-content: space-around;
        padding-top: 34px
    }
}

.s__download__appItem a {
    display: block;
    transition-duration: .3s;
    transition-property: transform
}

.s__download__appItem a:hover {
    transform: scale(1.1)
}

.s__download__appItem img {
    width: 230px;
    display: block
}

@media screen and (max-width:767px) {
    .s__download__appItem img {
        width: 260px
    }
}

.themeModeSwitcher {
    cursor: pointer;
    user-select: none
}

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

@media screen and (min-width:1024px) {
    .themeModeSwitcher_mobile {
        display: none
    }
}

.themeModeSwitcher__inner {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 500
}

@media screen and (max-width:1023px) {
    .themeModeSwitcher__inner {
        padding-left: 9px
    }
}

.themeModeSwitcher img {
    display: block;
    width: 35px;
    height: 35px
}

@media screen and (max-width:1023px) {
    .themeModeSwitcher img {
        width: 22px;
        height: 22px
    }
}

.sFeatHead {
    padding-top: 80px;
    position: relative
}

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

.sFeatHead::after {
    content: "";
    background: url(../img/feature-head-spot-dm.4910a9b44f.png)center/contain no-repeat;
    width: 1093px;
    height: 1311px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.sFeatHead__container {
    margin: 0 auto
}

.sFeatHead__inner {
    display: flex;
    align-items: center
}

@media screen and (max-width:1023px) {
    .sFeatHead__inner {
        flex-direction: column;
        gap: 40px
    }
}

.sFeatHead__info {
    padding-right: 50px
}

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

.sFeatHead__image {
    flex-shrink: 0;
    width: 48%
}

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

.sFeatHead__image img {
    display: block;
    width: 100%
}

.sFeatHead__title {
    margin-bottom: 16px;
    line-height: 50px
}

@media screen and (max-width:1023px) {
    .sFeatHead__title {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .sFeatHead__title {
        line-height: 31px
    }
}

@media screen and (max-width:1023px) {
    .sFeatHead__title:after {
        margin-left: auto;
        margin-right: auto
    }
}

.sFeatHead__benefits {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sFeatHead__benefitsItem {
    font-size: 26px;
    font-weight: 300;
    line-height: 39px;
    padding-left: 35px;
    position: relative
}

@media screen and (max-width:767px) {
    .sFeatHead__benefitsItem {
        font-size: 20px;
        line-height: 30px;
        padding-left: 30px
    }
}

.sFeatHead__benefitsItem::before {
    background: url(../svg/bw-round-check-dm.eaac02b1e8.svg)center/contain no-repeat;
    content: "";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 17px;
    height: 17px
}

@media screen and (max-width:767px) {
    .sFeatHead__benefitsItem::before {
        top: 6px
    }
}

.sFeatVideo {
    margin-top: 70px
}

@media screen and (max-width:1023px) {
    .sFeatVideo {
        margin-top: 24px
    }
}

.sFeatVideo__inner {
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 16/9;
    padding-bottom: 56.25%;
    position: relative
}

.sFeatVideo__player,
.sFeatVideo__preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sFeatVideo__preview {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.sFeatVideo__preview img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sFeatVideo__preview::after {
    background: url(../svg/video-play-button-n.66dfb988fa.svg)center/contain no-repeat;
    content: "";
    width: 120px;
    height: 120px;
    position: relative;
    transition: .5s;
    z-index: 1
}

@media screen and (max-width:767px) {
    .sFeatVideo__preview::after {
        width: 70px;
        height: 70px
    }
}

.sFeatVideo__preview:hover::after {
    transform: scale(1.05)
}

.sFeatIndicators {
    margin-top: 45px
}

@media screen and (max-width:1023px) {
    .sFeatIndicators {
        margin-top: 50px
    }
}

.sFeatIndicators__items {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 45px
}

@media screen and (max-width:1023px) {
    .sFeatIndicators__items {
        flex-direction: column;
        align-items: center
    }
}

.sFeatIndicators__item {
    background: #35363a;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    padding: 20px 16px 20px 16px;
    width: 261px;
    border-radius: 16px;
    position: relative
}

.sFeatIndicators__item::before {
    content: "";
    background: url(../svg/icon-indicator-on.e0123d3e19.svg)center/contain no-repeat;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    left: calc(50% - 20px)
}

.sFeatIndicators__itemTitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 180%;
    margin-bottom: 0;
    text-align: center
}

.sFeatIndicators__item_excluded::before {
    background-image: url(../svg/icon-indicator-off.76fcb4b94f.svg)
}

.sFeatLegend {
    margin-top: 90px
}

.sFeatLegend .container {
    background: linear-gradient(91.25deg, #587eff 0, #445fb4 100%);
    border-radius: 16px
}

@media screen and (max-width:1199px) {
    .sFeatLegend .container {
        border-radius: 0
    }
}

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

@media screen and (max-width:1023px) {
    .sFeatLegend {
        margin-top: 50px
    }
}

.sFeatLegend__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 32px 150px 32px 150px;
    margin-bottom: 0;
    position: relative
}

.sFeatLegend__inner::before {
    width: 75px;
    height: 46px;
    content: "";
    background: url(../svg/quote-up.d16a1a972c.svg)center top/cover no-repeat;
    position: absolute;
    left: 70px;
    top: 23px
}

@media screen and (max-width:1199px) {
    .sFeatLegend__inner::before {
        content: none
    }
}

.sFeatLegend__inner::after {
    width: 75px;
    height: 46px;
    content: "";
    background: url(../svg/quote-down.e56559310a.svg)center top/cover no-repeat;
    position: absolute;
    right: 70px;
    bottom: 23px
}

@media screen and (max-width:1199px) {
    .sFeatLegend__inner::after {
        content: none
    }
}

@media screen and (max-width:767px) {
    .sFeatLegend__inner {
        padding: 40px 18px
    }
}

.sFeatLegend__inner p,
.sFeatLegend__inner div {
    margin-bottom: 0
}

.sFeatDetails {
    margin-top: 90px
}

@media screen and (max-width:1023px) {
    .sFeatDetails {
        margin-top: 50px
    }
}

.sFeatDetails__title {
    padding: 0 110px
}

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

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

.sFeatDetails__title {
    margin-bottom: 24px
}

@media screen and (max-width:1023px) {
    .sFeatDetails__title {
        margin-bottom: 20px
    }
}

.sFeatDetails__content {
    display: flex;
    flex-direction: column;
    gap: 48px
}

@media screen and (max-width:1023px) {
    .sFeatDetails__content {
        gap: 28px
    }
}

.sFeatDetails__desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    padding: 36px 62px;
    border-radius: 16px;
    background: #35363a;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .11)
}

@media screen and (max-width:767px) {
    .sFeatDetails__desc {
        font-size: 16px;
        padding: 20px 24px
    }
}

.sFeatDetails__desc>p:last-child {
    margin-bottom: 0
}

.sFeatDetails__features {
    display: flex;
    gap: 34px;
    justify-content: center
}

@media screen and (max-width:1199px) {
    .sFeatDetails__features {
        flex-wrap: wrap
    }
}

@media screen and (max-width:767px) {
    .sFeatDetails__features {
        gap: 20px
    }
}

.sFeatDetails__featuresItem {
    width: calc(33% - 17px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 18px 12px 21px;
    background-color: #35363a;
    border-radius: 16px
}

@media screen and (max-width:1199px) {
    .sFeatDetails__featuresItem {
        width: calc(50% - 17px)
    }
}

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

.sFeatDetails__featuresItemTitle {
    font-size: 28px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (max-width:767px) {
    .sFeatDetails__featuresItemTitle {
        font-size: 22px
    }
}

.sFeatDetails__featuresItemIcon {
    background: center/contain no-repeat;
    width: 100px;
    height: 100px;
    margin-bottom: 6px
}

.sFeatDetails__featuresItemIcon_password {
    background-image: url(../svg/password-dm-large.2fdd6dd609.svg)
}

.sFeatDetails__featuresItemIcon_smartphone {
    background-image: url(../svg/smartphone-dm-large.586b50d4f1.svg)
}

.sFeatDetails__featuresItemIcon_fingerprint {
    background-image: url(../svg/fingerprint-dm-large.68ab19ab05.svg)
}

.sFeatDetails__featuresItemIcon_laptop {
    background-image: url(../svg/laptop-dm-large.4a30c91dc3.svg)
}

.sFeatDetails__featuresItemIcon svg {
    display: block;
    width: 100%;
    height: 100%
}

.sFeatDetails__featuresItemPre {
    font-size: 28px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 6px
}

@media screen and (max-width:767px) {
    .sFeatDetails__featuresItemPre {
        font-size: 22px
    }
}

.sFeatDetails__featuresItemPost {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.sFeatCarousel {
    margin-top: 90px;
    position: relative
}

.sFeatCarousel::after {
    background: url(../img/feature-carousel-spot-dm.d1a0d9c9ea.png)center/contain no-repeat;
    content: "";
    width: 432px;
    height: 1595px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: -1
}

.sFeatCarousel__title {
    margin-bottom: 30px
}

.sFeatCarousel__sliderWrap {
    background-color: #35363a;
    border-radius: 20px;
    box-shadow: 0 4px 19px 0 rgba(0, 0, 0, .1098039216);
    overflow: hidden;
    padding: 40px 0 10px 40px;
    position: relative;
    user-select: none
}

@media screen and (max-width:767px) {
    .sFeatCarousel__sliderWrap {
        padding: 20px 0 10px 12px
    }
}

.sFeatCarousel__slider {
    padding-right: 40px !important
}

.sFeatCarousel__sliderItem {
    width: fit-content !important
}

.sFeatCarousel__sliderItem img {
    display: block;
    width: auto;
    height: 434px
}

.sFeatCarousel__sliderItemStep {
    margin: 10px auto 0;
    padding: 0 7px;
    width: fit-content;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    border-radius: 27px;
    background: #3d3c3c;
    color: #949494
}

.sFeatCarousel__sliderBtn {
    background: linear-gradient(91.25deg, #587eff 0, #445fb4 100%) !important;
    color: #fff !important;
    margin: 0 !important;
    width: 25px !important;
    height: 100% !important;
    top: 0 !important;
    bottom: 0 !important
}

@media screen and (max-width:767px) {
    .sFeatCarousel__sliderBtn {
        width: 14px !important
    }
}

.sFeatCarousel__sliderBtn_prev {
    left: 0 !important
}

.sFeatCarousel__sliderBtn_next {
    right: 0 !important
}

.sFeatCarousel__sliderBtn.swiper-button-disabled {
    opacity: 0 !important
}

.sFeatCarousel__sliderBtn::after {
    font-size: 20px !important
}

@media screen and (max-width:767px) {
    .sFeatCarousel__sliderBtn::after {
        font-size: 14px !important
    }
}

.sFeatSupport {
    margin-top: 70px
}

@media screen and (max-width:1023px) {
    .sFeatSupport {
        margin-top: 50px
    }
}

.sFeatSupport__title {
    margin-bottom: 30px
}

.sFeatSupport__inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 41px
}

@media screen and (max-width:1023px) {
    .sFeatSupport__inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px
    }
}

@media screen and (max-width:1023px) {
    .sFeatSupport .postItem {
        width: calc(50% - 15px)
    }
}

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

.sFeatSupport__discord {
    background-color: #35363a;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 28px 42px
}

@media screen and (max-width:1023px) {
    .sFeatSupport__discord {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:767px) {
    .sFeatSupport__discord {
        width: 100%;
        gap: 78px
    }
}

.sFeatSupport__discordIcon {
    height: 60px
}

.sFeatSupport__discordIcon img {
    width: auto;
    height: 100%
}

.sFeatSupport__discordInfo {
    display: flex;
    flex-direction: column;
    gap: 19px;
    text-align: center
}

.sFeatSupport__discordTitle {
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    margin: 0
}

.sFeatSupport__discordDesc {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px
}

.sFeatSupport__discordLinks {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.sFeatSupport__discordLink {
    background-color: #f2f3ff;
    border-radius: 12px;
    color: #242424;
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    padding: 14px 16px;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .sFeatSupport__discordLink {
        font-weight: 600;
        font-size: 15px
    }
}

.sFeatSupport__discordLink:hover {
    color: #242424
}

.sFeatSupport__discordLink::before {
    background: center/contain no-repeat;
    content: "";
    width: 25px;
    height: 25px
}

@media screen and (max-width:767px) {
    .sFeatSupport__discordLink::before {
        width: 20px;
        height: 20px
    }
}

.sFeatSupport__discordLink_support::before {
    background-image: url(../img/icon-wrench.fc887353bb.webp)
}

.sFeatSupport__discordLink_faq::before {
    background-image: url(../img/icon-question-mark.9eddb4ba2d.webp)
}

.sFeatSupport__discordLink span {
    border-left: 3px solid #242424;
    padding-left: 10px
}

.sFeatDownload {
    margin-top: 70px
}

@media screen and (max-width:1023px) {
    .sFeatDownload {
        margin-top: 50px
    }
}

.sFeatDownload .container {
    padding-top: 65px;
    padding-bottom: 60px;
    background-image: linear-gradient(91.25deg, #587eff 0, #445fb4 100%);
    border-radius: 16px
}

@media screen and (max-width:1199px) {
    .sFeatDownload .container {
        padding: 30px 0 30px;
        border-radius: 0
    }
}

@media screen and (max-width:767px) {
    .sFeatDownload .container {
        padding: 30px 20px
    }
}

.sFeatDownload__title {
    text-align: center
}

.sFeatDownload__title::after {
    background: #fff
}

.sFeatDownload__desc {
    margin: 0;
    text-align: center
}

.sFeatDownload .s__download__browsersItemTitle {
    background-color: #fff;
    color: #242424
}

.sFeatDownload .s__download__browsersItemTitle:hover {
    color: #242424
}

.sFeatFaq {
    margin-top: 70px
}

@media screen and (max-width:1023px) {
    .sFeatFaq {
        margin-top: 50px
    }
}

.sFeatFaq__title {
    margin-bottom: 50px
}

.sFeatFaq__items {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.sFeatFaq__item {
    background-color: #35363a;
    border-radius: 5px
}

.sFeatFaq__itemQ {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 125%;
    padding: 22px 30px;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .sFeatFaq__itemQ {
        font-size: 18px;
        padding: 22px 13px
    }
}

.sFeatFaq__itemQ svg {
    transform: rotate(180deg);
    transition: .3s
}

.sFeatFaq__item.collapsed .sFeatFaq__itemQ svg {
    transform: none
}

.sFeatFaq__itemA {
    font-size: 20px;
    font-weight: 400;
    line-height: 180%;
    padding: 0 30px 22px;
    margin-bottom: 0
}

.sFeatFaq__itemA p,
.sFeatFaq__itemA div,
.sFeatFaq__itemA span {
    margin-bottom: 0
}

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

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

.sFeatHubHead {
    padding-top: 30px;
    position: relative;
    margin-bottom: 128px
}

@media screen and (max-width:1200px) {
    .sFeatHubHead {
        margin-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .sFeatHubHead {
        padding-top: 40px;
        margin-bottom: 40px
    }
}

.sFeatHubHead::after {
    background: url(../img/feature-hub-head-spot-dm.3fbfd21b3e.png)center/contain no-repeat;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1065px;
    height: 1161px;
    z-index: -1
}

.sFeatHubHead__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 461px
}

@media screen and (max-width:767px) {
    .sFeatHubHead__inner {
        gap: 16px
    }
}

.sFeatHubHead__info {
    width: 542px
}

@media screen and (max-width:1200px) {
    .sFeatHubHead__info {
        width: 422px
    }
}

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

.sFeatHubHead__title {
    line-height: 50px;
    margin-bottom: 16px;
    position: relative
}

@media screen and (max-width:1023px) {
    .sFeatHubHead__title {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .sFeatHubHead__title {
        line-height: 31px
    }
}

.sFeatHubHead__title::before {
    background: url(../svg/feature-hub-head-stars.edf3ef3f14.svg)center/contain no-repeat;
    content: "";
    position: absolute;
    top: -89px;
    right: 46px;
    width: 59px;
    height: 53px
}

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

@media screen and (max-width:1023px) {
    .sFeatHubHead__title:after {
        margin-left: auto;
        margin-right: auto
    }
}

.sFeatHubHead__desc {
    margin-bottom: 0;
    line-height: 39px
}

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

.sFeatHubHead__image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 8px);
    aspect-ratio: 702/461;
    padding-right: 20px;
    max-width: 50%;
    max-height: 461px
}

@media screen and (max-width:1200px) {
    .sFeatHubHead__image {
        left: 50%
    }
}

@media screen and (max-width:1023px) {
    .sFeatHubHead__image {
        top: unset;
        left: unset;
        max-height: unset;
        transform: none;
        height: auto;
        position: relative;
        max-width: 100%;
        aspect-ratio: 682/461;
        padding: 0;
        margin: 20px 0 0
    }
}

.sFeatHubHead__image img {
    display: block;
    width: auto;
    height: 100%
}

@media screen and (max-width:1023px) {
    .sFeatHubHead__image img {
        width: 100%;
        height: auto
    }
}

.sFeatHubFeatures {
    margin-bottom: 110px
}

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

.sFeatHubFeatures__inner {
    display: flex;
    flex-direction: column;
    gap: 57px
}

@media screen and (max-width:1023px) {
    .sFeatHubFeatures__inner {
        gap: 35px
    }
}

.sFeatHubFeatures__title {
    margin-bottom: 0
}

.sFeatHubFeatures__filter {
    display: flex;
    gap: 38px
}

@media screen and (max-width:1200px) {
    .sFeatHubFeatures__filter {
        gap: 38px
    }
}

@media screen and (max-width:1023px) {
    .sFeatHubFeatures__filter {
        flex-wrap: wrap;
        row-gap: 20px;
        column-gap: 10px
    }
}

.sFeatHubFeatures__filterItem {
    border: 1px solid #35363a;
    border-radius: 30px;
    background: #35363a;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    flex: 1;
    overflow: hidden;
    text-align: center;
    padding: 12.5px 25px;
    position: relative;
    transition: .5s;
    z-index: 0
}

@media screen and (max-width:1023px) {
    .sFeatHubFeatures__filterItem {
        flex: unset
    }
}

.sFeatHubFeatures__filterItem::after {
    background: linear-gradient(91.25deg, #587eff 0, #445fb4 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .5s;
    z-index: -1
}

.sFeatHubFeatures__filterItem.active,
.sFeatHubFeatures__filterItem:hover {
    border-color: #4062ff
}

.sFeatHubFeatures__filterItem.active::after,
.sFeatHubFeatures__filterItem:hover::after {
    opacity: 1
}

.sFeatHubFeatures__posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px 40px
}

@media screen and (max-width:1023px) {
    .sFeatHubFeatures__posts {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:767px) {
    .sFeatHubFeatures__posts {
        grid-template-columns: 1fr
    }
}

.sFeatHubFeatures__post {
    background-color: #35363a;
    border-radius: 6px;
    color: #fff;
    padding: 20px 20px 35px;
    text-decoration: none;
    transition: box-shadow .5s
}

.sFeatHubFeatures__post_highlighted {
    background: linear-gradient(91.25deg, #587eff 0, #445fb4 100%)
}

.sFeatHubFeatures__post:hover {
    box-shadow: 0 4px 36px 0 rgba(0, 0, 0, .9411764706);
    color: #fff
}

.sFeatHubFeatures__postImage {
    background-color: #fff;
    margin-bottom: 17px
}

.sFeatHubFeatures__postImage img {
    display: block;
    margin: 0 auto;
    height: 150px;
    width: auto
}

.sFeatHubFeatures__postTitle {
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 6px
}

.sFeatHubFeatures__postExcerpt {
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

.homePage {
    overflow: hidden
}

.homePage .hero {
    padding-top: 80px;
    padding-bottom: 75px
}

@media screen and (max-width:1024px) {
    .homePage .hero {
        padding-bottom: 52px
    }
}

@media screen and (max-width:767px) {
    .homePage .hero {
        padding-top: 10px
    }
}

.homePage .heroWrapper {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .homePage .heroWrapper {
        flex-direction: column
    }
}

.homePage .heroWrapperLeft {
    width: 47%;
    text-align: right;
    padding-left: 20px
}

@media screen and (max-width:1024px) {
    .homePage .heroWrapperLeft {
        width: 46%
    }
}

@media screen and (max-width:767px) {
    .homePage .heroWrapperLeft {
        width: 100%;
        order: 2;
        text-align: center;
        padding-right: 20px
    }
}

.homePage .heroWrapperLeft img {
    animation-duration: .75s;
    max-width: 686px;
    aspect-ratio: 686/410;
    object-fit: cover;
    width: auto
}

@media screen and (max-width:1480px) {
    .homePage .heroWrapperLeft img {
        max-width: 100%
    }
}

.homePage .heroWrapperRight {
    width: 53%;
    padding-left: 35px;
    padding-right: 24px;
    position: relative
}

@media screen and (max-width:767px) {
    .homePage .heroWrapperRight {
        width: 100%;
        order: 1;
        text-align: center;
        padding: 35px 10px 0
    }
}

.homePage .heroWrapperRightTitleImg {
    width: 173px
}

@media screen and (max-width:767px) {
    .homePage .heroWrapperRightTitleImg {
        width: 136px;
        margin: 0 auto
    }
}

.homePage .heroWrapperRightTitleImg img {
    object-fit: cover
}

.homePage .heroWrapperRightTitleImg svg {
    display: block;
    width: 100%
}

.homePage .heroWrapperRight .afterTitle {
    margin: 16px 0 25px
}

.homePage .heroWrapperRight .blueButton {
    margin-bottom: 20px
}

.homePage .heroWrapperRightInfo {
    font-size: 18px;
    font-weight: 400;
    color: #949494;
    line-height: 24px
}

@media screen and (max-width:1024px) {
    .homePage .heroWrapperRightInfo {
        font-size: 16px
    }
}

.homePage .heroWrapperRightInfo a {
    color: #4891ff;
    text-decoration: none
}

.homePage .heroWrapperRightInfo a:hover {
    color: #4062ff
}

.homePage .heroWrapperRight:after {
    content: "";
    position: absolute;
    width: 63px;
    height: 57px;
    background-image: url(../img/star-hero.bf3319864b.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: -20px;
    left: 360px
}

@media screen and (max-width:1024px) {
    .homePage .heroWrapperRight:after {
        width: 40px;
        height: 36px;
        left: 275px
    }
}

@media screen and (max-width:767px) {
    .homePage .heroWrapperRight:after {
        width: 33px;
        height: 30px;
        top: 0;
        left: unset;
        right: 8vw
    }
}

.homePage .needsWrapperBlocks {
    display: flex;
    flex-direction: column
}

.homePage .needsWrapperBlocksFirst {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 83px
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksFirst {
        flex-direction: column;
        gap: 40px;
        max-width: 500px;
        margin: 0 auto;
        padding-top: 54px
    }
}

.homePage .needsWrapperBlocksFirstLeft {
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksFirstLeft {
        width: 100%;
        text-align: center
    }
}

.homePage .needsWrapperBlocksFirstLeft .title,
.homePage .needsWrapperBlocksFirstLeft .titleBorder {
    margin-bottom: 20px
}

.homePage .needsWrapperBlocksFirstRight {
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 40.36%
}

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

.homePage .needsWrapperBlocksFirstRight img {
    animation-duration: 1.25s
}

.homePage .needsWrapperBlocksSecond {
    display: flex;
    align-items: center;
    padding-top: 58px
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksSecond {
        flex-direction: column;
        gap: 10px
    }
}

.homePage .needsWrapperBlocksSecondLeft {
    width: 50%;
    position: relative;
    text-align: center;
    padding-top: 55px;
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-width:1024px) {
    .homePage .needsWrapperBlocksSecondLeft {
        padding-top: 32px
    }
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksSecondLeft {
        width: 100%;
        order: 2;
        padding-top: 15%
    }
}

.homePage .needsWrapperBlocksSecondLeft img {
    animation-duration: 1.25s
}

.homePage .needsWrapperBlocksSecondLeft img:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 47%;
    object-fit: cover;
    z-index: 2
}

.homePage .needsWrapperBlocksSecondLeft img:nth-child(2) {
    width: 44%;
    object-fit: cover
}

.homePage .needsWrapperBlocksSecondRight {
    width: 50%
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksSecondRight {
        width: 100%;
        text-align: center;
        order: 1
    }
}

.homePage .needsWrapperBlocksSecondRight .title,
.homePage .needsWrapperBlocksSecondRight .titleBorder {
    margin-bottom: 20px
}

.homePage .needsWrapperBlocksThird {
    display: flex;
    align-items: center;
    padding-top: 86px
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksThird {
        flex-direction: column;
        gap: 30px
    }
}

.homePage .needsWrapperBlocksThirdLeft {
    width: 50%
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksThirdLeft {
        width: 100%;
        text-align: center
    }
}

.homePage .needsWrapperBlocksThirdLeft .title,
.homePage .needsWrapperBlocksThirdLeft .titleBorder {
    margin-bottom: 20px
}

.homePage .needsWrapperBlocksThirdRight {
    width: 50%;
    position: relative;
    text-align: center;
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

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

.homePage .needsWrapperBlocksThirdRight img:nth-child(1) {
    animation-duration: 1.25s;
    width: 80%;
    position: relative;
    z-index: 2
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksThirdRight img:nth-child(1) {
        width: 90%
    }
}

.homePage .needsWrapperBlocksThirdRight img.leftTop {
    position: absolute;
    width: 82px;
    height: 82px;
    top: 0;
    left: 100px;
    object-fit: cover
}

@media screen and (max-width:1024px) {
    .homePage .needsWrapperBlocksThirdRight img.leftTop {
        width: 19%;
        height: auto;
        left: 60px
    }
}

.homePage .needsWrapperBlocksThirdRight img.leftBottom {
    position: absolute;
    width: 82px;
    height: 82px;
    bottom: 26px;
    left: 64px;
    object-fit: cover;
    z-index: 2
}

@media screen and (max-width:1024px) {
    .homePage .needsWrapperBlocksThirdRight img.leftBottom {
        bottom: 66px;
        left: 54px;
        width: 14%;
        height: auto
    }
}

.homePage .needsWrapperBlocksThirdRight img.rightCenter {
    position: absolute;
    width: 82px;
    height: 82px;
    top: calc(50% - 41px);
    right: 30px;
    object-fit: cover
}

@media screen and (max-width:1024px) {
    .homePage .needsWrapperBlocksThirdRight img.rightCenter {
        width: 18%;
        height: auto
    }
}

.homePage .needsWrapperBlocksFourth {
    display: flex;
    align-items: center;
    padding-top: 86px
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksFourth {
        flex-direction: column;
        gap: 10px
    }
}

.homePage .needsWrapperBlocksFourthLeft {
    width: 50%;
    position: relative;
    text-align: center;
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-width:1024px) {
    .homePage .needsWrapperBlocksFourthLeft {
        padding-top: 32px
    }
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksFourthLeft {
        width: 100%;
        order: 2
    }
}

.homePage .needsWrapperBlocksFourthLeft img {
    width: 71%;
    animation-duration: 1.25s
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksFourthLeft img {
        width: 85%
    }
}

.homePage .needsWrapperBlocksFourthRight {
    width: 50%
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksFourthRight {
        width: 100%;
        text-align: center;
        order: 1
    }
}

.homePage .needsWrapperBlocksFourthRight .title,
.homePage .needsWrapperBlocksFourthRight .titleBorder {
    margin-bottom: 20px
}

.homePage .needsWrapperBlocksFifth {
    display: flex;
    align-items: center;
    padding-top: 86px
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksFifth {
        flex-direction: column
    }
}

.homePage .needsWrapperBlocksFifthLeft {
    width: 50%
}

@media screen and (max-width:767px) {
    .homePage .needsWrapperBlocksFifthLeft {
        padding-top: 54px;
        width: 100%;
        text-align: center
    }
}

.homePage .needsWrapperBlocksFifthLeft .title,
.homePage .needsWrapperBlocksFifthLeft .titleBorder {
    margin-bottom: 20px
}

.homePage .needsWrapperBlocksFifthRight {
    width: 50%;
    text-align: center
}

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

.homePage .needsWrapperBlocksFifthRight img {
    animation-duration: 1.25s;
    width: 50%
}

@media screen and (max-width:1024px) {
    .homePage .needsWrapperBlocksFifthRight img {
        width: 66%
    }
}

.homePage .why__wrapper {
    padding: 50px 0
}

.homePage .why__blocks {
    display: flex;
    padding-top: 45px;
    gap: 30px
}

@media screen and (max-width:767px) {
    .homePage .why__blocks {
        flex-direction: column
    }
}

.homePage .why__blocksBlock {
    width: 100%;
    padding: 50px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    background-color: #35363a;
    border-bottom: solid 26px #4062ff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .09);
    border-radius: 16px;
    text-align: center
}

@media screen and (max-width:1024px) {
    .homePage .why__blocksBlock {
        padding: 24px
    }
}

@media screen and (max-width:767px) {
    .homePage .why__blocksBlock {
        padding: 40px 20px 24px
    }
}

.homePage .why__blocksBlock img {
    width: 17%
}

@media screen and (max-width:767px) {
    .homePage .why__blocksBlock img {
        width: 24%
    }
}

.homePage .try__wrapper {
    padding: 50px 0 100px
}

.homePage .try__wrapper .afterTitle {
    margin-top: 44px;
    text-align: center
}

.homePage .join__wrapper {
    padding: 55px 40px 40px;
    border-radius: 16px;
    background-color: #35363a;
    background-image: url(../img/starknetbackground.4d25f59a8f.png);
    background-position: -214px -127px;
    background-repeat: no-repeat;
    background-size: 100em auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (max-width:1024px) {
    .homePage .join__wrapper {
        background-size: 1000px auto
    }
}

.homePage .join .title,
.homePage .join .titleBorder {
    text-align: center;
    position: relative
}

.homePage .join .title::after,
.homePage .join .titleBorder::after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 174px;
    height: 4px;
    background-color: #4062ff;
    left: calc(50% - 87px)
}

.homePage .join__TitleImg {
    display: inline-block;
    vertical-align: middle;
    width: 158px
}

@media screen and (max-width:767px) {
    .homePage .join__TitleImg {
        width: 125px
    }
}

.homePage .join .afterTitle {
    padding-top: 50px;
    text-align: center;
    margin-bottom: 25px
}

.homePage .join__bottomImg {
    width: 245px;
    height: 56px
}

@media screen and (max-width:767px) {
    .homePage .join__bottomImg {
        width: 200px;
        height: 45px
    }
}

.homePage .join__bottomImg img {
    display: block;
    width: 100%
}

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

.homePage .alternative__wrapper {
    padding: 100px 0 24px
}

@media screen and (max-width:767px) {
    .homePage .alternative .titleBorder {
        padding: 0 20px
    }
}

@media screen and (max-width:767px) {
    .homePage .alternative__mobileScroll {
        overflow-x: scroll
    }
}

@media screen and (max-width:767px) {
    .homePage .alternative__mobileScroll::-webkit-scrollbar {
        height: 0
    }
}

.homePage .alternative__blocks {
    margin-top: 80px;
    display: flex;
    gap: 18px
}

@media screen and (max-width:1024px) {
    .homePage .alternative__blocks {
        flex-wrap: wrap
    }
}

@media screen and (max-width:767px) {
    .homePage .alternative__blocks {
        flex-wrap: nowrap;
        width: max-content;
        padding: 0 20px
    }
}

.homePage .alternative__blocksBlock {
    padding: 32px 0 8px;
    background-color: #35363a;
    border-radius: 16px;
    position: relative;
    width: 100%
}

@media screen and (max-width:1024px) {
    .homePage .alternative__blocksBlock {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width:767px) {
    .homePage .alternative__blocksBlock {
        width: 80vw;
        order: 2
    }
}

.homePage .alternative__blocksBlock.mainBlock {
    background-color: #202b31
}

@media screen and (max-width:767px) {
    .homePage .alternative__blocksBlock.mainBlock {
        order: 1
    }
}

.homePage .alternative__blocksBlockAltTitle {
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background-color: #4062ff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 8px 26px;
    line-height: 38px;
    letter-spacing: .24px;
    top: -27px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    gap: 8px;
    width: fit-content
}

.homePage .alternative__blocksBlockTitle {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 15px
}

.homePage .alternative__blocksBlockOptions {
    display: flex;
    flex-direction: column
}

.homePage .alternative__blocksBlockOptionsLine {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    border-top: solid 1px #fff;
    gap: 8px
}

.homePage .alternative__blocksBlockOptionsLineCheck {
    width: 24px;
    height: 24px
}

.homePage .alternative__blocksBlockOptionsLineTitle {
    font-size: 16px;
    line-height: 22px;
    margin: 8px 0;
    color: #fff
}

.homePage .alternative__blocksBlockOptionsLineTitle span {
    font-size: 10px;
    line-height: 15px;
    display: block
}

.homePage .alternative__note {
    margin: 10px 0 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-style: italic
}

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

.homePage .saying__wrapper {
    padding: 50px 0 80px
}

.homePage .saying__sliderWrap {
    padding: 50px 0;
    position: relative
}

.homePage .saying .swiper {
    margin: 0 auto;
    width: calc(96% - 28px);
    position: static
}

@media screen and (max-width:767px) {
    .homePage .saying .swiper {
        width: calc(96% - 40px)
    }
}

.homePage .saying .swiper-slide {
    background-color: #35363a;
    border: 1px solid transparent;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    cursor: grab;
    height: auto
}

.homePage .saying .swiper-slide-header {
    display: flex;
    gap: 16px
}

.homePage .saying .swiper-slide-header-avatar {
    width: 40px
}

.homePage .saying .swiper-slide-header-name {
    display: flex;
    flex-direction: column
}

.homePage .saying .swiper-slide-header-name span:nth-child(1) {
    font-size: 18px;
    font-weight: 500;
    line-height: 141%;
    color: #fff
}

@media screen and (max-width:1024px) {
    .homePage .saying .swiper-slide-header-name span:nth-child(1) {
        line-height: 134%
    }
}

.homePage .saying .swiper-slide-header-name span:nth-child(2) {
    color: #949494;
    font-size: 14px;
    font-weight: 400;
    line-height: 141%
}

.homePage .saying .swiper-slide-header-socIcon {
    margin-left: auto;
    width: 24px;
    height: 24px
}

.homePage .saying .swiper-slide-header-socIcon svg {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.homePage .saying .swiper-slide-content {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.homePage .saying .swiper-pagination {
    bottom: 10px
}

.homePage .saying .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background-color: rgba(64, 98, 255, .4588235294);
    opacity: 1
}

.homePage .saying .swiper-pagination-bullet-active {
    background-color: #4062ff
}

.homePage .saying .swiper-button-prev,
.homePage .saying .swiper-button-next {
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px
}

.homePage .saying .swiper-button-prev:after,
.homePage .saying .swiper-button-next:after {
    content: none
}

.homePage .saying .swiper-button-prev {
    left: 0
}

.homePage .saying .swiper-button-prev:after {
    content: none
}

.homePage .saying .swiper-button-next {
    right: 0
}

.homePage .want {
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 35%auto
}

@media screen and (max-width:767px) {
    .homePage .want .container {
        max-width: 540px;
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {
    .homePage .want {
        background-size: cover
    }
}

.homePage .want__wrapper {
    padding: 0 0 110px
}

.homePage .want__social {
    display: flex;
    flex-direction: column
}

.homePage .want__social__list {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    gap: 100px;
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width:1023px) {
    .homePage .want__social__list {
        gap: 0;
        justify-content: space-between
    }
}

@media screen and (max-width:767px) {
    .homePage .want__social__list {
        flex-wrap: wrap;
        row-gap: 48px;
        padding-top: 74px
    }
}

.homePage .want__social__listItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

@media screen and (max-width:767px) {
    .homePage .want__social__listItem {
        width: 50%
    }
}

.homePage .want__social__listItemLightThemeIcon {
    display: none
}

.homePage .want__social__listItemTitle {
    font-size: 20px;
    font-weight: 500;
    background-color: #35363a;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px 26px;
    line-height: 38px;
    letter-spacing: .24px;
    color: #fff;
    min-width: 120px
}

.homePage .want__social__listItem a {
    text-align: center;
    text-decoration: none;
    transition-duration: .3s;
    transition-property: transform
}

.homePage .want__social__listItem a:nth-child(1) {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 68px
}

.homePage .want__social__listItem a:hover {
    transform: scale(1.1)
}

.homePage .want__social__listItem img {
    width: 80%;
    margin: 0 auto;
    display: block
}

@media screen and (max-width:767px) {
    .homePage .want__social__listItem img {
        width: 50%
    }
}

.homePage .want__social__listItem svg {
    display: block
}

.homePage .see {
    padding-bottom: 100px;
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-position: 800px -69px;
    background-repeat: no-repeat;
    background-size: 36%auto
}

@media screen and (max-width:1024px) {
    .homePage .see {
        padding: 0 0 80px;
        background-position: 0 0
    }
}

@media screen and (max-width:767px) {
    .homePage .see {
        background-position: center center;
        background-size: cover
    }
}

.homePage .see__wrapper {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .homePage .see__wrapper {
        flex-direction: column
    }
}

.homePage .see__wrapper__right {
    width: 46%;
    text-align: center
}

@media screen and (max-width:767px) {
    .homePage .see__wrapper__right {
        width: 100%;
        order: 2;
        padding-top: 30px
    }
}

.homePage .see__wrapper__right img {
    animation-duration: .75s;
    max-height: 820px;
    object-fit: contain;
    object-position: left;
    width: 90%
}

@media screen and (max-width:767px) {
    .homePage .see__wrapper__right img {
        width: 80%
    }
}

.homePage .see__wrapper__left {
    width: 54%;
    padding-left: 10px;
    padding-right: 24px;
    position: relative
}

@media screen and (max-width:767px) {
    .homePage .see__wrapper__left {
        width: 100%;
        order: 1;
        text-align: center;
        padding: 35px 10px 0
    }
}

.homePage .see__wrapper__left .title,
.homePage .see__wrapper__left .titleBorder {
    margin: 0 0 17px;
    text-transform: none
}

@media screen and (max-width:1024px) {
    .homePage .see__wrapper__left .title,
    .homePage .see__wrapper__left .titleBorder {
        margin: 0 0 10px
    }
}

@media screen and (max-width:767px) {
    .homePage .see__wrapper__left .title,
    .homePage .see__wrapper__left .titleBorder {
        margin: 0 0 20px
    }
}

.homePage .see__wrapper__left .afterTitle {
    margin: 0 0 40px
}

.homePage .see__wrapper__left .blueButton {
    margin-bottom: 28px
}

.homePage .see__wrapper__leftInfo {
    font-size: 18px;
    font-weight: 400;
    color: #949494;
    line-height: 24px
}

@media screen and (max-width:1024px) {
    .homePage .see__wrapper__leftInfo {
        font-size: 16px
    }
}

.homePage .see__wrapper__leftInfo a {
    color: #4891ff;
    text-decoration: none
}

.homePage .see__wrapper__leftInfo a:hover {
    color: #4062ff
}

.homePage .see__wrapper__left:after {
    content: "";
    position: absolute;
    width: 46px;
    height: 42px;
    background-image: url(../img/star-footer.eeffddbde0.webp);
    background-repeat: no-repeat;
    background-size: cover;
    top: -78px;
    left: -44px
}

@media screen and (max-width:1024px) {
    .homePage .see__wrapper__left:after {
        width: 40px;
        height: 36px;
        left: 270px;
        top: -40px
    }
}

@media screen and (max-width:767px) {
    .homePage .see__wrapper__left:after {
        width: 45px;
        height: 41px;
        top: 0;
        right: unset;
        left: calc(50% - 158px)
    }
}

.blogPage {
    padding-top: 80px
}

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

.sBlogTop {
    padding-bottom: 29px
}

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

.sBlogTop__inner {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

@media screen and (max-width:767px) {
    .sBlogTop__inner {
        flex-direction: column-reverse
    }
}

.sBlogTop__left {
    max-width: 100%;
    width: 720px
}

@media screen and (max-width:767px) {
    .sBlogTop__left {
        width: auto
    }
}

.sBlogTop__right {
    display: flex;
    flex-direction: column;
    width: 330px
}

@media screen and (max-width:767px) {
    .sBlogTop__right {
        width: auto
    }
}

.sBlogTop__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 50px;
    margin: 0;
    padding: 4px 0 20px;
    color: var(--main-font-color)
}

@media screen and (max-width:1024px) {
    .sBlogTop__title {
        font-size: 30px;
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .sBlogTop__title {
        line-height: 31px;
        font-size: 28px
    }
}

.sBlogTop__title::before {
    content: "";
    background: url(../img/star-footer.1192bfb5eb.png)no-repeat;
    background-size: contain;
    display: block;
    margin-bottom: 20px;
    width: 50px;
    height: 45px;
    transform: scaleX(-1)
}

@media screen and (max-width:1024px) {
    .sBlogTop__title::before {
        aspect-ratio: 54/49;
        width: 17%;
        height: auto
    }
}

@media screen and (max-width:767px) {
    .sBlogTop__title::before {
        width: 40px;
        height: 36px
    }
}

.sBlogTop__desc {
    font-size: 26px;
    font-weight: 300;
    line-height: 39px;
    margin-bottom: 32px
}

@media screen and (max-width:767px) {
    .sBlogTop__desc {
        font-size: 18px;
        line-height: 30px
    }
}

.sBlogTop__desc :last-child {
    margin-bottom: 0
}

.sBlogTop__joinTitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 125%;
    margin: 0 0 20px
}

@media screen and (max-width:1024px) {
    .sBlogTop__joinTitle {
        font-size: 24px;
        line-height: 1.42em
    }
}

@media screen and (max-width:767px) {
    .sBlogTop__joinTitle {
        font-size: 20px;
        margin-bottom: 12px
    }
}

.sBlogTop__socials {
    display: flex;
    gap: 12px
}

@media screen and (max-width:767px) {
    .sBlogTop__socials {
        margin-bottom: 35px
    }
}

.sBlogTop__socialsItem a {
    display: block;
    font-size: 36px;
    transition: .3s
}

.sBlogTop__socialsItem a:hover {
    opacity: .8
}

.sBlogCatList {
    margin: 29px 0 25px 0
}

.sBlogCatList__box {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

@media screen and (max-width:767px) {
    .sBlogCatList__box {
        column-gap: 10px
    }
}

.sBlogCatList__boxItem {
    background-color: #3d3c3c;
    border: 1px solid transparent;
    border-radius: 115px;
    color: #fff;
    font-size: 18px;
    line-height: 130%;
    min-width: 90px;
    text-align: center;
    padding: 12px 22px;
    transition: .5s;
    text-decoration: none
}

.sBlogCatList__boxItem.active,
.sBlogCatList__boxItem:hover {
    background-color: #4062ff;
    color: #fff
}

@media screen and (max-width:767px) {
    .sBlogCatList__boxItem {
        padding: 8px 32px;
        font-size: 16px
    }
}

.sBlogPostGroup1 {
    padding-bottom: 10px
}

@media screen and (max-width:1024px) {
    .sBlogPostGroup1 {
        padding-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .sBlogPostGroup1 {
        padding-bottom: 20px
    }
}

.sBlogPostGroup2 {
    padding-bottom: 40px
}

@media screen and (max-width:1024px) {
    .sBlogPostGroup2 {
        padding-bottom: 24px
    }
}

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

.sBlogPostGroup2__inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px
}

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

@media screen and (max-width:1200px) {
    .sBlogPostGroup2__left {
        margin-bottom: 20px
    }
}

@media screen and (max-width:1024px) {
    .sBlogPostGroup2__left {
        margin-bottom: 0
    }
}

.sBlogPostGroup2__right {
    overflow: hidden
}

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

.sBlogPostGroup2 .postGrid {
    grid-template-columns: 1fr 1fr
}

@media screen and (max-width:767px) {
    .sBlogPostGroup2 .postGrid {
        grid-template-columns: 1fr
    }
}

.sBlogPostGroup2__bestArticles {
    padding-left: 20px;
    position: sticky;
    top: 0
}

@media screen and (max-width:1200px) {
    .sBlogPostGroup2__bestArticles {
        padding-left: 0;
        position: static
    }
}

.sBlogWidget {
    padding-bottom: 60px
}

.sBlogWidget img {
    display: block
}

.sBlogPostGroup3 {
    padding-bottom: 55px
}

@media screen and (max-width:1200px) {
    .sBlogPostGroup3 {
        padding-bottom: 80px
    }
}

@media screen and (max-width:1024px) {
    .sBlogPostGroup3 {
        padding-bottom: 40px
    }
}

.sBestArticles {
    display: none
}

@media screen and (max-width:1024px) {
    .sBestArticles {
        display: block;
        margin-bottom: 8%
    }
}

@media screen and (max-width:767px) {
    .sBestArticles {
        display: block;
        margin-bottom: 50px
    }
}

.sBestArticles .bestArticles__title::after {
    margin-top: 15px
}

@media screen and (max-width:767px) {
    .sBestArticles .bestArticles__title::after {
        width: 96px
    }
}

.sBestArticles .bestArticles__items {
    gap: 28px
}

@media screen and (max-width:767px) {
    .sBestArticles .bestArticles__items {
        gap: 12px
    }
}

.sBestArticles .bestArticles__item {
    padding-bottom: 20px
}

@media screen and (max-width:1024px) {
    .sBestArticles .bestArticles__itemTitle {
        font-size: 25px
    }
}

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

.sBestArticles .bestArticles__itemMeta {
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .sBestArticles .bestArticles__itemMeta {
        justify-content: flex-start
    }
}

@media screen and (max-width:767px) {
    .sBestArticles .bestArticles__itemCategory {
        font-size: 13px
    }
}

@media screen and (max-width:767px) {
    .sBestArticles .bestArticles__itemDate {
        font-size: 14px
    }
}

.sp {
    padding: 2%0 8%
}

@media screen and (max-width:767px) {
    .sp {
        padding-bottom: 80px
    }
}

.sp__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 auto;
    max-width: 740px
}

@media screen and (max-width:1024px) {
    .sp__inner {
        max-width: none
    }
}

@media screen and (max-width:767px) {
    .sp__inner {
        gap: 25px
    }
}

.sp__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 50px;
    margin: 0;
    padding: 0
}

@media screen and (max-width:1200px) {
    .sp__title {
        font-size: 36px
    }
}

@media screen and (max-width:1024px) {
    .sp__title {
        font-size: 28px;
        line-height: 1.3em
    }
}

@media screen and (max-width:767px) {
    .sp__title {
        font-size: 24px
    }
}

.sp__excerpt {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: -6px
}

@media screen and (max-width:1024px) {
    .sp__excerpt {
        font-size: 20px
    }
}

.sp__meta {
    display: flex;
    align-items: center;
    gap: 30px;
    color: #949494;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px
}

@media screen and (max-width:767px) {
    .sp__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
        line-height: 1.3em
    }
}

.sp__metaLeft {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    width: 100%
}

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

.sp__metaRight {
    max-width: 300px
}

.sp__category {
    background-color: #3d3c3c;
    border-radius: 100px;
    color: #949494;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25em;
    letter-spacing: .02em;
    padding: 9px 16px;
    text-decoration: none;
    transition: .5s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sp__date,
.sp__readingTime {
    flex-shrink: 0
}

.sp__share {
    display: flex;
    align-items: center;
    gap: 12px
}

.sp__shareTitle {
    color: #949494
}

.sp__shareButtons {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 7px
}

@media screen and (max-width:767px) {
    .sp__shareButtons {
        font-size: 5.5px
    }
}

.sp__shareButton {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: .2s
}

.sp__shareButton:hover {
    opacity: .8
}

.sp__shareButton svg {
    display: block;
    width: 4.6em;
    height: 4.6em
}

.sp__thumbnail img {
    display: block;
    border-radius: 12px
}

@media screen and (max-width:1024px) {
    .sp__thumbnail img {
        width: 100%
    }
}

.sp__content {
    font-size: 20px;
    line-height: 29px
}

.sp__content h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 120%;
    margin: 0;
    padding: 33px 0 20px
}

@media screen and (max-width:767px) {
    .sp__content h2 {
        font-size: 24px;
        padding: 28px 0 16px
    }
}

.sp__content h3 {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
    padding: 23px 0 18px
}

@media screen and (max-width:767px) {
    .sp__content h3 {
        font-size: 20px;
        padding: 17px 0 14px
    }
}

.sp__content .wp-block-image {
    padding: 28px 0 40px
}

.sp__content ul,
.sp__content ol {
    margin: 0 0 .9rem
}

.sp__content figure.wp-block-table {
    border-radius: 8px;
    max-width: fit-content
}

.sp__content figure.wp-block-table table {
    display: block
}

.sp__content figure.wp-block-table table tbody {
    width: 100%;
    display: block
}

.sp__content figure.wp-block-table table tbody tr {
    border-bottom: 1px solid #fff
}

.sp__content figure.wp-block-table table tbody tr:last-child {
    border-bottom: none
}

.sp__content figure.wp-block-table table tbody td {
    border: 0;
    border-right: 1px solid #fff;
    background-color: #f2f3ff;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 10px
}

.sp__content figure.wp-block-table table tbody td:first-child {
    padding-left: 15px;
    white-space: nowrap
}

@media screen and (max-width:475px) {
    .sp__content figure.wp-block-table table tbody td:first-child {
        white-space: normal
    }
}

.sp__content figure.wp-block-table table tbody td:last-child {
    padding-right: 15px;
    border-right: none
}

.sp__content figure.wp-block-table table tbody td strong {
    font-weight: 600
}

.sp__content .wp-block-columns {
    margin: 40px 0
}

.sp__content .wp-block-columns .wp-block-image {
    padding: 0;
    margin: 0
}

.sp__author {
    background-color: rgba(255, 255, 255, .1411764706);
    border: 1px solid transparent;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 19px
}

@media screen and (max-width:767px) {
    .sp__author {
        flex-direction: column;
        gap: 0
    }
}

@media screen and (max-width:767px) {
    .sp__authorRight {
        text-align: center
    }
}

.sp__authorImage {
    display: flex;
    height: 100%
}

.sp__authorImage img {
    border-radius: 50%;
    margin: auto;
    width: 138px;
    height: 138px
}

@media screen and (max-width:767px) {
    .sp__authorImage img {
        width: 80px;
        height: 80px
    }
}

.sp__authorName {
    font-size: 24px;
    font-weight: 700;
    line-height: 50px;
    margin: .5rem 0 6px
}

@media screen and (max-width:1024px) {
    .sp__authorName {
        line-height: 1.3em
    }
}

@media screen and (max-width:767px) {
    .sp__authorName {
        margin: 18px 0 8px
    }
}

.sp__authorInfo {
    display: block;
    font-size: 18px;
    font-weight: 300
}

.sp__authorInfo>div {
    display: flex;
    gap: 8px
}

@media screen and (max-width:767px) {
    .sp__authorInfo>div {
        justify-content: center
    }
}

.sp__authorInfo>div a {
    font-size: 0;
    margin-top: 12px
}

.sp__authorInfo>div a::before {
    content: "";
    display: block;
    width: 34px;
    height: 34px
}

.sp__authorInfo>div a[href*="twitter.com"]::before {
    background: url(../svg/icon-x.cc2182d28f.svg)center/contain no-repeat
}

.sp__authorInfo>div a[href*="linkedin.com"]::before {
    background: url(../svg/icon-linkedin.e4c0143f82.svg)center/contain no-repeat
}

.sp__authorInfo>div a[href*=telegram]::before {
    background: url(../svg/icon-telegram.a9619fe364.svg)center/contain no-repeat
}

.sRelatedPosts {
    padding-bottom: 55px
}

@media screen and (max-width:767px) {
    .sRelatedPosts {
        padding-bottom: 50px
    }
}

.sRelatedPosts__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 124.188%;
    margin: 0 0 31px;
    padding: 0;
    text-align: center
}

@media screen and (max-width:1024px) {
    .sRelatedPosts__title {
        line-height: 1.3em
    }
}

@media screen and (max-width:767px) {
    .sRelatedPosts__title {
        font-size: 30px;
        margin-bottom: 22px
    }
}

.sRelatedPosts__title::after {
    content: "";
    display: block;
    background-color: #4062ff;
    margin: 33px auto 0;
    width: 16%;
    height: 4px
}

@media screen and (max-width:767px) {
    .sRelatedPosts__title::after {
        margin-top: 23px;
        width: 96px
    }
}

.starknetJourneyPage.content_notop {
    margin-top: 0;
    padding-top: 60px
}

.starknetJourneyPage .starknetJourneyPageHead {
    padding-top: 80px;
    position: relative;
    margin-bottom: 128px
}

@media screen and (max-width:1200px) {
    .starknetJourneyPage .starknetJourneyPageHead {
        margin-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .starknetJourneyPageHead {
        padding-top: 40px;
        margin-bottom: 40px
    }
}

.starknetJourneyPage .starknetJourneyPageHead::after {
    background: url(../img/feature-hub-head-spot-dm.3fbfd21b3e.png)center/contain no-repeat;
    content: "";
    position: absolute;
    top: -80px;
    right: 0;
    width: 1065px;
    height: 1161px;
    z-index: -1
}

.starknetJourneyPage .starknetJourneyPageHead__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 398px
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .starknetJourneyPageHead__inner {
        gap: 16px
    }
}

.starknetJourneyPage .starknetJourneyPageHead__info {
    width: 542px
}

@media screen and (max-width:1200px) {
    .starknetJourneyPage .starknetJourneyPageHead__info {
        width: 512px
    }
}

@media screen and (max-width:1023px) {
    .starknetJourneyPage .starknetJourneyPageHead__info {
        width: 100%
    }
}

.starknetJourneyPage .starknetJourneyPageHead__title {
    line-height: 50px;
    margin-bottom: 16px;
    position: relative
}

@media screen and (max-width:1023px) {
    .starknetJourneyPage .starknetJourneyPageHead__title {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .starknetJourneyPageHead__title {
        line-height: 31px
    }
}

.starknetJourneyPage .starknetJourneyPageHead__title::before {
    background: url(../svg/feature-hub-head-stars.edf3ef3f14.svg)center/contain no-repeat;
    content: "";
    position: absolute;
    top: -89px;
    right: 46px;
    width: 59px;
    height: 53px
}

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

@media screen and (max-width:1023px) {
    .starknetJourneyPage .starknetJourneyPageHead__title:after {
        margin-left: auto;
        margin-right: auto
    }
}

.starknetJourneyPage .starknetJourneyPageHead__desc {
    margin-bottom: 0;
    line-height: 39px
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .starknetJourneyPageHead__desc {
        font-size: 20px;
        line-height: 30px
    }
}

.starknetJourneyPage .starknetJourneyPageHead a {
    width: fit-content;
    margin-top: 25px
}

@media screen and (max-width:1023px) {
    .starknetJourneyPage .starknetJourneyPageHead a {
        margin: 25px auto 0
    }
}

.starknetJourneyPage .starknetJourneyPageHead__image {
    position: absolute;
    left: calc(50% - 8px);
    aspect-ratio: 706/398;
    padding-right: 20px;
    max-width: 50%;
    max-height: 398px
}

@media screen and (max-width:1200px) {
    .starknetJourneyPage .starknetJourneyPageHead__image {
        left: 50%
    }
}

@media screen and (max-width:1023px) {
    .starknetJourneyPage .starknetJourneyPageHead__image {
        left: unset;
        max-height: unset;
        height: auto;
        position: relative;
        max-width: 100%;
        aspect-ratio: 686/398;
        padding: 0;
        margin: 20px 0 0
    }
}

.starknetJourneyPage .starknetJourneyPageHead__image img {
    display: block;
    width: auto;
    height: 100%
}

@media screen and (max-width:1023px) {
    .starknetJourneyPage .starknetJourneyPageHead__image img {
        width: 100%;
        height: auto
    }
}

.starknetJourneyPage .featuredis {
    margin-top: 50px;
    overflow-x: hidden
}

.starknetJourneyPage .featuredis .featuredisTitle.afterTitle {
    padding: 25px 0 0;
    text-align: center
}

.starknetJourneyPage .featuredisWrapper>.title,
.starknetJourneyPage .featuredisWrapper>.titleBorder {
    text-align: center;
    margin-bottom: 20px;
    position: relative
}

.starknetJourneyPage .featuredisWrapper>.title:after,
.starknetJourneyPage .featuredisWrapper>.titleBorder:after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 174px;
    height: 4px;
    background-color: #4062ff;
    left: calc(50% - 87px)
}

.starknetJourneyPage .featuredisWrapperBlocks {
    display: flex;
    flex-direction: column
}

.starknetJourneyPage .featuredisWrapperBlocksFirst {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 95px
}

.starknetJourneyPage .featuredisWrapperBlocksFirst.mini_buttom {
    margin-bottom: 30px
}

@media (max-width:767px) {
    .starknetJourneyPage .featuredisWrapperBlocksFirst {
        margin-bottom: 115px
    }
}

@media (max-width:882px) {
    .starknetJourneyPage .featuredisWrapperBlocksFirst {
        flex-direction: column;
        gap: 10px
    }
}

.starknetJourneyPage .featuredisWrapperBlocksFirstLeft {
    flex-shrink: 0;
    max-width: 48.6%
}

@media (max-width:882px) {
    .starknetJourneyPage .featuredisWrapperBlocksFirstLeft {
        max-width: none;
        width: 100%;
        text-align: center;
        padding-right: 0
    }
}

@media (max-width:882px) {
    .starknetJourneyPage .featuredisWrapperBlocksFirstLeft .afterTitle {
        margin-bottom: 20px
    }
}

.starknetJourneyPage .featuredisWrapperBlocksFirstLeft .title,
.starknetJourneyPage .featuredisWrapperBlocksFirstLeft .titleBorder {
    margin-bottom: 20px
}

.starknetJourneyPage .featuredisWrapperBlocksFirstLeftIcon {
    margin: 0 0 15px 0;
    width: 50px;
    height: 50px
}

@media (max-width:882px) {
    .starknetJourneyPage .featuredisWrapperBlocksFirstRight {
        width: 100%
    }
}

.starknetJourneyPage .featuredisWrapperBlocksFirstRight * {
    max-width: 100%
}

.starknetJourneyPage .featuredisWrapperBlocksFirstRight img {
    display: block;
    animation-duration: 1.25s
}

.starknetJourneyPage .featuredisWrapperBlocksSecond {
    display: flex;
    align-items: center;
    margin-bottom: 95px
}

@media (max-width:882px) {
    .starknetJourneyPage .featuredisWrapperBlocksSecond {
        flex-direction: column;
        margin-top: -50px;
        gap: 10px
    }
}

@media (max-width:1024px) {
    .starknetJourneyPage .featuredisWrapperBlocksSecond {
        margin-bottom: 10px
    }
}

.starknetJourneyPage .featuredisWrapperBlocksSecondLeft {
    position: relative
}

@media (max-width:882px) {
    .starknetJourneyPage .featuredisWrapperBlocksSecondLeft {
        width: 100%;
        order: 2;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.starknetJourneyPage .featuredisWrapperBlocksSecondLeft img {
    display: block;
    animation-duration: 1.25s
}

.starknetJourneyPage .featuredisWrapperBlocksSecondLeftImagep {
    position: relative
}

.starknetJourneyPage .featuredisWrapperBlocksSecondLeftImagep img.fadeScrollCS {
    position: absolute;
    left: 0;
    top: 0
}

.starknetJourneyPage .featuredisWrapperBlocksSecondRight {
    flex-shrink: 0;
    max-width: 48%
}

@media (max-width:882px) {
    .starknetJourneyPage .featuredisWrapperBlocksSecondRight {
        max-width: none;
        width: 100%;
        text-align: center;
        order: 1
    }
}

.starknetJourneyPage .featuredisWrapperBlocksSecondRight .title,
.starknetJourneyPage .featuredisWrapperBlocksSecondRight .titleBorder {
    margin-bottom: 20px
}

.starknetJourneyPage .featuredisWrapperBlocksSecondRight .blueButton {
    display: inline-block;
    margin: 0 0 25px;
    font-size: 20px;
    font-weight: 400;
    background-color: #25335a
}

@media (max-width:882px) {
    .starknetJourneyPage .featuredisWrapperBlocksSecondRight .afterTitle {
        margin-bottom: 20px
    }
}

.starknetJourneyPage .featuredis .featuredisItem1 {
    margin: 150px 0 0;
    width: max-content
}

@media screen and (min-width:883px) {
    .starknetJourneyPage .featuredis .featuredisItem1 {
        gap: 107px
    }
}

@media screen and (max-width:1024px) {
    .starknetJourneyPage .featuredis .featuredisItem1 {
        margin-top: 60px
    }
}

@media screen and (max-width:882px) {
    .starknetJourneyPage .featuredis .featuredisItem1 {
        width: 100%
    }
}

@media screen and (min-width:883px) {
    .starknetJourneyPage .featuredis .featuredisItem1 .featuredisWrapperBlocksFirstLeft {
        max-width: 400px
    }
}

@media screen and (min-width:1100px) {
    .starknetJourneyPage .featuredis .featuredisItem1 .featuredisWrapperBlocksFirstLeft {
        max-width: 460px
    }
}

.starknetJourneyPage .featuredis .featuredisItem1 .featuredisWrapperBlocksFirstRight {
    background-image: linear-gradient(90deg, #242424 0, rgba(36, 36, 36, 0) 7%);
    overflow: hidden
}

@media screen and (max-width:882px) {
    .starknetJourneyPage .featuredis .featuredisItem1 .featuredisWrapperBlocksFirstRight {
        background-image: none;
        overflow: visible
    }
}

.starknetJourneyPage .featuredis .featuredisItem1 .featuredisWrapperBlocksFirstRight img {
    height: 400px;
    width: auto;
    max-width: none;
    position: relative;
    transition: .3s cubic-bezier(.25, .46, .45, .94);
    z-index: -1
}

@media (max-width:767px) {
    .starknetJourneyPage .featuredis .featuredisItem1 .featuredisWrapperBlocksFirstRight img {
        height: 250px
    }
}

.starknetJourneyPage .featuredis .featuredisItem2 {
    margin: 150px 0 0
}

@media screen and (max-width:1024px) {
    .starknetJourneyPage .featuredis .featuredisItem2 {
        margin-top: 90px
    }
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .featuredis .featuredisItem2 {
        margin-top: 70px
    }
}

@media screen and (min-width:883px) {
    .starknetJourneyPage .featuredis .featuredisItem2 {
        gap: 80px
    }
}

.starknetJourneyPage .featuredis .featuredisItem3 {
    margin: 150px 0 0
}

@media screen and (max-width:1024px) {
    .starknetJourneyPage .featuredis .featuredisItem3 {
        margin-top: 90px
    }
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .featuredis .featuredisItem3 {
        margin-top: 70px
    }
}

@media screen and (min-width:883px) {
    .starknetJourneyPage .featuredis .featuredisItem3 {
        gap: 35px
    }
    .starknetJourneyPage .featuredis .featuredisItem3 .featuredisWrapperBlocksFirstLeft {
        padding: 0
    }
}

@media screen and (min-width:883px) {
    .starknetJourneyPage .featuredis .featuredisItem3 .featuredisWrapperBlocksFirstRight {
        width: calc(51.4% - 35px)
    }
}

@media (max-width:882px) {
    .starknetJourneyPage .featuredis .featuredisItem3 .featuredisWrapperBlocksFirstRight {
        display: flex;
        justify-content: center
    }
}

.starknetJourneyPage .featuredis .featuredisItem4 {
    margin: 150px 0 0
}

@media screen and (max-width:1024px) {
    .starknetJourneyPage .featuredis .featuredisItem4 {
        margin-top: 90px
    }
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .featuredis .featuredisItem4 {
        margin-top: 70px
    }
}

@media screen and (min-width:883px) {
    .starknetJourneyPage .featuredis .featuredisItem4 {
        gap: 132px
    }
}

.starknetJourneyPage .featuredis .featuredisItem5 {
    margin: 150px 0 0
}

@media screen and (min-width:883px) {
    .starknetJourneyPage .featuredis .featuredisItem5 {
        gap: 40px
    }
}

@media screen and (max-width:1024px) {
    .starknetJourneyPage .featuredis .featuredisItem5 {
        margin-top: 90px
    }
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .featuredis .featuredisItem5 {
        margin-top: 70px
    }
}

.starknetJourneyPage .featuredis .featuredisItem6 {
    margin: 88px 0 0;
    padding-bottom: 60px;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .featuredis .featuredisItem6 {
        margin-top: 70px
    }
}

.starknetJourneyPage .featuredis .featuredisItem6 .featuredisWrapperBlocksSecondLeft {
    margin-right: -50px
}

.starknetJourneyPage .braavos {
    margin-bottom: 90px
}

.starknetJourneyPage .braavos .container {
    position: relative;
    overflow: hidden;
    padding: 40px 40px 65px 40px;
    border-radius: 16px 16px 16px 16px;
    background-color: #35363a;
    border: 1px solid transparent
}

.starknetJourneyPage .braavos .container:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background-color: #4062ff
}

.starknetJourneyPage .braavos .featuredisTitle.afterTitle {
    margin: 0 0 30px 0;
    padding: 25px 0 30px 0;
    text-align: center
}

.starknetJourneyPage .braavosWrapper>.title,
.starknetJourneyPage .braavosWrapper>.titleBorder {
    text-align: center;
    margin-bottom: 20px;
    position: relative
}

.starknetJourneyPage .braavosWrapper>.title:after,
.starknetJourneyPage .braavosWrapper>.titleBorder:after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 174px;
    height: 4px;
    background-color: #4062ff;
    left: calc(50% - 87px)
}

.starknetJourneyPage .braavosWrapperBlocks {
    display: flex;
    flex-direction: column
}

.starknetJourneyPage .braavosWrapperBlocks .afterTitle {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px
}

.starknetJourneyPage .braavosWrapperBlocksFirst {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

@media (max-width:882px) {
    .starknetJourneyPage .braavosWrapperBlocksFirst {
        flex-direction: column;
        margin: 0 auto
    }
}

.starknetJourneyPage .braavosWrapperBlocksFirstLeft {
    width: 70%;
    padding-right: 30px
}

@media (max-width:882px) {
    .starknetJourneyPage .braavosWrapperBlocksFirstLeft {
        padding: 0;
        width: 100%;
        text-align: left
    }
}

.starknetJourneyPage .braavosWrapperBlocksFirstLeft .title,
.starknetJourneyPage .braavosWrapperBlocksFirstLeft .titleBorder {
    margin-bottom: 20px
}

.starknetJourneyPage .braavosWrapperBlocksFirstRight {
    width: 30%
}

@media (max-width:882px) {
    .starknetJourneyPage .braavosWrapperBlocksFirstRight {
        width: 100%;
        text-align: center
    }
}

.starknetJourneyPage .braavosWrapperBlocksFirstRight img {
    margin: -70px 0-70px 0;
    animation-duration: 1.25s
}

@media (max-width:882px) {
    .starknetJourneyPage .braavosWrapperBlocksFirstRight img {
        margin: 0 0 0 0
    }
}

.starknetJourneyPage .braavosWrapperBlocksSecond {
    display: flex;
    align-items: center
}

@media (max-width:882px) {
    .starknetJourneyPage .braavosWrapperBlocksSecond {
        flex-direction: column;
        gap: 10px
    }
}

.starknetJourneyPage .braavosWrapperBlocksSecondLeft {
    width: 30%;
    position: relative;
    text-align: center;
    padding-top: 55px;
    padding-right: 30px
}

@media (max-width:882px) {
    .starknetJourneyPage .braavosWrapperBlocksSecondLeft {
        width: 100%;
        order: 2;
        padding: 30px 0 0
    }
}

.starknetJourneyPage .braavosWrapperBlocksSecondLeft img {
    margin: -50px 0-50px;
    animation-duration: 1.25s
}

@media (max-width:882px) {
    .starknetJourneyPage .braavosWrapperBlocksSecondLeft img {
        margin-top: 0
    }
}

.starknetJourneyPage .braavosWrapperBlocksSecondRight {
    width: 70%
}

@media (max-width:882px) {
    .starknetJourneyPage .braavosWrapperBlocksSecondRight {
        width: 100%;
        text-align: center;
        order: 1
    }
}

.starknetJourneyPage .braavosWrapperBlocksSecondRight .title,
.starknetJourneyPage .braavosWrapperBlocksSecondRight .titleBorder {
    margin-bottom: 20px
}

.starknetJourneyPage .download {
    margin: 80px 0 50px 0;
    padding: 0 0 90px 0
}

.starknetJourneyPage .download .featuredisTitle.afterTitle {
    margin: 0 0 0 0;
    padding: 25px 0 0;
    text-align: center
}

.starknetJourneyPage .downloadWrapper>.title,
.starknetJourneyPage .downloadWrapper>.titleBorder {
    text-align: center;
    margin-bottom: 20px;
    position: relative
}

.starknetJourneyPage .downloadWrapper>.title:after,
.starknetJourneyPage .downloadWrapper>.titleBorder:after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 174px;
    height: 4px;
    background-color: #4062ff;
    left: calc(50% - 87px)
}

.starknetJourneyPage .downloadWrapperBlocks {
    margin: 10px 0 60px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
    align-items: center;
    justify-content: center
}

.starknetJourneyPage .downloadWrapperBlocksItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 30px
}

.starknetJourneyPage .downloadWrapperBlocksItem .blueButton {
    font-size: 18px;
    font-weight: 500;
    background-color: #35363a
}

.starknetJourneyPage .downloadWrapperBlocksm {
    margin: 10px 0 30px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
    align-items: center;
    justify-content: center
}

.starknetJourneyPage .downloadWrapperBlocksmItem {
    row-gap: 30px
}

.starknetJourneyPage .notsure {
    margin: 0 0 90px 0
}

.starknetJourneyPage .notsure .featuredisTitle.afterTitle {
    margin: 0 0 10px;
    padding: 25px 0 30px 0;
    text-align: center
}

.starknetJourneyPage .notsure .title,
.starknetJourneyPage .notsure .titleBorder {
    text-align: center;
    margin-bottom: 20px;
    position: relative
}

.starknetJourneyPage .notsure .title:after,
.starknetJourneyPage .notsure .titleBorder:after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 174px;
    height: 4px;
    background-color: #4062ff;
    left: calc(50% - 87px)
}

.starknetJourneyPage .notsureWrapperBlocks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px
}

.starknetJourneyPage .notsureWrapperBlocksItem {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
    overflow: hidden;
    padding: 50px 50px 90px;
    background-color: #35363a;
    border-radius: 16px;
    border: 1px solid transparent
}

@media (max-width:882px) {
    .starknetJourneyPage .notsureWrapperBlocksItem {
        flex: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .notsureWrapperBlocksItem {
        padding: 50px 15px 80px
    }
}

.starknetJourneyPage .notsureWrapperBlocksItem:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: #4062ff
}

.starknetJourneyPage .notsureWrapperBlocksItem img {
    display: block;
    height: 55px;
    width: auto
}

.starknetJourneyPage .notsureWrapperBlocksItem h4 {
    margin: 10px 0 10px 0;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    line-height: 39px
}

.starknetJourneyPage .notsureWrapperBlocksItem .blueButton {
    font-size: 24px;
    font-weight: 500;
    line-height: 50px;
    background-color: #232323
}

@media screen and (max-width:767px) {
    .starknetJourneyPage .notsureWrapperBlocksItem .blueButton {
        font-size: 20px
    }
}

.starknetJourneyPage .notsureWrapperBlocksItem .blueButton svg {
    margin: 0 0-7px 5px
}

.campaing_3_1 {
    overflow: hidden;
    background-image: url(../img/campaing_3_1.c3a5720594.webp);
    background-repeat: repeat-x;
    background-position: top center
}

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

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

.campaing_3_1 .hero {
    padding: 124px 0 80px
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .hero {
        padding: 80px 0 52px
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .hero {
        padding: 40px 0 52px
    }
}

.campaing_3_1 .heroWrapper {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .campaing_3_1 .heroWrapper {
        flex-direction: column
    }
}

.campaing_3_1 .heroWrapperLeft {
    flex-shrink: 0;
    margin-top: 15px;
    width: 47%;
    text-align: right;
    padding-left: 20px
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .heroWrapperLeft {
        width: 46%
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .heroWrapperLeft {
        width: 100%;
        order: 2;
        text-align: center;
        padding-right: 20px
    }
}

.campaing_3_1 .heroWrapperLeft img {
    animation-duration: .75s;
    max-width: 686px;
    aspect-ratio: 686/410;
    object-fit: cover;
    width: auto
}

@media screen and (max-width:1480px) {
    .campaing_3_1 .heroWrapperLeft img {
        max-width: 100%
    }
}

.campaing_3_1 .heroWrapperRight {
    padding-left: 95px;
    padding-right: 24px;
    position: relative
}

@media screen and (max-width:767px) {
    .campaing_3_1 .heroWrapperRight {
        width: 100%;
        order: 1;
        text-align: center;
        padding: 35px 10px 0
    }
}

.campaing_3_1 .heroWrapperRight .title,
.campaing_3_1 .heroWrapperRight .titleBorder {
    margin: 0 0 20px
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .heroWrapperRight .title,
    .campaing_3_1 .heroWrapperRight .titleBorder {
        margin: 0 0 10px
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .heroWrapperRight .title,
    .campaing_3_1 .heroWrapperRight .titleBorder {
        margin: 0 0 20px
    }
}

.campaing_3_1 .heroWrapperRightTitleImg {
    height: 28px;
    width: 188px
}

@media screen and (max-width:767px) {
    .campaing_3_1 .heroWrapperRightTitleImg {
        height: 21px;
        width: 136px;
        margin: 0 auto
    }
}

.campaing_3_1 .heroWrapperRightTitleImg img {
    object-fit: cover
}

.campaing_3_1 .heroWrapperRight .afterTitle {
    margin: 16px 0 25px
}

.campaing_3_1 .heroWrapperRight .blueButton {
    margin-bottom: 20px
}

.campaing_3_1 .heroWrapperRightInfo {
    color: #949494;
    font-size: 18px;
    font-weight: 300;
    line-height: 124.188%
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .heroWrapperRightInfo {
        font-size: 16px
    }
}

.campaing_3_1 .heroWrapperRightInfo a {
    color: #4891ff;
    text-decoration: none
}

.campaing_3_1 .heroWrapperRightInfo a:hover {
    color: #4062ff
}

.campaing_3_1 .heroWrapperRight:after {
    content: "";
    position: absolute;
    width: 56px;
    height: 56px;
    background-image: url(../img/star-hero-v1.14943229a0.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: -70px;
    left: 0
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .heroWrapperRight:after {
        object-fit: contain;
        width: 40px;
        height: 40px;
        left: 0;
        top: -45px
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .heroWrapperRight:after {
        top: 7px;
        left: 20px
    }
}

.campaing_3_1 .needsWrapperBlocks {
    display: flex;
    flex-direction: column
}

.campaing_3_1 .needsWrapperBlocksFirst {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksFirst {
        flex-direction: column;
        max-width: 500px;
        margin: 0 auto
    }
}

.campaing_3_1 .needsWrapperBlocksFirstLeft {
    width: 50%
}

.campaing_3_1 .needsWrapperBlocksFirstLeft img {
    display: block;
    max-height: 46px;
    width: auto
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksFirstLeft {
        padding-top: 54px;
        width: 100%;
        text-align: center
    }
}

.campaing_3_1 .needsWrapperBlocksFirstLeft .title,
.campaing_3_1 .needsWrapperBlocksFirstLeft .titleBorder {
    margin-top: 10px;
    margin-bottom: 20px
}

.campaing_3_1 .needsWrapperBlocksFirstRight {
    width: 50%
}

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

.campaing_3_1 .needsWrapperBlocksFirstRight img {
    animation-duration: 1.25s
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksFirstRight img {
        margin-top: -20px
    }
}

.campaing_3_1 .needsWrapperBlocksSecond {
    display: flex;
    align-items: center;
    margin-top: 30px
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksSecond {
        flex-direction: column;
        gap: 10px
    }
}

.campaing_3_1 .needsWrapperBlocksSecondLeft {
    width: 50%;
    position: relative;
    text-align: center;
    padding-top: 55px;
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .needsWrapperBlocksSecondLeft {
        padding-top: 32px
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksSecondLeft {
        width: 100%;
        order: 2;
        padding-top: 15%
    }
}

.campaing_3_1 .needsWrapperBlocksSecondLeft img {
    display: block;
    animation-duration: 1.25s
}

.campaing_3_1 .needsWrapperBlocksSecondLeft img:nth-child(2) {
    width: 54%;
    object-fit: cover
}

.campaing_3_1 .needsWrapperBlocksSecondRight {
    width: 50%;
    padding-left: 30px
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksSecondRight {
        width: 100%;
        text-align: center;
        order: 1
    }
}

.campaing_3_1 .needsWrapperBlocksSecondRight img {
    display: block;
    max-height: 46px;
    width: auto
}

.campaing_3_1 .needsWrapperBlocksSecondRight .title,
.campaing_3_1 .needsWrapperBlocksSecondRight .titleBorder {
    margin-top: 10px;
    margin-bottom: 20px
}

.campaing_3_1 .needsWrapperBlocksThird {
    display: flex;
    align-items: center;
    gap: 220px;
    margin-top: 30px
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .needsWrapperBlocksThird {
        gap: 30px
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksThird {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksThirdLeft {
        padding-top: 54px;
        text-align: center
    }
}

.campaing_3_1 .needsWrapperBlocksThirdLeft .title,
.campaing_3_1 .needsWrapperBlocksThirdLeft .titleBorder {
    margin-bottom: 20px
}

.campaing_3_1 .needsWrapperBlocksThirdRight {
    position: relative;
    text-align: center;
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
    width: 377px
}

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

.campaing_3_1 .needsWrapperBlocksThirdRight img {
    display: block;
    width: 100%
}

.campaing_3_1 .needsWrapperBlocksThirdRight img:nth-child(1) {
    animation-duration: 1.25s
}

.campaing_3_1 .needsWrapperBlocksThirdRight img.leftTop {
    position: absolute;
    width: 82px;
    height: 82px;
    top: 0;
    left: 100px;
    object-fit: cover
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .needsWrapperBlocksThirdRight img.leftTop {
        width: 19%;
        height: auto;
        left: 60px
    }
}

.campaing_3_1 .needsWrapperBlocksThirdRight img.leftBottom {
    position: absolute;
    width: 82px;
    height: 82px;
    bottom: 26px;
    left: 64px;
    object-fit: cover
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .needsWrapperBlocksThirdRight img.leftBottom {
        bottom: 66px;
        left: 54px;
        width: 14%;
        height: auto
    }
}

.campaing_3_1 .needsWrapperBlocksThirdRight img.rightCenter {
    position: absolute;
    width: 82px;
    height: 82px;
    top: calc(50% - 41px);
    right: 30px;
    object-fit: cover
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .needsWrapperBlocksThirdRight img.rightCenter {
        width: 18%;
        height: auto
    }
}

.campaing_3_1 .needsWrapperBlocksFourth {
    display: flex;
    align-items: center;
    padding-top: 50px
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksFourth {
        flex-direction: column;
        gap: 10px
    }
}

.campaing_3_1 .needsWrapperBlocksFourthLeft {
    width: 50%;
    position: relative;
    text-align: center;
    background-image: url(../img/blue-shadow.a20fb957d7.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .needsWrapperBlocksFourthLeft {
        padding-top: 32px
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksFourthLeft {
        width: 100%;
        order: 2
    }
}

.campaing_3_1 .needsWrapperBlocksFourthLeft img {
    width: 71%;
    animation-duration: 1.25s
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksFourthLeft img {
        width: 85%
    }
}

.campaing_3_1 .needsWrapperBlocksFourthRight {
    width: 50%
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksFourthRight {
        width: 100%;
        text-align: center;
        order: 1
    }
}

.campaing_3_1 .needsWrapperBlocksFourthRight .title,
.campaing_3_1 .needsWrapperBlocksFourthRight .titleBorder {
    margin-bottom: 20px
}

.campaing_3_1 .needsWrapperBlocksFifth {
    display: flex;
    align-items: center;
    padding-top: 50px
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksFifth {
        flex-direction: column
    }
}

.campaing_3_1 .needsWrapperBlocksFifthLeft {
    width: 50%
}

@media screen and (max-width:767px) {
    .campaing_3_1 .needsWrapperBlocksFifthLeft {
        padding-top: 54px;
        width: 100%;
        text-align: center
    }
}

.campaing_3_1 .needsWrapperBlocksFifthLeft .title,
.campaing_3_1 .needsWrapperBlocksFifthLeft .titleBorder {
    margin-bottom: 20px
}

.campaing_3_1 .needsWrapperBlocksFifthRight {
    width: 50%;
    text-align: center
}

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

.campaing_3_1 .needsWrapperBlocksFifthRight img {
    animation-duration: 1.25s;
    width: 50%
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .needsWrapperBlocksFifthRight img {
        width: 66%
    }
}

.campaing_3_1 .why__wrapper {
    padding: 50px 0
}

.campaing_3_1 .why__blocks {
    display: flex;
    flex-wrap: wrap;
    padding-top: 45px;
    row-gap: 30px;
    justify-content: space-between;
    column-gap: 3%
}

@media (max-width:480px) {
    .campaing_3_1 .why__blocks {
        flex-direction: column
    }
}

.campaing_3_1 .why__blocksBlock {
    width: 31%;
    padding: 20px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    background-color: #35363a;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .09);
    border-radius: 16px;
    border: 1px solid transparent;
    text-align: center
}

@media (max-width:767px) {
    .campaing_3_1 .why__blocksBlock {
        width: 48%
    }
}

@media (max-width:480px) {
    .campaing_3_1 .why__blocksBlock {
        width: 100%
    }
}

.campaing_3_1 .why__blocksBlockContent {
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 124.188%
}

.campaing_3_1 .try__wrapper {
    position: relative;
    padding: 85px 20px 80px 20px;
    overflow: hidden;
    border-radius: 24px;
    background-size: cover;
    background-image: url(../img/download_bg.72872d97f8.png)
}

@media screen and (max-width:767px) {
    .campaing_3_1 .try__wrapper {
        padding-top: 55px;
        padding-bottom: 50px
    }
}

.campaing_3_1 .try__wrapper:before {
    position: absolute;
    top: 100px;
    right: 100px;
    content: "";
    width: 77px;
    height: 75px;
    background-size: cover;
    background-image: url(../img/download_star.342723f9ef.png)
}

.campaing_3_1 .try__wrapper .afterTitle {
    margin-top: 44px;
    text-align: center
}

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

.campaing_3_1 .alternative__wrapper {
    padding: 100px 0 24px
}

@media screen and (max-width:767px) {
    .campaing_3_1 .alternative .titleBorder {
        padding: 0 20px
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .alternative__mobileScroll {
        overflow-x: scroll
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .alternative__mobileScroll::-webkit-scrollbar {
        height: 0
    }
}

.campaing_3_1 .alternative__blocks {
    margin-top: 75px;
    display: flex;
    gap: 20px
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .alternative__blocks {
        flex-wrap: wrap
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .alternative__blocks {
        flex-wrap: nowrap;
        width: max-content;
        padding: 0 20px
    }
}

.campaing_3_1 .alternative__blocksBlock {
    padding: 32px 0 16px;
    background-color: #35363a;
    border-radius: 16px;
    position: relative;
    width: 100%
}

@media screen and (max-width:1024px) {
    .campaing_3_1 .alternative__blocksBlock {
        width: calc(50% - 10px)
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .alternative__blocksBlock {
        width: 80vw;
        order: 2
    }
}

.campaing_3_1 .alternative__blocksBlock.mainBlock {
    background-color: #202b31
}

@media screen and (max-width:767px) {
    .campaing_3_1 .alternative__blocksBlock.mainBlock {
        order: 1
    }
}

.campaing_3_1 .alternative__blocksBlockAltTitle {
    position: absolute;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background-color: #4062ff;
    border-radius: 8px;
    padding: 8px 26px;
    line-height: 38px;
    letter-spacing: .24px;
    top: -27px;
    left: calc(50% - 100px)
}

.campaing_3_1 .alternative__blocksBlockTitle {
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 15px
}

.campaing_3_1 .alternative__blocksBlockOptions {
    display: flex;
    flex-direction: column
}

.campaing_3_1 .alternative__blocksBlockOptionsLine {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    border-top: solid 1px #4a4a4a;
    gap: 8px
}

.campaing_3_1 .alternative__blocksBlockOptionsLineCheck {
    width: 24px;
    height: 24px
}

.campaing_3_1 .alternative__blocksBlockOptionsLineTitle {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    margin: 8px 0;
    color: #fff
}

.campaing_3_1 .alternative__blocksBlockOptionsLineTitle span {
    font-size: 12px;
    font-weight: 300;
    line-height: 5px;
    margin-top: 8px;
    display: block
}

.campaing_3_1 .alternative__note {
    margin: 10px 0 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-style: italic
}

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

.campaing_3_1 .tryalert {
    margin: 90px 0 90px 0
}

@media (max-width:882px) {
    .campaing_3_1 .tryalert {
        margin: 60px 0 30px 0
    }
}

.campaing_3_1 .tryalert__wrapper .afterTitle {
    margin: 40px 0 30px 0;
    text-align: center
}

.campaing_3_1 .tryalert__wrapper__blocks {
    margin: 40px 0 60px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 3%;
    row-gap: 30px;
    align-items: center;
    justify-content: center
}

@media (max-width:882px) {
    .campaing_3_1 .tryalert__wrapper__blocks {
        margin: 30px 0 30px 0
    }
}

.campaing_3_1 .tryalert__wrapper__blocks__item {
    display: flex;
    flex-direction: row;
    column-gap: 10px
}

@media (max-width:882px) {
    .campaing_3_1 .tryalert__wrapper__blocks__item {
        flex-direction: column;
        margin-bottom: 40px
    }
}

.campaing_3_1 .tryalert__wrapper__blocks__item__img {
    position: relative;
    width: 40%
}

@media (max-width:882px) {
    .campaing_3_1 .tryalert__wrapper__blocks__item__img {
        width: fit-content;
        margin: 0 auto 0 auto
    }
}

.campaing_3_1 .tryalert__wrapper__blocks__item__img__m {
    position: absolute;
    top: -45px;
    left: -40px;
    width: 375px
}

@media screen and (max-width:425px) {
    .campaing_3_1 .tryalert__wrapper__blocks__item__img__m {
        left: -32px;
        top: -37px;
        width: 90%
    }
}

.campaing_3_1 .tryalert__wrapper__blocks__item__content {
    width: 60%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (max-width:882px) {
    .campaing_3_1 .tryalert__wrapper__blocks__item__content {
        width: 100%
    }
}

.campaing_3_1 .tryalert__wrapper__blocks__item__content h4 {
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 130%
}

@media (max-width:882px) {
    .campaing_3_1 .tryalert__wrapper__blocks__item__content h4 {
        font-size: 25px;
        text-align: center
    }
}

.campaing_3_1 .tryalert__wrapper__blocks__item__content p {
    margin: 10px 0 10px 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 124.188%
}

@media (max-width:882px) {
    .campaing_3_1 .tryalert__wrapper__blocks__item__content p {
        text-align: center
    }
}

.campaing_3_1 .notsure {
    margin: 140px 0 90px
}

.campaing_3_1 .notsure .featuredisTitle.afterTitle {
    margin: 0 0 10px;
    padding: 25px 0 30px;
    text-align: center
}

.campaing_3_1 .notsureWrapper>.title,
.campaing_3_1 .notsureWrapper>.titleBorder {
    text-align: center;
    margin-bottom: 20px;
    position: relative
}

.campaing_3_1 .notsureWrapper>.title:after,
.campaing_3_1 .notsureWrapper>.titleBorder:after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 174px;
    height: 4px;
    background-color: #4062ff;
    left: calc(50% - 87px)
}

.campaing_3_1 .notsureWrapperBlocks {
    margin: 10px 0 60px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px
}

.campaing_3_1 .notsureWrapperBlocksItem {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
    overflow: hidden;
    padding: 50px 50px 90px;
    background-color: #35363a;
    border-radius: 16px;
    border: 1px solid transparent
}

@media (max-width:882px) {
    .campaing_3_1 .notsureWrapperBlocksItem {
        flex: auto;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .campaing_3_1 .notsureWrapperBlocksItem {
        padding: 50px 15px 80px
    }
}

.campaing_3_1 .notsureWrapperBlocksItem:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: #4062ff
}

.campaing_3_1 .notsureWrapperBlocksItem img {
    display: block;
    height: 55px;
    width: auto
}

.campaing_3_1 .notsureWrapperBlocksItem h4 {
    margin: 10px 0 10px 0;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    color: #fff;
    line-height: 39px
}

.campaing_3_1 .notsureWrapperBlocksItem .blueButton {
    font-size: 24px;
    font-weight: 500;
    line-height: 50px;
    background-color: #232323
}

@media screen and (max-width:767px) {
    .campaing_3_1 .notsureWrapperBlocksItem .blueButton {
        font-size: 20px
    }
}

.campaing_3_1 .notsureWrapperBlocksItem .blueButton svg {
    margin: 0 0-7px 5px
}

.downloadPage__wrapper {
    padding: 66px 0 50px;
    position: relative
}

@media screen and (max-width:1024px) {
    .downloadPage__wrapper {
        padding-top: 44px
    }
}

@media screen and (max-width:767px) {
    .downloadPage__wrapper {
        padding-top: 35px
    }
}

.downloadPage__wrapper .titleBorder {
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px
}

@media screen and (max-width:1024px) {
    .downloadPage__wrapper .titleBorder {
        font-size: 30px;
        line-height: 39px
    }
}

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

.downloadPage__wrapper .titleBorder::before {
    content: "";
    display: block;
    width: 51px;
    height: 44px;
    background-image: url(../img/star-footer.eeffddbde0.webp);
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 54/49;
    position: absolute;
    left: -51px;
    top: -35px
}

@media screen and (max-width:1024px) {
    .downloadPage__wrapper .titleBorder::before {
        top: -22px;
        left: -33px;
        width: 33px
    }
}

@media screen and (max-width:767px) {
    .downloadPage__wrapper .titleBorder::before {
        top: -20px;
        left: 0;
        width: 28px
    }
}

.downloadPage__wrapper .afterTitle {
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    margin-top: 44px;
    text-align: center
}

@media screen and (max-width:1024px) {
    .downloadPage__wrapper .afterTitle {
        font-size: 20px;
        line-height: 30px
    }
}

.defaultPage {
    font-size: 16px;
    font-weight: 400;
    line-height: 181%;
    padding: 50px 0
}

.defaultPage ul,
.defaultPage ol {
    margin: 0 0 14px;
    padding: 0 0 0 40px
}

.defaultPage ul.noListStyle,
.defaultPage ol.noListStyle {
    list-style: none
}

.defaultPage ul li+li,
.defaultPage ol li+li {
    margin-top: 10px
}

.blog_breadcrumbs {
    width: 100%;
    margin: 30px 0 30px 0
}

@media screen and (max-width:768px) {
    .blog_breadcrumbs {
        margin: 20px 0 20px 0
    }
}

.blog_breadcrumbs ul.breadcrumbs {
    width: 100%;
    display: flex;
    column-gap: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

.blog_breadcrumbs ul.breadcrumbs li:after {
    display: inline-block;
    padding: 0 10px 0 10px;
    content: "»"
}

.blog_breadcrumbs ul.breadcrumbs li:last-child:after {
    display: none
}

.blog_breadcrumbs ul.breadcrumbs li a,
.blog_breadcrumbs ul.breadcrumbs li span,
.blog_breadcrumbs ul.breadcrumbs li a span,
.blog_breadcrumbs ul.breadcrumbs li:after {
    color: #fff;
    cursor: pointer;
    display: inline;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    text-decoration: none
}

.blog_not_found {
    width: 100%;
    margin: 30px 0 30px 0
}

.blog_paging {
    display: none;
    justify-content: space-between;
    margin: 30px 0 30px 0;
    width: 100%
}

.blog_archive {
    margin-top: 30px
}

@media screen and (max-width:768px) {
    .blog_archive {
        margin-top: 20px
    }
}

.blog_archive h1.blog_archive_title {
    margin: 0 0 30px 0;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px
}

@media screen and (max-width:640px) {
    .blog_archive h1.blog_archive_title {
        margin: 0 0 20px 0;
        font-size: 30px
    }
}

.blog_archive .blog_archive_description {
    margin: 0 0 65px 0
}

.blog_archive .blog_archive_description p {
    margin: 0 0 20px 0;
    color: #fff;
    font-size: 20px;
    line-height: 30px
}

.blog_archive .sBlogPostGroup1 {
    padding-bottom: 40px
}

@media screen and (max-width:1024px) {
    .blog_archive .sBlogPostGroup1 {
        padding-bottom: 60px
    }
}

@media screen and (max-width:767px) {
    .blog_archive .sBlogPostGroup1 {
        padding-bottom: 50px
    }
}

.blog_archive .sBlogPostGroup2 {
    padding-bottom: 40px
}

@media screen and (max-width:1024px) {
    .blog_archive .sBlogPostGroup2 {
        padding-bottom: 24px
    }
}

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

.blog_archive .sBlogPostGroup2__inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px
}

@media screen and (max-width:1200px) {
    .blog_archive .sBlogPostGroup2__inner {
        display: block
    }
}

@media screen and (max-width:1200px) {
    .blog_archive .sBlogPostGroup2__left {
        margin-bottom: 20px
    }
}

@media screen and (max-width:1024px) {
    .blog_archive .sBlogPostGroup2__left {
        margin-bottom: 0
    }
}

@media screen and (max-width:1024px) {
    .blog_archive .sBlogPostGroup2__right {
        display: none
    }
}

.blog_archive .sBlogPostGroup2 .postGrid {
    grid-template-columns: 1fr 1fr
}

@media screen and (max-width:767px) {
    .blog_archive .sBlogPostGroup2 .postGrid {
        grid-template-columns: 1fr
    }
}

.blog_archive .sBlogPostGroup2__bestArticles {
    padding-left: 20px;
    position: sticky;
    top: 0
}

@media screen and (max-width:1200px) {
    .blog_archive .sBlogPostGroup2__bestArticles {
        padding-left: 0;
        position: static
    }
}

.blog_archive .sBlogPostGroup3 {
    padding-bottom: 55px
}

@media screen and (max-width:1200px) {
    .blog_archive .sBlogPostGroup3 {
        padding-bottom: 80px
    }
}

@media screen and (max-width:1024px) {
    .blog_archive .sBlogPostGroup3 {
        padding-bottom: 40px
    }
}

#ctis-loading {
    grid-column: 1/4
}

@media screen and (max-width:1200px) {
    #ctis-loading {
        grid-column: 1/3
    }
}

@media screen and (max-width:767px) {
    #ctis-loading {
        grid-column: 1
    }
}

#ctis-loading img {
    display: block
}

.page_404 {
    margin: 0 auto 0 auto;
    padding: 0 25px 0 25px;
    max-width: 1150px;
    min-height: 73vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(../img/404_bg.83b2f879d9.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center -200px
}

@media (max-width:768px) {
    .page_404 {
        min-height: 70vh;
        background-position: center -130px
    }
}

.page_404 img {
    display: block;
    margin: 30px auto 50px auto;
    width: 540px;
    max-width: 100%
}

@media (max-width:768px) {
    .page_404 img {
        max-width: 63%
    }
}

.page_404 h1 {
    display: block;
    margin: 0 0 10px 0;
    text-align: center;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px
}

@media (max-width:767px) {
    .page_404 h1 {
        text-align: center;
        font-size: 26px;
        line-height: 40px
    }
}

.page_404 p {
    margin: 0 0 15px 0;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px
}

@media (max-width:767px) {
    .page_404 p {
        font-size: 20px;
        line-height: 30px
    }
}

.page_404 .page_404_a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto 30px auto;
    padding: 0 30px 0 30px;
    max-height: 60px;
    height: 60px;
    width: fit-content;
    color: #fff;
    flex-grow: 1;
    font-size: 18px;
    text-decoration: none;
    background-color: #4062ff;
    border-radius: 10px
}

.faq {
    background: url(../img/faq_1_bg_big.26827318bc.webp)center top/cover no-repeat;
    padding-bottom: 100px
}

.faq .faqTop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 60px 0;
    background-size: cover
}

@media screen and (max-width:1024px) {
    .faq .faqTop {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:767px) {
    .faq .faqTop {
        padding: 40px 20px
    }
}

.faq .faqTop::after {
    content: "";
    background: url(../svg/faq-head-helmet.147cb222c1.svg)center/contain no-repeat;
    aspect-ratio: 134/327;
    height: 100%;
    position: absolute;
    right: 0
}

.faq .faqTop img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right
}

.faq .faqTop h1 {
    display: inline-block;
    width: fit-content;
    margin: 0;
    position: relative;
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    line-height: 130%;
    text-align: center
}

@media screen and (max-width:1024px) {
    .faq .faqTop h1 {
        font-size: 36px
    }
}

@media screen and (max-width:767px) {
    .faq .faqTop h1 {
        font-size: 26px;
        max-width: 200px
    }
}

.faq .faqTop h1::before {
    background-image: url(../img/faq_top.d630d9ba58.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: -20px;
    right: -38px;
    width: 38px;
    height: 35px
}

@media screen and (max-width:1024px) {
    .faq .faqTop h1::before {
        top: -16px;
        right: -32px;
        width: 30px;
        height: 28px
    }
}

@media screen and (max-width:767px) {
    .faq .faqTop h1::before {
        top: -10px;
        right: -20px;
        width: 18px
    }
}

.faq .faqTop h1::after {
    content: "";
    background-color: #fff;
    border-radius: 10px;
    display: block;
    margin: 20px auto 0;
    width: 206px;
    height: 5px
}

@media screen and (max-width:1024px) {
    .faq .faqTop h1::after {
        height: 4px
    }
}

@media screen and (max-width:767px) {
    .faq .faqTop h1::after {
        margin-top: 12px;
        width: 90px;
        height: 1px
    }
}

.faq .faqTop .faq_top_search {
    position: relative;
    margin: 0 auto 0 auto;
    width: fit-content
}

.faq .faqTop .faq_top_search svg {
    position: absolute;
    left: 20px;
    top: 16px
}

.faq .faqTop .faq_top_search input[type=text] {
    display: inline-block;
    max-width: 100%;
    width: 500px;
    height: 51px;
    padding: 0 20px 0 50px;
    border-radius: 6px;
    background: rgba(250, 250, 250, .93);
    border: 0 solid
}

@media screen and (max-width:767px) {
    .faq .faqTop .faq_top_search input[type=text] {
        width: 320px
    }
}

.faq .faqHelp {
    max-width: 100%;
    width: 556px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    border-radius: 14px;
    border: 3px solid #36353a;
    background: linear-gradient(180deg, #0b3c96 -384.97%, #36353a 79.83%)
}

@media screen and (max-width:767px) {
    .faq .faqHelp {
        padding: 25px 60px 27px
    }
}

.faq .faqHelp h4 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .faq .faqHelp h4 {
        font-size: 17px;
        margin: 10px 0 17px
    }
}

.faq .faqHelp p {
    margin: 0 0 17px;
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .faq .faqHelp p {
        font-size: 15px;
        margin-bottom: 10px
    }
}

.faq .faqHelp__links {
    display: flex;
    column-gap: 40px;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:767px) {
    .faq .faqHelp__links {
        column-gap: 50px
    }
}

.faq .faqHelp__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 12px
}

.faq .faqHelp__link a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 55%;
    text-decoration-line: underline
}

@media (max-width:480px) {
    .faq .faqHelp__link a {
        line-height: 130%
    }
}

.faqList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
    padding: 40px 0 80px
}

@media screen and (max-width:767px) {
    .faqList {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 22px 20px;
        padding: 40px 0
    }
}

.faqList .blog_not_found {
    margin: 0 0 0 0
}

.faqList .faq_list_res_item .faq_list_res_item_title {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px
}

.faqList .faq_list_res_item .faq_list_res_item_title a {
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%
}

.faqList .faq_list_res_item .faq_list_res_item_title span {
    color: var(--Gray, #9e9ba4);
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 180%;
    text-decoration-line: underline
}

.faqList__item {
    border-radius: 15px;
    border: 3px solid transparent;
    background: #36353a;
    overflow: hidden;
    padding: 18px 30px 66px;
    position: relative
}

@media screen and (max-width:767px) {
    .faqList__item {
        padding-left: 25px;
        padding-right: 25px
    }
}

.faqList__item.expanded {
    padding-bottom: 80px
}

@media screen and (max-width:767px) {
    .faqList__item.expanded {
        padding-bottom: 70px
    }
}

.faqList__item+.faqList__item {
    margin-top: 40px
}

@media screen and (max-width:767px) {
    .faqList__item+.faqList__item {
        margin-top: 22px
    }
}

.faqList__itemContentWrap {
    height: 240px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:767px) {
    .faqList__itemContentWrap {
        height: 208px
    }
}

.faqList__item.expanded .faqList__itemContentWrap {
    height: auto
}

.faqList__itemContentWrap::after {
    content: "";
    background-image: linear-gradient(0deg, #36353a, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px
}

.faqList__item:not(.expandable) .faqList__itemContentWrap::after,
.faqList__item.expanded .faqList__itemContentWrap::after {
    display: none
}

.faqList__itemContent {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.faqList__item h3 {
    position: relative;
    display: block;
    width: fit-content;
    margin: 0 0 3px;
    color: #f2f3ff;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%
}

@media screen and (max-width:767px) {
    .faqList__item h3 {
        font-size: 17px
    }
}

.faqList__item h3::before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background-color: #f2f3ff
}

@media screen and (max-width:767px) {
    .faqList__item h3::before {
        height: 2px
    }
}

.faqList__itemLink {
    display: flex;
    margin: 0;
    padding: 0 0 0 12px;
    position: relative;
    color: #f2f3ff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    text-decoration: none;
    transition: .3s ease-in-out;
    width: fit-content
}

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

.faqList__itemLink:hover {
    color: #78aeff
}

.faqList__itemLink::before {
    content: "";
    flex-shrink: 0;
    margin: 9px 12px 0 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #f2f3ff
}

@media screen and (max-width:767px) {
    .faqList__itemLink::before {
        margin: 6px 10px 0 0;
        width: 3px;
        height: 3px
    }
}

.faqList__itemExpand {
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px
}

.faqList__item:not(.expandable) .faqList__itemExpand {
    display: none
}

.faqList__item.expanded .faqList__itemExpand {
    height: 70px
}

.faqList__itemExpand::before {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .33) 218.25%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .5s
}

.faqList__itemExpand:hover::before {
    opacity: 1
}

.faqList__itemExpand::after {
    content: "";
    background: url(../svg/faq-item-arrow.af294fac4c.svg)center/contain no-repeat;
    width: 19px;
    height: 11px;
    position: absolute;
    bottom: 22px;
    transition: .3s
}

.faqList__item.expanded .faqList__itemExpand::after {
    transform: rotate(180deg)
}

.faq_single {
    padding-top: 55px;
    background: url(../img/faq_1_bg_big.26827318bc.webp)center top/cover no-repeat
}

.faq_single .faq_single_inner {
    padding: 0 40px
}

@media screen and (max-width:1024px) {
    .faq_single .faq_single_inner {
        padding: 0
    }
}

.faq_single .faq_single_gofaq {
    margin: 0 0 53px 0;
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
    justify-content: start;
    width: fit-content;
    color: #9e9ba4;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration-line: underline
}

.faq_single h1 {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%
}

@media screen and (max-width:767px) {
    .faq_single h1 {
        font-size: 30px
    }
}

.faq_single .faq_single_ts {
    margin: 15px 0 53px 0;
    display: flex;
    justify-content: start;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.faq_single .faq_single_content {
    padding-bottom: 80px
}

.faq_single .faq_single_content p {
    margin: 0 0 21px 0;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

@media screen and (max-width:767px) {
    .faq_single .faq_single_content p {
        font-size: 16px
    }
}

.faq_single .faq_single_content ol,
.faq_single .faq_single_content ul {
    margin: 16px 0 21px 0;
    padding: 0 0 0 20px
}

.faq_single .faq_single_content ol li,
.faq_single .faq_single_content ul li {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

@media screen and (max-width:767px) {
    .faq_single .faq_single_content ol li,
    .faq_single .faq_single_content ul li {
        font-size: 16px
    }
}

.faq_single .faqList {
    padding-top: 10px;
    padding-bottom: 80px
}

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

.faq_single .faqList .faqList__item+.faqList__item {
    margin-top: 0
}

.faq_single .faq_single_related_title {
    position: relative;
    margin: 0 0 0 0;
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%
}

@media screen and (max-width:767px) {
    .faq_single .faq_single_related_title {
        font-size: 30px
    }
}

.faq_single .faq_single_related_subtitle {
    display: block;
    width: fit-content;
    margin: 20px auto 30px auto
}

.featurePage:last-child {
    margin-bottom: 0
}

.featurePage section:last-of-type:not(.sectionHasBg) {
    margin-bottom: 170px
}

.downloadPageSTRK {
    background: #242424
}

.downloadPageSTRK__wrapper {
    padding: 110px 0 100px;
    position: relative
}

@media screen and (max-width:1024px) {
    .downloadPageSTRK__wrapper {
        padding-top: 60px;
        padding-bottom: 50px
    }
}

@media screen and (max-width:767px) {
    .downloadPageSTRK__wrapper {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.downloadPageSTRK__wrapper .titleBorder {
    font-size: 36px;
    font-weight: 700;
    line-height: 130%;
    max-width: 700px;
    margin: 0 auto
}

.downloadPageSTRK__wrapper .titleBorder span {
    color: #4062ff
}

@media screen and (max-width:767px) {
    .downloadPageSTRK__wrapper .titleBorder {
        font-size: 24px
    }
}

.downloadPageSTRK__blocks {
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 83px
}

@media screen and (max-width:767px) {
    .downloadPageSTRK__blocks {
        padding-top: 53px;
        gap: 70px
    }
}

.downloadPageSTRK__blocks__block {
    display: flex;
    gap: 70px;
    align-items: center
}

@media screen and (max-width:1024px) {
    .downloadPageSTRK__blocks__block {
        flex-direction: column;
        gap: 25px
    }
}

.downloadPageSTRK__blocks__block .left-block {
    width: 523px
}

@media screen and (max-width:1024px) {
    .downloadPageSTRK__blocks__block .left-block {
        width: 100%
    }
}

.downloadPageSTRK__blocks__block .right-block {
    width: calc(100% - 593px);
    text-align: center
}

@media screen and (max-width:1024px) {
    .downloadPageSTRK__blocks__block .right-block {
        width: 100%
    }
}

.downloadPageSTRK__blocks__block .right-block img {
    max-width: 368px
}

@media screen and (max-width:1024px) {
    .downloadPageSTRK__blocks__block .right-block img {
        max-width: 50%
    }
}

@media screen and (max-width:767px) {
    .downloadPageSTRK__blocks__block .right-block img {
        max-width: 100%
    }
}

.downloadPageSTRK__blocks__block .right-block img.image-light {
    display: none
}

.downloadPageSTRK__blocks__block-icons {
    display: block
}

.downloadPageSTRK__blocks__block .title,
.downloadPageSTRK__blocks__block .titleBorder {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px
}

@media screen and (max-width:767px) {
    .downloadPageSTRK__blocks__block .title,
    .downloadPageSTRK__blocks__block .titleBorder {
        gap: 8px
    }
}

.downloadPageSTRK__blocks__block .title .number,
.downloadPageSTRK__blocks__block .titleBorder .number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #587eff;
    border-radius: 50%
}

@media screen and (max-width:767px) {
    .downloadPageSTRK__blocks__block .title .number,
    .downloadPageSTRK__blocks__block .titleBorder .number {
        width: 30px;
        height: 30px
    }
}

.downloadPageSTRK__blocks__block .title .number span,
.downloadPageSTRK__blocks__block .titleBorder .number span {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 100%
}

@media screen and (max-width:767px) {
    .downloadPageSTRK__blocks__block .title .number span,
    .downloadPageSTRK__blocks__block .titleBorder .number span {
        font-size: 20px
    }
}

.downloadPageSTRK__blocks__block .title h3,
.downloadPageSTRK__blocks__block .titleBorder h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 124%;
    margin: 0
}

@media screen and (max-width:767px) {
    .downloadPageSTRK__blocks__block .title h3,
    .downloadPageSTRK__blocks__block .titleBorder h3 {
        max-width: calc(100% - 38px);
        font-size: 18px
    }
}

.downloadPageSTRK__blocks__block .info {
    padding-left: 50px;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%
}

@media screen and (max-width:767px) {
    .downloadPageSTRK__blocks__block .info {
        padding-left: 38px
    }
}

.downloadPageSTRK__blocks__block .info a {
    color: #4891ff;
    text-decoration: none
}

.downloadPageSTRK__blocks__block .info a:hover {
    color: #4062ff
}

.downloadPageSTRK .s__download__browsers {
    gap: 135px;
    padding-top: 45px
}

@media screen and (max-width:1024px) {
    .downloadPageSTRK .s__download__browsers {
        gap: 77px
    }
}

@media screen and (max-width:767px) {
    .downloadPageSTRK .s__download__browsers {
        gap: 48px 0
    }
}

body:not(.mts_light) .mts_light_visible {
    display: none !important
}

.mts_light {
    background-size: cover;
    background-color: #fff;
    background-position: center top !important
}

.mts_light .mts_light_hidden {
    display: none !important
}

.mts_light.home {
    background-image: url(../img/light_mode_home_bg.bcee2c7d33.webp)
}

.mts_light.page-template-starknet-score {
    background-image: url(../img/light_mode_starknet_journey_bg.e7e48b1b1f.webp)
}

.mts_light.blog {
    background-image: url(../img/light_mode_blog_bg.39233b02fe.webp)
}

.mts_light.single-post {
    background-image: url(../img/light_mode_article_bg.552d556483.webp)
}

.mts_light .header {
    background-color: #fff;
    box-shadow: 0 4px 30px 0 rgba(10, 20, 57, .05)
}

.mts_light .header::after {
    background-color: #fff
}

.mts_light .header__menu a:not(.active):not(:hover) {
    color: #242424
}

.mts_light .header__menuMobileSubmenu {
    background: #fff;
    box-shadow: 0 4px 30px rgba(10, 20, 57, .05)
}

.mts_light .header__menuMobileSubmenuItem a:not(.active):not(:hover) {
    color: #242424
}

.mts_light .header__langSwitcher .wpml-ls-legacy-dropdown a {
    background-color: #f1f1f1;
    color: #242424
}

@media screen and (max-width:1023px) {
    .mts_light .header__langSwitcher .wpml-ls-legacy-dropdown a {
        background-color: #fff
    }
}

.mts_light .header__langSwitcher .wpml-ls-legacy-dropdown a:hover {
    background-color: #f1f1f1;
    color: #4062ff
}

.mts_light .header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle {
    background-color: transparent;
    color: #242424
}

.mts_light .header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle::before {
    background-image: url(../svg/globe-lightmode.8731af15e9.svg)
}

.mts_light .header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language a.wpml-ls-item-toggle::after {
    background-image: url(../svg/lang-switcher-arrow-lightmode.8a26929b19.svg)
}

.mts_light .header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-sub-menu {
    background-color: #f1f1f1
}

@media screen and (max-width:1023px) {
    .mts_light .header__langSwitcher .wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-sub-menu {
        background-color: #fff
    }
}

.mts_light .header__langSwitcher_mobile .wpml-ls-legacy-dropdown a,
.mts_light .header__langSwitcher_mobile .wpml-ls-legacy-dropdown a:hover {
    background-color: transparent
}

.mts_light .header__langSwitcher_mobile .wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-sub-menu {
    background-color: transparent
}

.mts_light .themeModeSwitcher__inner {
    color: #242424
}

.mts_light .title,
.mts_light .titleBorder {
    color: #242424
}

.mts_light .afterTitle {
    color: #242424
}

.mts_light .homePage .heroWrapperRightTitleImg svg path {
    fill: #242424
}

.mts_light .homePage .heroWrapperRight .afterTitle {
    color: #242424
}

.mts_light .homePage .heroWrapperRightInfo {
    color: #242424
}

.mts_light .homePage .heroWrapperRight:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI1MyIgdmlld0JveD0iMCAwIDYwIDUzIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE5LjUzMTMgMzkuNDcxOEwxNi4xNzcyIDI5LjMwNDdDMTUuNDk1NSAyNy4yMzY5IDEzLjgzMjEgMjUuNjI3OCAxMS43MTY5IDI0Ljk5MzNMMS4zMDQxNiAyMS44NTE1Qy0wLjEzNzE3NSAyMS40MTk2IC0wLjE0ODg1MiAxOS40MjQ0IDEuMjgwOCAxOC45Njk1TDExLjY0NjcgMTUuNjc4NkMxMy43NTAzIDE1LjAwOTcgMTUuMzkwNCAxMy4zNzc3IDE2LjA0MDkgMTEuMzAyMkwxOS4yMzkxIDEuMDg1NDhDMTkuNjc5MyAtMC4zMjQ5MDUgMjEuNzEyOCAtMC4zNDAxOTMgMjIuMTc2MyAxLjA2NjM3TDI1LjUzMDQgMTEuMjMzNEMyNi4yMTIxIDEzLjI5NzQgMjcuODc1NSAxNC45MDY1IDI5Ljk5MDcgMTUuNTQ0OEw0MC40MDM0IDE4LjY4MjlDNDEuODQ0OCAxOS4xMTg2IDQxLjg2MDQgMjEuMTEgNDAuNDI2OCAyMS41NjQ4TDMwLjA2MDggMjQuODU1N0MyNy45NTczIDI1LjUyNDYgMjYuMzE3MyAyNy4xNjA1IDI1LjY2NjcgMjkuMjM1OUwyMi40Njg1IDM5LjQ0ODhDMjIuMDI4MyA0MC44NjMgMTkuOTk0OCA0MC44NzgzIDE5LjUzMTMgMzkuNDcxOFoiIGZpbGw9IiNCREI5QzUiLz4KPHBhdGggZD0iTTQ4LjYzMjcgNTIuNDU2Nkw0Ni45ODczIDQ3LjM3MzFDNDYuNjUyOSA0Ni4zMzkyIDQ1LjgzNjkgNDUuNTM0NiA0NC43OTkyIDQ1LjIxNzRMMzkuNjkxMSA0My42NDY0QzM4Ljk4NDEgNDMuNDMwNSAzOC45NzgzIDQyLjQzMjkgMzkuNjc5NyA0Mi4yMDU1TDQ0Ljc2NDkgNDAuNTZDNDUuNzk2OCA0MC4yMjU2IDQ2LjYwMTMgMzkuNDA5NSA0Ni45MjA1IDM4LjM3MThMNDguNDg5NCAzMy4yNjM0QzQ4LjcwNTMgMzIuNTU4MyA0OS43MDI5IDMyLjU1MDYgNDkuOTMwMyAzMy4yNTM5TDUxLjU3NTcgMzguMzM3NEM1MS45MTAxIDM5LjM2OTQgNTIuNzI2MSA0MC4xNzQgNTMuNzYzOCA0MC40OTMxTDU4Ljg3MTkgNDIuMDYyMUM1OS41NzkgNDIuMjggNTkuNTg2NiA0My4yNzU3IDU4Ljg4MzQgNDMuNTAzMUw1My43OTgyIDQ1LjE0ODZDNTIuNzY2MiA0NS40ODMgNTEuOTYxNyA0Ni4zMDA5IDUxLjY0MjYgNDcuMzM4N0w1MC4wNzM2IDUyLjQ0NTFDNDkuODU3NyA1My4xNTIyIDQ4Ljg2MDEgNTMuMTU5OSA0OC42MzI3IDUyLjQ1NjZaIiBmaWxsPSIjQkRCOUM1Ii8+Cjwvc3ZnPg==)
}

.mts_light .homePage .needsWrapperBlocksFirstRight,
.mts_light .homePage .needsWrapperBlocksSecondLeft,
.mts_light .homePage .needsWrapperBlocksThirdRight,
.mts_light .homePage .needsWrapperBlocksFourthLeft {
    background-image: none
}

.mts_light .homePage .needsWrapperBlocksFirstLeft .title,
.mts_light .homePage .needsWrapperBlocksFirstLeft .titleBorder {
    color: #242424
}

.mts_light .homePage .why__blocksBlock {
    box-shadow: none;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #f2f3ff
}

.mts_light .homePage .join__wrapper {
    background-color: #f2f3ff;
    background-image: none
}

.mts_light .homePage .join .title,
.mts_light .homePage .join .titleBorder {
    color: #242424
}

.mts_light .homePage .alternative__blocksBlock {
    background-color: #f2f3ff
}

.mts_light .homePage .alternative__blocksBlockTitle {
    color: #242424
}

.mts_light .homePage .alternative__blocksBlockOptionsLineTitle {
    color: #242424
}

.mts_light .homePage .alternative__blocksBlockOptionsLineCheck svg.check_1 g path {
    fill: #8d91a2
}

.mts_light .homePage .alternative__blocksBlockOptionsLineCheck svg.check_2 g path {
    fill: #b7b7b7
}

.mts_light .homePage .alternative__blocksBlockAltTitle {
    color: #242424;
    border-color: #445fb4;
    background-color: #fff
}

.mts_light .homePage .alternative__blocksBlock.mainBlock {
    background: linear-gradient(91.25deg, #587eff 0, #445fb4 100%)
}

.mts_light .homePage .alternative__blocksBlock.mainBlock .alternative__blocksBlockTitle {
    color: #f2f3ff
}

.mts_light .homePage .alternative__blocksBlock.mainBlock .alternative__blocksBlockOptionsLine {
    border-color: #587eff
}

.mts_light .homePage .alternative__blocksBlock.mainBlock .alternative__blocksBlockOptionsLineTitle {
    color: #f2f3ff
}

.mts_light .homePage .alternative__blocksBlock.mainBlock .alternative__blocksBlockOptionsLineCheck svg.check_1 g path {
    fill: #00e676
}

.mts_light .homePage .alternative__note {
    color: #242424
}

.mts_light .homePage .want {
    background-image: none !important
}

.mts_light .homePage .want__social__listItemTitle {
    border: 1px solid #fff;
    background-color: #f2f3ff;
    color: #242424
}

.mts_light .homePage .see {
    background-image: none
}

.mts_light .homePage .see__wrapper__left::after {
    opacity: .3
}

.mts_light .homePage .see__wrapper__leftInfo {
    color: #242424
}

.mts_light .saying .swiper .swiper-slide {
    border: 1px solid #fff;
    background-color: #f2f3ff
}

.mts_light .saying .swiper .swiper-slide .swiper-slide-header-name span:nth-child(1),
.mts_light .saying .swiper .swiper-slide .swiper-slide-header-name span:nth-child(2),
.mts_light .saying .swiper .swiper-slide .swiper-slide-content {
    color: #242424
}

.mts_light .saying .swiper .swiper-button-prev,
.mts_light .saying .swiper .swiper-button-next {
    background: linear-gradient(91.25deg, #587eff 0, #445fb4 100%);
    border-radius: 50%;
    width: 36px;
    height: 36px
}

.mts_light .saying .swiper .swiper-button-prev svg,
.mts_light .saying .swiper .swiper-button-next svg {
    width: 22px;
    height: 22px
}

.mts_light .saying .swiper .swiper-button-prev {
    left: -14px
}

.mts_light .saying .swiper .swiper-button-next {
    right: -14px
}

.mts_light .starknetJourneyPageHead {
    color: #242424
}

.mts_light .starknetJourneyPage .starknetWrapperRight::before {
    opacity: .3
}

@media screen and (min-width:883px) {
    .mts_light .starknetJourneyPage .featuredis .featuredisItem1 .featuredisWrapperBlocksFirstRight {
        background-image: linear-gradient(90deg, #f7f8ff 0, rgba(36, 36, 36, 0) 7%)
    }
}

@media screen and (min-width:883px) {
    .mts_light .starknetJourneyPage .featuredis .featuredisItem2 {
        gap: 98px
    }
}

.mts_light .starknetJourneyPage .featuredis .featuredisItem2 img {
    box-shadow: 0 0 21px -1px rgba(29, 37, 178, .1215686275)
}

.mts_light .starknetJourneyPage .featuredis .featuredisItem4 img {
    box-shadow: 0 3px 25px 0 rgba(10, 20, 57, .0509803922)
}

.mts_light .starknetJourneyPage .featuredis .featuredisItem4 .blueButton {
    box-shadow: 0 0 21px -1px rgba(29, 37, 178, .12);
    border: 1px solid #fff;
    color: #242424;
    background: #f2f3ff
}

.mts_light .starknetJourneyPage .braavos .container {
    border: 1px solid #fff;
    background: #f2f3ff
}

.mts_light .starknetJourneyPage .braavos .container .braavosWrapper>img {
    opacity: .3
}

.mts_light .starknetJourneyPage .braavos .container::after {
    background: linear-gradient(135deg, #587eff 0, #445fb4 100%)
}

.mts_light .starknetJourneyPage .notsureWrapperBlocksItem {
    border: 1px solid #fff;
    background: #f2f3ff
}

.mts_light .starknetJourneyPage .notsureWrapperBlocksItem h4 {
    color: #242424
}

.mts_light .starknetJourneyPage .notsureWrapperBlocksItem:first-child img {
    box-shadow: 0 4px 30px 0 rgba(10, 20, 57, .0509803922)
}

.mts_light .starknetJourneyPage .notsureWrapperBlocksItem::after {
    background: linear-gradient(135deg, #587eff 0, #445fb4 100%)
}

.mts_light .sBlogTop__title {
    color: #242424
}

.mts_light .sBlogTop__title::before {
    opacity: .3
}

.mts_light .sBlogTop__desc {
    color: #242424
}

.mts_light .sBlogTop__joinTitle {
    color: #242424
}

.mts_light .sBlogTop__socialsItem svg path {
    fill: #242424
}

.mts_light .postItem_typeTop1 .postItem__title,
.mts_light .postItem_typeTop1 .postItem__desc {
    color: #242424
}

.mts_light .postItem>a {
    background-color: #f2f3ff;
    border-color: #fff
}

.mts_light .postItem>a:hover {
    background-color: #f2f3ff
}

.mts_light .sBlogCatList__boxItem {
    background-color: #f2f3ff;
    border: 1px solid #fff;
    color: #242424;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.mts_light .sBlogCatList__boxItem::after {
    background-image: linear-gradient(135deg, #587eff 0, #445fb4 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .5s;
    z-index: -1
}

.mts_light .sBlogCatList__boxItem.active,
.mts_light .sBlogCatList__boxItem:hover {
    color: #fff
}

.mts_light .sBlogCatList__boxItem.active::after,
.mts_light .sBlogCatList__boxItem:hover::after {
    opacity: 1
}

.mts_light .postItem__title {
    color: #242424
}

.mts_light .postItem__desc {
    color: #242424
}

.mts_light .postItem__category {
    background: linear-gradient(135deg, #587eff 0, #445fb4 100%);
    color: #fff
}

.mts_light .postItem_typeTop2>a {
    background: var(--gradient, linear-gradient(135deg, #587eff 0%, #445fb4 100%));
    border: 0
}

.mts_light .postItem_typeTop2 .postItem__title {
    color: #fff
}

.mts_light .postItem_typeTop2 .postItem__desc {
    color: #fff
}

.mts_light .postItem_typeTop2 .postItem__date {
    color: #fff
}

.mts_light .postItem_typeTop2 .postItem__category {
    background-image: none;
    background-color: #fff;
    color: #242424
}

.mts_light .bestArticles__title {
    color: #242424
}

.mts_light .bestArticles__item {
    border-bottom: 2px solid #f2f3ff
}

.mts_light .bestArticles__itemTitle a {
    color: #242424
}

.mts_light .bestArticles__itemCategory {
    background: linear-gradient(135deg, #587eff 0, #445fb4 100%);
    color: #fff
}

.mts_light .bestArticles__itemDate {
    color: #242424
}

.mts_light .sSubscribe__inner {
    border: 1px solid #fff;
    background: #f2f3ff
}

@media screen and (max-width:1024px) {
    .mts_light .sSubscribe__inner {
        width: 100%
    }
}

.mts_light .sSubscribe__title {
    color: #242424
}

.mts_light .sSubscribe__desc {
    color: #242424
}

.mts_light .sSubscribe__formSubmit input[type=submit] {
    background: linear-gradient(135deg, #587eff 0, #445fb4 100%)
}

.mts_light .sSubscribe__formInput {
    color: #242424 !important;
    border: 1px solid #242424 !important
}

.mts_light .sSubscribe__formInput::placeholder {
    color: #242424 !important
}

.mts_light .sSubscribe .wpcf7 form.sent .wpcf7-response-output {
    color: #242424
}

.mts_light .sp__inner h1,
.mts_light .sp__inner h2,
.mts_light .sp__inner h3,
.mts_light .sp__inner h4,
.mts_light .sp__inner h5,
.mts_light .sp__inner h6,
.mts_light .sp__inner p,
.mts_light .sp__inner li,
.mts_light .sp__inner span,
.mts_light .sp__inner strong,
.mts_light .sp__inner i,
.mts_light .sp__inner u {
    color: #242424
}

.mts_light .sp__inner a>span {
    color: #5685ff
}

.mts_light .sp__excerpt {
    color: #242424
}

.mts_light .sp__meta {
    color: #242424
}

.mts_light .sp__category {
    background: linear-gradient(135deg, #587eff 0, #445fb4 100%);
    color: #fff
}

.mts_light .sp__shareTitle {
    color: #242424
}

.mts_light .sp__content figure.wp-block-table {
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .2)
}

.mts_light .sp__author {
    border-radius: 10px;
    border: 1px solid #fff;
    background: #f2f3ff
}

.mts_light .sp__authorName {
    color: #242424
}

.mts_light .sp__authorInfo {
    color: #242424
}

.mts_light .sp__authorInfo>div a[href*="twitter.com"]::before {
    background-image: url(../svg/icon-x-lightmode.4dfd66f95e.svg)
}

.mts_light .sp__authorInfo>div a[href*="linkedin.com"]::before {
    background-image: url(../svg/icon-linkedin-lightmode.1d5a18ad94.svg)
}

.mts_light .sp__authorInfo>div a[href*=telegram]::before {
    background-image: url(../svg/icon-telegram-lightmode.1a8127124d.svg)
}

.mts_light .sRelatedPosts__title {
    color: #242424
}

.mts_light .campaing_3_1 {
    background-image: none
}

.mts_light .campaing_3_1 .heroWrapper .heroWrapperRight:after {
    opacity: .3
}

.mts_light .campaing_3_1 .heroWrapper .heroWrapperRight .heroWrapperRightInfo {
    color: #242424
}

.mts_light .campaing_3_1 .needsWrapperBlocksThirdRight {
    background-image: none
}

.mts_light .campaing_3_1 .why__blocksBlock {
    border: 1px solid #fff;
    background: #f2f3ff
}

.mts_light .campaing_3_1 .why__blocksBlockContent {
    color: #242424
}

.mts_light .campaing_3_1 .tryalert__wrapper__blocks__item__content,
.mts_light .campaing_3_1 .tryalert__wrapper__blocks__item__content h4 {
    color: #242424
}

.mts_light .campaing_3_1 .try__wrapper {
    background-image: url(../img/download_bg_lightmode.2f546cf880.webp)
}

@media screen and (max-width:767px) {
    .mts_light .campaing_3_1 .try__wrapper {
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .09)
    }
}

.mts_light .campaing_3_1 .try__wrapper::before {
    opacity: .05
}

.mts_light .campaing_3_1 .br_but {
    border: 1px solid #fff;
    background-color: #f2f3ff;
    color: #242424
}

.mts_light .campaing_3_1 .notsureWrapperBlocksItem {
    border: 1px solid #fff;
    background: #f2f3ff
}

.mts_light .campaing_3_1 .notsureWrapperBlocksItem h4 {
    color: #242424
}

.mts_light .campaing_3_1 .notsureWrapperBlocksItem:first-child img {
    box-shadow: 0 4px 30px 0 rgba(10, 20, 57, .0509803922)
}

.mts_light .campaing_3_1 .notsureWrapperBlocksItem::after {
    background: linear-gradient(135deg, #587eff 0, #445fb4 100%)
}

.mts_light .tryalert .titleBorder:after {
    background-color: #4062ff
}

.mts_light .downloadPage {
    background: url(../img/download_page_bg_light.e9bf2aec08.png)center top/cover no-repeat
}

.mts_light .downloadPage .titleBorder::before {
    opacity: .3
}

.mts_light .s__download__browsersItemTitle,
.mts_light .s__download__browsersItemTitle:hover {
    color: #242424;
    background: #f2f3ff
}

.mts_light.page-template-default {
    background-image: url(../img/light_mode_article_bg.552d556483.webp)
}

.mts_light .defaultPage {
    color: #242424
}

.mts_light.archive {
    background-image: url(../img/light_mode_blog_bg.39233b02fe.webp)
}

.mts_light .blog_breadcrumbs ul.breadcrumbs li a,
.mts_light .blog_breadcrumbs ul.breadcrumbs li span,
.mts_light .blog_breadcrumbs ul.breadcrumbs li a span,
.mts_light .blog_breadcrumbs ul.breadcrumbs li::after {
    color: #242424
}

.mts_light .blog_archive h1.blog_archive_title {
    color: #242424
}

.mts_light .blog_archive .blog_archive_description p {
    color: #242424
}

.mts_light .faq {
    background-image: url(../img/faq_bg_light.733163c271.webp)
}

.mts_light .faqTop::after {
    background-image: url(../svg/faq-head-helmet-lightmode.362f6dfeb7.svg)
}

.mts_light .faqTop .faq_top_search input[type=text] {
    border: 0
}

.mts_light .faqList__item {
    background: #fff;
    border-color: #f2f3ff
}

.mts_light .faqList__itemContentWrap::after {
    background-image: linear-gradient(0deg, #fff, transparent)
}

.mts_light .faqList__item h3 {
    color: #242424
}

.mts_light .faqList__item h3:before {
    background-color: #242424
}

.mts_light .faqList__itemLink {
    color: #242424
}

.mts_light .faqList__itemLink:hover {
    color: #5685ff
}

.mts_light .faqList__itemLink::before {
    background-color: #242424
}

.mts_light .faqList__itemExpand::before {
    background-image: linear-gradient(180deg, rgba(158, 155, 164, 0)0, rgba(158, 155, 164, .21) 218.25%)
}

.mts_light .faqList__itemExpand::after {
    background-image: url(../svg/faq-item-arrow-lightmode.db0f27ce3b.svg)
}

.mts_light .faqHelp {
    border: 3px solid #fff;
    background: #f2f3ff
}

.mts_light .faqHelp h4 {
    color: #242424
}

.mts_light .faqHelp p {
    color: #242424
}

.mts_light .faqHelp__link a {
    color: #000
}

.mts_light .faq_single {
    background-image: url(../img/faq_bg_light.733163c271.webp)
}

.mts_light .faq_single .faq_single_gofaq {
    color: #242424
}

.mts_light .faq_single .faq_single_gofaq svg path {
    fill: #242424
}

.mts_light .faq_single h1 {
    color: #242424
}

.mts_light .faq_single .faq_single_ts {
    color: #242424
}

.mts_light .faq_single svg.faq_single_stitle path {
    stroke: #242424
}

.mts_light .faq_single .faq_single_content ol li,
.mts_light .faq_single .faq_single_content ul li {
    color: #242424
}

.mts_light .faq_single .faq_single_content p {
    color: #242424
}

.mts_light .faq_single .faq_single_related_title {
    color: #242424
}

.mts_light .faq_single .faq_single_related_subtitle rect {
    fill: #242424
}

.mts_light .page_404 h1,
.mts_light .page_404 p {
    color: #242424
}

.mts_light .blueButton {
    background: linear-gradient(135deg, #587eff 0, #445fb4 100%)
}

.mts_light .footer {
    background-color: #242424
}

.mts_light .sFeatHead,
.mts_light .sFeatIndicators,
.mts_light .sFeatDetails,
.mts_light .sFeatDetails__featuresItem,
.mts_light .sFeatCarousel,
.mts_light .sFeatSupport,
.mts_light .sFeatSupport .postItem__date,
.mts_light .sFeatFaq {
    color: #242424
}

.mts_light .sFeatHead::after {
    background-image: url(../img/feature-head-spot-lm.49e8fc5d19.png);
    width: 1134px;
    height: 1019px
}

.mts_light .sFeatHead__benefitsItem::before {
    background-image: url(../svg/bw-round-check-lm.5110785bd6.svg)
}

.mts_light .sFeatIndicators__item {
    background: #f2f3ff
}

.mts_light .sFeatDetails__desc {
    background: #fff
}

.mts_light .sFeatDetails__featuresItem {
    background-color: #f2f3ff
}

.mts_light .sFeatCarousel::after {
    background-image: url(../img/feature-carousel-spot-lm.c6b31f2692.png)
}

.mts_light .sFeatCarousel__sliderWrap {
    background-color: #fff;
    box-shadow: 0 4px 19px 0 rgba(0, 0, 0, .1098039216)
}

.mts_light .sFeatCarousel__sliderItemStep {
    background: #f3f4ff
}

.mts_light .sFeatSupport__discord {
    background-color: #f2f3ff
}

.mts_light .sFeatSupport__discordLink {
    background-color: #272833;
    color: #fff
}

.mts_light .sFeatSupport__discordLink span {
    border-left: 2px solid #fff
}

.mts_light .sFeatFaq__item {
    background-color: transparent;
    outline: 1px solid #f2f3ff
}

.mts_light .sFeatFaq__itemQ svg {
    filter: invert(1)
}

.mts_light .sFeatHubHead,
.mts_light .sFeatHubFeatures {
    color: #242424
}

.mts_light .sFeatHubHead::after {
    background-image: url(../img/feature-hub-head-spot-lm.782f3edb12.png)
}

.mts_light .sFeatHubFeatures__filterItem {
    box-shadow: 0 10px 30px 0 rgba(215, 215, 215, .4)
}

.mts_light .sFeatHubFeatures__filterItem:not(:hover):not(.active) {
    border-color: #fff
}

.mts_light .sFeatHubFeatures__filterItem:not(:hover):not(.active),
.mts_light .sFeatHubFeatures__post:not(.mts_light .sFeatHubFeatures__post_highlighted) {
    background-color: #f2f3ff;
    color: #242424
}

.mts_light .sFeatHubFeatures__post:hover {
    box-shadow: 0 4px 36px 0 rgba(0, 0, 0, .2509803922)
}

.mts_light .downloadPageSTRK {
    background-image: url(../img/light_mode_home_bg.bcee2c7d33.webp);
    background-repeat: no-repeat;
    background-size: cover
}

.mts_light .downloadPageSTRK__blocks__block .info {
    color: #242424
}

.mts_light .downloadPageSTRK__blocks__block .right-block img.image-dark {
    display: none
}

.mts_light .downloadPageSTRK__blocks__block .right-block img.image-light {
    display: inline
}