a {
    text-decoration: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}
img,
fieldset,
a img {
    border: none;
}
img {
    display: block;
    width: 100%;
    height: auto;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type="submit"],
button {
    cursor: pointer;
}
input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
}
input,
button {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
}
div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
a:focus {
    outline: none;
}
a {
    color: inherit;
}
ul,
ol {
    list-style: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}
html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
@font-face {
    font-family: BaiJamjuree;
    src: url(./BaiJamjuree-Regular-cb637e02.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: BaiJamjuree;
    src: url(./BaiJamjuree-Medium-662431a9.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: BaiJamjuree;
    src: url(./BaiJamjuree-SemiBold-65ef2984.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    src: url(./Inter-Regular-3127f0b8.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Inter;
    src: url(./Inter-Medium-a645f554.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}
:root {
    --white: #fff;
    --white-additional: rgba(255, 255, 255, 0.82);
    --Cyan: #15e2e4;
    --Blue: #0091fa;
    --Light-Grey: #a5aaba;
    --Grey: rgba(255, 255, 255, 0.4);
    --Grey-Additional: #babbbf;
    --Grey-Dark: #5b5d66;
    --Grey-Secondary: #77797d;
    --black: #0c0c0d;
    --Red: #e7002a;
    --Grey-stroke: #303031;
    --card-bgr: #161617;
    --border: #303031;
    --header-height: 92px;
    --header-height-mobile: 85px;
}
h1 {
    font-family: BaiJamjuree;
    font-size: 64px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    h1 {
        font-size: 36px;
        line-height: 120%;
        letter-spacing: normal;
    }
}
h2 {
    font-family: BaiJamjuree;
    font-size: 40px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    h2 {
        font-size: 22px;
    }
}
h3 {
    font-family: BaiJamjuree;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
}
@media screen and (max-width: 767px) {
    h3 {
        font-size: 24px;
    }
}
h4 {
    font-family: BaiJamjuree;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    h4 {
        font-size: 22px;
        font-weight: 500;
    }
}
.main-logo {
    font-family: BaiJamjuree;
    font-weight: 600;
    font-size: 38px;
    line-height: 120%;
    text-transform: lowercase;
    color: var(--white);
}
.heading {
    font-family: BaiJamjuree;
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    color: #f0f8ff;
}
@media screen and (max-width: 767px) {
    .heading {
        font-size: 20px;
    }
}
.heading-inter {
    font-family: Inter;
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
}
@media screen and (max-width: 767px) {
    .heading-inter {
        font-size: 16px;
    }
}
.body-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 18px;
    line-height: 180%;
}
@media screen and (max-width: 767px) {
    .body-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
    }
}
.body-text-r {
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
}
@media screen and (max-width: 767px) {
    .body-text-r {
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
    }
}
.additional-text {
    font-family: BaiJamjuree;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
}
.cyan-text {
    font-family: BaiJamjuree;
    font-weight: 500;
    color: var(--Cyan);
    font-size: 16px;
    line-height: 140%;
}
@media screen and (max-width: 767px) {
    .cyan-text {
        font-size: 14px;
        line-height: 120%;
    }
}
.cyan-text-additional {
    font-family: BaiJamjuree;
    font-weight: 500;
    color: var(--Cyan);
    font-size: 20px;
    line-height: 140%;
}
.additional-text-r {
    font-family: BaiJamjuree;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
}
.additional-text-14 {
    font-family: BaiJamjuree;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
}
.menu-item {
    font-family: BaiJamjuree;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    color: var(--Grey);
}
@media screen and (max-width: 767px) {
    .menu-item {
        font-size: 32px;
    }
}
.btn-text {
    font-family: BaiJamjuree;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}
.cta-text {
    font-family: BaiJamjuree;
    font-weight: 500;
    font-size: 80px;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--white);
}
@media screen and (max-width: 767px) {
    .cta-text {
        font-size: 40px;
        line-height: 120%;
        letter-spacing: normal;
    }
}
.dropdown-text {
    font-family: BaiJamjuree;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--Light-Grey);
}
.search-text {
    font-family: BaiJamjuree;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--white);
}
@media screen and (max-width: 570px) {
    .search-text {
        font-size: 14px;
    }
}
.pagination-text {
    font-family: BaiJamjuree;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--Grey-stroke);
}
.link-text {
    font-family: BaiJamjuree;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--white);
}
.container {
    max-width: 1310px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .container {
        padding: 0 20px;
    }
}
.button {
    position: relative;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 25px;
    max-width: fit-content;
    color: var(--white);
    font-family: BaiJamjuree;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    transition: 0.35s;
}
@media screen and (max-width: 767px) {
    .button {
        padding: 12px;
        font-size: 14px;
        letter-spacing: 0.7px;
    }
}
.button span {
    position: relative;
    z-index: 20;
}
.button .button-border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.button #fill,
.button #fill-mobile {
    stroke: #0091fa;
}
.button #filter {
    stroke: #303031;
}
.button use {
    transition: 0.35s;
}
.button:hover use {
    fill: var(--Blue);
}
.button:hover .button-arrow {
    position: relative;
    z-index: 20;
}
.button:hover .button-arrow path {
    fill: currentColor;
}
.button:hover #filter {
    stroke: var(--Blue);
}
.blue-path-line {
    stroke-dasharray: 35 var(--total-length);
    stroke-dashoffset: var(--total-length);
    animation: cycle-design 4s linear infinite;
}
.blue-path-line-r {
    stroke-dasharray: 35 var(--total-length);
    stroke-dashoffset: var(--total-length);
    animation: cycle-design-reverse 4s linear infinite;
}
[data-rotate-element] {
    animation: rotateEl 7s linear infinite;
}
[data-rotate-element-reverse] {
    animation: rotateReverseEl 8s linear infinite;
}
[data-rotate-element-inner] {
    animation: rotateReverseInnerEl 8s linear infinite;
}
[data-rotate-engine] {
    animation: rotateEngineEl 7s linear infinite;
}
[data-revers-rotate-engine] {
    animation: rotateReversEngineEl 8s linear infinite;
}
[data-revers-rotate-engine-inner] {
    animation: rotateReversEngineInnerEl 8s linear infinite;
}
[data-green-light] {
    position: relative;
}
[data-green-light]:before {
    --gradient-size: 750px;
    content: "";
    position: absolute;
    top: calc(var(--y-cursor-position, 0) * 1px - var(--gradient-size) / 2);
    left: calc(var(--x-cursor-position, 0) * 1px - var(--gradient-size) / 2);
    height: var(--gradient-size);
    width: var(--gradient-size);
    background: radial-gradient(
            rgba(64, 167, 223, 0.418),
            rgba(57, 132, 255, 0) 70%
    );
    opacity: 0;
    transition: opacity 0.7s;
    z-index: -1;
}
[data-green-light]:hover:before {
    opacity: 1;
}
@media screen and (max-width: 767px) {
    [data-green-light]:hover:before {
        opacity: 0;
    }
}
[data-blue-light] {
    position: relative;
}
[data-blue-light]:before {
    --gradient-size: 650px;
    content: "";
    position: absolute;
    top: calc(var(--y-cursor-position, 0) * 1px - var(--gradient-size) / 2);
    left: calc(var(--x-cursor-position, 0) * 1px - var(--gradient-size) / 2);
    height: var(--gradient-size);
    width: var(--gradient-size);
    background: radial-gradient(
            rgba(0, 145, 250, 0.4509803922),
            rgba(57, 132, 255, 0) 70%
    );
    opacity: 0;
    transition: opacity 0.7s;
    z-index: -1;
}
[data-blue-light]:hover:before {
    opacity: 1;
}
@media screen and (max-width: 767px) {
    [data-blue-light]:hover:before {
        opacity: 0;
    }
}
@keyframes cycle-design {
    0% {
        stroke-dashoffset: -35;
    }
    to {
        stroke-dashoffset: var(--total-length);
    }
}
@keyframes cycle-design-reverse {
    0% {
        stroke-dashoffset: var(--total-length);
    }
    to {
        stroke-dashoffset: -35;
    }
}
@keyframes preloader-primary {
    to {
        transform: rotate(1turn);
    }
}
@keyframes preloader {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes rotateEl {
    0% {
        transform: rotate(0);
        transform-origin: 207px 204px;
    }
    to {
        transform: rotate(360deg);
        transform-origin: 207px 204px;
    }
}
@keyframes rotateReverseEl {
    0% {
        transform: rotate(0);
        transform-origin: 207px 204px;
    }
    to {
        transform: rotate(-360deg);
        transform-origin: 207px 204px;
    }
}
@keyframes rotateReverseInnerEl {
    0% {
        transform: rotate(0);
        transform-origin: 343px 109px;
    }
    to {
        transform: rotate(-360deg);
        transform-origin: 343px 109px;
    }
}
@keyframes rotateEngineEl {
    0% {
        transform: rotate(0);
        transform-origin: 207px 206px;
    }
    to {
        transform: rotate(360deg);
        transform-origin: 207px 206px;
    }
}
@keyframes rotateReversEngineEl {
    0% {
        transform: rotate(0);
        transform-origin: 207px 206px;
    }
    to {
        transform: rotate(-360deg);
        transform-origin: 207px 206px;
    }
}
@keyframes rotateReversEngineInnerEl {
    0% {
        transform: rotate(0);
        transform-origin: 343px 109px;
    }
    to {
        transform: rotate(360deg);
        transform-origin: 343px 109px;
    }
}
.field {
    display: block;
}
.field__label {
    color: var(--white);
    letter-spacing: 0.28px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
    padding-left: 16px;
}
.field__input,
.field__textarea {
    color: var(--white);
    font-family: BaiJamjuree;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    font-weight: 400;
    letter-spacing: 0px;
    border-radius: 8px;
    border: 1px solid var(--Grey-stroke);
    background-color: var(--card-bgr);
    width: 100%;
    padding: 12px 16px;
}
.field__input::placeholder,
.field__textarea::placeholder {
    color: #fff6;
}
.field__textarea {
    resize: none;
    height: 120px;
}
.header {
    padding: 30px 0 16px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: 0.3s;
    z-index: 70;
}
@media screen and (max-width: 767px) {
    .header {
        padding: 20px 0;
    }
}
.header__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.header__btn {
    margin-left: auto;
}
@media only screen and (max-width: 1023px) {
    .header__btn {
        margin-right: 8px;
    }
}
@media screen and (max-width: 767px) {
    .header__btn .button-border {
        display: block;
    }
    .header__btn .button-border--mobile {
        display: none;
    }
}
.header__burger {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .header__burger {
        display: flex;
        align-self: center;
    }
}
.main-nav {
    display: flex;
    align-items: center;
    gap: 30px;
}
.main-nav__logo span {
    color: var(--Blue);
}
.main-nav-list {
    display: flex;
    gap: 40px;
    padding: 11px 35px 11px 20px;
    border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='590' height='42' viewBox='0 0 590 42' fill='none'%3E%3Cpath d='M13 0.5C6.09644 0.5 0.5 6.09644 0.5 13V29C0.5 35.9036 6.09644 41.5 13 41.5H577C583.904 41.5 589.5 35.9036 589.5 29V22C589.5 15.0964 583.904 9.5 577 9.5H573C570.512 9.5 568.091 8.69295 566.1 7.2L560.5 3C558.336 1.37722 555.705 0.5 553 0.5H13Z' fill='%230C0C0D' stroke='%23303031'/%3E%3C/svg%3E")
    20/30px;
}
@media only screen and (max-width: 1023px) {
    .main-nav-list {
        position: absolute;
        flex-direction: column;
        background: var(--black);
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 30;
        border-image: none;
        height: calc(100svh + 86px);
        transform: scaleX(0);
        transform-origin: right;
        transition: 0.25s;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAALOCAYAAABS7VPeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYfSURBVHgB7dixicVADEVR2RVNiVOiStrMGEcPw/oPwzmZ0hsIpCoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+HdjjFlEtMppldMqt2qrswDYjuUOsKGjFnE/bbp7PufiolVOq5xWOa1e8u/LaZXTKqdVzs8dgM9Y7gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUjTFmEdEqp1VOq9yqrc4CYDuWO8CGjlrE/bTp7vmci4tWOa1yWuW0esm/L6dVTqucVjk/dwA+Y7kDAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADXGmEVEq5xWOa1yq7Y6C4DtWO4AGzpqEffTprvncy4uWuW0ymmV0+ol/76cVjmtclrl/NwB+IzlDgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEDVGGMWEa1yWuW0yq3a6iwAtmO5A2zoqEXcT5vuns+5uGiV0yqnVU6rl/z7clrltMpplfNzB+AzljsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVWOMWUS0ymmV0yq3aquzANiO5Q6woaMWcT9tuns+5+KiVU6rnFY5rV7y78tpldMqp1XOzx2Az1juAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFSNMWYR0SqnVU6r3KqtzgJgO5Y7wIaOWsT9tOnu+ZyLi1Y5rXJa5bR6yb8vp1VOq5xWOT93AD5juQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQNcaYRUSrnFY5rXKrtjoLgO1Y7gAbOmoR99Omu+dzLi5a5bTKaZXT6iX/vpxWOa1yWuX83AH4jOUOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQNUYYxYRrXJa5bTKrdrqLAC2Y7kDbOioRdxPm+6ez7m4aJXTKqdVTquX/PtyWuW0ymmV83MH4DOWOwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABVY4xZRLTKaZXTKrdqq7MA2I7lDrChoxZxP226ez7n4qJVTqucVjmtXvLvy2mV0yqnVc7PHYDPWO4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVI0xZhHRKqdVTqvcqq3OAmA7ljvAho5axP206e75nIuLVjmtclrltHrJvy+nVU6rnFY5P3cAPmO5AwAAAPzEH2R3+qpKLQ/uAAAAAElFTkSuQmCC);
        padding: 45px 20px;
        gap: 36px;
    }
}
.main-nav-list__item {
    transition: 0.25s;
}
@media only screen and (max-width: 1023px) {
    .main-nav-list__item {
        font-size: 32px;
    }
}
.main-nav-list__item.is-active,
.main-nav-list__link:hover {
    color: var(--Blue);
}
@media only screen and (max-width: 1023px) {
    .main-nav-list__link svg {
        width: 30px;
        height: 30px;
    }
}
.header-fixed {
    transition: 0.3s;
    background-color: var(--black);
    padding: 10px;
}
.footer {
    padding: 40px 0;
}
.footer__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
@media screen and (max-width: 570px) {
    .footer__wrap {
        flex-direction: column;
        gap: 40px;
    }
}
.footer__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--white);
}
@media screen and (max-width: 570px) {
    .footer__inner {
        gap: 8px;
    }
}
.footer__tel:last-child {
    margin-top: -8px;
}
@media screen and (max-width: 570px) {
    .footer__tel:last-child {
        margin-top: 0;
    }
}
.footer__side {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    flex-basis: 50%;
}
@media screen and (max-width: 944px) {
    .footer__side {
        flex-direction: column;
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 570px) {
    .footer__side {
        padding-bottom: 30px;
    }
}
.footer__social-title {
    color: var(--white);
    font-family: BaiJamjuree;
    font-size: 18px;
    font-style: normal;
    line-height: 120%;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.footer-nav {
    color: var(--white);
    max-width: 392px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px 10px;
}
@media screen and (max-width: 570px) {
    .footer-nav {
        flex-direction: column;
        gap: 16px;
    }
}
.footer-nav__item {
    flex-basis: calc(50% - 10px);
}
.footer-nav__link {
    color: var(--white);
    font-family: BaiJamjuree;
    font-size: 18px;
    font-style: normal;
    line-height: 120%;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
    transition: 0.25s;
}
@media screen and (max-width: 570px) {
    .footer-nav__link {
        font-size: 20px;
    }
}
.footer-nav__link:hover {
    color: var(--Blue);
}
.footer-social-list {
    margin-top: 24px;
    display: flex;
    gap: 8px;
}
@media screen and (max-width: 570px) {
    .footer-social-list {
        margin-top: 20px;
    }
}
.footer-social-list__link:hover .footer-social-list__icon {
    fill: var(--Blue, #0091fa);
    stroke: var(--Blue, #0091fa);
    transition: fill 0.3s ease, stroke 0.3s ease;
}
.footer-bottom {
    display: flex;
    gap: 5px;
    max-width: 50%;
    width: 100%;
    justify-content: space-between;
    margin-left: auto;
}
@media screen and (max-width: 570px) {
    .footer-bottom {
        margin-left: 0;
        flex-direction: column;
        gap: 10px;
        max-width: 100%;
    }
}
@media screen and (max-width: 1116px) {
    .footer-bottom__link,
    .footer-bottom__rights {
        font-size: 12px;
    }
}
.button-border {
    display: block;
}
.button-border--mobile {
    display: none;
}
@media screen and (max-width: 767px) {
    .button-border {
        display: none;
    }
    .button-border--mobile {
        display: block;
    }
}
.home-hero {
    padding: calc(65px + var(--header-height)) 0 100px;
}
@media screen and (max-width: 767px) {
    .home-hero {
        padding: calc(40px + var(--header-height-mobile)) 0 60px;
    }
}
.home-hero__wrap {
    position: relative;
}
.home-hero__title {
    max-width: 847px;
    margin-top: 20px;
}
@media screen and (max-width: 767px) {
    .home-hero__title {
        margin-top: 12px;
    }
}
.home-hero__text {
    color: var(--Light-Grey);
    max-width: 552px;
    margin-top: 28px;
}
@media screen and (max-width: 767px) {
    .home-hero__text {
        margin-top: 20px;
    }
}
.home-hero__links-wrap {
    margin-top: 36px;
    display: flex;
    gap: 8px;
}
@media screen and (max-width: 767px) {
    .home-hero__links-wrap {
        margin-top: 24px;
        gap: 16px;
    }
}
@media screen and (max-width: 767px) {
    .home-hero__links-wrap {
        flex-direction: column;
    }
    .home-hero__links-wrap a {
        max-width: 100%;
        justify-content: center;
        padding: 17px;
        font-size: 18px;
        letter-spacing: 0.9px;
    }
}
.home-hero__join use {
    fill: var(--Blue);
}
.home-hero__join:hover {
    color: var(--Blue);
}
.home-hero__join:hover use {
    fill: var(--white);
}
.home-hero__join:hover path {
    stroke: var(--white);
}
.home-hero__img {
    width: 100%;
    margin-top: -135px;
    position: relative;
}
@media only screen and (max-width: 1023px) {
    .home-hero__img {
        margin-top: -80px;
    }
}
@media screen and (max-width: 767px) {
    .home-hero__img {
        margin-top: 0;
    }
}
@media screen and (max-width: 767px) {
    .home-hero__img .hero-base {
        display: none;
    }
}
.home-hero__mob-animation {
    margin-top: 40px;
    display: none;
}
@media screen and (max-width: 767px) {
    .home-hero__mob-animation {
        display: block;
    }
}
.home-hero__mob-animation-base {
    position: absolute;
    top: 4%;
    width: 93%;
    left: 4%;
}
.home-hero__mob-animation-lines {
    position: absolute;
    bottom: 0;
    left: 5%;
    width: 100%;
}
.home-hero__mob-animation-mechanism {
    position: absolute;
    top: 11%;
    width: 68%;
    left: 17%;
}
.home-hero [data-hero-dark-engine] {
    opacity: 1;
    animation: fadeOut 2s ease 2s forwards;
}
.home-hero [data-hero-light-engine] {
    top: 8%;
    left: 15%;
    width: 70%;
    opacity: 0;
    animation: fadeInCircle 2s ease 2s forwards;
}
.home-hero__connector {
    position: absolute;
    top: -18%;
    right: 15%;
    z-index: 80;
}
@media screen and (max-width: 1080px) {
    .home-hero__connector {
        right: 7%;
    }
}
@media only screen and (max-width: 1023px) {
    .home-hero__connector {
        right: 15%;
    }
}
@media screen and (max-width: 999px) {
    .home-hero__connector {
        display: none;
    }
}
.home-hero__additional-connector {
    position: absolute;
    right: 15%;
    bottom: -55%;
}
@media screen and (max-width: 1230px) {
    .home-hero__additional-connector {
        bottom: -60%;
    }
}
@media screen and (max-width: 1050px) {
    .home-hero__additional-connector {
        bottom: -70%;
    }
}
@media screen and (max-width: 999px) {
    .home-hero__additional-connector {
        display: none;
    }
}
.hero-circle {
    position: absolute;
    right: 0;
    left: revert-layer;
    transform: translate(64%, 26%);
    opacity: 0;
    animation: fadeInCircle 2s ease 4s forwards;
}
.hero-circle-black {
    position: absolute;
    right: 0;
    left: revert-layer;
    transform: translate(64%, 26%);
    opacity: 1;
    animation: fadeOut 2s ease 4s forwards;
}
@keyframes fadeInCircle {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.blue-dots g {
    filter: none;
}
.blue-dots path {
    stroke: #303031;
    fill: #303031;
}
.leaders-company {
    padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
    .leaders-company {
        padding-bottom: 40px;
    }
}
.leaders-company__title {
    color: var(--white);
    font-family: BaiJamjuree;
    font-size: 18px;
    font-style: normal;
    line-height: 120%;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    max-width: 272px;
}
.leaders-company-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 48px;
    gap: 20px;
    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
    .leaders-company-list {
        margin-top: 28px;
    }
}
.leaders-company-list__item {
    flex-basis: auto;
}
@media screen and (max-width: 767px) {
    .leaders-company-list__item {
        flex-basis: calc((100% - 40px) / 3);
    }
}
.benefits-section {
    padding: 80px 0 100px;
}
@media screen and (max-width: 767px) {
    .benefits-section {
        padding: 40px 0 65px;
    }
}
@media screen and (max-width: 767px) {
    .benefits-section__label {
        font-size: 20px;
    }
}
.benefits-section__title {
    margin-top: 20px;
    max-width: 815px;
    font-size: 32px;
}
@media screen and (max-width: 767px) {
    .benefits-section__title {
        margin-top: 12px;
    }
}
.benefits-section__text {
    margin-top: 24px;
    color: var(--Light-Grey);
    max-width: 736px;
    font-size: 16px;
}
@media screen and (max-width: 1279px) {
    .benefits-section__text {
        max-width: 640px;
    }
}
@media screen and (max-width: 767px) {
    .benefits-section__text {
        margin-top: 16px;
    }
}
.benefits-section__link {
    margin-top: 32px;
}
@media screen and (max-width: 767px) {
    .benefits-section__link {
        margin-top: 24px;
        max-width: 100%;
        justify-content: center;
        padding: 17px;
    }
}
.benefits-section__img-wrap {
    position: relative;
}
@media screen and (max-width: 767px) {
    .benefits-section__img-wrap {
        margin-top: 40px;
    }
}
.benefits-section__img {
    position: relative;
    z-index: 10;
}
.benefits-section__circle {
    position: absolute;
    top: -40%;
    width: auto;
    right: 0;
}
@media only screen and (max-width: 1023px) {
    .benefits-section__circle {
        display: none;
    }
}
.benefits-section__connector {
    position: absolute;
    right: 18%;
    top: -14%;
}
.benefits-section__connector--mobile {
    display: none;
}
@media screen and (max-width: 999px) {
    .benefits-section__connector {
        display: none;
    }
    .benefits-section__connector--mobile {
        display: block;
        top: -15%;
    }
}
.benefits-section__additional-connector {
    position: absolute;
    right: 15%;
    top: -17%;
}
.benefits-section__additional-connector--mobile {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .benefits-section__additional-connector {
        top: -13%;
    }
}
@media screen and (max-width: 767px) {
    .benefits-section__additional-connector {
        display: none;
    }
    .benefits-section__additional-connector--mobile {
        display: block;
        top: -7%;
    }
}
.security {
    padding: 100px 0;
}
@media screen and (max-width: 767px) {
    .security {
        padding: 50px 0;
    }
}
.security__wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 739px;
}
@media screen and (max-width: 767px) {
    .security__wrap {
        gap: 15px;
    }
}
.security__text {
    color: var(--Light-Grey);
}
.security-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 48px;
}
.security-list__item {
    flex-basis: calc((100% - 40px) / 3);
    padding: 40px 30px;
    background-image: url(./card-mask-1-145cf486.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-mask-image: url(./card-mask-1-145cf486.svg);
    mask-image: url(./card-mask-1-145cf486.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    gap: 60px;
    height: 100%;
    cursor: pointer;
}
@media only screen and (max-width: 1023px) {
    .security-list__item {
        flex-basis: calc((100% - 20px) / 2);
    }
}
@media screen and (max-width: 767px) {
    .security-list__item {
        flex-basis: 100%;
        gap: 40px;
        padding: 24px 20px;
    }
}
.security-list__item:nth-child(2) {
    background-image: url(./card-mask-2-a066fee3.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-mask-image: url(./card-mask-2-a066fee3.svg);
    mask-image: url(./card-mask-2-a066fee3.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}
.security-list__item:nth-child(3) {
    background-image: url(./card-mask-3-aeb1f809.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-mask-image: url(./card-mask-3-aeb1f809.svg);
    mask-image: url(./card-mask-3-aeb1f809.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}
.security-list__head img {
    width: auto;
}
.security-list__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.security-list__text {
    color: var(--Grey-Additional);
}
.testimonials {
    padding: 100px 0 140px;
}
@media screen and (max-width: 767px) {
    .testimonials {
        padding: 80px 0 70px;
    }
}
.testimonials__wrap {
    position: relative;
}
.testimonials__connector-right {
    position: absolute;
    top: -15%;
    right: 10%;
}
@media only screen and (max-width: 1023px) {
    .testimonials__connector-right {
        display: none;
    }
}
.testimonials__connector-left {
    position: absolute;
    top: -25%;
    left: 10%;
}
@media only screen and (max-width: 1023px) {
    .testimonials__connector-left {
        display: none;
    }
}
.testimonials__connector-mob,
.testimonials__connector-mob--bottom {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .testimonials__connector-mob {
        display: block;
        position: absolute;
        top: -11%;
        left: 50%;
        transform: translate(-50%);
    }
}
@media screen and (max-width: 767px) {
    .testimonials__connector-mob {
        top: -30%;
    }
    .testimonials__connector-mob--bottom {
        display: block;
        top: 105%;
    }
}
@media screen and (max-width: 429px) {
    .testimonials__connector-mob {
        top: -25%;
    }
    .testimonials__connector-mob--bottom {
        display: block;
        top: 105%;
    }
}
.testimonials__connector-bottom {
    position: absolute;
    left: 50%;
    top: 105%;
    transform: translate(-50%);
}
@media screen and (max-width: 767px) {
    .testimonials__connector-bottom {
        display: none;
    }
}
.testimonials__title {
    text-align: center;
}
@media screen and (max-width: 767px) {
    .testimonials__title {
        font-size: 28px;
    }
}
.testimonials__text {
    text-align: center;
    color: var(--Light-Grey);
    max-width: 600px;
    margin: 24px auto 0;
}
@media screen and (max-width: 767px) {
    .testimonials__text {
        margin: 16px auto 0;
    }
}
.testimonials .swiper-button-prev,
.testimonials .swiper-button-next {
    display: none;
}
@media screen and (max-width: 767px) {
    .testimonials .swiper-button-prev,
    .testimonials .swiper-button-next {
        display: flex;
        top: 120%;
    }
}
.testimonials .swiper-button-next {
    right: 10%;
}
.testimonials .swiper-button-prev {
    left: 10%;
}
.testimonials-list {
    margin-top: 48px;
}
@media screen and (max-width: 767px) {
    .testimonials-list {
        margin-right: -20px !important;
        margin-top: 40px;
    }
}
.testimonials-list__wrap {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    box-sizing: border-box !important;
}
@media screen and (max-width: 767px) {
    .testimonials-list__wrap {
        flex-wrap: nowrap;
        gap: 0;
    }
}
.testimonials-list__item {
    position: relative;
    display: flex !important;
    flex-direction: column;
    gap: 36px;
    flex-basis: calc((100% - 40px) / 3);
    padding: 40px 30px;
    background: var(--black);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}
.testimonials-list__item:nth-child(4n + 1) {
    background-image: url(./testimon-1-8f515fa9.svg);
    -webkit-mask-image: url(./testimon-1-8f515fa9.svg);
    mask-image: url(./testimon-1-8f515fa9.svg);
}
.testimonials-list__item:nth-child(4n + 2) {
    background-image: url(./testimon-2-f0d3d17d.svg);
    -webkit-mask-image: url(./testimon-2-f0d3d17d.svg);
    mask-image: url(./testimon-2-f0d3d17d.svg);
}
.testimonials-list__item:nth-child(4n + 3) {
    background-image: url(./testimon-3-2689f57d.svg);
    -webkit-mask-image: url(./testimon-3-2689f57d.svg);
    mask-image: url(./testimon-3-2689f57d.svg);
}
.testimonials-list__item:nth-child(4n + 4) {
    background-image: url(./testimon-4-8f6b51a2.svg);
    -webkit-mask-image: url(./testimon-4-8f6b51a2.svg);
    mask-image: url(./testimon-4-8f6b51a2.svg);
}
@media only screen and (max-width: 1023px) {
    .testimonials-list__item {
        flex-basis: calc((100% - 20px) / 2);
    }
}
@media screen and (max-width: 767px) {
    .testimonials-list__item {
        flex-basis: unset;
        padding: 24px 20px;
        height: auto !important;
    }
}
.testimonials-list__head {
    position: relative;
    z-index: 5;
    display: flex;
    gap: 25px;
}
.testimonials-list__img-wrap {
    max-width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}
@media screen and (max-width: 767px) {
    .testimonials-list__img-wrap {
        max-width: 50px;
        height: 50px;
    }
}
.testimonials-list__img-wrap img {
    height: 100%;
    object-fit: cover;
}
.testimonials-list__info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.testimonials-list__title {
    cursor: pointer;
    color: var(--white);
    font-family: BaiJamjuree;
    font-size: 24px;
    font-style: normal;
    line-height: 120%;
    font-weight: 500;
    letter-spacing: -2.08px;
    text-transform: uppercase;
}
.testimonials-list__link {
    text-transform: lowercase;
    color: var(--Grey-Dark);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    line-height: 120%;
    font-weight: 400;
    letter-spacing: -2.08px;
}
.testimonials-list__text {
    position: relative;
    z-index: 5;
    color: var(--Grey-Additional);
}
.testimonials-list__bgr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}
.success-stories {
    padding: 100px 0;
}
@media screen and (max-width: 767px) {
    .success-stories {
        padding: 20px 0;
    }
}
.success-stories__title {
    margin-bottom: 48px;
}
@media screen and (max-width: 965px) {
    .success-stories-list {
        padding-bottom: 100px !important;
    }
}
.success-stories-list .swiper-slide {
    height: auto;
}
.success-stories-list__item {
    display: flex;
    gap: 70px;
}
@media screen and (max-width: 965px) {
    .success-stories-list__item {
        flex-direction: column;
    }
}
.success-stories-list__img {
    max-width: 630px;
    max-height: 433px;
    width: 100%;
    -webkit-mask-image: url(./card-mask-7569e8d7.svg);
    mask-image: url(./card-mask-7569e8d7.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}
@media screen and (max-width: 965px) {
    .success-stories-list__img {
        max-width: 100%;
        -webkit-mask-image: url(./card-mask-mob-32497850.svg);
        mask-image: url(./card-mask-mob-32497850.svg);
    }
}
.success-stories-list__img img {
    height: 100%;
}
.success-stories-list__side {
    max-width: 580px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media screen and (max-width: 965px) {
    .success-stories-list__side {
        max-width: 100%;
    }
}
.success-stories-list__title {
    max-width: 513px;
}
.success-stories-list__text {
    color: var(--Grey-Additional);
}
.success-stories-list__info {
    display: flex;
    margin-top: 8px;
    gap: 24px;
}
.success-stories-list__avatar {
    max-width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.success-stories-list__avatar img {
    height: 100%;
    object-fit: cover;
}
.success-stories-list__info-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.success-stories-list__name {
    color: var(--white);
    font-family: BaiJamjuree;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    font-weight: 500;
    letter-spacing: -2.08px;
    text-transform: uppercase;
}
.success-stories-list__position {
    color: var(--Grey-Dark);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    line-height: 120%;
    font-weight: 400;
    letter-spacing: -2.08px;
}
.success-stories-list__buttons {
    position: absolute;
    max-width: 135px;
    width: 100%;
    left: 43%;
    transform: translate(-50%);
    top: 90%;
    z-index: 100;
    height: 44px;
}
@media screen and (max-width: 1080px) {
    .success-stories-list__buttons {
        top: 80%;
    }
}
@media screen and (max-width: 965px) {
    .success-stories-list__buttons {
        top: 93%;
        max-width: 96%;
        left: 50%;
    }
}
.ecosystem {
    padding: 60px 0 80px;
}
@media screen and (max-width: 767px) {
    .ecosystem {
        padding: 0 0 50px;
    }
}
.ecosystem__title {
    margin-bottom: 60px;
}
.ecosystem__title br {
    display: none;
}
@media screen and (max-width: 767px) {
    .ecosystem__title {
        margin-bottom: 40px;
        font-size: 36px;
    }
    .ecosystem__title br {
        display: block;
    }
}
.ecosystem-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 350px 125px 315px;
    grid-gap: 1rem;
}
@media screen and (max-width: 1090px) {
    .ecosystem-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
}
.ecosystem-grid__item {
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 1090px) {
    .ecosystem-grid__item {
        flex-basis: calc((100% - 20px) / 2);
    }
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__item {
        flex-basis: 100%;
    }
}
.ecosystem-grid__item:nth-child(1) {
    grid-area: 1/1/2/3;
}
@media screen and (max-width: 1090px) {
    .ecosystem-grid__item:nth-child(1) {
        flex-basis: 100%;
    }
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__item:nth-child(1) {
        display: none;
    }
}
.ecosystem-grid__item:nth-child(1) .ecosystem-grid__img img {
    border-radius: 0 25px 25px 0;
    height: calc(100% - 2px);
    object-fit: cover;
    -webkit-mask-image: url(./eco-mask-1-1662cf5a.svg);
    mask-image: url(./eco-mask-1-1662cf5a.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position-x: 2px;
}
.ecosystem-grid__item:nth-child(1) .ecosystem-grid__label {
    right: unset;
    left: 0;
    flex-direction: row;
}
.ecosystem-grid__item:nth-child(2) {
    grid-area: 1/3/3/4;
}
.ecosystem-grid__item:nth-child(2) .ecosystem-grid__wrap {
    flex-direction: column;
    gap: 30px;
    border-image: url(./eco-mask-2-tall-a59c84fb.svg);
    border-image-width: 100%;
    border-image-slice: 50%;
    border-image-repeat: round;
    -webkit-mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
    mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__item:nth-child(2) .ecosystem-grid__wrap {
        gap: 20px;
    }
}
.ecosystem-grid__item:nth-child(2) .ecosystem-grid__img {
    max-width: 413px;
    width: calc(100% - 4px);
    height: 222px;
    margin-top: 1px;
}
@media screen and (max-width: 1090px) {
    .ecosystem-grid__item:nth-child(2) .ecosystem-grid__img {
        max-width: 100%;
    }
}
@media screen and (max-width: 429px) {
    .ecosystem-grid__item:nth-child(2) .ecosystem-grid__img {
        height: 200px;
    }
}
.ecosystem-grid__item:nth-child(2) .ecosystem-grid__img img {
    border-radius: 0 0 25px 25px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: url(./eco-mask-2-photo-large-7d123909.svg);
    mask-image: url(./eco-mask-2-photo-large-7d123909.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 1px 1px;
}
@media screen and (max-width: 429px) {
    .ecosystem-grid__item:nth-child(2) .ecosystem-grid__img img {
        -webkit-mask-size: 100% 97%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: 1px 0px;
    }
}
.ecosystem-grid__item:nth-child(2) .ecosystem-grid__content {
    padding: 0 15px;
    max-width: 380px;
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__item:nth-child(2) .ecosystem-grid__content {
        padding: 0 20px 20px;
    }
}
.ecosystem-grid__item:nth-child(2) .ecosystem-grid__about {
    margin-top: 20px;
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__item:nth-child(2) .ecosystem-grid__about {
        margin-top: 16px;
    }
}
.ecosystem-grid__item:nth-child(3) {
    grid-area: 2/1/4/2;
    overflow: hidden;
}
.ecosystem-grid__item:nth-child(3) .ecosystem-grid__wrap {
    flex-direction: column;
    gap: 30px;
    border-image: url(./eco-mask-2-tall-a59c84fb.svg);
    border-image-width: 100%;
    border-image-slice: 50%;
    border-image-repeat: round;
    -webkit-mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
    mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__item:nth-child(3) .ecosystem-grid__wrap {
        gap: 20px;
    }
}
@media screen and (max-width: 429px) {
    .ecosystem-grid__item:nth-child(3) .ecosystem-grid__wrap {
        border-image-slice: 48%;
    }
}
.ecosystem-grid__item:nth-child(3) .ecosystem-grid__img {
    max-width: 412px;
    width: calc(100% - 4px);
    height: 296px;
    margin-top: 1px;
}
@media screen and (max-width: 1090px) {
    .ecosystem-grid__item:nth-child(3) .ecosystem-grid__img {
        max-width: 100%;
    }
}
@media screen and (max-width: 429px) {
    .ecosystem-grid__item:nth-child(3) .ecosystem-grid__img {
        height: 200px;
    }
}
.ecosystem-grid__item:nth-child(3) .ecosystem-grid__img img {
    border-radius: 0 0 25px 25px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: url(./eco-mask-1-photo-d36417ea.svg);
    mask-image: url(./eco-mask-1-photo-d36417ea.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 96%;
    -webkit-mask-repeat: no-repeat;
}
@media screen and (max-width: 429px) {
    .ecosystem-grid__item:nth-child(3) .ecosystem-grid__img img {
        -webkit-mask-image: url(./eco-mask-2-photo-large-7d123909.svg);
        mask-image: url(./eco-mask-2-photo-large-7d123909.svg);
        -webkit-mask-size: 100% 95%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: 0px 0px;
    }
}
.ecosystem-grid__item:nth-child(3) .ecosystem-grid__content {
    padding: 0 15px;
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__item:nth-child(3) .ecosystem-grid__content {
        padding: 0 20px 20px;
    }
}
.ecosystem-grid__item:nth-child(4) {
    grid-area: 2/2/4/3;
    overflow: hidden;
}
@media screen and (max-width: 1090px) {
    .ecosystem-grid__item:nth-child(4) {
        display: none;
    }
}
.ecosystem-grid__item:nth-child(4) .ecosystem-grid__wrap {
    flex-direction: column;
    gap: 30px;
    border-image: url(./eco-mask-2-tall-a59c84fb.svg);
    border-image-width: 99%;
    border-image-slice: 49%;
    border-image-repeat: round;
    -webkit-mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
    mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}
.ecosystem-grid__item:nth-child(4) .ecosystem-grid__img {
    max-width: 412px;
    width: calc(100% - 4px);
    height: 296px;
    margin-top: 1px;
}
.ecosystem-grid__item:nth-child(4) .ecosystem-grid__img img {
    border-radius: 0 0 25px 25px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: url(./eco-mask-1-photo-d36417ea.svg);
    mask-image: url(./eco-mask-1-photo-d36417ea.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 96%;
    -webkit-mask-repeat: no-repeat;
}
.ecosystem-grid__item:nth-child(4) .ecosystem-grid__content {
    padding: 0 15px;
}
.ecosystem-grid__item:nth-child(5) {
    grid-area: 3/3/4/4;
}
.ecosystem-grid__wrap {
    position: relative;
    display: flex;
    gap: 39px;
    align-items: center;
    height: 100%;
    border-image: url(./eco-mask-1-large-b5f47c52.svg);
    border-image-width: 100%;
    border-image-slice: 50%;
    border-image-repeat: round;
    -webkit-mask-image: url(./eco-mask-1-large-b5f47c52.svg);
    mask-image: url(./eco-mask-1-large-b5f47c52.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}
.ecosystem-grid__img {
    max-width: 413px;
    width: 100%;
    height: 348px;
    margin-top: 1px;
}
@media screen and (max-width: 1090px) {
    .ecosystem-grid__img {
        max-width: fit-content;
    }
}
.ecosystem-grid__img img {
    border-radius: 0 25px 25px 0;
    width: calc(100% - 4px);
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: url(./eco-mask-1-1662cf5a.svg);
    mask-image: url(./eco-mask-1-1662cf5a.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position-x: 2px;
}
.ecosystem-grid__content {
    max-width: 350px;
    width: 100%;
}
.ecosystem-grid__date {
    color: var(--Grey-Secondary);
}
.ecosystem-grid__title {
    text-transform: uppercase;
    margin-top: 16px;
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__title {
        font-size: 20px;
    }
}
.ecosystem-grid__about {
    color: var(--Grey-Additional);
    margin-top: 32px;
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__about {
        margin-top: 16px;
    }
}
.ecosystem-grid__label {
    position: absolute;
    top: 0;
    right: 0;
    left: unset;
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 20px;
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__label {
        padding: 0 3px;
    }
}
.ecosystem-grid__box {
    width: 10px;
    height: 10px;
    background-color: #0ff;
    border-radius: 2px;
}
.ecosystem-grid__cat {
    color: var(--white);
    font-family: BaiJamjuree;
    font-size: 16px;
    font-style: normal;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .ecosystem-grid__cat {
        font-size: 14px;
    }
}
@media screen and (max-width: 429px) {
    .ecosystem-grid__cat {
        font-size: 16px;
    }
}
@media screen and (max-width: 767px) {
    .ecosystem-cta__title {
        font-size: 20px;
    }
}
.ecosystem-cta__wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-end;
    height: 100%;
    -webkit-mask-image: url(./eco-mask-3-blue-8e78b594.svg);
    mask-image: url(./eco-mask-3-blue-8e78b594.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background: var(--Blue);
    padding: 36px 30px;
}
@media screen and (max-width: 1090px) {
    .ecosystem-cta__wrap {
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .ecosystem-cta__wrap {
        min-height: 298px;
        padding: 24px 20px;
        gap: 8px;
    }
}
.ecosystem-cta__text {
    color: var(--white);
}
@media screen and (max-width: 767px) {
    .ecosystem-cta__link {
        padding: 12px 30px;
    }
    .ecosystem-cta__link .button-border {
        display: block;
    }
    .ecosystem-cta__link .button-border--mobile {
        display: none;
    }
}
.ecosystem-cta__link .button-arrow {
    position: relative;
    z-index: 20;
}
.ecosystem-cta__link use {
    fill: var(--black);
}
.ecosystem-cta__link:hover {
    color: var(--Blue);
}
.ecosystem-cta__link:hover use {
    fill: var(--white);
}
.ecosystem-cta__link:hover path {
    stroke: var(--white);
}
.faq {
    padding: 80px 0;
}
@media screen and (max-width: 767px) {
    .faq {
        padding: 50px 0;
    }
}
@media screen and (max-width: 767px) {
    .faq__title {
        font-size: 36px;
    }
}
.faq-list {
    margin-top: 48px;
}
@media screen and (max-width: 767px) {
    .faq-list {
        margin-top: 40px;
    }
}
.faq-list__item {
    position: relative;
    border-top: 1px solid var(--border);
}
@media screen and (max-width: 767px) {
    .faq-list__item {
        padding: 24px 0;
    }
}
.faq-list__trigger {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 36px 40px 36px 0;
    cursor: pointer;
}
@media only screen and (max-width: 1023px) {
    .faq-list__trigger {
        flex-direction: column;
    }
}
@media screen and (max-width: 767px) {
    .faq-list__trigger {
        align-items: baseline;
        padding: 24px 40px 24px 0;
    }
}
.faq-list__trigger:hover .faq-list__title {
    color: var(--Cyan);
}
.faq-list__trigger:after {
    position: absolute;
    right: 0;
    transition: 0.25s;
    opacity: 1;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='37' viewBox='0 0 36 37' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1875 27.0156V10.0156C17.1875 9.46334 17.6352 9.01563 18.1875 9.01563L18.8125 9.01563C19.3648 9.01562 19.8125 9.46334 19.8125 10.0156V27.0156V27.3281C19.8125 27.8804 19.3648 28.3281 18.8125 28.3281H18.1875C17.6352 28.3281 17.1875 27.8804 17.1875 27.3281V27.0156ZM27 19.3281H10C9.44772 19.3281 9 18.8804 9 18.3281V17.7031C9 17.1508 9.44772 16.7031 10 16.7031H27H27.3125C27.8648 16.7031 28.3125 17.1508 28.3125 17.7031V18.3281C28.3125 18.8804 27.8648 19.3281 27.3125 19.3281H27Z' fill='white'/%3E%3C/svg%3E");
}
.faq-list__trigger:before {
    transition: 0.55s;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='37' viewBox='0 0 36 37' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27 19.3281H10C9.44772 19.3281 9 18.8804 9 18.3281V17.7031C9 17.1508 9.44772 16.7031 10 16.7031H27H27.3125C27.8648 16.7031 28.3125 17.1508 28.3125 17.7031V18.3281C28.3125 18.8804 27.8648 19.3281 27.3125 19.3281H27Z' fill='white'/%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    opacity: 0;
}
.faq-list svg {
    position: absolute;
    top: 0;
    fill: #303031;
    transition: 0.25s;
}
.faq-list__title {
    display: flex;
    gap: 25px;
    max-width: 620px;
    transition: 0.25s;
    color: var(--white);
    font-family: BaiJamjuree;
    font-size: 24px;
    font-style: normal;
    line-height: 120%;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .faq-list__title {
        gap: 15px;
        font-size: 20px;
        font-weight: 600;
    }
}
.faq-list__title span {
    text-wrap: nowrap;
}
.faq-list__text {
    color: var(--Grey);
    max-width: 550px;
}
@media only screen and (max-width: 1023px) {
    .faq-list__text {
        padding-top: 24px;
    }
}
[data-drop-content] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s;
}
[data-drop-content] div {
    overflow: hidden;
}
.show-content [data-drop-content] {
    grid-template-rows: 1fr;
}
.show-content .faq-list__title {
    color: var(--Cyan);
}
.show-content + svg {
    fill: var(--Cyan);
}
.show-content:after {
    opacity: 0;
}
.show-content:before {
    opacity: 1;
}
.get-started__wrap {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: url(./get-started-bgr-264cb32e.svg);
    mask-image: url(./get-started-bgr-264cb32e.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 99%;
    -webkit-mask-repeat: no-repeat;
}
@media screen and (min-width: 571px) {
    .get-started__wrap {
        cursor: pointer;
    }
    .get-started__wrap:hover .get-started__filter {
        opacity: 0.4;
    }
}
.get-started__svg {
    width: 100%;
    background-color: var(--card-bgr);
}
@media screen and (max-width: 570px) {
    .get-started__svg {
        display: none;
    }
}
.get-started__mobile {
    display: none;
}
@media screen and (max-width: 570px) {
    .get-started__mobile {
        display: block;
    }
}
.get-started__content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 775px;
    width: 100%;
    height: 58%;
    z-index: 20;
}
@media only screen and (max-width: 1023px) {
    .get-started__content {
        width: 85%;
    }
}
@media screen and (max-width: 767px) {
    .get-started__content {
        height: 65%;
    }
}
@media screen and (max-width: 429px) {
    .get-started__content {
        height: 56%;
    }
}
@media screen and (max-width: 375px) {
    .get-started__content {
        width: 100%;
        height: auto;
    }
}
.get-started__text {
    color: var(--Cyan);
}
@media screen and (max-width: 570px) {
    .get-started__text {
        font-size: 16px;
    }
}
.get-started__title {
    margin-top: 16px;
}
@media only screen and (max-width: 1023px) {
    .get-started__title {
        font-size: 60px;
    }
}
@media screen and (max-width: 767px) {
    .get-started__title {
        font-size: 40px;
    }
}
.get-started__link {
    margin: 44px auto 0;
}
@media only screen and (max-width: 1023px) {
    .get-started__link {
        font-size: 14px;
        padding: 12px 20px;
        margin: 65px auto 0;
    }
}
@media screen and (max-width: 767px) {
    .get-started__link {
        margin: 35px auto 0;
        padding: 12px 30px;
    }
    .get-started__link .button-border {
        display: block;
    }
    .get-started__link .button-border--mobile {
        display: none;
    }
}
@media screen and (max-width: 570px) {
    .get-started__link {
        margin: 12px auto 0;
    }
}
.get-started__filter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 680px;
    height: 680px;
    border-radius: 680px;
    opacity: 0;
    background: var(--Blue, #0091fa);
    filter: blur(175px);
    transition: 0.3s;
}
.future {
    padding: 130px 0 60px;
}
@media screen and (max-width: 767px) {
    .future {
        padding: 100px 0 60px;
    }
}
.future__title {
    color: var(--white);
    font-family: BaiJamjuree;
    font-size: 64px;
    font-style: normal;
    line-height: 110%;
    font-weight: 500;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    text-align: center;
    max-width: 800px;
    margin: 20px auto 0;
}
@media screen and (max-width: 767px) {
    .future__title {
        font-size: 36px;
        line-height: 120%;
        letter-spacing: normal;
        margin: 16px auto 0;
    }
}
.future__subtitle {
    text-align: center;
}
.future__text {
    text-align: center;
    color: var(--Light-Grey);
    max-width: 520px;
    margin: 24px auto 0;
}
@media screen and (max-width: 767px) {
    .future__text {
        margin: 20px auto 0;
    }
}
.future__links {
    margin-top: 24px;
    justify-content: center;
}
.future-mechanism {
    max-width: 1388px;
    width: 100%;
    margin: 48px auto 0;
}
@media screen and (max-width: 767px) {
    .future-mechanism {
        display: none;
    }
}
.light-circle-mechanism {
    transform: translate(36.8%, 22%);
    position: absolute;
    right: 0;
    left: revert-layer;
    opacity: 0;
}
.future-mechanism-mobile {
    display: none;
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .future-mechanism-mobile {
        display: flex;
        margin-top: 40px;
    }
}
.future-mechanism-mobile__top,
.future-mechanism-mobile__bottom {
    position: relative;
}
.future-mechanism-mobile__top {
    z-index: 20;
}
.future-mechanism-mobile__lottie {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 77%;
    margin: 0 auto;
}
.future-mechanism-mobile__top-svg {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.future-mechanism-mobile [data-color-mob-circle-base] {
    position: absolute;
    top: 0;
}
.hero-dot {
    animation: fadeInDot 2s ease 2s infinite;
}
.hero-dot-fill {
    animation: fadeOutDot 3s ease 2s infinite;
}
.hero-dot-stroke {
    animation: fadeInDotStroke 2s ease 2s infinite;
}
.hero-dot-fill-stroke {
    animation: fadeOutDotStroke 2s ease 2s infinite;
}
@keyframes fadeInDot {
    0% {
        fill: #0000;
    }
    to {
        fill: var(--Blue);
    }
}
@keyframes fadeOutDot {
    0% {
        fill: var(--Blue);
    }
    to {
        fill: #0000;
    }
}
@keyframes fadeInDotStroke {
    0% {
        fill: #0000;
        stroke: #303031;
    }
    to {
        fill: var(--Blue);
        stroke: var(--Blue);
    }
}
@keyframes fadeOutDotStroke {
    0% {
        fill: var(--Blue);
        stroke: var(--Blue);
    }
    to {
        fill: #0000;
        stroke: #303031;
    }
}
.privacy-hero {
    padding-top: calc(80px + var(--header-height));
    padding-bottom: 55px;
}
.privacy-hero__title {
    margin-bottom: 16px;
    color: var(--white);
}
.privacy-hero__text {
    color: var(--Grey);
}
.privacy-content {
    padding-bottom: 125px;
}
.privacy-content__wrap {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
@media only screen and (max-width: 1023px) {
    .privacy-content__wrap {
        flex-direction: column;
    }
}
.privacy-content__sidebar {
    display: flex;
    flex-direction: column;
    flex-basis: 25%;
    position: sticky;
    top: var(--header-height);
    height: 100vh;
    z-index: 5;
}
@media screen and (max-width: 767px) {
    .privacy-content__sidebar {
        top: var(--header-height-mobile);
    }
}
.privacy-content__sidebar_title {
    margin-bottom: 32px;
    color: var(--white);
}
@media only screen and (max-width: 1023px) {
    .privacy-content__sidebar_title {
        display: none;
    }
}
.privacy-content__sidebar_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 210px;
    padding-left: 12px;
    position: relative;
}
@media only screen and (max-width: 1023px) {
    .privacy-content__sidebar_list {
        display: none;
    }
}
.privacy-content__sidebar_list:before {
    content: "";
    position: absolute;
    top: 12px;
    left: -8px;
    width: 1px;
    height: 93%;
    border-left: 1px solid #303031;
}
.privacy-content__sidebar_select {
    display: none;
    height: 44px;
    padding: 11px 16px;
    align-items: center;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--Grey_Stroke, #303031);
    background: var(--Dark-Grey, #161617);
    transition: border-color 0.3s ease;
}
.privacy-content__sidebar_select span {
    transition: color 0.3s ease-in;
}
.privacy-content__sidebar_select ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    background-color: var(--Dark-Grey, #161617);
    border: 1px solid var(--Grey_Stroke, #303031);
    border-radius: 8px;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1;
    display: none;
}
.privacy-content__sidebar_select ul li {
    padding: 8px 16px;
}
.privacy-content__sidebar_select ul li a {
    color: var(--white);
    transition: color 0.3s ease-in;
}
.privacy-content__sidebar_select ul li a:hover {
    color: var(--Blue);
}
.privacy-content__sidebar_select:hover {
    border-color: var(--Blue);
}
@media only screen and (max-width: 1023px) {
    .privacy-content__sidebar_select {
        display: flex;
    }
}
.privacy-content__sidebar_item {
    position: relative;
    color: var(--Grey);
}
.privacy-content__sidebar_item a {
    scroll-margin-top: -50px;
    transition: color 0.3s ease-in;
}
.privacy-content__sidebar_item a:hover {
    color: var(--Blue);
}
.privacy-content__sidebar_item:before {
    content: "";
    position: absolute;
    left: -24px;
    top: 35%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid var(--Grey-stroke);
    background: var(--black);
    transition: background-color 0.15s ease-in, border-color 0.15s ease-in;
}
@media screen and (max-width: 767px) {
    .privacy-content__sidebar_item:before {
        display: none;
    }
}
.privacy-content__sidebar_item.active {
    color: var(--Blue);
}
.privacy-content__sidebar_item.active:before {
    background-color: var(--Blue);
    border-color: var(--Blue);
}
.privacy-content__main {
    flex-basis: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}
@media screen and (max-width: 1279px) {
    .privacy-content__main {
        background-position: right;
        background-size: cover;
    }
}
@media screen and (max-width: 767px) {
    .privacy-content__main {
        background-position: unset;
        background-size: 100% 100%;
    }
}
.privacy-content__context {
    position: relative;
    display: flex;
    padding: 80px 140px 165px 100px;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .privacy-content__context {
        padding: 40px 20px;
    }
}
.privacy-content__context div {
    scroll-margin-top: 92px;
}
.privacy-content__context h2 {
    margin-bottom: 16px;
    font-family: BaiJamjuree;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: none;
}
.privacy-content__context p {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    color: var(--Light-Grey);
}
.privacy-content__context p:last-of-type {
    margin-top: 20px;
}
.privacy-content__context a {
    color: var(--Cyan);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}
.privacy-content__context ul {
    padding-left: 26px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.privacy-content__context li {
    position: relative;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    color: var(--Light-Grey);
}
.privacy-content__context li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Cyan);
}
@media screen and (max-width: 1279px) {
    .privacy-content__context li:before {
        top: 25%;
    }
}
.select-wrapper {
    position: relative;
}
@media only screen and (max-width: 1023px) {
    .select-wrapper:after {
        content: url(./input-4be974f8.svg);
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        pointer-events: none;
    }
}
.select-wrapper.open .privacy-content__sidebar_select span {
    color: var(--white);
}
.select-wrapper.open .privacy-content__sidebar_select ul {
    display: flex;
    flex-direction: column;
    opacity: 0;
    animation: fadeIn 0.3s ease forwards;
    max-height: 475px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #303031 #5b5d66;
}
.select-wrapper.open:after {
    content: url(./minus-f054080d.svg) !important;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.js-navSidebar.active {
    color: var(--Blue);
}
.js-navSidebar.active:before {
    background-color: var(--Blue);
    border-color: var(--Blue);
}
.lets-start {
    padding-top: 90px;
    padding-bottom: 140px;
    margin-bottom: 120px;
    position: relative;
    overflow: hidden;
    background-image: url(./lsg-background-98a25bd9.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.lets-start__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    stroke: #ffffff26;
    filter: drop-shadow(4px 4px 60px rgba(7, 7, 8, 0.2));
}
.lets-start__block_text {
    margin-bottom: 16px;
    color: var(--Cyan);
}
.lets-start__block_title {
    margin-bottom: 45px;
    font-family: BaiJamjuree;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--white);
}
.article-related {
    padding-bottom: 160px;
}
@media screen and (max-width: 767px) {
    .article-related {
        padding-bottom: 100px;
    }
}
.article-related__title {
    margin-bottom: 42px;
    color: var(--white);
}
@media screen and (max-width: 570px) {
    .article-related__list {
        gap: 25px !important;
    }
}
.article-related__list_item {
    position: relative;
}
.article-related__list_item .ecosystem-grid__img img {
    -webkit-mask-size: 100% 92%;
}
@media screen and (max-width: 1279px) {
    .article-related__list_item {
        width: calc((100% - 20px) / 2);
    }
}
@media screen and (max-width: 767px) {
    .article-related__list_item .ecosystem-grid__img img {
        -webkit-mask-size: 100% 87%;
    }
}
@media screen and (max-width: 570px) {
    .article-related__list_item {
        width: 100%;
    }
}
.single-article {
    padding-top: calc(40px + var(--header-height));
    padding-bottom: 160px;
}
@media only screen and (max-width: 1023px) {
    .single-article {
        padding-top: calc(25px + var(--header-height-mobile));
        padding-bottom: 100px;
    }
}
.single-article__wrapper {
    display: flex;
}
.single-article__sidebar {
    position: sticky;
    display: flex;
    flex-direction: column;
    flex-basis: 20%;
    top: var(--header-height);
    height: 100vh;
    z-index: 5;
}
@media only screen and (max-width: 1023px) {
    .single-article__sidebar {
        display: none;
    }
}
.single-article__sidebar_title {
    margin-bottom: 25px;
}
.single-article__sidebar_navigation {
    margin-bottom: 55px;
}
.single-article__sidebar_list {
    display: flex;
    gap: 5px;
}
.single-article__sidebar_item {
    width: 46px;
    height: 36px;
    fill: var(--black);
    stroke-width: 1px;
    stroke: var(--Grey-stroke);
}
@media only screen and (max-width: 1023px) {
    .single-article__sidebar_share {
        display: none;
    }
}
.single-article__sidebar_share-mobile {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .single-article__sidebar_share-mobile {
        display: block;
    }
}
.single-article__link {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 80px;
    transition: color 0.3s ease;
}
.single-article__link:hover {
    color: var(--Blue);
}
.single-article__link:hover svg {
    color: var(--Blue);
    transform: translate(-15px);
}
.single-article__link svg {
    width: 15px;
    height: auto;
    color: var(--white);
    fill: currentColor;
    transition: transform 0.3s ease;
}
@media only screen and (max-width: 1023px) {
    .single-article__link {
        display: none;
    }
}
.single-article__wrap {
    flex-basis: 80%;
}
@media only screen and (max-width: 1023px) {
    .single-article__wrap {
        flex-basis: 100%;
    }
}
.single-article__quote {
    position: relative;
    padding: 93px 140px 65px 75px;
    width: 100%;
    height: 225px;
    margin-bottom: 32px;
    background-image: url(./content-block-bg-2aec87ef.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.single-article__quote_svg {
    position: absolute !important;
    top: 0% !important;
    left: 0% !important;
    background-image: url(./article-block-image-aecf89c8.svg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}
@media screen and (max-width: 767px) {
    .single-article__quote_svg {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .single-article__quote {
        padding: 75px 35px 65px 75px;
    }
}
@media screen and (max-width: 570px) {
    .single-article__quote {
        padding: 55px 30px 30px;
    }
}
@media screen and (max-width: 429px) {
    .single-article__quote {
        background-image: url(./content-block-bg-sm-694d4a3e.svg);
    }
}
.single-article .privacy-content__sidebar_list:before {
    height: 80%;
}
.single-article__info_title {
    scroll-margin-top: 92px;
    margin-bottom: 32px;
    max-width: 930px;
    color: var(--white);
}
.single-article__info_text {
    margin-bottom: 32px;
    max-width: 930px;
    font-weight: 400;
    line-height: 160%;
    color: var(--Light-Grey);
}
.single-article__info_image {
    margin-bottom: 55px;
    border-radius: 0 25px 25px 0;
    width: 100%;
    height: auto;
    max-height: 455px;
    object-fit: cover;
    -webkit-mask-image: url(./article-hero-shape-93a65b46.svg);
    mask-image: url(./article-hero-shape-93a65b46.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position-x: 2px;
}
@media only screen and (max-width: 1023px) {
    .single-article__info_image {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 767px) {
    .single-article__info_image {
        max-height: 350px;
    }
}
@media screen and (max-width: 570px) {
    .single-article__info_image {
        max-height: unset;
        height: 200px;
    }
}
.single-article__info_video {
    position: relative;
}
.single-article__info_video-hover {
    position: absolute;
    cursor: pointer;
    top: 38%;
    left: 45%;
    width: 46px;
    height: 38px;
    background-image: url(./play-f08c66e0.svg);
    background-size: cover;
    opacity: 1;
    transition: opacity 0.3s ease;
    z-index: 1;
}
.single-article__author {
    display: flex;
    gap: 25px;
}
.single-article__author_img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 60px;
}
.single-article__stats {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.single-article__stats_title {
    text-transform: uppercase;
}
.single-article__stats div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}
.single-article__stats_text {
    color: var(--Grey);
}
.single-article__stats_text:first-child:after {
    content: "";
    display: inline-block;
    border-radius: 2px;
    margin-left: 16px;
    width: 6px;
    height: 6px;
    border: 1px solid var(--Grey_Stroke, #303031);
    background: var(--Black-BG, #0c0c0d);
}
.single-article__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 55px;
}
.single-article__content img {
    max-height: 500px;
    width: 100%;
    height: auto;
}
.single-article__content img:nth-of-type(2) {
    margin-bottom: 55px;
    border-radius: 0 25px 25px 0;
    width: 100%;
    height: auto;
    max-height: 455px;
    object-fit: fill;
    -webkit-mask-image: url(./article-image-shape-4ad46440.svg);
    mask-image: url(./article-image-shape-4ad46440.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position-x: 2px;
}
.single-article__content h3 {
    margin-bottom: 32px;
    font-family: BaiJamjuree;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--white);
}
.single-article__content p {
    margin-bottom: 24px;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    color: var(--Light-Grey);
}
.single-article__content ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 40px;
}
.single-article__content ul li {
    position: relative;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    color: var(--Light-Grey);
}
.single-article__content ul li:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background: var(--Cyan);
}
.single-article__content div {
    scroll-margin-top: 92px;
}
.single-article__content div:first-of-type {
    scroll-margin-top: 375px;
}
.single-article__content div div {
    position: relative;
    padding: 93px 140px 65px 75px;
    width: 100%;
    height: 225px;
    margin-bottom: 32px;
    background-image: url(./content-block-bg-2aec87ef.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.single-article__content div div:after {
    position: absolute;
    top: 50%;
    left: 25%;
    background-image: url(./article-block-image-aecf89c8.svg);
}
@media screen and (max-width: 767px) {
    .single-article__content div div {
        padding: 75px 35px 65px 75px;
    }
}
@media screen and (max-width: 570px) {
    .single-article__content div div {
        padding: 55px 30px 30px;
    }
}
@media screen and (max-width: 429px) {
    .single-article__content div div {
        background-image: url(./content-block-bg-sm-694d4a3e.svg);
    }
}
.single-article__content div div img {
    position: absolute;
    width: 26px;
    height: auto;
    top: 25%;
}
@media screen and (max-width: 767px) {
    .single-article__content div div img {
        top: 20%;
    }
}
@media screen and (max-width: 570px) {
    .single-article__content div div img {
        top: 13%;
    }
}
.single-article__content div div h3 {
    margin-bottom: 0;
    max-width: 775px;
    font-family: BaiJamjuree;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--white);
}
@media screen and (max-width: 767px) {
    .single-article__content div div h3 {
        font-size: 20px;
    }
}
.single-article__content div div svg {
    position: absolute;
    top: 10%;
    width: -webkit-fill-available;
}
@media screen and (max-width: 767px) {
    .single-article__content div div svg {
        display: none;
    }
}
.single-article__link-mobile {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .single-article__link-mobile {
        display: flex;
        margin-bottom: 25px;
    }
}
.navigation__link {
    display: -webkit-box;
    width: 197px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.select-wrapper.select-wrapper__mobile {
    display: none;
}
@media only screen and (max-width: 1023px) {
    .select-wrapper.select-wrapper__mobile {
        display: block;
        position: sticky;
        top: 5px;
        z-index: 15;
    }
    .select-wrapper.select-wrapper__mobile:after {
        content: url(./input-4be974f8.svg);
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        pointer-events: none;
    }
}
@media only screen and (max-width: 1023px) {
    .privacy-content__sidebar_select.article__sidebar_select {
        display: block;
        margin-bottom: 25px;
    }
}
.single-article__stats,
.single-article__stats-wrap {
    position: unset !important;
    padding: 0 !important;
    width: unset !important;
    height: unset !important;
    margin-bottom: unset !important;
    background-image: unset !important;
    background-size: unset !important;
    background-repeat: unset !important;
}
.blog-hero {
    padding-top: calc(80px + var(--header-height));
    padding-bottom: 35px;
}
@media only screen and (max-width: 1023px) {
    .blog-hero {
        padding: calc(40px + var(--header-height-mobile)) 0;
    }
}
.blog-hero__title {
    margin-bottom: 32px;
}
.blog-hero__navigation {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
@media (max-width: 1100px) {
    .blog-hero__navigation {
        flex-direction: column-reverse;
        gap: 12px;
        margin-bottom: 40px;
    }
}
.blog-hero__filters {
    display: flex;
    gap: 8px;
    margin-bottom: 60px;
}
@media (max-width: 1100px) {
    .blog-hero__filters {
        display: none;
    }
}
.blog-hero__filter_btn {
    padding: 11px 45px;
    color: var(--Light-Grey);
}
@media screen and (max-width: 1279px) {
    .blog-hero__filter_btn {
        padding: 12px 25px;
    }
}
.blog-hero__filter_btn path {
    stroke: #303031;
}
.blog-hero__filter_btn:hover {
    color: var(--white);
}
.blog-hero__filter_btn:hover use {
    fill: #0091fa1a;
    stroke-width: 1.5px;
    stroke: var(--Blue);
}
.blog-hero__filter_btn:hover use svg {
    fill: #0091fa1a;
    stroke-width: 1.5px;
    stroke: var(--Blue);
}
.blog-hero__filter .active {
    color: var(--white);
}
.blog-hero__filter .active svg {
    fill: #0091fa1a;
    stroke-width: 1.5px;
    stroke: var(--Blue);
}
.blog-hero__filter .active path {
    stroke: var(--Blue);
}
.blog-hero__search {
    position: relative;
    width: 100%;
    max-width: 415px;
    padding: 11px 16px;
    display: flex;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--Grey-stroke);
    background: var(--card-bgr);
}
.blog-hero__search:hover {
    border-color: var(--Blue);
}
@media (max-width: 1100px) {
    .blog-hero__search {
        max-width: unset;
    }
}
.blog-hero__search_icon {
    transform: translateY(10%);
    width: 16px;
    height: 16px;
}
.blog-hero__search_input {
    max-width: 375px;
    width: 100%;
    font-family: BaiJamjuree;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--white);
}
.blog-hero__search_input:hover {
    border-color: var(--Blue);
}
@media (max-width: 1100px) {
    .blog-hero__search_input {
        max-width: unset;
    }
}
.blog-hero__search_input::placeholder {
    font-family: BaiJamjuree;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--Grey);
}
.blog-hero__select {
    display: none;
}
@media (max-width: 1100px) {
    .blog-hero__select {
        display: flex;
        width: 100%;
    }
    .blog-hero__select:hover {
        border-color: var(--Blue);
    }
}
.blog-hero__select_button {
    scroll-margin-top: -50px;
    transition: color 0.3s ease-in;
}
.blog-hero__select_button.active,
.blog-hero__select_button:hover {
    color: var(--Blue);
}
@media (max-width: 1100px) {
    .blog-hero .privacy-content__sidebar_select {
        display: flex;
    }
}
.blog-hero__result_accent {
    color: var(--Cyan);
}
.blog-content {
    padding-bottom: 160px;
}
.blog-content__main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    margin-bottom: 60px;
}
@media screen and (max-width: 1279px) {
    .blog-content__main {
        display: flex;
        flex-wrap: wrap;
        gap: 40px 20px;
    }
}
.blog-content__main_item {
    position: relative;
}
.blog-content__main_item:first-child {
    grid-area: 1/1/2/3;
    cursor: pointer;
}
.blog-content__main_item:first-child .blog-content__grid_content {
    padding: 50px 0;
}
@media screen and (max-width: 570px) {
    .blog-content__main_item:first-child .blog-content__grid_content {
        padding: 0 20px 30px;
    }
}
@media screen and (max-width: 1279px) {
    .blog-content__main_item:first-child {
        flex-basis: calc(70% - 20px);
    }
    .blog-content__main_item:first-child .ecosystem-grid__img img {
        -webkit-mask-size: 97% 100%;
    }
}
@media screen and (max-width: 1090px) {
    .blog-content__main_item:first-child .ecosystem-grid__img {
        max-width: 413px;
    }
}
@media only screen and (max-width: 1023px) {
    .blog-content__main_item:first-child {
        flex-basis: 100%;
    }
}
@media screen and (max-width: 767px) {
    .blog-content__main_item:first-child {
        display: block;
    }
    .blog-content__main_item:first-child .blog-content__grid_wrap {
        display: flex;
        flex-direction: column;
        border-image: url(./eco-mask-2-tall-a59c84fb.svg);
        border-image-width: 99%;
        border-image-slice: 49%;
        border-image-repeat: round;
        -webkit-mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
        mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        gap: 20px;
    }
}
@media screen and (max-width: 767px) {
    .blog-content__main_item:first-child .blog-content__grid_img {
        max-width: unset;
    }
    .blog-content__main_item:first-child .blog-content__grid_img img {
        border-radius: 0 0 25px 25px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-mask-image: url(./eco-mask-1-photo-d36417ea.svg);
        mask-image: url(./eco-mask-1-photo-d36417ea.svg);
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 96%;
        -webkit-mask-repeat: no-repeat;
    }
    .blog-content__main_item:first-child .ecosystem-grid__label {
        right: 0;
        left: 0;
        flex-direction: row-reverse;
    }
}
.blog-content__main_item:nth-child(2) {
    grid-area: 1/3/2/4;
}
.blog-content__main_item:nth-child(2) .blog-content__grid_wrap {
    justify-content: center;
}
.blog-content__main_item:nth-child(2) .ecosystem-cta__title {
    margin-top: 16px;
}
@media screen and (max-width: 1279px) {
    .blog-content__main_item:nth-child(2) {
        flex-basis: calc(30% - 20px);
    }
}
@media screen and (max-width: 1090px) {
    .blog-content__main_item:nth-child(2) .ecosystem-cta__wrap {
        height: 100%;
    }
}
@media only screen and (max-width: 1023px) {
    .blog-content__main_item:nth-child(2) {
        display: none;
    }
}
@media screen and (max-width: 1279px) {
    .blog-content__main_item {
        flex-basis: calc((100% - 20px) / 2);
    }
    .blog-content__main_item .blog-content__main_img img {
        -webkit-mask-size: 100% 88%;
    }
}
@media screen and (max-width: 767px) {
    .blog-content__main_item {
        flex-basis: 100%;
    }
    .blog-content__main_item .blog-content__main_img img {
        -webkit-mask-size: 100% 87%;
    }
}
.blog-content__main_wrap {
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-image: url(./eco-mask-2-tall-a59c84fb.svg);
    border-image-width: 99%;
    border-image-slice: 49%;
    border-image-repeat: round;
    -webkit-mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
    mask-image: url(./eco-mask-2-tall-a59c84fb.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .blog-content__main_wrap {
        gap: 20px;
    }
}
.blog-content__main_img {
    max-width: unset;
}
.blog-content__main_img img {
    border-radius: 0 0 25px 25px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: url(./eco-mask-1-photo-d36417ea.svg);
    mask-image: url(./eco-mask-1-photo-d36417ea.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 93%;
    -webkit-mask-repeat: no-repeat;
}
@media screen and (max-width: 570px) {
    .blog-content__main_img img {
        -webkit-mask-size: 100% 88%;
    }
}
.blog-content__main_content {
    padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .blog-content__main_content {
        padding: 0 20px 30px;
    }
}
.pagination {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
}
.pagination__button-active {
    color: var(--white);
}
.pagination__prev {
    fill: var(--Black-BG, #0c0c0d);
    stroke-width: 1.5px;
    stroke: var(--Grey_Stroke, #303031);
}
.features-hero__inner {
    position: relative;
    padding: calc(80px + var(--header-height)) 0 90px;
}
@media screen and (max-width: 767px) {
    .features-hero__inner {
        padding: calc(40px + var(--header-height-mobile)) 0 45px;
    }
}
.features-hero__title {
    margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
    .features-hero__title {
        margin-bottom: 20px;
    }
}
.features-hero__text {
    color: var(--Light-Grey);
    max-width: 552px;
}
.features-hero__frame-desktop {
    position: absolute;
    top: 35%;
    left: 0;
    max-width: 1062px;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .features-hero__frame-desktop {
        display: none;
    }
}
.features-hero__frame-mobile {
    position: absolute;
    right: 25px;
    max-width: 72px;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .features-hero__frame-mobile {
        display: none;
    }
}
.features-automation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 40px;
}
@media only screen and (max-width: 1023px) {
    .features-automation {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
@media screen and (min-width: 1024px) {
    .features-automation__content {
        max-width: 552px;
        margin-right: auto;
        align-self: center;
    }
}
.features-automation__content-title {
    margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
    .features-automation__content-title {
        margin-bottom: 16px;
    }
}
.features-automation__content-text {
    color: var(--Light-Grey);
}
.features-automation__shape {
    display: flex;
    max-width: 627px;
    height: 430px;
    flex-shrink: 0;
    position: relative;
    background-image: url(./automation-rectangle-shape-61ee4f6b.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-image: url(./automation-rectangle-shape-61ee4f6b.svg);
    mask-image: url(./automation-rectangle-shape-61ee4f6b.svg);
    transition: background-image 0.25s ease-in;
}
@media screen and (max-width: 767px) {
    .features-automation__shape {
        background-image: url("/src/img/automation-rectangle-shape-stroke.svg""/src/img/automation-rectangle-shape.svg");
        -webkit-mask-image: url("/src/img/automation-rectangle-shape-stroke.svg""/src/img/automation-rectangle-shape.svg");
        mask-image: url("/src/img/automation-rectangle-shape-stroke.svg""/src/img/automation-rectangle-shape.svg");
    }
}
.features-automation__shape:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(./automation-rectangle-shape-stroke-c42b953b.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media only screen and (max-width: 1023px) {
    .features-automation__shape {
        margin: 0 auto 25px;
        padding-top: 34px;
        height: auto;
    }
}
.features-automation__shape-image {
    max-width: 85%;
    width: 100%;
    object-fit: contain;
    object-position: bottom right;
    margin-top: auto;
    margin-left: auto;
    position: relative;
    z-index: 50;
}
.features-independence {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 40px;
}
@media only screen and (max-width: 1023px) {
    .features-independence {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 767px) {
    .features-independence {
        margin-top: 24px;
        padding-bottom: 20px;
    }
}
.features-independence__card {
    padding: 60px 50px 0;
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 767px) {
    .features-independence__card {
        padding: 32px 20px 0;
    }
}
.features-independence__card--primary {
    position: relative;
    background-image: url(./independence-rectangle-shape-1-4100dbb6.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-image: url(./independence-rectangle-shape-1-4100dbb6.svg);
    mask-image: url(./independence-rectangle-shape-1-4100dbb6.svg);
    transition: background-image 0.25s ease-in;
}
@media screen and (max-width: 767px) {
    .features-independence__card--primary {
        background-image: url(./independence-rectangle-shape-1-hover-192e68c7.svg);
        -webkit-mask-image: url(./independence-rectangle-shape-1-hover-192e68c7.svg);
        mask-image: url(./independence-rectangle-shape-1-hover-192e68c7.svg);
    }
}
.features-independence__card--primary:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(./independence-rectangle-shape-1-stroke-52dce48d.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.features-independence__card--secondary {
    position: relative;
    background-image: url(./independence-rectangle-shape-2-a2960ce0.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-image: url(./independence-rectangle-shape-2-a2960ce0.svg);
    mask-image: url(./independence-rectangle-shape-2-a2960ce0.svg);
    transition: background-image 0.25s ease-in;
}
@media screen and (max-width: 767px) {
    .features-independence__card--secondary {
        background-image: url(./independence-rectangle-shape-2-hover-7df2504d.svg);
        -webkit-mask-image: url(./independence-rectangle-shape-2-hover-7df2504d.svg);
        mask-image: url(./independence-rectangle-shape-2-hover-7df2504d.svg);
    }
}
.features-independence__card--secondary:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(./independence-rectangle-shape-2-stroke-19567e54.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.features-independence__card-title {
    max-width: 440px;
    margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
    .features-independence__card-title {
        margin-bottom: 12px;
    }
}
.features-independence__card-text {
    color: var(--Light-Grey);
    margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
    .features-independence__card-text {
        margin-bottom: 24px;
    }
}
.features-independence__card-image {
    width: 100%;
    object-fit: cover;
    margin-top: auto;
    position: relative;
    z-index: 50;
}
.features-practices {
    margin-top: 40px;
    padding: 50px 72px 0 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    position: relative;
    background-image: url(./practices-rectangle-shape-00d4636f.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-image: url(./practices-rectangle-shape-00d4636f.svg);
    mask-image: url(./practices-rectangle-shape-00d4636f.svg);
    transition: background-image 0.25s ease-in;
}
@media screen and (max-width: 767px) {
    .features-practices {
        background-image: url(./practices-rectangle-shape-hover-92bb047a.svg);
        -webkit-mask-image: url(./practices-rectangle-shape-hover-92bb047a.svg);
        mask-image: url(./practices-rectangle-shape-hover-92bb047a.svg);
    }
}
.features-practices:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(./practices-rectangle-shape-stroke-c2f7ed88.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media only screen and (max-width: 1023px) {
    .features-practices {
        background-image: url(./practices-rectangle-shape-mobile-cfc88eba.svg);
        -webkit-mask-image: url(./practices-rectangle-shape-mobile-cfc88eba.svg);
        mask-image: url(./practices-rectangle-shape-mobile-cfc88eba.svg);
    }
    .features-practices:after {
        background-image: url(./practices-rectangle-shape-mobile-stroke-03ca72f4.svg);
    }
}
@media only screen and (max-width: 1023px) {
    .features-practices {
        padding: 26px 40px 0;
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 429px) {
    .features-practices {
        padding: 26px 20px 1px;
    }
}
@media screen and (min-width: 1024px) {
    .features-practices__content {
        max-width: 510px;
        padding-top: 36px;
    }
}
.features-practices__content-title {
    margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
    .features-practices__content-title {
        margin-bottom: 16px;
    }
}
.features-practices__content-text {
    color: var(--Light-Grey);
}
@media screen and (min-width: 1024px) {
    .features-practices__content-text {
        padding-bottom: 60px;
    }
}
.features-practices__image {
    position: relative;
    justify-self: flex-end;
    align-self: flex-end;
    max-width: 528px;
    width: 100%;
    z-index: 50;
    object-fit: contain;
    object-position: bottom right;
}
@media only screen and (max-width: 1023px) {
    .features-practices__image {
        justify-self: center;
        object-position: bottom center;
    }
}
.about-us-hero {
    padding: calc(60px + var(--header-height)) 0 80px;
}
@media screen and (max-width: 767px) {
    .about-us-hero {
        padding: calc(40px + var(--header-height-mobile)) 0 40px;
    }
}
.about-us-hero__subtitle {
    margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
    .about-us-hero__subtitle {
        margin-bottom: 16px;
    }
}
.about-us-hero__title {
    max-width: 1062px;
    margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
    .about-us-hero__title {
        margin-bottom: 24px;
    }
}
.about-us-hero__text {
    color: var(--Light-Grey);
    max-width: 946px;
    margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
    .about-us-hero__text {
        margin-bottom: 16px;
    }
}
.about-us-hero__image {
    width: 100%;
    object-fit: cover;
    max-height: 487px;
    -webkit-mask-image: url(./hero-shape-750ebd29.svg);
    mask-image: url(./hero-shape-750ebd29.svg);
}
@media screen and (max-width: 767px) {
    .about-us-hero__image {
        -webkit-mask-image: url(./hero-shape-mobile-05da7a62.svg);
        mask-image: url(./hero-shape-mobile-05da7a62.svg);
    }
}
.about-us-list {
    padding: 60px 0 80px;
}
@media screen and (max-width: 767px) {
    .about-us-list {
        padding: 40px 0;
    }
}
.dashed-list__item {
    padding: 60px 0;
    border-top: 1px solid var(--border);
    position: relative;
}
.dashed-list__item:after {
    content: "";
    width: 32px;
    height: 3px;
    background-image: url(./line-rectangle-a9e8958c.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0;
}
.dashed-list__item:nth-child(1):after {
    right: 50%;
}
.dashed-list__item:nth-child(2):after {
    right: 20%;
}
@media screen and (max-width: 767px) {
    .dashed-list__item {
        padding: 36px 0;
    }
}
.dashed-list__item-title {
    text-transform: uppercase;
    margin-bottom: 24px;
}
.dashed-list__item-text {
    max-width: 1000px;
}
.about-our-team {
    padding: 80px 0;
}
@media screen and (max-width: 767px) {
    .about-our-team {
        padding: 50px 0;
    }
}
.about-our-team__title {
    margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
    .about-our-team__title {
        margin-bottom: 40px;
    }
}
.team-list {
    --conlumns: 4;
    display: grid;
    grid-template-columns: repeat(var(--conlumns), 1fr);
    gap: 40px 16px;
}
@media only screen and (max-width: 1023px) {
    .team-list {
        --conlumns: 2;
    }
}
@media screen and (max-width: 767px) {
    .team-list {
        --conlumns: 1;
    }
}
.team-list__item-image {
    width: 100%;
    object-fit: cover;
    margin-bottom: 8px;
    -webkit-mask-image: url(./team-shape-fc344e57.svg);
    mask-image: url(./team-shape-fc344e57.svg);
    background: #0b3a5d;
    background: radial-gradient(circle, rgb(11, 58, 93) 0%, rgb(16, 19, 22) 100%);
}
.team-list__item-title {
    margin-bottom: 16px;
}
.team-list__item-job {
    text-transform: uppercase;
    color: var(--Light-Grey);
    position: relative;
    padding-left: 22px;
}
.team-list__item-job:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background-color: var(--Cyan);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.about-us-contact {
    padding: calc(80px + var(--header-height)) 0 160px;
}
@media screen and (max-width: 767px) {
    .about-us-contact {
        padding: calc(60px + var(--header-height-mobile)) 0 100px;
    }
}
.about-us-contact__inner {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
}
@media only screen and (max-width: 1023px) {
    .about-us-contact__inner {
        grid-template-columns: 1fr;
        gap: 60px;
    }
}
@media screen and (min-width: 1024px) {
    .about-us-contact__content {
        padding-top: 16px;
    }
}
.about-us-contact__content-title {
    margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
    .about-us-contact__content-title {
        margin-bottom: 24px;
    }
}
.about-us-contact__content-text {
    color: var(--Light-Grey);
    margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
    .about-us-contact__content-text {
        margin-bottom: 40px;
    }
}
.about-us-contact__form {
    padding: 64px 80px;
    -webkit-mask-image: url(./form-shape-1feb896d.svg);
    mask-image: url(./form-shape-1feb896d.svg);
    background-color: var(--card-bgr);
}
@media screen and (max-width: 767px) {
    .about-us-contact__form {
        padding: 54px 20px;
        -webkit-mask-image: url(./form-shape-mobile-19823098.svg);
        mask-image: url(./form-shape-mobile-19823098.svg);
    }
}
.about-us-contact__form-field + .about-us-contact__form-field {
    margin-top: 16px;
}
.about-us-contact__form-submit {
    margin-top: 24px;
}
@media screen and (max-width: 767px) {
    .about-us-contact__form-submit .button-border {
        display: block;
    }
    .about-us-contact__form-submit .button-border--mobile {
        display: none;
    }
}
.about-us-contact__form-submit #fill {
    fill: var(--Blue);
}
.about-us-contact__form-submit:hover {
    color: var(--Blue);
}
.about-us-contact__form-submit:hover use {
    fill: var(--white);
}
.about-us-contact__form-submit:hover path {
    stroke: var(--white);
}
.contact-info {
    color: var(--white);
}
.contact-info__title {
    color: var(--Light-Grey);
    margin-bottom: 24px;
}
.contact-info__tel {
    display: block;
}
.contact-info__tel + .contact-info__tel {
    margin-top: 8px;
}
.contact-info__address {
    font-style: normal;
    margin: 16px 0;
}
.unlock-benefits {
    padding: 164px 0 60px;
}
.unlock-benefits__head {
    width: 100%;
    max-width: 880px;
}
.unlock-benefits__description {
    margin-top: 24px;
    color: var(--Light-Grey);
}
@media screen and (max-width: 767px) {
    .unlock-benefits__description {
        margin-top: 16px;
    }
}
.unlock-benefits__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 48px;
    min-width: 0;
    width: 100%;
}
@media only screen and (max-width: 1023px) {
    .unlock-benefits__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 590px) {
    .unlock-benefits__list {
        grid-template-columns: 100%;
        gap: 24px;
    }
}
.unlock-benefits__item {
    width: 100%;
    padding: 40px 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.unlock-benefits__item:nth-child(1) {
    background-image: url(./card-mask-1-145cf486.svg);
}
.unlock-benefits__item:nth-child(2) {
    background-image: url(./card-mask-1-145cf486.svg);
}
.unlock-benefits__item:nth-child(3) {
    background-image: url(./card-mask-2-a066fee3.svg);
}
.unlock-benefits__item:nth-child(4) {
    background-image: url(./card-mask-2-a066fee3.svg);
}
.unlock-benefits__item:nth-child(5) {
    background-image: url(./card-mask-4-ef8b692c.svg);
}
.unlock-benefits__item:nth-child(6) {
    background-image: url(./card-mask-5-6825f1cc.svg);
}
.unlock-benefits__item-icon {
    width: 100px;
    height: auto;
}
@media screen and (max-width: 767px) {
    .unlock-benefits__item-icon {
        width: 80px;
    }
}
.unlock-benefits__item-title {
    margin-top: 60px;
    font-family: BaiJamjuree;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--white);
}
@media screen and (max-width: 767px) {
    .unlock-benefits__item-title {
        margin-top: 40px;
        font-size: 20px;
    }
}
.unlock-benefits__item-text {
    margin-top: 20px;
    color: var(--Grey-Additional);
    font-weight: 400;
}
@media only screen and (max-width: 1023px) {
    .unlock-benefits__item {
        padding: 24px 20px 36px;
    }
}
@media screen and (max-width: 767px) {
    .unlock-benefits {
        padding: 50px 0;
    }
}
.additional-btn-class {
    --border-color: var(--Blue);
    --hover-bg: var(--Blue);
    --btnBg: transparent;
    --btnPaddinxX: 22px;
    padding: 0 var(--btnPaddinxX);
    height: 44px;
    background-color: var(--btnBg);
    background-clip: content-box;
    transition: background-color 0.3s;
}
@media screen and (max-width: 767px) {
    .additional-btn-class {
        padding: 0 var(--btnPaddinxX);
    }
}
.additional-btn-class:after,
.additional-btn-class:before {
    content: "";
    display: block;
    position: absolute;
    left: var(--btnPaddinxX);
    right: var(--btnPaddinxX);
    height: 1px;
    background-color: var(--border-color);
    transition: background-color 0.3s;
}
.additional-btn-class:after {
    bottom: 0;
}
.additional-btn-class:before {
    top: 0;
}
.additional-btn-class:hover {
    background-color: var(--hover-bg);
}
.additional-btn-class:hover .btn-border path {
    fill: var(--hover-bg);
}
.additional-btn-class .btn-border {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: var(--btnPaddinxX);
}
.additional-btn-class .btn-border.left {
    left: 0;
}
.additional-btn-class .btn-border.right {
    right: 0;
}
.additional-btn-class .btn-border path {
    stroke: var(--border-color);
    fill: var(--btnBg);
    transition: fill 0.3s, stroke 0.3s;
}
.price-section {
    padding-top: calc(80px + var(--header-height));
}
@media screen and (max-width: 767px) {
    .price-section {
        padding-top: calc(40px + var(--header-height-mobile));
    }
}
.price-tabs {
    margin-top: 32px;
}
.price-tabs__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
@media screen and (max-width: 570px) {
    .price-tabs__head {
        display: block;
    }
}
.price-tabs__nav {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 375px) {
    .price-tabs__nav {
        display: block;
    }
}
.price-tabs__nav-item:first-child {
    padding-right: 8px;
}
@media screen and (max-width: 767px) {
    .price-tabs__nav-item:first-child {
        padding-right: 2px;
    }
}
@media screen and (max-width: 375px) {
    .price-tabs__nav-item:first-child {
        margin-bottom: 10px;
    }
}
.price-tabs__nav-btn.button {
    color: var(--Light-Grey);
}
.price-tabs__nav-btn.button .button-border #fill {
    stroke: var(--border);
    fill: #0000;
    transition: fill 0.3s;
}
@media screen and (max-width: 767px) {
    .price-tabs__nav-btn.button .button-border {
        display: block;
    }
    .price-tabs__nav-btn.button .button-border--mobile {
        display: none;
    }
}
.price-tabs__nav-btn.button .button-border--mobile #fill-mobile {
    stroke: var(--border);
    fill: #0000;
    transition: fill 0.3s;
}
@media screen and (max-width: 767px) {
    .price-tabs__nav-btn.button {
        font-size: 16px;
        height: 36px;
        padding: 0 16px;
    }
}
@media screen and (max-width: 374px) {
    .price-tabs__nav-btn.button {
        display: block;
        width: 100%;
        max-width: none;
    }
    .price-tabs__nav-btn.button .button-border {
        display: none;
    }
    .price-tabs__nav-btn.button .button-border--mobile {
        display: block;
    }
}
.price-tabs__nav-btn.button:hover {
    color: var(--white);
}
.price-tabs__nav-btn.button:hover .button-border #fill {
    fill: var(--Blue);
}
.price-tabs__nav-btn.button.active {
    color: var(--white);
}
.price-tabs__nav-btn.button.active .button-border #fill,
.price-tabs__nav-btn.button.active .button-border--mobile #fill-mobile {
    stroke: var(--Blue);
    fill: #0091fa1a;
}
.price-tabs__nav-btn.button.active:hover .button-border #fill {
    fill: var(--Blue);
}
.period-switch {
    font-family: BaiJamjuree;
}
.period-switch__input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.period-switch__input:checked + .period-switch__false-input:before {
    color: var(--Grey);
}
.period-switch__input:checked + .period-switch__false-input:after {
    color: var(--white);
}
.period-switch__input:checked
+ .period-switch__false-input
.period-switch__handler {
    transform: translate(111%);
}
.period-switch__false-input {
    display: block;
    position: relative;
    width: 38px;
    height: 20px;
    margin: 0 71px 0 87px;
    border-radius: 49px;
    background-color: var(--border);
    cursor: pointer;
}
.period-switch__false-input:before,
.period-switch__false-input:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.period-switch__false-input:before {
    content: attr(data-before);
    color: var(--white);
    left: -87px;
}
.period-switch__false-input:after {
    content: attr(data-after);
    color: var(--Grey);
    right: -71px;
}
.period-switch__handler {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    display: block;
    aspect-ratio: 1;
    background-color: var(--Cyan);
    border-radius: 50%;
    transition: transform 0.4s;
}
@media screen and (max-width: 570px) {
    .period-switch {
        margin-top: 40px;
    }
}
.price-tabs__tab {
    display: none;
    padding-top: 40px;
}
.price-tabs__tab.active {
    display: block;
}
.price-plan__list {
    display: grid !important;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 20px;
    box-sizing: border-box !important;
}
@media screen and (max-width: 1190px) {
    .price-plan__list {
        gap: 24px 20px;
    }
}
@media screen and (max-width: 767px) {
    .price-plan__list {
        grid-template-columns: 100%;
        display: flex !important;
        gap: 0;
    }
}
.price-plan__item {
    padding: 50px 40px 40px;
    color: var(--white);
    background-image: url(./card-mask-6-d2a7f8e5.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
    .price-plan__item {
        padding: 32px 40px 24px;
        background-image: url(./card-mask-6-mob-faca42fd.svg);
        height: auto !important;
    }
}
@media screen and (max-width: 365px) {
    .price-plan__item {
        padding: 32px 20px 24px;
    }
}
.price-plan__item.is-top {
    background-image: url(./card-mask-6-blue-9b44a4b0.svg);
}
@media screen and (max-width: 767px) {
    .price-plan__item.is-top {
        background-image: url(./card-mask-6-blue-mob-717aeab6.svg);
    }
}
.price-plan__item.is-top .plan-item__head {
    border-color: #4db2fc;
}
.price-plan__item.is-top .plan-item__head-decor path {
    fill: #4db2fc;
}
.price-plan__item.is-top .plan-item__name {
    color: var(--white);
}
.price-plan__item.is-top .plan-item__content-description {
    color: var(--white);
    opacity: 0.7;
}
.price-plan__item.is-top .plan-item__btn .button-border use,
.price-plan__item.is-top .plan-item__btn .button-border--mobile use {
    fill: var(--black);
}
.price-plan__item.is-top .plan-item__btn:hover .button-border use,
.price-plan__item.is-top .plan-item__btn:hover .button-border--mobile use {
    fill: var(--Grey-Dark);
}
.plan-item {
    position: relative;
    display: flex !important;
    flex-direction: column;
    font-family: Inter;
}
.plan-item__head {
    flex: 0 0 auto;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 24px;
    font-family: BaiJamjuree;
    line-height: 1.2;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border);
}
@media screen and (max-width: 570px) {
    .plan-item__head {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
.plan-item__head-decor {
    width: 33px;
    height: 3px;
    position: absolute;
    top: 100%;
    right: 66px;
}
@media screen and (max-width: 570px) {
    .plan-item__head-decor {
        right: auto;
        left: 30px;
    }
}
.plan-item__label {
    position: absolute;
    top: -2;
    right: 26px;
    font-family: BaiJamjuree;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: var(--white);
}
@media screen and (max-width: 767px) {
    .plan-item__label {
        top: -3px;
        right: 11px;
    }
}
@media screen and (max-width: 365px) {
    .plan-item__label {
        font-size: 16px;
    }
}
.plan-item__name {
    display: block;
    font-size: 32px;
    font-weight: 500;
    color: var(--Cyan);
}
@media screen and (max-width: 570px) {
    .plan-item__name {
        font-size: 20px;
    }
}
.plan-item__price {
    padding-top: 12px;
    font-size: 15px;
    font-weight: 600;
    color: var(--Grey);
}
@media screen and (max-width: 570px) {
    .plan-item__price {
        font-size: 14px;
    }
}
.plan-item__price span {
    display: block;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1.6px;
    color: var(--white);
}
@media screen and (max-width: 570px) {
    .plan-item__price span {
        font-size: 64px;
    }
}
.plan-item__content {
    flex: 1 1 auto;
}
.plan-item__content-description {
    color: var(--Grey);
}
.plan-item__content-list {
    margin-top: 16px;
    margin-bottom: 24px;
    font-weight: 400;
}
.plan-item__content-list li {
    display: flex;
    align-items: baseline;
}
.plan-item__content-list li:before {
    content: "";
    display: block;
    margin-right: 12px;
    width: 6px;
    height: 6px;
    background-color: var(--Cyan);
}
.plan-item__content-list li:not(:first-child) {
    margin-top: 4px;
}
.plan-item__bottom {
    flex: 0 0 auto;
}
.plan-item__btn {
    justify-content: center;
    width: 100%;
    max-width: none;
}
@media screen and (max-width: 1190px) {
    .plan-item__btn {
        margin: 0 auto;
        max-width: 220px;
    }
}
@media screen and (max-width: 767px) {
    .plan-item__btn {
        height: 44px;
    }
}
.plan-item__btn .button-border {
    display: none;
}
.plan-item__btn .button-border--mobile {
    display: block;
}
@media screen and (max-width: 1190px) {
    .plan-item__btn .button-border {
        display: block;
    }
    .plan-item__btn .button-border--mobile {
        display: none;
    }
}
.plan-comparison {
    padding-top: 100px;
}
@media screen and (max-width: 767px) {
    .plan-comparison {
        padding-top: 60px;
    }
}
.plan-comparison__description {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
    font-family: BaiJamjuree;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--white);
}
.plan-comparison__btn {
    justify-content: center;
    margin: 24px auto 0;
    width: 282px;
    height: 44px;
    padding: 12px 18px;
    max-width: none;
}
.plan-comparison__btn .button-border #fill {
    fill: #0000;
    transition: fill 0.3s;
}
.plan-comparison__btn:hover .button-border #fill {
    fill: var(--Blue);
}
@media screen and (max-width: 767px) {
    .plan-comparison__btn {
        font-size: 18px;
    }
    .plan-comparison__btn .button-border {
        display: block;
    }
}
.plan-comparison__btn span {
    display: flex;
    align-items: center;
}
.plan-comparison__btn span:first-of-type:after {
    content: url(./plus-2b5d3961.svg);
}
.plan-comparison__btn span:nth-of-type(2) {
    display: none;
}
.plan-comparison__btn span:nth-of-type(2):after {
    content: url(./minus-e048ea69.svg);
}
.plan-comparison__btn span:after {
    display: inline-block;
    width: 20px;
    height: 24px;
    margin-left: 4px;
    position: relative;
    z-index: 2;
}
.plan-comparison__table {
    display: none;
    margin-top: 60px;
    color: var(--white);
    font-family: Inter;
    font-size: 18px;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table {
        margin-top: 40px;
        font-size: 16px;
    }
}
.plan-comparison__table-head {
    position: sticky;
    top: 64px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    width: 100%;
    min-width: 0;
    padding: 32px 0 40px;
    background-image: url(./price-table-head-8a45a83d.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table-head {
        grid-template-columns: repeat(3, 1fr);
        top: 56px;
        padding: 18px 0 14px;
        background-image: url(./price-table-head-mob-cc0c4fe2.svg);
    }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
    .android-device .plan-comparison__table-head {
        top: 64px;
    }
}
.plan-comparison__table-body {
    position: relative;
}
.plan-comparison__table-body:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25%;
    width: 25%;
    background-color: #111112;
    z-index: -1;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table-body:before {
        top: -40px;
        width: 33.33333%;
        right: 33.33333%;
    }
}
.plan-comparison__table .table-head__item {
    position: relative;
    font-family: BaiJamjuree;
    text-transform: uppercase;
    text-align: center;
}
.plan-comparison__table .table-head__item-name {
    display: block;
    margin-bottom: 16px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--Cyan);
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-head__item-name {
        font-size: 14px;
        letter-spacing: 0.28px;
        margin-bottom: 4px;
    }
}
.plan-comparison__table .table-head__item-price {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    color: var(--Grey);
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-head__item-price {
        font-size: 10px;
        letter-spacing: 0.2px;
    }
}
.plan-comparison__table .table-head__item-price span {
    display: block;
    font-size: 64px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 1.28px;
    color: var(--white);
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-head__item-price span {
        font-size: 28px;
    }
}
.plan-comparison__table .table-head__item:first-child {
    display: flex;
    align-items: baseline;
    justify-self: start;
    align-self: end;
    padding: 0 0 29px 20px;
    font-size: 16px;
    letter-spacing: normal;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-head__item:first-child {
        display: none;
    }
}
.plan-comparison__table .table-head__item:first-child:before {
    content: "";
    display: block;
    margin-right: 12px;
    flex: 0 0 10px;
    height: 10px;
    background-color: var(--Cyan);
    border-radius: 2px;
}
.plan-comparison__table .table-head__label {
    position: absolute;
    bottom: -54px;
    left: 50%;
    transform: translate(-50%);
    padding: 4px 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: var(--Blue);
    border-radius: 8px;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-head__label {
        font-size: 10px;
        letter-spacing: 0.5px;
        padding: 4px 8px;
        bottom: -24px;
    }
}
.plan-comparison__table .table-part {
    margin-bottom: 40px;
}
.plan-comparison__table .table-part:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-part:last-child {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-part:first-child {
        margin-top: 38px;
    }
}
.plan-comparison__table .table-part__headline {
    justify-content: flex-start;
    font-family: BaiJamjuree;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-part__headline {
        font-size: 28px;
        line-height: 1.2;
    }
}
.plan-comparison__table .table-part__headline .table-part__item.first-item {
    color: var(--white);
    grid-column: 1/-1;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-part__headline .table-part__item.first-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .plan-comparison__table
    .table-part__headline
    .table-part__item.first-item:after {
        content: url(./minus-big-1bd55ade.svg);
        width: 28px;
        height: 32px;
    }
}
.plan-comparison__table .table-part__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    width: 100%;
    min-width: 0;
    background-image: url(./price-border-9457dca5.svg);
    background-repeat: repeat-x;
    background-size: 83px 2px;
    background-position: bottom;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-part__row {
        grid-template-columns: repeat(3, 1fr);
        padding-bottom: 8px;
    }
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-part__row.table-part__headline {
        background-image: none;
    }
}
.plan-comparison__table .table-part__item {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 12px 5px;
    min-height: 56px;
    line-height: 1.8;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-part__item {
        padding: 6px 5px;
        line-height: 1.2;
    }
}
.plan-comparison__table .table-part__item.first-item {
    justify-content: flex-start;
    color: var(--Light-Grey);
    text-align: left;
}
@media screen and (max-width: 767px) {
    .plan-comparison__table .table-part__item.first-item {
        grid-column: 1/-1;
        padding-bottom: 4px;
    }
}
.plan-comparison__table .table-part__item:empty:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
}
.plan-comparison__table .table-part__item:empty.is-plus:before {
    content: url(./check-with-bg-3267b20c.svg);
}
.plan-comparison__table .table-part__item:empty.is-minus:before {
    content: url(./minus-with-bg-df20cf1e.svg);
}
.plan-comparison__table .table-part.close {
    margin-bottom: 0;
}
.plan-comparison__table
.table-part.close
.table-part__headline
.table-part__item.first-item:after {
    content: url(./plus-big-1c882cd1.svg);
}
.plan-comparison__table .table-part.close .table-part__content {
    display: none;
}
.plan-comparison.open .plan-comparison__btn .button-border #fill {
    stroke: var(--border);
}
.plan-comparison.open .plan-comparison__btn span:first-of-type {
    display: none;
}
.plan-comparison.open .plan-comparison__btn span:nth-of-type(2) {
    display: flex;
}
.plan-comparison.open .plan-comparison__table {
    display: block;
}
.preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 300;
    height: 100svh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.preloader__loader {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 500;
}
@media screen and (max-width: 767px) {
    .preloader__loader {
        width: 150px;
        height: 150px;
    }
}
.preloader__loader span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border: 2px solid #fff;
    pointer-events: none;
    animation: preloader 1.5s linear infinite;
}
.preloader__loader span:nth-of-type(1) {
    border-radius: 48% 52% 68% 32%/46% 40% 60% 54%;
    box-shadow: 0 0 10px #0a62d4cc, inset 0 0 10px #0750eccc;
}
.preloader__loader span:nth-of-type(2) {
    animation-direction: reverse;
    border-radius: 27% 73% 64% 36%/69% 39% 61% 31%;
    box-shadow: 0 0 10px #240ee680, inset 0 0 10px #0d49ee80;
}
.preloader__loader span:nth-of-type(3) {
    animation-duration: 3s;
    border-radius: 58% 42% 30% 70%/38% 59% 41% 62%;
    box-shadow: 0 0 10px #0336c2b3, inset 0 0 10px #076beeb3;
}
.preloader__section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: var(--black);
    background-image: url(./bgr-dots-32f15916.png);
    z-index: 200;
}
.preloader__section--left {
    left: 0;
}
.preloader__section--right {
    right: 0;
}
.preloader__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.7;
}
.loaded.preloader .preloader__loader {
    opacity: 0;
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded.preloader .preloader__section--left {
    transform: translate(-100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded.preloader .preloader__section--right {
    transform: translate(100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded.preloader .preloader__overlay {
    opacity: 0;
    transition: all 0.7s 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded.preloader {
    transform: scale(0);
    pointer-events: none;
    transition: all 1.5s 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.contacts-map {
    padding-top: 40px;
    padding-bottom: 115px;
}
@media screen and (max-width: 767px) {
    .contacts-map {
        padding-top: 45px;
        padding-bottom: 80px;
    }
}
.contacts-map__buttons {
    display: flex;
    gap: 8px;
    position: relative;
    z-index: 200;
}
.contacts-map__btn {
    color: var(--Grey);
    transition: 0.35s;
}
.contacts-map__btn .button-stroke {
    stroke: #303031;
}
.contacts-map__btn:hover .button-stroke {
    fill: #303031;
}
.contacts-map__btn:hover span {
    color: var(--white);
}
.contacts-map__connector {
    position: absolute;
    top: -23%;
    left: 51%;
    transform: translate(-50%);
}
@media screen and (max-width: 767px) {
    .contacts-map__connector {
        display: none;
    }
}
.contacts-map__connector--mobile {
    display: none;
}
@media screen and (max-width: 767px) {
    .contacts-map__connector--mobile {
        display: block;
        top: -15%;
    }
}
.contacts-map__map-wrap {
    position: relative;
}
.contacts-map__map-block {
    min-height: 662px;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 96%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(./map-3d135545.svg);
    mask-image: url(./map-3d135545.svg);
}
@media screen and (max-width: 767px) {
    .contacts-map__map-block {
        -webkit-mask-image: url(./map-mobile-19da5c34.svg);
        mask-image: url(./map-mobile-19da5c34.svg);
    }
}
.contacts-map__map-block div {
    border: none !important;
}
.gm-style > div:nth-child(13) > div > div {
    top: -120px !important;
    left: unset !important;
}
.gm-bundled-control-on-bottom {
    right: 62px !important;
}
@media only screen and (max-width: 1023px) {
    .gm-bundled-control-on-bottom {
        right: 6% !important;
    }
}
@media screen and (max-width: 767px) {
    .gm-bundled-control-on-bottom {
        right: 45px !important;
    }
}
.gm-style > div:nth-child(13) > div > div > div {
    background-color: #0000 !important;
    box-shadow: none !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100% !important;
}
.gm-style > div:nth-child(13) > div > div > div > div {
    display: none !important;
}
.gm-control-active {
    background: var(--card-bgr) !important;
    border: 1px solid var(--Grey_Stroke, #303031) !important;
    border-radius: 8px !important;
    width: 46px !important;
    min-height: 46px !important;
}
.gm-control-active img {
    display: none !important;
}
.gm-control-active:nth-child(1):before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M7 14C6.58579 14 6.25 13.6642 6.25 13.25V0.75C6.25 0.335786 6.58579 2.11235e-08 7 0C7.41421 -2.11235e-08 7.75 0.335786 7.75 0.75V13.25C7.75 13.6642 7.41421 14 7 14ZM14 7C14 7.41421 13.6642 7.75 13.25 7.75H0.75C0.335786 7.75 0 7.41421 0 7C0 6.58579 0.335786 6.25 0.75 6.25H13.25C13.6642 6.25 14 6.58579 14 7Z' fill='%23767880'/></svg>");
    display: inline-block;
    width: 14px;
    height: 14px;
}
.gm-control-active:nth-child(3):before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M14 7C14 7.41421 13.6642 7.75 13.25 7.75H0.75C0.335786 7.75 0 7.41421 0 7C0 6.58579 0.335786 6.25 0.75 6.25H13.25C13.6642 6.25 14 6.58579 14 7Z' fill='%23767880'/></svg>");
    height: 14px;
    width: 14px;
}
.gm-fullscreen-control {
    top: unset !important;
    bottom: 7%;
    right: 25px !important;
    margin: 0 !important;
}
@media only screen and (max-width: 1023px) {
    .gm-fullscreen-control {
        right: 10px !important;
    }
}
.gm-fullscreen-control:before {
    width: 14px;
    height: 14px;
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M1 5V1H5' stroke='%23767880' stroke-linecap='round'/><path d='M1 9V13H5' stroke='%23767880' stroke-linecap='round'/><path d='M13 9V13H9' stroke='%23767880' stroke-linecap='round'/><path d='M13 5V1H9' stroke='%23767880' stroke-linecap='round'/></svg>") !important;
}
.gm-fullscreen-control[aria-pressed="true"] {
    bottom: 4%;
    right: 25px !important;
}
@media only screen and (max-width: 1023px) {
    .gm-fullscreen-control[aria-pressed="true"] {
        right: 10px !important;
    }
}
.gm-fullscreen-control[aria-pressed="true"]:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M4.42773 1.00014L4.42773 4.42871L0.999163 4.42871' stroke='white' stroke-opacity='0.4' stroke-linecap='round'/><path d='M4.42773 12.9999L4.42773 9.57129L0.999163 9.57129' stroke='white' stroke-opacity='0.4' stroke-linecap='round'/><path d='M9.57227 12.9999L9.57227 9.57129L13.0008 9.57129' stroke='white' stroke-opacity='0.4' stroke-linecap='round'/><path d='M9.57227 1.00014L9.57227 4.42871L13.0008 4.42871' stroke='white' stroke-opacity='0.4' stroke-linecap='round'/></svg>") !important;
}
html {
    width: 100%;
    height: 100%;
    background-color: var(--black);
    background-image: url(./bgr-dots-32f15916.png);
    scroll-behavior: smooth;
}
body {
    width: 100%;
    font-family: Inter-m, sans-serif;
    font-weight: 400;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    background: url(./bgr-dots-32f15916.png);
    scrollbar-color: #303031 #5b5d66;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    background-color: #303031;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #0c0c0d;
    border-radius: 680px;
    opacity: 0.4;
    background: var(--Blue, #0091fa);
    filter: blur(175px);
}
::-webkit-scrollbar-track {
    background-color: #5b5d66;
}
h1,
h2,
h3,
h4 {
    color: var(--white);
}
.main {
    flex: 1 1 auto;
}
.scroll-disabled {
    overflow: hidden;
}
.is-hidden {
    display: none;
}
.is-menu-opened {
    transform: scaleX(1);
}
.relative-wrap {
    position: relative;
}
.swiper-button-prev:after {
    content: url(./swiper-prev-27c88e16.svg) !important;
}
.swiper-button-next:after {
    content: url(./swiper-next-bdfcd5f3.svg) !important;
}
.swiper-button-disabled {
    opacity: 1 !important;
}
html.lenis {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}
.lenis.lenis-stopped {
    overflow: hidden;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
.has-scroll-smooth [data-scroll-container] {
    transform: perspective(1px);
}
.has-scroll-smooth {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media only screen and (max-width: 1023px) {
    .privacy-content.terms .privacy-content__wrap {
        flex-direction: column;
    }
}
@media screen and (max-width: 1279px) {
    .privacy-content.terms .privacy-content__main {
        background-size: cover;
    }
}
@media only screen and (max-width: 1023px) {
    .privacy-content.terms .privacy-content__sidebar_list {
        display: none;
    }
}
@media only screen and (max-width: 1023px) {
    .privacy-content.terms .privacy-content__sidebar_select {
        display: flex;
    }
}
@media screen and (max-width: 767px) {
    .privacy-content.terms .privacy-content__context {
        padding: 60px 20px;
    }
}
@media only screen and (max-width: 1023px) {
    .select-wrapper:after {
        content: url(./input-4be974f8.svg);
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        pointer-events: none;
    }
}
.privacy-content__context:last-of-type {
    scroll-margin-top: 55px;
}
.academy
.blog-content__main_item:nth-child(1)
.blog-content__grid_img:hover
.ecosystem-grid__img_hover {
    opacity: 1;
}
.academy .blog-content__grid_video {
    border-radius: 0 25px 25px 0;
    width: calc(100% - 4px);
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: url(./eco-mask-1-1662cf5a.svg);
    mask-image: url(./eco-mask-1-1662cf5a.svg);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position-x: 2px;
}
@media screen and (max-width: 570px) {
    .academy .blog-content__grid_video {
        border-radius: 0 0 25px 25px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -webkit-mask-image: url(./eco-mask-1-photo-d36417ea.svg);
        mask-image: url(./eco-mask-1-photo-d36417ea.svg);
        mask-repeat: no-repeat;
        -webkit-mask-size: 100% 96%;
        -webkit-mask-repeat: no-repeat;
    }
}
@media screen and (max-width: 767px) {
    .academy .blog-content__grid_video {
        -webkit-mask-image: url(./eco-mask-1-photo-d36417ea.svg);
        mask-image: url(./eco-mask-1-photo-d36417ea.svg);
    }
}
.academy .blog-content__grid_video:hover {
    cursor: pointer;
}
.academy .ecosystem-grid__img_hover {
    position: absolute;
    cursor: pointer;
    top: 44%;
    left: 20%;
    width: 46px;
    height: 38px;
    background-image: url(./play-f08c66e0.svg);
    background-size: cover;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}
@media screen and (max-width: 570px) {
    .academy .ecosystem-grid__img_hover {
        top: 25%;
        left: 41%;
    }
}
@media screen and (max-width: 767px) {
    .academy .ecosystem-grid__img_hover {
        top: 25%;
        left: 46%;
    }
}
.academy video {
    position: relative;
    display: block;
}
.not-found {
    padding-top: 60px;
    padding-bottom: 80px;
}
.not-found__wrap {
    background-image: url(./404-background-f24d119a.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
@media (max-width: 1100px) {
    .not-found__wrap {
        background-image: url(./404-background-mob-94618f77.svg);
    }
}
.not-found__content {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 130px 150px 130px 105px;
}
@media (max-width: 1360px) {
    .not-found__content {
        padding: 130px;
    }
}
@media (max-width: 1100px) {
    .not-found__content {
        flex-direction: column-reverse;
        gap: 40px;
        align-items: center;
    }
}
@media screen and (max-width: 767px) {
    .not-found__content {
        padding: 30px 20px 70px;
    }
}
@media screen and (max-width: 570px) {
    .not-found__content {
        gap: 15px;
    }
}
.not-found__content_left {
    position: relative;
    max-width: 475px;
}
@media (max-width: 1100px) {
    .not-found__content_left {
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    .not-found__content_left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
@media screen and (max-width: 429px) {
    .not-found__content_left {
        max-width: 300px;
    }
}
.not-found__content_right {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 400px;
}
@media (max-width: 1100px) {
    .not-found__content_right {
        gap: 16px;
    }
}
.not-found__title {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    color: var(--white);
}
@media screen and (max-width: 570px) {
    .not-found__title {
        width: 190px;
    }
}
.not-found__subtitle {
    margin-bottom: 16px;
}
.not-found__text {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 180%;
    color: var(--Light-Grey);
}
@media screen and (max-width: 429px) {
    .not-found__text {
        text-align: center;
    }
}
.not-found__icon {
    display: none;
    position: absolute;
    bottom: -15.5%;
    left: 38%;
    width: 125px;
    height: 80px;
}
@media (max-width: 1100px) {
    .not-found__icon {
        display: block;
        position: unset;
    }
}
.not-found__link {
    margin: auto;
}
@media screen and (max-width: 767px) {
    .not-found__link {
        height: 44px;
        padding: 12px 25px 12px 36px;
        letter-spacing: 0.7px;
    }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
    .not-found__link .button-border {
        display: block;
    }
    .not-found__link .button-border--mobile {
        display: none;
    }
}
.not-found__img {
    display: none;
    width: 400px;
    height: auto;
}
@media (max-width: 1100px) {
    .not-found__img {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .not-found__img {
        width: 100%;
    }
}
.not-found__animation {
    position: absolute;
    top: 18%;
    left: 4.5%;
}
.not-found__animation #track1,
.not-found__animation #track2 {
    stroke: #303031;
    stroke-width: 1px;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.4));
    box-shadow: 0 1px 1px #ffffff05 inset;
}
@media screen and (max-width: 1279px) {
    .not-found__animation {
        width: -webkit-fill-available;
    }
}
@media (max-width: 1100px) {
    .not-found__animation {
        display: none;
    }
}
.pricing .get-started {
    padding-top: 60px;
    padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
    .pricing .get-started {
        padding-bottom: 100px;
    }
}
.pricing .testimonials__connector-right,
.pricing .testimonials__connector-left,
.pricing .testimonials__connector-mob,
.pricing .testimonials__connector-bottom {
    display: none;
}
.features .benefits-section:nth-child(3) .benefits-section__connector {
    height: 188px;
    top: -10%;
}
@media only screen and (max-width: 1023px) {
    .features .benefits-section:nth-child(3) .benefits-section__connector {
        top: -7%;
    }
}
@media screen and (max-width: 767px) {
    .features .benefits-section:nth-child(3) .benefits-section__connector {
        top: -9%;
    }
}
.features .benefits-section:nth-child(4) .benefits-section__connector {
    top: -10%;
}
@media screen and (max-width: 767px) {
    .features .benefits-section:nth-child(4) .benefits-section__connector {
        top: -9%;
    }
}
.single-article__modal {
    position: absolute;
    bottom: 0%;
    left: 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 230px;
    background-image: url(./academy-modal-4b460ce7.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 10;
}
@media screen and (max-width: 1279px) {
    .single-article__modal {
        padding: 80px 150px;
    }
}
@media only screen and (max-width: 1023px) {
    .single-article__modal {
        padding: 80px;
    }
}
@media screen and (max-width: 767px) {
    .single-article__modal {
        padding: 80px 40px;
        background-image: url(./academy-modal-mobile-3a954a2d.svg);
    }
}
@media screen and (max-width: 570px) {
    .single-article__modal {
        padding: 60px 20px;
    }
}
@media screen and (max-width: 429px) {
    .single-article__modal {
        left: 0%;
    }
}
.single-article__modal_background {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, rgba(12, 12, 13, 0) 0%, #0c0c0d 46.88%);
}
@media screen and (max-width: 767px) {
    .single-article__modal_background {
        height: 92%;
    }
}
@media screen and (max-width: 429px) {
    .single-article__modal_background {
        height: 65%;
    }
}
.single-article__modal_title {
    margin-bottom: 16px;
    max-width: 425px;
    color: var(--white);
    text-align: center;
}
@media screen and (max-width: 570px) {
    .single-article__modal_title {
        max-width: 425px;
    }
}
@media screen and (max-width: 429px) {
    .single-article__modal_title {
        max-width: 325px;
    }
}
.single-article__modal_text {
    margin-bottom: 40px;
    max-width: 535px;
    color: var(--Light-Grey);
    text-align: center;
}
@media screen and (max-width: 570px) {
    .single-article__modal_text {
        max-width: 425px;
    }
}
@media screen and (max-width: 429px) {
    .single-article__modal_text {
        max-width: 325px;
    }
}
.single-article__form {
    max-width: 535px;
}
@media screen and (max-width: 570px) {
    .single-article__form {
        max-width: 425px;
        width: 100%;
    }
}
@media screen and (max-width: 429px) {
    .single-article__form {
        max-width: 300px;
    }
}
.single-article__form_element {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    height: unset !important;
}
.single-article__form_element:first-child {
    margin-bottom: 16px;
}
.single-article__form_label {
    margin-left: 16px;
    font-family: BaiJamjuree;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    color: var(--white);
}
.single-article__form_input {
    display: flex;
    padding: 12px 16px;
    width: 100%;
    align-items: flex-start;
    border-radius: 8px;
    border: 1px solid var(--Grey-stroke);
    background: var(--card-bgr);
    font-family: BaiJamjuree;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--white);
    transition: border-color 0.3s;
}
.single-article__form_input::placeholder {
    font-family: BaiJamjuree;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--Grey);
}
.single-article__form_input:hover {
    border-color: var(--Blue);
}
.single-article__form_button {
    margin-top: 25px;
    margin-bottom: 40px;
    max-width: 100%;
    width: 100%;
    justify-content: center;
}
.single-article__form_button .button-border {
    display: none;
}
.single-article__form_button .button-border.button-border-mobile {
    display: block;
}
@media screen and (max-width: 767px) {
    .single-article__form_button {
        width: 100%;
        justify-content: center;
    }
}
.single-article__form_text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    text-align: center;
    font-family: Inter;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 160% !important;
    color: var(--Grey);
}
.single-article__form_text:before {
    content: url(./modal-line-left-12b5dd7b.svg);
    display: inline-block;
    margin-right: 25px;
}
@media screen and (max-width: 570px) {
    .single-article__form_text:before {
        margin-right: 15px;
        content: url(./modal-line-mb-left-7a59903f.svg);
    }
}
.single-article__form_text:after {
    content: url(./modal-line-right-1776f949.svg);
    display: inline-block;
    margin-left: 25px;
}
@media screen and (max-width: 570px) {
    .single-article__form_text:after {
        margin-left: 15px;
        content: url(./modal-line-mb-right-d361fd7a.svg);
    }
}
.single-article__form_text-accent {
    text-align: center;
    font-size: 18px;
    line-height: 180%;
    color: var(--white);
}
.single-article__form_wrap {
    display: flex !important;
    gap: 16px !important;
    padding: 0 !important;
    height: unset !important;
    justify-content: center !important;
    margin-bottom: 25px !important;
    background-image: none !important;
}
.single-article__form_register svg {
    position: unset !important;
}
@media screen and (max-width: 767px) {
    .single-article__form_register svg {
        display: block !important;
        width: 100% !important;
    }
}
.single-article__form_link {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    color: var(--Cyan);
}
.single-article__success {
    display: none;
    position: absolute;
    bottom: 18%;
    left: 0%;
    overflow: hidden;
    -webkit-mask-image: url(./cta-mask-e8a1c45c.png);
    mask-image: url(./cta-mask-e8a1c45c.png);
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 98%;
    -webkit-mask-repeat: no-repeat;
    z-index: 10;
}
@media screen and (min-width: 571px) {
    .single-article__success {
        cursor: pointer;
    }
    .single-article__success:hover .get-started__filter {
        opacity: 0.4;
    }
}
@media screen and (max-width: 570px) {
    .single-article__success {
        -webkit-mask-size: cover;
        bottom: 22%;
        left: 0%;
    }
}
.single-article__success_title {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .single-article__success_title {
        font-size: 28px;
    }
}
@media screen and (max-width: 570px) {
    .single-article__success_title {
        max-width: 375px;
    }
}
.single-article__success_text {
    margin-bottom: 0 !important;
    max-width: 670px;
    font-family: Inter;
    font-size: 18px;
    line-height: 180%;
    font-weight: 500 !important;
    text-align: center;
    color: var(--Light-Grey);
}
@media screen and (max-width: 767px) {
    .single-article__success_text {
        max-width: 425px;
    }
}
@media screen and (max-width: 570px) {
    .single-article__success_text {
        font-size: 16px !important;
        max-width: 375px;
        line-height: 160% !important;
    }
}
.single-article__success_link {
    justify-content: center;
    padding: 12px 55px;
}
@media screen and (max-width: 767px) {
    .single-article__success_link {
        padding: 12px 35px;
    }
}
.single-article__success_content {
    position: absolute !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background-image: none !important;
    height: 50% !important;
}
@media screen and (max-width: 570px) {
    .single-article__success_content {
        height: 69% !important;
    }
}
@media screen and (max-width: 429px) {
    .single-article__success_content {
        justify-content: center;
        margin-bottom: 0 !important;
        width: 75% !important;
        height: 65% !important;
    }
}
.single-article__success_svg {
    width: 100%;
}
.single-article__success_svg .blue-path-line,
.single-article__success_svg .blue-path-line-r {
    stroke: var(--Blue);
}
@media screen and (max-width: 570px) {
    .single-article__success_svg {
        display: none;
    }
}
.single-article__success_mobile {
    display: none;
}
@media screen and (max-width: 570px) {
    .single-article__success_mobile {
        display: block;
        height: 425px !important;
    }
}
@keyframes modalFadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fade-in {
    animation: modalFadeIn 0.5s ease-in-out;
}
.article-hidden {
    height: 2900px;
    overflow: clip;
}
@media screen and (max-width: 570px) {
    .article-hidden {
        height: 1750px;
    }
}
@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(
            --swiper-wrapper-transition-timing-function,
            initial
    );
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
> .swiper-wrapper
> .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
> .swiper-wrapper
> .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(
            to left,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0)
    );
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0)
    );
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0)
    );
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0)
    );
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}
.swiper-button-lock {
    display: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}