@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* ============================================
   RESET STYLES - Сброс стилей по умолчанию
   ============================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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, button, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-variant-numeric: lining-nums;
}

/* ============================================
   POLICY PAGE - Страница политики
   ============================================ */
.policy {
    padding: 160px 0;
    color: white;
    line-height: 120%;
    font-family: "Montserrat";
}

.policy a {
    color: white;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    margin-bottom: 20px;
    text-decoration: underline;
    padding-left: 20px;
    display: block;
}

.policy a:hover {
    text-decoration: none;
}

.policy a:before {
    content: '<';
    display: block;
    position: absolute;
    font-size: 18px;
    font-weight: 500;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: white;
}

.policy .text-block {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.policy .text-block p {
    font-size: 16px;
}

.policy .text-block ul {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.policy .text-block ul li {
    font-size: 16px;
    position: relative;
    padding-left: 20px;
}

.policy .text-block ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}

.policy .text-block h2 {
    font-size: 32px;
    font-weight: 700;
}

.policy .text-block h3 {
    font-size: 24px;
    font-weight: 700;
}

.policy .text-block h4 {
    font-size: 18px;
    font-weight: 700;
}

/* ============================================
   RTL (RIGHT-TO-LEFT) - Поддержка RTL языков
   ============================================ */
.rtl * {
    direction: rtl;
}

.rtl #cat-animation {
    direction: initial;
}

.rtl .cat-animation__box {
    direction: initial;
}

.rtl .contacts__wrap {
    direction: initial;
}

.rtl .contacts__wrap .right {
    direction: initial;
    flex-direction: row-reverse;
    padding-left: 0;
    padding-right: 107px;
}

@media (max-width: 1080px) {
    .rtl .contacts__wrap .right {
        padding: 30px;
    }
}

.rtl .brands__wrap {
    direction: initial;
}

.rtl .update_slider.swiper {
    direction: initial;
}

.rtl .news-swiper {
    direction: initial;
}

.rtl .slider-reasons__body {
    direction: initial;
}

.rtl .swiper-container-fade .swiper-slide {
    opacity: 0 !important;
    transition: opacity 0.5s;
}

.rtl .swiper-container-fade .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.rtl .cas-better .reasons__body {
    direction: initial;
}

/* ============================================
   HTML ELEMENTS - Базовые HTML элементы
   ============================================ */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body .coin-bg {
    transition: all .3s linear;
}

body.lock {
    overflow: hidden;
}

/* ============================================
   UPDATE SLIDER - Слайдер обновлений
   ============================================ */
.update_slider {
    position: relative;
    max-width: 830px;
    margin: 0px auto;
    margin-top: 80px;
}

.update_slider .activities__slide {
    position: relative;
}

.update_slider .activities__slide img {
    width: 100%;
}

.update_slider .activities__slide .activities__place {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    line-height: 120%;
    font-weight: 700;
    color: white;
    -webkit-text-stroke: 2px #fff;
    transition: all 0.3s ease 0s;
}

.update_slider__pagination .swiper-pagination-bullet {
    margin: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #a4a4a4;
    transition: 0.3s;
    opacity: 1;
}

.update_slider__pagination {
    padding: 0;
    margin-top: 90px;
    display: flex;
    justify-content: center;
    font-weight: 700;
    color: #0074ff;
    font-size: 18px;
    line-height: 140%;
    position: relative;
    z-index: 20;
}

.update_slider__pagination .swiper-pagination-bullet-active {
    background: #0172FD;
}

.update_slider.swiper-cards .swiper-slide {
    overflow: visible;
}

.update_slider .swiper-slide .activities__image {
    transition: transform .5s ease;
}

.update_slider .swiper-slide-next .activities__image {
    transform: rotate(-4deg) scale(1) translate(-100%, -10%);
}

.update_slider .swiper-slide-prev .activities__image {
    transform: rotate(4deg) scale(1) translate(100%, -10%);
}

.update_slider:after {
    content: "";
    display: block;
    position: absolute;
    left: -250px;
    border-radius: 50%;
    bottom: -250px;
    width: 600px;
    height: 600px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.update_slider .swiper-slide-next .activities__place {
    opacity: 0;
}

.update_slider .swiper-slide-prev .activities__place {
    opacity: 0;
}

.update_slider .swiper-slide-active {
    position: relative;
    z-index: 1;
}

.update_slider.swiper {
    overflow: visible;
}

/* ============================================
   POPUPS - Модальные окна и попапы
   ============================================ */
.get_started_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backdrop-filter: contrast(0.5);
    z-index: 99;
    overflow: scroll;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.main-popup-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, .6);
    display: none;
    top: 0;
    left: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.main-popup-wrap .popup-wrap {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.main-popup-wrap .popup-wrap .popup-close {
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.main-popup-wrap .popup-wrap .popup {
    width: 100%;
    max-width: 800px;
    background: #131313;
    position: relative;
    padding: 80px 100px;
    z-index: 102;
    overflow: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 120px;
}

@media (max-width: 768px) {
    .main-popup-wrap .popup-wrap .popup {
        padding: 40px 20px;
    }
}

.main-popup-wrap .popup-wrap .popup .content {
    position: relative;
    z-index: 1;
}

.main-popup-wrap .popup-wrap .popup .content input {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 20px 24px;
    margin-bottom: 28px;
    border: 1px solid #000;
    max-height: 70px;
    background: white;
    border-radius: 0;
    color: #000;
}

.main-popup-wrap .popup-wrap .popup .content input::placeholder {
    color: #A4A4A4;
}

.main-popup-wrap .popup-wrap .popup .popup-closer {
    position: absolute;
    top: 28px;
    right: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    cursor: pointer;
}

.main-popup-wrap .popup-wrap .popup .popup-closer:hover {
    opacity: .7;
}

.main-popup-wrap .popup-wrap .popup .content .main-btn {
    max-width: 405px;
    width: 100%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    font-size: 32px;
    height: 70px;
    font-weight: 500;
}

.main-popup-wrap .popup-wrap .popup .content .btn-row {
    text-align: center;
}

.main-popup-wrap .popup-wrap .popup .content .dont {
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 45px;
    text-align: center;
    display: block;
}

.main-popup-wrap .popup-wrap .popup .content .btn {
    text-align: center;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 15px;
    cursor: pointer;
    transition: all 0.4s ease;
}

.main-popup-wrap .popup-wrap .popup .content .btn:hover {
    transition: all 0.4s ease;
    color: #0172FD;
}

.main-popup-wrap .popup-wrap .popup .content .login-popup-heading {
    margin-bottom: 20px;
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.main-popup-wrap .popup-wrap .popup:before {
    content: '';
    width: 422px;
    height: 422px;
    border-radius: 422px;
    background: #0172FD;
    filter: blur(223.5px);
    position: absolute;
    top: -5%;
    left: -5%;
    pointer-events: none;
}

/* ============================================
   POPUP FORMS - Формы в попапах
   ============================================ */
.container_popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.wrap-get_started_popup::-webkit-scrollbar {
    display: none;
}

.wrap-get_started_popup {
    max-width: 1040px;
    margin: auto;
    padding: 60px 50px;
    background: #131313;
    position: relative;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html::-webkit-scrollbar {
    display: none;
}

:root::-webkit-scrollbar {
    display: none;
}

html {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

html::-webkit-scrollbar {
    display: none;
}

body::-webkit-scrollbar {
    display: none;
}

:root::-webkit-scrollbar {
    display: none;
}

body {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
}

body::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

:root {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.wrap-get_started_popup:before {
    content: '';
    width: 422px;
    height: 422px;
    border-radius: 422px;
    background: #0172FD;
    filter: blur(223.5px);
    position: absolute;
    top: -5%;
    left: -5%;
}

.wrap-get_started_popup h2,
.wrap-get_started_popup h1 {
    position: relative;
    margin-bottom: 48px;
    text-align: center;
    line-height: 120%;
    font-weight: 700;
    max-width: 831px;
}

.wrap-get_started_popup p {
    font-size: 24px;
    line-height: 120%;
    font-weight: 500;
    text-align: left;
}

.wrap-get_started_popup .block-down {
    display: flex;
}

.wrap-get_started_popup .block-down img {
    max-width: 270px;
}

.wrap-get_started_popup form {
    position: relative;
}

.popup-publishing input,
.form-get_started_popup input {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 12px;
    margin-bottom: 38px;
    border: 1px solid #000;
    max-height: 46px;
    color: #000;
    border-radius: 0;
    background: white;
}

.form-get_started_popup input::placeholder {
    color: #A4A4A4;
}

.form-get_started_popup textarea {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 12px;
    height: 120px;
    border: 1px solid #000;
    color: #000;
    border-radius: 0;
    background: white;
}

.form-get_started_popup .suss {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
    display: none;
}

.form-get_started_popup textarea::placeholder {
    color: #A4A4A4;
}

.form-get_started_popup .flex_input {
    display: flex;
    align-items: stretch;
    column-gap: 26px;
}

.form-get_started_popup .flex_input .input_bl {
    width: 50%;
}

.form-get_started_popup .select_input {
    display: flex;
    align-items: stretch;
    width: 100%;
    position: relative;
}

.form-get_started_popup .select_input .dropdown {
    display: none;
    position: absolute;
    width: 100%;
    height: fit-content;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    border-top: 0;
    z-index: 2;
}

.form-get_started_popup .select_input .title_dropdown {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #fff;
    border: 1px solid #000;
    border-right: none;
    max-height: 46px;
    width: 84px;
    transition: all .3s ease;
    cursor: pointer;
}

.form-get_started_popup .select_input .title_dropdown .icon svg {
    max-width: 25px;
    max-height: 25px;
}

.form-get_started_popup .select_input .title_dropdown:hover .icon svg path {
    fill: #0172FD;
}

.form-get_started_popup .select_input .title_dropdown:hover .icon svg path.white {
    fill: #fff;
}

.form-get_started_popup .select_input .title_dropdown:hover .arrow_select svg path {
    stroke: #0172FD;
}

.form-get_started_popup .select_input .title_dropdown.open_select .arrow_select {
    transform: rotate(180deg);
}

.form-get_started_popup .select_input .title_dropdown .icon {
    margin-right: 12px;
    max-width: 25px;
}

.form-get_started_popup .select_input .dropdown .row_drop {
    padding: 12px;
    border-bottom: 1px solid #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    display: flex;
    align-items: center;
}


.form-get_started_popup .select_input .dropdown .row_drop .icon {
    margin-right: 18px;
}

.form-get_started_popup .select_input .dropdown .row_drop .icon svg {
    max-width: 22px;
    max-height: 22px;
}

.form-get_started_popup .select_input .dropdown .row_drop {
    padding: 12px;
    border-bottom: 1px solid #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    display: flex;
    align-items: center;
}

.form-get_started_popup .select_input .dropdown .row_drop:hover {
    background: rgba(204, 227, 255, 1);
    color: #0172FD;
}

.form-get_started_popup .select_input .dropdown .row_drop:hover .icon svg path {
    fill: #0172FD;
}

.form-get_started_popup .select_input .dropdown .row_drop:hover .icon svg path.white {
    fill: #fff;
}


.form-get_started_popup .select_input .select_soc .title_dropdown .icon {
    margin-right: 12px;
}

.form-get_started_popup .select_input .input_bl {
    margin: 0;
    width: calc(100% - 84px);
}

.form-get_started_popup .select2 {
    position: relative;
}

.form-get_started_popup .drop2 {
    display: none;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    background: #fff;
    color: #000;
    position: absolute;
    top: calc(100% - 5px);
    border: 1px solid #000;
    z-index: 3;
}

.form-get_started_popup .drop2 span {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    padding: 12px;
    display: block;
    border-bottom: 1px solid #000;
    cursor: pointer;
    transition: all .3s ease;
}

.form-get_started_popup .drop2 span:hover {
    background: rgba(204, 227, 255, 1);
    color: #0172FD;
}

.form-get_started_popup .title_select2 {
    position: relative;
    cursor: pointer;
}

.form-get_started_popup .title_select2:hover svg path {
    stroke: #0172FD;
}

.form-get_started_popup .title_select2:hover input {
    color: #0172FD;
}

.form-get_started_popup .title_select2 input {
    cursor: pointer;
    transition: all .3s ease;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.form-get_started_popup .title_select2.open_select svg {
    transform: rotate(180deg);
}

.form-get_started_popup .title_select2.open_select svg path {
    stroke: #0172FD;
}

.form-get_started_popup .title_select2.open_select input {
    color: #0172FD;
}

.form-get_started_popup .title_select2 svg {
    position: absolute;
    right: 24px;
    top: 20px;
    width: 16px;
}

.form-get_started_popup button {
    width: 405px;
    margin: 24px auto 0;
    height: 46px;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.contact_form_publishing .input_bl,
.form-get_started_popup .input_bl {
    position: relative;
}

.contact_form_publishing .input_bl .error_message,
.form-get_started_popup .input_bl .error_message {
    color: #F47883;
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    position: absolute;
    bottom: 18px;
    left: 0;
    display: none;
}

.contact_form_publishing .input_bl:has(.error) .error_message,
.form-get_started_popup .input_bl:has(.error) .error_message {
    display: block;
}

.contact_form .input_bl .error_message {
    color: #F47883;
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    display: none;
}

.contact_form .input_bl:has(.error) .error_message {
    display: block;
}

.get_started_popup .close_popup {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    transition: all .3s ease;
}

.get_started_popup .close_popup svg {
    width: 32px;
    height: 32px;
}

.get_started_popup .close_popup:hover {
    opacity: 0.8;
}

.get_started_popup .bottom_get_start span {
    position: relative;
    display: flex;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    align-items: center;
    justify-content: space-around;
    margin: 40px 0;
}

.get_started_popup .bottom_get_start span:before {
    content: '';
    width: 25%;
    height: 1px;
    background: #fff;
    margin-right: 15px;
}

.get_started_popup .bottom_get_start span:after {
    content: '';
    width: 25%;
    height: 1px;
    background: #fff;
    margin-left: 15px;
}

.bottom_get_start .socs-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 50px;
}


.form .left .flex-row {
    align-items: flex-start;
}

span.suss {
    display: none;
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-top: 10px;
}


.column:has(.error) span.error_mesage {
    display: block;
}

input.error + span.error_mesage {
    display: block;
}

.contact_form .flex-row.ai--center {
    align-items: flex-start;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Указываем box sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
    padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
    list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
    max-width: 100%;
    display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
    margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
    /*font: inherit;*/
    font-family: var(--cs-font-input-family), sans-serif;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

a {
    text-decoration: none;
}

button, a {
    cursor: pointer;
}

* {
    outline: none;
}

i {
    font-style: italic;
}

body {
    font-family: "Montserrat";
    line-height: 120%;
    color: white;
    background: #131313;
}

.title {
    font-size: 42px;
    font-weight: 500;
    font-family: "Montserrat";
}

.font--1 {
    font-size: 55px;
    font-weight: 600;
    font-family: "Montserrat";
}

.font--2 {
    font-size: 42px;
    font-weight: 700;
    font-family: "Montserrat";
}

.font--3 {
    font-size: 32px;
    font-weight: 500;
    font-family: "Montserrat";
}

.font--4 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Raleway";
}

.font--5 {
    font-size: 20px;
    font-weight: 600;
    font-family: "Montserrat";
}

.font--6 {
    font-size: 16px;
    font-weight: 500;
    font-family: "Raleway";
}

@media (max-width: 1550px) {
    .title {
        font-size: 42px;
    }

    .font--1 {
        font-size: 40px;
    }

    .font--2 {
        font-size: 40px;
    }

    .font--3 {
        font-size: 26px;
    }

    .font--4 {
        font-size: 20px;
    }

    .font--5 {
        font-size: 18px;
    }

    .font--6 {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .title {
        font-size: 50px;
    }

    .font--1 {
        font-size: 40px;
    }

    .font--2 {
        font-size: 32px;
    }

    .font--3 {
        font-size: 24px;
    }

    .font--4 {
        font-size: 18px;
    }

    .font--5 {
        font-size: 16px;
    }
}

@media (max-width: 1080px) {
    .title {
        font-size: 42px;
    }

    .font--1 {
        font-size: 32px;
    }

    .font--2 {
        font-size: 28px;
    }

    .font--3 {
        font-size: 20px;
    }

    .font--4 {
        font-size: 16px;
    }

    .font--5 {
        font-size: 14px;
    }
}

/* ============================================
   CONTAINER - Контейнеры
   ============================================ */
.container {
    width: 100%;
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 120%;
}

.cs-container {
    width: 100%;
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 15px;
    line-height: 120%;
}

@media (max-width: 1550px) {
    .container {
        max-width: 1230px;
    }

    .cs-container {
        max-width: 1230px;
    }
}

.lh--120 {
    line-height: 120%;
    margin-top: 50px;
    text-align: left;
}

/* ============================================
   UTILITY CLASSES - Утилитарные классы (display, flex, align и т.д.)
   ============================================ */
.d--flex {
    display: flex;
}

.d--i-flex {
    display: inline-flex;
}

.d--block {
    display: block;
}

.d--i-block {
    display: inline-block;
}

.flex-row {
    display: flex;
}

.ai--center {
    align-items: center;
}

.ai--start {
    align-items: flex-start;
}

.ai--end {
    align-items: flex-end;
}

.jc--center {
    justify-content: center;
}

.jc--end {
    justify-content: flex-end;
}

.jc--start {
    justify-content: flex-start;
}

.jc--sb {
    justify-content: space-between;
}

/* ============================================
   BUTTONS - Кнопки
   ============================================ */
.main-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 36px;
    text-align: center;
    transition: 0.3s;
}

@media (max-width: 1550px) {
    .main-btn {
        padding: 10px 25px;
    }
}

.main-btn--blue {
    color: white;
    background: #0172FD;
}

.main-btn--blue:hover {
    background: #1048DE;
    color: white;
}

.main-btn--white {
    background: white;
    color: #131313;
}

.main-btn--white:hover {
    opacity: 1;
    background: #0172FD;
    color: white;
}

.main-btn--black {
    background: #131313;
    color: white;
}

.main-btn--black:hover {
    background: white;
    color: #0172FD;
}

/* ============================================
   HEADER - Шапка сайта
   ============================================ */
.header {
    border-bottom: 2px solid #fff;
    position: fixed;
    width: 100vw;
    z-index: 50;
    top: 0;
    background: #131313;
}

.header .left {
    padding-right: 50px;
    border-right: 2px solid white;
    padding-top: 38px;
    padding-bottom: 38px;
}

.new_page.ar .header .left {
    border-right: unset;
}

.header .left .logo {
    display: flex;
    width: 150px;
    height: 35px;
    transition: 0.3s;
}

.header .left .logo:hover {
    opacity: 0.7;
}

.header .left .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header .center {
    padding: 46px 72px;
    border-right: 2px solid white;
}

.new_page.ar .header .center {
    border-right: 2px solid white;
    border-left: 2px solid white;
}

.header .center .nav-menu li {
    display: inline-block;
}

.header .center .nav-menu li:not(:first-of-type) {
    margin-left: 63px;
}

.new_page.ar .header .center .nav-menu li:not(:last-of-type) {
    margin-left: 63px;
}

.header .center .nav-menu li a {
    color: white;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

.header .center .nav-menu li a:hover {
    color: #0172FD;
}

.header .right {
    padding-left: 48px;
}

.header .right .lang-menu {
    margin-right: 42px;
}

.header .right .lang-menu a {
    color: white;
    transition: 0.3s;
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
}

.header .right .lang-menu a:hover {
    color: #0172FD;
}

.header .right .lang-menu .menu-item-has-children {
    position: relative;
    cursor: pointer;
}

.header .right .lang-menu .menu-item-has-children.active > a {
    color: #0172FD;
}

.header .right .lang-menu .menu-item-has-children.active > a svg {
    transform: rotate(180deg);
}

.header .right .lang-menu .menu-item-has-children.active > a svg path {
    stroke: #0172FD;
}

.header .right .lang-menu .menu-item-has-children > a {
    display: flex;
    align-items: center;
    pointer-events: none;
    cursor: pointer;
}

.header .right .lang-menu .menu-item-has-children > a:hover svg path {
    stroke: #0172FD;
}

.header .right .lang-menu .menu-item-has-children > a svg {
    transition: 0.3s;
    width: 12px;
    height: 6px;
    object-fit: contain;
    margin-left: 14px;
}

.header .right .lang-menu .menu-item-has-children > a svg path {
    transition: 0.3s;
}

.new_page.ar .header .right .lang-menu .menu-item-has-children > a svg {
    margin-right: 14px;
}

.header .right .lang-menu .menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    left: -8px;
    top: calc(100% + 12px);
    width: calc(100% + 8px);
    background: white;
}

.header .right .lang-menu .menu-item-has-children .sub-menu a {
    color: #131313;
    padding: 8px;
    display: inline-flex;
    transition: 0.3s;
}

.header .right .lang-menu .menu-item-has-children .sub-menu a:hover {
    color: #0172FD;
}

.header .right .main-btn--blue {
    margin-right: 22px;
}

.new_page.ar .header .right .main-btn--blue {
    margin-right: 0;
}

.new_page.ar .header .right .main-btn--white {
    margin-right: 22px;
}

/* ============================================
   TITLE SCREEN - Главный экран/Герой секция
   ============================================ */
.title-screen {
    padding-top: 216px;
    padding-bottom: 181px;
    position: relative;
}

.title-screen.mediation {
    overflow: visible;
}

.title-screen.home_p .right:after {
    content: "";
    display: block;
    position: absolute;
    right: -100px;
    left: unset;
    top: 230px;
    width: 800px;
    height: 800px;
    /*background: url(../img/bg3.png);*/
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.new_page.ar .title-screen.mediation:after {
    content: "";
    display: block;
    position: absolute;
    left: 180px;
    right: unset;
    top: 130px;
    width: 800px;
    height: 800px;
    background: url(../img/bg3.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    transform: rotate(180deg);
}

.title-screen.mediation .left {
    width: 100%;
    max-width: 50%;
}

.title-screen.mediation .left .font--2 strong {
    color: #0172FD;
}

.title-screen.mediation .right {
    width: 100%;
    max-width: 50%;
    display: flex;
    align-items: flex-end;
    padding-left: 0;
    justify-content: flex-end;
}

.title-screen.mediation .right img {
    height: 379px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1550px) {
    .title-screen.mediation .right img {
        height: 240px;
    }
}

.title-screen.mediation .right img:last-of-type {
    height: 200px;
    transform: translateX(15px);
}

@media (max-width: 1550px) {
    .title-screen.mediation .right img:last-of-type {
        height: 140px;
    }
}

@media (max-width: 1080px) {
    .title-screen.mediation .right img:last-of-type {
        height: 140px;
        transform: translateX(0);
    }
}

.title-screen.publishing {
    position: relative;
}

.title-screen.publishing .left {
    width: 100%;
    max-width: 903px;
}

.title-screen.publishing .left .font--2 strong {
    color: #0172FD;
}

.title-screen .title {
    line-height: 120%;
}

.title-screen .sub-heading {
    margin-top: 24px;
    line-height: 120%;
}

.title-screen .main-btn {
    font-size: 32px;
    font-weight: 500;
    padding: 16px 69px;
    margin-top: 60px;
}

.title-screen .main-btn img {
    width: 28px;
    height: 26px;
    object-fit: contain;
    margin-left: 16px;
}

.title-screen .left {
    width: 50%;
    position: relative;
    z-index: 1;
}

.title-screen .right {
    width: 50%;
    padding-left: 120px;
}

.title-screen .right img {
    height: 100%;
    max-height: 445px;
    object-fit: contain;
}

.title-screen.publishing .right img {
    width: 100%;
    margin-top: -50%;
    max-height: unset;
    height: unset;
    object-fit: contain;
}

.footer {
    margin-top: 85px;
    padding: 40px 0;
    border-top: 2px solid white;
}

@media (max-width: 1550px) {
    .footer {
        margin-top: 60px;
    }
}

@media (max-width: 1080px) {
    .footer {
        margin-top: 4px;
    }
}

.footer .bottom-row {
    text-align: center;
    margin-top: 18px;
}

.footer .top-row {
    align-items: flex-start;
    justify-content: space-between;
}

.footer .top-row .column {
    display: flex;
    flex-direction: column;
}

.footer .top-row .column a {
    color: white;
}

.footer .top-row .column .mail {
    transition: 0.3s;
}

.footer .top-row .column .mail:hover {
    opacity: 0.7;
}

.footer .top-row .column .policy-menu {
    margin-top: 40px;
}

.footer .top-row .column .policy-menu li:not(:first-of-type) {
    margin-top: 8px;
}

.footer .top-row .column .policy-menu a {
    display: inline-block;
    transition: 0.3s;
}

.footer .top-row .column .policy-menu a:hover {
    color: #0172FD;
}

.footer .top-row .column .font--6 {
    margin-bottom: 8px;
}

.footer .top-row .column .socs-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.footer .top-row .column .socs-wrap .socs {
    height: 40px;
    width: 40px;
    display: inline-block;
    transition: 0.3s;
}

.footer .top-row .column .socs-wrap .socs:not(:first-of-type) {
    margin-left: 16px;
}

.new_page.ar .footer .top-row .column .socs-wrap .socs:not(:last-of-type) {
    margin-left: 16px;
}

.footer .top-row .column .socs-wrap .socs:hover {
    opacity: 0.7;
}

.footer .top-row .column .socs-wrap .socs img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer .top-row .logo {
    display: inline-block;
    height: 54px;
    transition: 0.3s;
}

.footer .top-row .logo:hover {
    opacity: 0.7;
}

.footer .top-row .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer .top-row .main-btn--blue {
    margin-top: 52px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    justify-content: center;
}

.footer .top-row .policy {
    margin-top: 54px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

.footer .top-row .policy:hover {
    opacity: 0.7;
}

.footer .top-row .menu {
    padding-top: 64px;
    align-items: center;
    columns: 3;
}

.footer .top-row .menu li a {
    color: white;
    font-size: 20px;
    font-weight: 500;
    padding: 12px 33px;
    display: inline-flex;
    transition: 0.3s;
}

.footer .top-row .menu li a:hover {
    color: #0172FD;
}

/* ============================================
   CLIENTS - Секция клиентов
   ============================================ */
.clients {
    padding: 85px 0;
    position: relative;
}

.clients:after {
    content: "";
    display: block;
    position: absolute;
    left: 20%;
    border-radius: 50%;
    top: -100px;
    width: 500px;
    height: 500px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.clients .font--1 {
    text-align: center;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.clients .sub-heading {
    text-align: center;
    position: relative;
    z-index: 1;
}

.clients__wrap {
    padding: 0 100px;
    margin-top: 80px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.clients__client {
    width: calc(50% - 10px);
}

.clients__client video {
    width: 100%;
    object-fit: cover;
    margin-bottom: 24px;
}

.clients__client .client-job-title {
    margin-top: 12px;
}

.clients__client .description {
    margin-top: 20px;
    font-size: 20px;
    line-height: 120%;
    font-weight: 500;
}

.clients__client p {
    margin-top: 20px;
    font-size: 20px;
    line-height: 120%;
    font-weight: 500;
}

.clients__client p strong {
    color: #0172FD;
    font-weight: 700;
}

.clients__client .description strong {
    color: #0172FD;
    font-weight: 700;
}

/* ============================================
   FORMS - Формы обратной связи
   ============================================ */
.form {
    background: #0172FD;
    padding: 80px 0;
    position: relative;
    margin-bottom: 170px;
}

.form .coin-bg {
    position: absolute;
    right: 200px;
    height: 570px;
    width: 572px;
    bottom: -300px;
}

@media (max-width: 1550px) {
    .form .coin-bg {
        right: 50px;
        height: 400px;
        width: 420px;
        bottom: -150px;
    }
}

@media (max-width: 1080px) {
    .form .coin-bg {
        display: none;
    }
}

.form.second .coin-bg {
    position: absolute;
    right: 50px;
    width: 720px;
    height: 565px;
    bottom: -800px;
}

@media (max-width: 1550px) {
    .form.second .coin-bg {
        width: 500px;
        height: 400px;
        bottom: -600px;
        right: 50px;
    }
}

@media (max-width: 1080px) {
    .form.second .coin-bg {
        display: none;
    }
}

.form.second .left {
    max-width: 941px;
}

.form.second .left .font--1 {
    margin-bottom: 24px;
}

.form.second .left .font--4 {
    margin-bottom: 44px;
}

.form.second .left .flex-row .column {
    width: 405px;
}

.form.second .left .main-btn {
    width: 405px;
    margin-top: 20px;
    justify-content: center;
    white-space: nowrap;
}

.form.second .right {
    width: calc(100% - 941px);
}

.form.second .right img {
    height: 231px;
}

.form .left {
    width: 100%;
    max-width: 803px;
}

.form .left .font--1 {
    margin-bottom: 44px;
}

.form .left .flex-row .column {
    width: calc(50% - 10px);
}

.form .left input {
    width: 100%;
    height: 70px;
    font-size: 24px;
    font-weight: 500;
    color: #131313;
    padding: 20px 24px;
    border: 1px solid #131313;
}

.form .left input::placeholder {
    color: #a4a4a4;
}

.form .left textarea {
    width: 100%;
    height: 120px;
    padding: 20px 24px;
    margin: 20px 0 0;
    border: 1px solid #131313;
    color: #131313;
    font-size: 24px;
    font-weight: 500;
    resize: none;
}

.form .left textarea::placeholder {
    color: #a4a4a4;
}

.form .left .main-btn--black {
    height: 70px;
    font-size: 32px;
    font-weight: 500;
    padding: 16px 80px;
    margin-top: 20px;
}

.form .right {
    width: calc(100% - 803px);
}

.form .right img {
    margin-left: auto;
    margin-right: auto;
    height: 288px;
    object-fit: contain;
}

/* ============================================
   MOBILE MENU - Мобильное меню (гамбургер)
   ============================================ */
.gam {
    position: relative;
    display: none;
    align-items: center;
    width: 25px;
    height: 20px;
    cursor: pointer;
    z-index: 50;
}

.gam.active span {
    opacity: 0;
}

.gam.active:before {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    background: #0172FD;
}

.gam.active:after {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
    background: #0172FD;
}

.gam:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: white;
    top: 0;
    left: 0;
    transition: 0.3s;
}

.gam:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: white;
    bottom: 0;
    left: 0;
    transition: 0.3s;
}

.gam span {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 6px;
    background: white;
    transition: 0.3s;
}

@media (max-width: 1550px) {
    .header .left {
        padding-right: 50px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header .left .logo {
        width: 150px;
        height: 35px;
    }

    .header .center {
        padding: 28px 15px;
        display: flex;
        justify-content: center;
    }

    .header .center .nav-menu {
        margin: 0 auto;
        white-space: nowrap;
    }

    .header .center .nav-menu li:not(:first-of-type) {
        margin-left: 10px;
    }

    .new_page.ar .header .center .nav-menu li:not(:last-of-type) {
        margin-left: 10px;
    }

    .header .center .nav-menu li a {
        font-size: 14px;
    }

    .header .right {
        padding-left: 20px;
    }

    .header .right .lang-menu {
        margin-right: 20px;
    }

    .header .right .lang-menu a {
        font-size: 18px;
    }

    .header .right .main-btn--blue {
        margin-right: 15px;
    }

    .title-screen {
        padding-top: 170px;
        padding-bottom: 130px;
    }

    .title-screen.mediation:after {
        width: 500px;
        height: 500px;
    }

    .title-screen.mediation .left {
        max-width: 50%;
    }

    .title-screen.mediation .left .font--2 br {
        display: none;
    }

    .title-screen.mediation .right {
        max-width: 50%;
    }

    .title-screen.mediation .right img {
        height: 240px;
    }

    .title-screen.mediation .right img:last-of-type {
        height: 140px;
    }

    .title-screen.publishing {
        position: relative;
    }

    .title-screen.publishing .left {
        max-width: 50%;
    }

    .title-screen .sub-heading {
        margin-top: 20px;
    }

    .title-screen .main-btn {
        font-size: 20px;
        padding: 12px 40px;
        margin-top: 40px;
    }

    .title-screen .main-btn img {
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }

    .title-screen .right {
        padding-left: 70px;
    }

    .clients {
        padding: 60px 0;
    }

    .clients .font--1 {
        margin-bottom: 20px;
    }

    .clients__wrap {
        padding: 0 50px;
        margin-top: 50px;
    }

    .footer .top-row .column .policy-menu {
        margin-top: 30px;
    }

    .footer .top-row .column .policy-menu li:not(:first-of-type) {
        margin-top: 5px;
    }

    .footer .top-row .column .font--6 {
        margin-bottom: 5px;
    }

    .footer .top-row .column .socs-wrap {
        margin-bottom: 30px;
    }

    .footer .top-row .column .socs-wrap .socs {
        height: 30px;
        width: 30px;
    }

    .footer .top-row .column .socs-wrap .socs:not(:first-of-type) {
        margin-left: 10px;
    }

    .new_page.ar .footer .top-row .column .socs-wrap .socs:not(:last-of-type) {
        margin-left: 10px;
    }

    .footer .top-row .logo {
        height: 35px;
    }

    .footer .top-row .main-btn--blue {
        margin-top: 35px;
        font-size: 18px;
    }

    .footer .top-row .policy {
        margin-top: 40px;
        font-size: 14px;
    }

    .footer .top-row .menu {
        padding-top: 30px;
    }

    .footer .top-row .menu li a {
        font-size: 16px;
        padding: 8px 15px;
    }

    .form {
        padding: 60px 0;
        margin-bottom: 120px;
    }

    .form.second .left {
        max-width: 800px;
    }

    .form.second .left .font--1 {
        margin-bottom: 20px;
    }

    .form.second .left .font--4 {
        margin-bottom: 30px;
    }

    .form.second .left .flex-row .column {
        width: 350px;
    }

    .form.second .left .main-btn {
        width: 350px;
    }

    .form.second .right {
        width: calc(100% - 941px);
    }

    .form.second .right img {
        height: 231px;
    }

    .form .left .font--1 {
        margin-bottom: 30px;
    }

    .form .left input {
        height: 50px;
        font-size: 18px;
        padding: 15px;
    }

    .form .left textarea {
        height: 100px;
        padding: 15px;
        font-size: 18px;
    }

    .form .left .main-btn--black {
        height: 50px;
        font-size: 24px;
        padding: 12px 50px;
    }

    .form .right img {
        height: 230px;
    }
}

@media (max-width: 1200px) {
    .header .left {
        padding-right: 30px;
    }

    .header .left .logo {
        width: 140px;
        height: 35px;
    }

    .header .center {
        padding: 28px 15px;
    }

    .header .center .nav-menu li:not(:first-of-type) {
        margin-left: 10px;
    }

    .new_page.ar .header .center .nav-menu li:not(:last-of-type) {
        margin-left: 10px;
    }

    .header .center .nav-menu li a {
        font-size: 14px;
    }

    .header .right {
        padding-left: 20px;
    }

    .header .right .lang-menu {
        margin-right: 15px;
    }

    .header .right .lang-menu a {
        font-size: 16px;
    }

    .header .right .main-btn--blue {
        margin-right: 10px;
    }
}

@media (max-width: 1080px) {
    .gam {
        display: flex;
    }

    .header__flex-row {
        position: relative;
    }

    .header .droppdown {
        position: absolute;
        top: calc(100% + 2px);
        width: calc(100% + 30px);
        left: -15px;
        background: #131313;
        height: calc(100vh - 75px);
        display: none;
    }

    .header .left {
        padding-right: 30px;
    }

    .header .left .logo {
        width: 140px;
        height: 35px;
    }

    .header .center {
        padding: 28px 40px;
        border-right: none;
    }

    .header .center .nav-menu {
        display: flex;
        flex-direction: column;
    }

    .header .center .nav-menu li {
        text-align: center;
    }

    .header .center .nav-menu li:not(:first-of-type) {
        margin-left: 0;
        margin-top: 20px;
    }

    .new_page.ar .header .center .nav-menu li:not(:last-of-type) {
        margin-left: 0;
        margin-top: 20px;
    }

    .header .center .nav-menu li a {
        font-size: 16px;
        text-align: center;
    }

    .header .right {
        padding-left: 0;
        padding-top: 40px;
        flex-direction: column;
    }

    .header .right .lang-menu {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .header .right .lang-menu a {
        font-size: 16px;
    }

    .header .right .main-btn--blue {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .title-screen {
        padding-top: 120px;
        padding-bottom: 80px;
    }

    .title-screen.mediation:after {
        width: 500px;
        height: 500px;
    }

    .title-screen.mediation .title__flex-row {
        display: block;
    }

    .title-screen.mediation .left {
        max-width: 100%;
        text-align: center;
    }

    .title-screen.mediation .left .font--2 {
        text-align: center;
    }

    .title-screen.mediation .left .font--2 br {
        display: block;
    }

    .title-screen.mediation .right {
        max-width: 100%;
        justify-content: center;
        padding-top: 20px;
    }

    .title-screen.mediation .right img {
        height: 250px;
    }

    .title-screen.mediation .right img:last-of-type {
        height: 170px;
    }

    .title-screen.publishing {
        position: relative;
    }

    .title-screen.publishing .left {
        max-width: 50%;
    }

    .title-screen .sub-heading {
        margin-top: 20px;
    }

    .title-screen .main-btn {
        font-size: 20px;
        padding: 12px 40px;
        margin-top: 40px;
    }

    .title-screen .main-btn img {
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }

    .title-screen .right {
        padding-left: 40px;
    }

    .clients {
        padding: 60px 0;
    }

    .clients .font--1 {
        margin-bottom: 20px;
    }

    .clients__wrap {
        padding: 0;
        margin-top: 40px;
    }

    .footer .top-row {
        display: block;
        margin-bottom: 50px;
    }

    .footer .top-row .column {
        text-align: center;
    }

    .footer .top-row .column .socs-wrap {
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    .footer .top-row .column .socs-wrap .socs {
        height: 40px;
        width: 40px;
    }

    .footer .top-row .logo {
        height: 45px;
    }

    .footer .top-row .main-btn--blue {
        margin-top: 35px;
        font-size: 18px;
        width: 100%;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer .top-row .policy {
        margin-top: 20px;
        font-size: 14px;
    }

    .footer .top-row .menu {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-top: 30px;
    }

    .footer .top-row .menu li a {
        font-size: 16px;
        padding: 8px 15px;
    }

    .form {
        padding: 50px 0;
        margin-bottom: 80px;
    }

    .form.second:after {
        display: none;
    }

    .form.second .left {
        max-width: 50%;
    }

    .form.second .left .font--1 {
        margin-bottom: 20px;
    }

    .form.second .left .font--4 {
        margin-bottom: 30px;
    }

    .form.second .left .flex-row .column {
        width: 350px;
    }

    .form.second .left .main-btn {
        width: 350px;
    }

    .form.second .right {
        width: 50%;
        display: block;
    }

    .form.second .right img {
        height: 231px;
    }

    .form .left {
        width: 100%;
    }

    .form .left .font--1 {
        margin-bottom: 30px;
    }

    .form .left input {
        height: 50px;
        font-size: 18px;
        padding: 15px;
    }

    .form .left textarea {
        height: 100px;
        padding: 15px;
        font-size: 18px;
    }

    .form .left .main-btn--black {
        height: 50px;
        font-size: 24px;
        padding: 12px 50px;
    }

    .form .right {
        display: none;
    }
}

@media (max-width: 768px) {
    .title-screen {
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .title-screen:after {
        width: 100%;
        height: 400px;
    }

    .title-screen.mediation:after {
        width: 500px;
        height: 500px;
    }

    .title-screen.mediation .title__flex-row {
        display: block;
    }

    .title-screen.mediation .left {
        max-width: 100%;
        text-align: center;
    }

    .title-screen.mediation .left .font--2 {
        text-align: center;
    }

    .title-screen.mediation .left .font--2 br {
        display: block;
    }

    .title-screen.mediation .right {
        max-width: 100%;
        justify-content: center;
        padding-top: 20px;
        display: block;
    }

    .title-screen.mediation .right img {
        height: 250px;
    }

    .title-screen.mediation .right img:last-of-type {
        display: none;
    }

    .title-screen.publishing {
        position: relative;
    }

    .title-screen.publishing .title__flex-row {
        display: block;
    }

    .title-screen.publishing .left {
        max-width: 100%;
    }

    .title-screen .title__flex-row {
        display: block;
    }

    .title-screen .sub-heading {
        margin-top: 20px;
    }

    .title-screen .left {
        width: 100%;
    }

    .title-screen .right {
        width: 100%;
        padding-top: 30px;
        height: 300px;
    }

    .title-screen .main-btn {
        width: 100%;
        justify-content: center;
    }

    .title-screen .main-btn img {
        width: 20px;
        height: 20px;
        margin-left: 10px;
    }

    .title-screen .right {
        padding-left: 40px;
    }

    .footer .top-row .menu {
        columns: 1;
    }

    .clients:after {
        display: none;
    }

    .clients__wrap {
        padding: 0;
        margin-top: 0;
        display: block;
    }

    .clients__client {
        width: 100%;
        margin-top: 40px;
    }

    .clients__client .client-job-title {
        margin-top: 5px;
    }

    .form {
        padding: 50px 0;
        margin-bottom: 80px;
    }

    .form:after {
        display: none;
    }

    .form__wrap {
        display: block;
    }

    .form.second .left {
        max-width: 800px;
    }

    .form.second .left .font--1 {
        margin-bottom: 20px;
    }

    .form.second .left .font--4 {
        margin-bottom: 30px;
    }

    .form.second .left .flex-row .column {
        width: 350px;
    }

    .form.second .left .main-btn {
        width: 350px;
    }

    .form.second .right {
        display: none;
    }

    .form .left {
        width: 100%;
    }

    .form .left .font--1 {
        margin-bottom: 30px;
    }

    .form .left input {
        height: 50px;
        font-size: 18px;
        padding: 15px;
    }

    .form .left textarea {
        height: 100px;
        padding: 15px;
        font-size: 18px;
    }

    .form .left .main-btn--black {
        width: 100%;
        justify-content: center;
    }

    .form .right {
        display: none;
    }
}

.video-screen {
    padding-bottom: 85px;
}

.video-screen__wrap {
    max-width: 1255px;
    width: 100%;
    margin: 0 auto;
}

.why-publishing-sec iframe,
.video-screen__wrap iframe {
    width: 100%;
    object-fit: cover;
    height: 675px;
}

@media (max-width: 1080px) {
    .why-publishing-sec iframe,
    .video-screen__wrap iframe {
        height: 500px;
    }
}

@media (max-width: 1080px) {
    .video-screen__wrap iframe {
        height: calc(100vw / 2);
    }
}

.why-cas {
    padding: 85px 0;
    position: relative;
}

.why-cas:after {
    content: "";
    display: block;
    position: absolute;
    right: 100px;
    border-radius: 50%;
    top: -200px;
    width: 600px;
    height: 600px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.why-cas__wrap {
    max-width: 1255px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.why-cas__column-wrap {
    margin-top: 80px;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.why-cas__column {
    width: calc(25% - 76px);
}

@media (max-width: 1550px) {
    .why-cas__column {
        width: calc(25% - 25px);
    }
}

.why-cas__column img {
    height: 125px;
    object-fit: cover;
    margin-bottom: 34px;
    margin-left: auto;
    margin-right: auto;
}

/* ============================================
   OUR PLATFORM - Секция "Наша платформа"
   ============================================ */
.our-platform {
    padding: 85px 0;
    position: relative;
}

.our-platform.company {
    padding-top: 220px;
}

.our-platform.company .coin-bg {
    position: absolute;
    height: 760px;
    width: 1680px;
    left: 112px;
    transition: all .5s linear;
}

@media (max-width: 1550px) {
    .our-platform.company .coin-bg {
        width: 1300px;
        left: 50px;
        top: 150px;
        height: 650px;
    }
}

@media (max-width: 1400px) {
    .our-platform.company .coin-bg {
        width: 1150px;
        left: 30px;
        top: 150px;
    }
}

@media (max-width: 1200px) {
    .our-platform.company .coin-bg {
        width: 1000px;
        left: 50px;
        top: 150px;
    }
}

@media (max-width: 1080px) {
    .our-platform.company .coin-bg {
        display: none;
    }
}

.our-platform.company:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    top: -50px;
    transform: translateX(-50%);
    width: 600px;
    height: 600px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.our-platform:after {
    content: "";
    display: block;
    position: absolute;
    left: -200px;
    border-radius: 50%;
    top: calc(100% - 500px);
    width: 600px;
    height: 600px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.our-platform__wrap {
    margin: 0 auto;
    max-width: 1468px;
    position: relative;
    z-index: 1;
}

.our-platform__wrap .font--1 {
    text-align: center;
    line-height: 120%;
}

.our-platform__column-wrap {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-flow: row;
    flex-wrap: wrap;
    width: 100%;
}

.our-platform__column {
    width: calc(100% / var(--max-columns, 4) - 30px);
    margin-left: 0;
    margin-top: 80px;
    background: white;
    height: 186px;
    padding: 14px;
    border-right: 5px solid #0172FD;
    border-bottom: 5px solid #0172FD;
    line-height: 120%;
}

@media (max-width: 1550px) {
    .our-platform__column {
        width: calc(100% / var(--max-columns, 4) - 30px);
        margin-left: 0px;
        margin-top: 50px;
    }
}

.our-platform__column .column-heading {
    color: #0172FD;
    font-size: 45px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 12px;
}

.our-platform__column .column-sub-heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    color: #131313;
}

/* ============================================
   DASHBOARD - Дашборд/Панель управления
   ============================================ */
.dashboard-screen {
    background: #0172FD;
    padding: 80px 0;
    margin-top: 140px;
}

.dashboard-screen .left {
    width: 40%;
}

@media (max-width: 1550px) {
    .dashboard-screen .left {
        width: 50%;
    }
}

.dashboard-screen .left .font--1 {
    line-height: 120%;
    margin-bottom: 24px;
}

.dashboard-screen .left .font--4 {
    line-height: 120%;
}

.dashboard-screen .left .button-row {
    margin-top: 44px;
}

.dashboard-screen .left .button-row .main-btn {
    font-size: 32px;
    font-weight: 500;
    height: 70px;
}

.dashboard-screen .left .button-row .main-btn.main-btn--white {
    padding: 16px 100px;
    color: #0172FD;
}

.dashboard-screen .left .button-row .main-btn.main-btn--white:hover {
    opacity: 1;
    background: #131313;
    color: white;
}

.dashboard-screen .left .button-row .main-btn.main-btn--blue {
    transition: 0.2s;
}

.dashboard-screen .left .button-row .main-btn.main-btn--blue:hover {
    color: #131313;
    background: #0172FD;
}

.dashboard-screen .left .button-row .main-btn.main-btn--blue:hover svg path {
    stroke: #131313;
    fill: #131313;
}

.dashboard-screen .left .button-row .main-btn.main-btn--blue svg {
    margin-left: 12px;
    width: 28px;
    height: 26px;
    object-fit: contain;
    transition: 0.4s;
}

.dashboard-screen .left .button-row .main-btn.main-btn--blue svg path {
    transition: 0.4s;
}

.dashboard-screen .right {
    width: 60%;
    position: relative;
}

.dashboard-screen .right .coin-bg {
    position: absolute;
    width: 1100px;
    height: 470px;
    object-fit: cover;
    z-index: 1;
    right: -120px;
    top: 300px;
}

@media (max-width: 1550px) {
    .dashboard-screen .right .coin-bg {
        width: 700px;
        right: -100px;
    }
}

@media (max-width: 1080px) {
    .dashboard-screen .right .coin-bg {
        display: none;
    }
}

@media (max-width: 1550px) {
    .dashboard-screen .right {
        width: 50%;
    }
}

.dashboard-screen .right .img-wrap {
    width: 834px;
    position: absolute;
    right: 100px;
    top: -140px;
    border: 4px solid #131313;
}

@media (max-width: 1550px) {
    .dashboard-screen .right .img-wrap {
        width: 600px;
        right: 100px;
        top: -120px;
    }
}

.dashboard-screen .right .img-wrap img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.advantages {
    padding: 170px 0 85px;
    position: relative;
    overflow: hidden;
}

.advantages:after {
    content: "";
    display: block;
    position: absolute;
    right: -50px;
    border-radius: 50%;
    top: 80px;
    width: 500px;
    height: 500px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.advantages__wrap {
    max-width: 1468px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.advantages__wrap .font--1 {
    text-align: center;
}

@media (max-width: 768px) {
    .advantages__wrap .font--1 {
        font-size: 28px !important;
    }
}

.advantages__column-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: row;
    flex-wrap: wrap;
}

.advantages__column {
    width: calc(33.333% - 115px);
    margin-top: 80px;
}

@media (max-width: 1550px) {
    .advantages__column {
        width: calc(33.333% - 30px);
    }
}

.advantages__column img {
    height: 122px;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.advantages__column .column-heading {
    line-height: 120%;
    margin-bottom: 12px;
}

.advantages__column .column-heading:first-child {
    white-space: nowrap;
}

.advantages__column .column-sub-heading {
    line-height: 120%;
    font-variant-numeric: lining-nums proportional-nums;
}

.test {
    padding: 85px 0;
    position: relative;
}

@media (max-width: 1550px) {
    .test {
        padding: 60px 0;
    }
}

.test .cat-animation {
    margin-top: 90px;
}

@media (max-width: 1550px) {
    .test .cat-animation {
        margin-top: 50px;
    }
}

.test .cat-animation__truck {
    width: 206px;
    flex: 0 0 206px;
    position: absolute;
    right: 171px;
    z-index: 40;
}

@media (max-width: 767.98px) {
    .test .cat-animation__truck {
        width: 26.5vw;
        flex: 0 0 26.5vw;
        right: 22vw;
        height: auto;
    }
}

.test .cat-animation__lasso {
    position: relative;
    bottom: 35px;
    opacity: 0;
    z-index: 10;
    left: 20px;
}

@media (max-width: 767.98px) {
    .test .cat-animation__lasso {
        bottom: 3vw;
    }
}

@media (max-width: 420px) {
    .test .cat-animation__lasso {
        bottom: 3vw;
    }
}

.test .cat-animation__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: flex-end;
    justify-content: flex-end;
}

.test .cat-animation__cats {
    width: 192px;
    flex: 0 0 192px;
}

.test .cat-animation__cats .js-cat-eye {
    transition: 0.1s linear !important;
}

.test .cat-animation__cats .js-cat-eye-2 {
    display: none;
    transition: 0.1s linear !important;
}

.test .cat-animation__cats .stroke-white {
    stroke-width: 3px;
    stroke: #fff;
}

@media (max-width: 767.98px) {
    .test .cat-animation__cats {
        width: 24vw;
        height: auto;
        flex: 0 0 24vw;
    }
}

.test .cat-animation__word {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    opacity: 0;
    width: 27vw;
    bottom: 50px;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) !important;
    left: 50px;
    width: 100% !important;
}

@media (max-width: 767.98px) {
    .test .cat-animation__word {
        width: 37vw !important;
        left: 52%;
        bottom: 5vw;
        transform: translate(-50%, 0);
    }
}

@media (max-width: 420px) {
    .test .cat-animation__word {
        bottom: 2vw;
    }
}

.test .cat-animation__line {
    display: block;
    width: 100%;
    overflow: hidden;
}

.test__wrap {
    max-width: 1468px;
    width: 100%;
    margin: 0 auto;
    background: white;
    color: #131313;
    text-align: center;
    padding: 80px 106px;
    overflow: hidden;
}

@media (max-width: 1550px) {
    .test__wrap {
        padding: 60px 70px;
    }
}

@media (max-width: 1080px) {
    .test__wrap {
        padding: 20px;
    }
}

.test__wrap .font--4 {
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
}

.test__wrap .font--4 strong {
    color: #0172FD;
    transition: 0.3s;
}

.test__wrap img {
    height: 312px;
    object-fit: cover;
    margin-left: auto;
    margin-top: 60px;
}

.test__wrap .main-btn {
    padding: 16px 20px;
    margin-top: 48px;
    width: 100%;
    display: block;
}

@media (max-width: 768px) {
    .test__wrap .main-btn {
        white-space: nowrap;
        width: 100%;
        justify-content: center;
        height: 44px;
    }
}

.hiw {
    padding: 85px 0;
    text-align: center;
}

.hiw__wrap {
    max-width: 1255px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.hiw__wrap video {
    margin-top: 80px;
    width: 100%;
    object-fit: cover;

}

.hiw__wrap iframe {
    margin-top: 80px;
    width: 100%;
    object-fit: cover;
    height: 675px;
}

@media (max-width: 1550px) {
    .video-screen {
        padding-bottom: 60px;
        padding-top: 80px;
    }

    .video-screen__wrap {
        max-width: 1100px;
    }

    .why-cas {
        padding: 60px 0;
    }

    .why-cas:after {
        right: 300px;
        top: -100px;
        width: 400px;
        height: 400px;
    }

    .why-cas__wrap {
        max-width: 1100px;
    }

    .why-cas__column-wrap {
        margin-top: 50px;
    }

    .why-cas__column {
        width: calc(25% - 20px);
    }

    .why-cas__column img {
        height: 100px;
        margin-bottom: 20px;
    }

    .our-platform {
        padding: 60px 0;
        position: relative;
    }

    .our-platform.company {
        padding-top: 220px;
    }

    .our-platform__wrap {
        max-width: 1150px;
    }

    .our-platform__column {
        width: calc(100% / var(--max-columns, 4) - 30px);
        margin-left: 0px;
        margin-top: 40px;
        height: 156px;
        padding: 20px;
        border-right: 3px solid #0172FD;
        border-bottom: 3px solid #0172FD;
    }

    .our-platform__column .column-heading {
        font-size: 40px;
    }

    .our-platform__column .column-sub-heading {
        font-size: 18px;
    }

    .dashboard-screen {
        background: #0172FD;
        padding: 60px 0;
        margin-top: 100px;
    }

    .dashboard-screen .left {
        width: 50%;
    }

    .dashboard-screen .left .font--1 {
        margin-bottom: 20px;
    }

    .dashboard-screen .left .button-row {
        margin-top: 30px;
    }

    .dashboard-screen .left .button-row .main-btn {
        font-size: 24px;
        height: 50px;
    }

    .dashboard-screen .left .button-row .main-btn.main-btn--white {
        padding: 12px 40px;
    }

    .dashboard-screen .left .button-row .main-btn.main-btn--blue svg {
        margin-left: 8px;
        width: 20px;
        height: 20px;
    }

    .dashboard-screen .right {
        width: 50%;
    }

    .dashboard-screen .right .img-wrap {
        width: 550px;
        right: 0;
        top: -80px;
    }

    .advantages {
        padding: 120px 0 60px;
    }

    .advantages:after {
        content: "";
        display: block;
        position: absolute;
        right: -50px;
        border-radius: 50%;
        top: 80px;
        width: 500px;
        height: 500px;
        background: url(../img/bg2.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .advantages__wrap {
        max-width: 1150px;
    }

    .advantages__column {
        width: calc(33.333% - 50px);
        margin-top: 50px;
    }

    .advantages__column img {
        height: 100px;
        margin-bottom: 20px;
    }

    .hiw {
        padding: 60px 0;
    }

    .hiw__wrap {
        max-width: 1100px;
        margin-top: 50px;
    }

    .hiw__wrap video {
        margin-top: 50px;
    }

    .hiw__wrap iframe {
        margin-top: 50px;
    }
}

@media (max-width: 1080px) {
    .why-cas {
        padding: 50px 0;
    }

    .why-cas__wrap {
        max-width: 1100px;
    }

    .why-cas__column-wrap {
        margin-top: 10px;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .why-cas__column {
        width: calc(50% - 20px);
        margin-top: 30px;
    }

    .why-cas__column img {
        height: 120px;
    }

    .why-cas__column .font--5 {
        text-align: center;
        max-width: 70%;
        margin: 0 auto;
    }

    .our-platform {
        padding: 50px 0;
        position: relative;
    }

    .our-platform.company {
        padding-top: 150px;
    }

    .our-platform.company:before {
        display: none;
    }

    .our-platform__wrap {
        max-width: 1150px;
    }

    .our-platform__column {
        width: calc(50% - 40px);
        height: 136px;
    }

    .our-platform__column .column-heading {
        font-size: 32px;
    }

    .our-platform__column .column-sub-heading {
        font-size: 18px;
    }

    .dashboard-screen {
        padding: 50px 0;
        margin-top: 80px;
        text-align: center;
    }

    .dashboard-screen .flex-row {
        display: block;
    }

    .dashboard-screen .left {
        width: 100%;
    }

    .dashboard-screen .right {
        width: 100%;
        padding-top: 40px;
    }

    .dashboard-screen .right .img-wrap {
        position: static;
        margin: 0 auto;
    }

    .advantages {
        padding: 80px 0 50px;
        overflow: hidden;
    }

    .advantages__wrap {
        max-width: 1150px;
    }

    .advantages__column {
        width: calc(50% - 40px);
        margin-top: 50px;
        margin-left: 40px;
    }

    .advantages__column img {
        height: 100px;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .video-screen {
        padding-top: 50px;
    }

    .update_slider.swiper {
        overflow: visible;
        padding: 0 15px;
        margin-top: 40px;
    }

    .update_slider .activities__slide .activities__place {
        font-size: 40px;
    }

    .update_slider__pagination {
        margin-top: 60px;
    }

    .activities__place
    .why-cas:after {
        display: none;
    }

    .why-cas__column {
        width: 100%;
    }

    .why-cas__column img {
        height: 70px;
        margin-bottom: 10px;
    }

    .why-cas__column .font--5 {
        max-width: 100%;
    }

    .our-platform:after {
        display: none;
    }

    .our-platform.company {
        padding-top: 100px;
    }

    .our-platform.company:after {
        display: none;
    }

    .our-platform__column {
        width: 100%;
        margin-top: 30px;
    }

    .dashboard-screen {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .dashboard-screen .right {
        width: 100%;
        padding-top: 40px;
    }

    .dashboard-screen .right .img-wrap {
        width: 100%;
        position: static;
        margin: 0 auto;
    }

    .advantages {
        padding: 60px 0 50px;
        overflow: hidden;
    }

    .advantages:after {
        display: none;
    }

    .advantages__column {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }

    .advantages__column img {
        margin-bottom: 10px;
        height: 80px;
    }

    .advantages__column .column-heading {
        margin-bottom: 5px;
    }
}

.create-game {
    padding-bottom: 199px;
}

.create-game__wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1468px;
    text-align: center;
}

.create-game__column-wrap {
    display: flex;
    align-items: flex-start;
    width: calc(100% + 128px);
    margin-left: -128px;
    flex-flow: row;
    flex-wrap: wrap;
}

.create-game__column {
    width: calc(33.333% - 128px);
    margin-top: 80px;
    margin-left: 128px;
}

.create-game__column img {
    height: 148px;
    object-fit: contain;
    margin: 0 auto;
}

.create-game__column p {
    margin-top: 40px;
}

.create-game__column p strong {
    color: #0172FD;
}

@media (max-width: 1550px) {
    .create-game {
        padding-bottom: 100px;
    }

    .create-game__wrap {
        max-width: 1150px;
    }

    .create-game__column-wrap {
        width: calc(100% + 50px);
        margin-left: -50px;
    }

    .create-game__column {
        width: calc(33.333% - 50px);
        margin-top: 50px;
        margin-left: 50px;
    }

    .create-game__column img {
        height: 120px;
    }

    .create-game__column p {
        margin-top: 30px;
    }
}

@media (max-width: 1080px) {
    .create-game {
        padding-bottom: 80px;
    }

    .create-game__column-wrap {
        width: calc(100% + 30px);
        margin-left: -30px;
    }

    .create-game__column {
        width: calc(50% - 30px);
        margin-top: 30px;
        margin-left: 30px;
    }

    .create-game__column p {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .hiw__wrap iframe {
        height: 240px;
    }

    .create-game {
        padding-bottom: 60px;
    }

    .create-game__column {
        width: 100%;
    }
}

/* ============================================
   ACTIVITIES - Секция активностей
   ============================================ */
.activities {
    padding: 85px 0;
    text-align: center;
    overflow: hidden;
}

.activities__wrap {
    max-width: 872px;
    margin: 0 auto;
    position: relative;
}

.activities__wrap:after {
    content: "";
    display: block;
    position: absolute;
    left: -200px;
    border-radius: 50%;
    bottom: -150px;
    width: 600px;
    height: 600px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.activities__wrap .activities__slider {
    position: relative;
    max-width: 1074px;
    margin: 0px auto;
    margin-top: 80px;
}

.activities__wrap .activities__body {
    max-width: 760px;
    filter: drop-shadow(4px 12px 42px rgba(0, 0, 0, 0.28));
    overflow: visible;
    margin: 0px auto;
}

.activities__wrap .activities__body {
    position: relative;
}

@media (max-width: 1023.98px) {
    .activities__wrap .activities__body {
        max-width: 77.1992818671%;
    }
}

@media (max-width: 767.98px) {
    .activities__wrap .activities__body {
        max-width: 100%;
        padding: 0px 30px;
    }
}

@media (max-width: 479.98px) {
    .activities__wrap .activities__body {
        padding: 0px 10px;
    }
}

.activities__wrap .activities__slide {
    position: relative;
    transform-style: preserve-3d;
    opacity: 0;
    visibility: hidden;
}

.activities__wrap .activities__slide:nth-child(1) {
    z-index: -1 !important;
}

.activities__wrap .activities__slide:nth-child(2) {
    z-index: -2 !important;
}

.activities__wrap .activities__slide:nth-child(3) {
    z-index: -3 !important;
}

.activities__wrap .activities__slide:nth-child(4) {
    z-index: -4 !important;
}

.activities__wrap .activities__slide:nth-child(5) {
    z-index: -5 !important;
}

.activities__wrap .activities__slide:nth-child(6) {
    z-index: -6 !important;
}

.activities__wrap .activities__slide:nth-child(7) {
    z-index: -7 !important;
}

.activities__wrap .activities__slide:nth-child(8) {
    z-index: -8 !important;
}

.activities__wrap .activities__slide:nth-child(9) {
    z-index: -9 !important;
}

.activities__wrap .activities__slide:nth-child(10) {
    z-index: -10 !important;
}

.activities__wrap .activities__slide:nth-child(11) {
    z-index: -11 !important;
}

.activities__wrap .activities__slide:nth-child(12) {
    z-index: -12 !important;
}

.activities__wrap .activities__slide:nth-child(13) {
    z-index: -13 !important;
}

.activities__wrap .activities__slide:nth-child(14) {
    z-index: -14 !important;
}

.activities__wrap .activities__slide:nth-child(15) {
    z-index: -15 !important;
}

.activities__wrap .activities__slide:nth-child(16) {
    z-index: -16 !important;
}

.activities__wrap .activities__slide:nth-child(17) {
    z-index: -17 !important;
}

.activities__wrap .activities__slide:nth-child(18) {
    z-index: -18 !important;
}

.activities__wrap .activities__slide:nth-child(19) {
    z-index: -19 !important;
}

.activities__wrap .activities__slide .activities__image {
    transition: all 0.8s ease 0s;
    transform: translate(-300%, 0);
}

.activities__wrap .activities__slide.swiper-slide-active {
    opacity: 1;
    visibility: visible;
}

.activities__wrap .activities__slide.swiper-slide-active .activities__image {
    transform: translate(0%, 0%) rotate(0deg);
}

.activities__wrap .activities__slide.swiper-slide-prev .activities__image {
    transform: translate(100%, 0) rotate(-3deg);
}

.activities__wrap .activities__slide.swiper-slide-next {
    opacity: 1;
    visibility: visible;
}

.activities__wrap .activities__slide.swiper-slide-next .activities__image {
    transform: translate(-100%, 0) rotate(-3deg);
}

.activities__wrap .activities__slide.swiper-slide-next .activities__place {
    opacity: 0;
    visibility: hidden;
}

.activities__wrap .activities__slide.swiper-slide-next + .swiper-slide {
    opacity: 1;
    visibility: visible;
}

.activities__wrap .activities__slide.swiper-slide-next + .swiper-slide .activities__image {
    transform: translate(-200%, 0%) rotate(3deg);
}

.activities__wrap .activities__slide.swiper-slide-next + .swiper-slide .activities__place {
    opacity: 0;
    visibility: hidden;
}

.activities__wrap .activities__image {
    position: relative;
    width: 100%;
    padding: 0px 0px 68.9567430025% 0px;
    border-radius: 26px;
}

@media (max-width: 1240px) {
    .activities__wrap .activities__image {
        border-radius: calc(16px + 10 * (100vw - 375px) / 865);
    }
}

.activities__wrap .activities__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 26px;
}

@media (max-width: 1240px) {
    .activities__wrap .activities__image img {
        border-radius: calc(16px + 10 * (100vw - 375px) / 865);
    }
}

.activities__wrap .activities__place {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    line-height: 120%;
    font-weight: 700;
    color: white;
    -webkit-text-stroke: 2px #fff;
    transition: all 0.3s ease 0s;
}

@media (max-width: 1240px) {
    .activities__wrap .activities__place {
        font-size: calc(40px + 40 * (100vw - 375px) / 865);
    }
}

@media (max-width: 767.98px) {
    .activities__wrap .activities__place {
        -webkit-text-stroke: 1px #fff;
    }
}

.activities__wrap .activities__nav {
    position: absolute;
    width: 100%;
    max-width: 1074px;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}

@media (max-width: 767.98px) {
    .activities__wrap .activities__nav {
        display: none;
    }
}

.activities__wrap .activities__nav._none .slider-arrow {
    pointer-events: none;
}

.activities__wrap .activities__nav .slider-arrow.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 767.98px) {
    .activities__wrap .activities__nav .slider-arrow {
        background-color: #fff;
        border: none;
    }
}

.activities__wrap .activities__pagination {
    padding: 0;
    margin-top: 90px;
    display: flex;
    justify-content: center;
    font-weight: 700;
    color: #0074ff;
    font-size: 18px;
    line-height: 140%;
    position: relative;
    z-index: 20;
}

.activities__wrap .activities__pagination .swiper-pagination-bullet {
    margin: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #a4a4a4;
    transition: 0.3s;
    opacity: 1;
}

.activities__wrap .activities__pagination .swiper-pagination-bullet-active {
    background: white;
}

@media (max-width: 479.98px) {
    .activities__wrap .activities__pagination {
        padding: 30px 0px 0px 0px;
    }
}

@media (min-width: 767.98px) {
    .activities__wrap .activities__pagination {
        display: block;
    }
}

.activities .sub-heading {
    margin-top: 170px;
    width: 100%;
    max-width: 927px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.activities .column-video {
    margin-top: 80px;
    display: flex;
    align-items: flex-start;
    width: calc(100% + 127px);
    margin-left: -127px;
}

.activities .column-video .column {
    width: calc(33.333% - 127px);
    margin-left: 127px;
}

.activities .column-video .column video {
    width: 100%;
    height: 228px;
    object-fit: cover;
}

.activities .column-video .column .youtube_wrap {
    display: block;
    width: 100%;
    position: relative;
    padding: 0 0 58% 0;
    height: 228px;
    object-fit: cover;
}

.activities .column-video .column .youtube_wrap iframe {
    width: 0 !important;
    height: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    min-width: 100% !important;
}

.activities .column-video .column p {
    text-align: left;
    margin-top: 24px;
    font-size: 24px;
    font-weight: 500;
}

.brands {
    text-align: center;
    padding: 85px 0;
    position: relative;
}

.brands:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    border-radius: 50%;
    top: -150px;
    width: 600px;
    height: 600px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.brands .font--1 {
    position: relative;
    z-index: 1;
}

/* ============================================
   BRANDS - Секция брендов/партнеров
   ============================================ */
.brands__wrap {
    display: flex;
    align-items: center;
    width: calc(100% + 127px);
    margin-left: -127px;
    flex-flow: row;
    flex-wrap: wrap;
}

@media (max-width: 1550px) {
    .brands__wrap {
        width: calc(100% + 50px);
        margin-left: -50px;
    }
}

.brands__wrap img {
    width: calc(20% - 127px);
    margin-left: 127px;
    height: 140px;
    object-fit: contain;
    margin-top: 80px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1550px) {
    .brands__wrap img {
        width: calc(20% - 50px);
        margin-left: 50px;
        margin-top: 50px;
    }
}

.brands__wrap img:first-of-type {
    margin-left: 304px;
}

@media (max-width: 1550px) {
    .brands__wrap img:first-of-type {
        margin-left: 194px;
    }
}

/* ============================================
   NEWS - Секция новостей
   ============================================ */
.news {
    padding: 85px 0 170px;
    position: relative;
}

.news:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    transform: translateX(-50%);
    top: -100px;
    width: 600px;
    height: 600px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.news .font--1 {
    text-align: center;
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
}

.news__column-wrap {
    max-width: 1468px;
    margin: 0 auto;
}

.news .news-swiper .news-swiper-pagination {
    margin-top: 80px;
    position: relative;
    display: flex;
    justify-content: center;
}

.news .news-swiper .news-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #a4a4a4;
    margin: 0 6px;
    opacity: 1;
    transition: 0.3s;
}

.news .news-swiper .news-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0172FD;
}

.news .news-swiper .swiper-slide {
    width: auto;
    background: white;
    border-right: 4px solid #0172FD;
    border-bottom: 4px solid #0172FD;
    padding: 28px 36px;
    height: 526px;
    color: #131313;
    position: relative;
    width: 405px;
}

.news .news-swiper .swiper-slide:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 50px;
    width: calc(100% - 72px);
    height: 1px;
    background: #131313;
    transform: translateX(-50%);
}

.news .news-swiper .swiper-slide img {
    width: 100%;
    height: 199px;
}

.news .news-swiper .swiper-slide .news-title {
    margin-top: 20px;
}

.news .news-swiper .swiper-slide .date {
    margin-top: 12px;
    margin-bottom: 16px;
}

@media (max-width: 1550px) {
    .activities {
        padding: 60px 0;
    }

    .activities__wrap .swiper {
        margin-top: 50px;
    }

    .activities__wrap .swiper .swiper-pagination {
        margin-top: 50px;
    }

    .activities__wrap .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: #a4a4a4;
        margin: 0 4px;
    }

    .activities .sub-heading {
        margin-top: 100px;
    }

    .activities .column-video {
        margin-top: 50px;
        width: calc(100% + 50px);
        margin-left: -50px;
    }

    .activities .column-video .column {
        width: calc(33.333% - 50px);
        margin-left: 50px;
    }

    .activities .column-video .column video {
        height: 200px;
    }

    .activities .column-video .column p {
        margin-top: 20px;
        font-size: 18px;
    }

    .news {
        padding: 60px 0 120px;
    }

    .news .font--1 {
        margin-bottom: 50px;
    }

    .news__column-wrap {
        max-width: 1150px;
    }

    .news .news-swiper .news-swiper-pagination {
        margin-top: 50px;
    }

    .news .news-swiper .news-swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }

    .news .news-swiper .swiper-slide {
        border-right: 3px solid #0172FD;
        border-bottom: 3px solid #0172FD;
        padding: 20px 25px;
        width: 350px;
    }

    .news .news-swiper .swiper-slide:after {
        bottom: 40px;
        width: calc(100% - 50px);
    }

    .news .news-swiper .swiper-slide img {
        height: 170px;
    }
}

@media (max-width: 1080px) {
    .activities {
        padding: 50px 0;
    }

    .activities__wrap {
        padding: 0 50px;
    }

    .activities__wrap .swiper {
        margin-top: 50px;
    }

    .activities__wrap .swiper .swiper-pagination {
        margin-top: 50px;
    }

    .activities__wrap .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: #a4a4a4;
        margin: 0 4px;
    }

    .activities .sub-heading {
        margin-top: 80px;
    }

    .activities .column-video {
        margin-top: 30px;
        width: calc(100% + 30px);
        margin-left: -30px;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .activities .column-video .column {
        width: calc(50% - 30px);
        margin-left: 30px;
        margin-top: 30px;
    }

    .brands {
        padding: 50px 0;
    }

    .brands:after {
        display: none;
    }

    .brands__wrap {
        width: calc(100% + 30px);
        margin-left: -30px;
    }

    .brands__wrap img {
        width: calc(33.333% - 30px);
        margin-left: 30px;
        margin-top: 30px;
    }

    .brands__wrap img:first-of-type {
        margin-left: 30px;
    }

    .news {
        padding: 50px 0 80px;
    }

    .news .font--1 {
        margin-bottom: 30px;
    }

    .news .news-swiper .swiper-slide {
        width: calc(50% - 10px) !important;
    }
}

@media (max-width: 768px) {
    .activities {
        padding: 50px 0;
    }

    .activities__wrap {
        padding: 0 50px;
        overflow: hidden;
    }

    .activities__wrap:after {
        display: none;
    }

    .activities .sub-heading {
        margin-top: 70px;
    }

    .activities .column-video .column {
        width: 100%;
    }

    .brands {
        padding: 50px 0;
    }

    .brands:after {
        display: none;
    }

    .brands__wrap img {
        width: 100%;
    }

    .news {
        padding: 50px 0 80px;
    }

    .news:after {
        display: none;
    }

    .news .font--1 {
        margin-bottom: 30px;
    }

    .news .news-swiper .swiper-slide {
        width: 100%;
    }
}

/* ============================================
   CONTACTS - Секция контактов
   ============================================ */
.contacts {
    padding: 120px 0 170px;
    position: relative;
}

.contacts .coin-bg {
    position: absolute;
    right: 200px;
    bottom: 150px;
    height: 608px;
    width: 235px;
    z-index: 1;
}

.rtl .contacts .coin-bg {
    right: auto;
    left: 35%;
}

@media (max-width: 1550px) {
    .contacts .coin-bg {
        bottom: 150px;
        right: 100px;
        height: 500px;
    }

    .rtl .contacts .coin-bg {
        right: auto;
        left: 35%;
    }
}

@media (max-width: 1080px) {
    .contacts .coin-bg {
        display: none;
    }
}

.contacts:after {
    content: "";
    display: block;
    position: absolute;
    left: -250px;
    border-radius: 50%;
    bottom: 200px;
    width: 600px;
    height: 600px;
    background: url(../img/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.contacts .font--1 {
    text-align: center;
}

.contacts__wrap {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 160px;
}

.contacts__wrap .right {
    position: absolute;
    right: 0;
    bottom: 170px;
    height: 616px;
    display: flex;
    background: #0172FD;
    padding-left: 107px;
    max-width: 70%;
    width: 100%;
    align-items: center;
}

.contacts__wrap .right .img-block {
    margin-top: auto;
    margin-bottom: 80px;
    margin-left: 70px;
}

.contacts__wrap .right .img-block img {
    height: 100%;
    max-height: 262px;
    object-fit: contain;
}

.contacts__wrap .right .font--1 {
    margin-bottom: 44px;
    text-align: left;
}

.contacts__wrap .right .flex-row .column {
    width: calc(50% - 10px);
}

.contacts__wrap .right input {
    width: 100%;
    height: 70px;
    font-size: 24px;
    font-weight: 500;
    color: #131313;
    padding: 20px 24px;
    border: 1px solid #131313;
    display: inline;
}

.new_page input[type=text], .new_page input[type=email], .new_page input[type=url], .new_page input[type=password], .new_page input[type=search], .new_page input[type=number], .new_page input[type=tel], .new_page input[type=range], .new_page input[type=date], .new_page input[type=month], .new_page input[type=week], .new_page input[type=time], .new_page input[type=datetime], .new_page input[type=datetime-local], .new_page input[type=color], .new_page select, .new_page textarea {
    display: inline;
    border-radius: 0;
    background: #fff;
    font-variant-numeric: lining-nums;
}

.contacts__wrap .right input::placeholder {
    color: #a4a4a4;
}

.contacts__wrap .right textarea {
    width: 100%;
    height: 120px;
    padding: 20px 24px;
    margin: 20px 0 0;
    border: 1px solid #131313;
    color: #131313;
    font-size: 24px;
    font-weight: 500;
    resize: none;
}

.contacts__wrap .right textarea::placeholder {
    color: #a4a4a4;
}

.contacts__wrap .right .main-btn--black {
    height: 70px;
    font-size: 32px;
    font-weight: 500;
    padding: 16px 80px;
    margin: 20px 0;
}

.contacts__wrap .left {
    width: 30%;
    position: relative;
    z-index: 1;
}

.contacts__wrap .left .row:not(:first-of-type) {
    margin-top: 80px;
}

.contacts__wrap .left .font--3 {
    margin-bottom: 12px;
}

.contacts__wrap .left a {
    color: white;
    transition: 0.3s;
}

.contacts__wrap .left a:hover {
    color: #0172FD;
}

.contacts__wrap .left .socs-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.contacts__wrap .left .socs-wrap .socs {
    height: 40px;
    width: 40px;
    display: inline-block;
    transition: 0.3s;
}

.contacts__wrap .left .socs-wrap .socs:not(:first-of-type) {
    margin-left: 16px;
}

.contacts__wrap .left .socs-wrap .socs:hover {
    opacity: 0.7;
}

.contacts__wrap .left .socs-wrap .socs img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 1550px) {
    .contacts {
        padding: 50px 0 120px;
    }

    .contacts__wrap {
        margin-top: 160px;
    }

    .contacts__wrap .right {
        bottom: 100px;
        height: 510px;
        padding-left: 60px;
        max-width: 65%;
    }

    .contacts__wrap .right .img-block {
        margin-bottom: 50px;
    }

    .contacts__wrap .right .img-block img {
        height: 100%;
        max-height: 200px;
        object-fit: contain;
    }

    .contacts__wrap .right .font--1 {
        margin-bottom: 30px;
        text-align: left;
    }

    .contacts__wrap .right .flex-row .column {
        width: calc(50% - 10px);
    }

    .contacts__wrap .right input {
        height: 50px;
        font-size: 18px;
        padding: 15px;
    }

    .contacts__wrap .right textarea {
        height: 100px;
        padding: 15px;
        margin: 15px 0 0;
        font-size: 18px;
    }

    .contacts__wrap .right .main-btn--black {
        height: 50px;
        font-size: 24px;
        padding: 12px 50px;
    }

    .contacts__wrap .left .row:not(:first-of-type) {
        margin-top: 50px;
    }

    .contacts__wrap .left .socs-wrap {
        margin-bottom: 30px;
    }

    .contacts__wrap .left .socs-wrap .socs {
        height: 30px;
        width: 30px;
    }

    .contacts__wrap .left .socs-wrap .socs:not(:first-of-type) {
        margin-left: 10px;
    }
}

@media (max-width: 1080px) {
    .contacts {
        padding: 60px 0 60px;
    }

    .contacts:after {
        display: none;
    }

    .contacts__wrap {
        display: block;
        margin-top: 40px;
    }

    .contacts__wrap .right {
        bottom: 0;
        height: auto;
        padding-left: 30px;
        padding: 30px;
        max-width: 100%;
        position: static;
    }

    .contacts__wrap .right:after {
        display: none;
    }

    .contacts__wrap .right .img-block {
        display: none;
    }

    .contacts__wrap .right form {
        width: 100%;
    }

    .contacts__wrap .right .flex-row .column {
        width: calc(50% - 10px);
    }

    .contacts__wrap .right .main-btn {
        width: 350px;
        justify-content: center;
    }

    .contacts__wrap .left {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .contacts__wrap .left .row:not(:first-of-type) {
        margin-top: 0;
    }

    .contacts__wrap .left .socs-wrap {
        margin-bottom: 30px;
    }

    .contacts__wrap .left .socs-wrap .socs {
        height: 30px;
        width: 30px;
    }

    .contacts__wrap .left .socs-wrap .socs:not(:first-of-type) {
        margin-left: 10px;
    }
}

@media (max-width: 768px) {
    .wrap-get_started_popup {
        padding: 70px 15px;
        width: 100%;
    }

    .form-get_started_popup input {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        padding: 15px;
        margin-bottom: 23px;
    }

    .form-get_started_popup .flex_input .input_bl {
        width: 100%;
    }

    .form-get_started_popup .flex_input {
        display: flex;
        align-items: stretch;
        column-gap: 26px;
        flex-direction: column;
    }

    .form-get_started_popup .input_bl .error_message {
        font-size: 13px;
        position: inherit;
    }

    .form-get_started_popup .select_input {
        width: 100%;
    }

    .form-get_started_popup .select_input .title_dropdown {
        padding: 12px;
        max-height: 46px;
    }

    .form-get_started_popup .title_select2 input {
        font-size: 14px;
    }

    .form-get_started_popup .title_select2 svg {
        position: absolute;
        right: 15px;
        top: 23px;
    }

    .form-get_started_popup textarea {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        padding: 15px;
    }

    .form-get_started_popup button {
        width: 100%;
        margin: 24px auto 0;
        height: 48px;
        font-size: 20px;
    }

    .form-get_started_popup .select_input .dropdown .row_drop {
        padding: 15px;
        font-size: 14px;
    }

    .form-get_started_popup .drop2 span {
        font-size: 14px;
        padding: 15px;
    }

    .form-get_started_popup .drop2 {
        top: calc(100% - 16px);
    }

    .get_started_popup .close_popup {
        right: 15px;
    }

    .contacts__wrap {
        display: block;
        margin-top: 40px;
    }

    .contacts__wrap .right .flex-row {
        display: block;
    }

    .contacts__wrap .right .flex-row .column {
        margin-top: 20px;
        width: 100%;
    }

    .contacts__wrap .right .main-btn {
        width: 100%;
        justify-content: center;
    }

    .contacts__wrap .left {
        display: block;
    }

    .contacts__wrap .left .row:not(:first-of-type) {
        margin-top: 30px;
    }
}

/* ============================================
   CAS SDK - Секция SDK
   ============================================ */
.cas-sdk {
    padding-top: 100px;
    padding-bottom: 85px;
}

.cas-sdk__heading {
    text-align: center;
    /*font-size: 32px;*/
    color: white;
    /*max-width: 1042px;*/
    margin: 0 auto;
}

.cas-sdk__heading strong {
    font-weight: 700;
    font-size: 48px;
    color: #0172FD;
}

.cas-sdk__flex-row {
    display: flex;
    align-items: center;
    margin-top: 80px;
}

.cas-sdk__flex-row .left {
    width: 580px;
    position: relative;
}

.cas-sdk__flex-row .left .img-wrap {
    position: relative;
    width: 404px;
}

.cas-sdk__flex-row .left .img-wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 218px;
    height: 130px;
    right: -130px;
    top: 100%;
    background: url(../img/arrow-after.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.new_page.ar .cas-sdk__flex-row .left .img-wrap:after {
    transform: scaleX(-1);
    right: unset;
    left: -130px;
}

.cas-sdk__flex-row .left .img-wrap img {
    width: 100%;
    height: 90px;
    object-fit: contain;
}

.cas-sdk__flex-row .right {
    width: calc(100% - 580px);
}

.cas-sdk__flex-row .right .images {
    display: flex;
    align-items: center;
    flex-flow: row;
    flex-wrap: wrap;
    margin-left: -40px;
    max-width: 1140px;
}

@media (max-width: 1550px) {
    .cas-sdk__flex-row .right .images {
        width: calc(100% + 15px);
        margin-left: -15px;
    }
}

.cas-sdk__flex-row .right .images img {
    object-fit: contain;
    width: 150px;
    height: 150px;
    margin-left: 40px;
    margin-top: 40px;
}

@media (max-width: 1550px) {
    .cas-sdk__flex-row .right .images img {
        width: calc(16.667% - 15px);
        margin-left: 15px;
        margin-top: 15px;
    }
}

/* ============================================
   CAS BETTER - Секция "CAS Better" с графиками и причинами
   ============================================ */
.cas-better {
    padding: 85px 0;
}

@media (max-width: 1550px) {
    .cas-better {
        padding: 60px 0;
    }
}

.cas-better .font--1 {
    text-align: center;
}

.cas-better .reasons__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
}

@media (max-width: 1550px) {
    .cas-better .reasons__body {
        margin-top: 50px;
    }
}

@media (max-width: 1080px) {
    .cas-better .reasons__body {
        display: block;
    }
}

.cas-better .chart-reasons {
    display: flex;
    justify-content: center;
    margin: 0px 0px 40px 0px;
    position: relative;
}

.cas-better .chart-reasons._left .chart-reasons__circle::before {
    visibility: hidden;
}

.cas-better .chart-reasons._left .chart-reasons__circle::after {
    background-color: #0074ff;
}

.cas-better .chart-reasons._reverse .chart-reasons__item {
    pointer-events: none !important;
}

.cas-better .chart-reasons__cover {
    width: 440px;
    height: 440px;
    flex: 0 0 440px;
    background-color: #131313;
    position: relative;
    margin: 0 150px 0 0px;
}

@media (max-width: 1550px) {
    .cas-better .chart-reasons__cover {
        margin: 66px 50px 97px 0px;
    }
}

@media (max-width: 1023.98px) {
    .cas-better .chart-reasons__cover {
        margin: 4px;
    }
}

@media (max-width: 767.98px) {
    .cas-better .chart-reasons__cover {
        width: 400px;
        height: 400px;
        flex: 0 0 400px;
    }
}

@media (max-width: 479.98px) {
    .cas-better .chart-reasons__cover {
        width: 300px;
        height: 300px;
        flex: 0 0 300px;
    }
}

.cas-better .chart-reasons__circle {
    width: 100%;
    height: 100%;
    background-color: #cdd9e8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
}

.cas-better .chart-reasons__circle::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: #cdd9e8;
}

.cas-better .chart-reasons__circle::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 3;
}

.cas-better .chart-reasons__line {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.3s linear 0s;
}

@media (max-width: 767.98px) {
    .cas-better .chart-reasons__line {
        border-radius: 50%;
    }
}

.cas-better .chart-reasons__line::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0074ff;
    z-index: 2;
}

.cas-better .chart-reasons__wrapper {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    flex: 0 0 calc(100% - 4px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    z-index: 4;
    background-color: #131313;
}

@media (max-width: 767.98px) {
    .cas-better .chart-reasons__wrapper {
        width: calc(100% - 3px);
        height: calc(100% - 3px);
        flex: 0 0 calc(100% - 3px);
    }
}

@media (max-width: 479.98px) {
    .cas-better .chart-reasons__wrapper {
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        flex: 0 0 calc(100% - 2px);
    }
}

.cas-better .chart-reasons__body {
    width: 69.2660550459%;
    height: 69.2660550459%;
    flex: 0 0 69.2660550459%;
    background: #131313;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cas-better .chart-reasons__image {
    width: 66.2251655629%;
    height: 66.2251655629%;
    flex: 0 0 66.2251655629%;
    margin: 0px 0px 0px 2.3178807947%;
    position: relative;
    overflow: hidden;
}

.cas-better .chart-reasons__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease 0s;
}

.cas-better .chart-reasons__image img._active {
    opacity: 1;
    visibility: visible;
}

.cas-better .chart-reasons__list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    z-index: 5;
    pointer-events: none;
}

.cas-better .chart-reasons__item {
    position: absolute;
    top: 0%;
    left: 50%;
    transform-origin: 0 220px;
    pointer-events: auto;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    --rotate: 0deg;
    transform: rotate(var(--rotate, 0deg)) translate(-50%, -50%);
}

@media (max-width: 767.98px) {
    .cas-better .chart-reasons__item {
        transform-origin: 0 200px;
    }
}

@media (max-width: 479.98px) {
    .cas-better .chart-reasons__item {
        width: 30px;
        height: 30px;
        transform-origin: 0 150px;
    }
}

.cas-better .chart-reasons__item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #0074ff;
    z-index: -1;
    transform: scale(0.3);
    transition: transform 0.3s ease 0s;
    box-shadow: 0px 0px 0px transparent;
}

.cas-better .chart-reasons__item._active {
    pointer-events: none;
}

.cas-better .chart-reasons__item._active::before {
    transform: scale(1);
    box-shadow: 4px 4px 20px rgba(0, 8, 81, 0.1);
}

.cas-better .chart-reasons__item._active .chart-reasons__item-number {
    opacity: 1;
    transform: rotate(calc(var(--rotate, 0deg) * -1));
}

.cas-better .chart-reasons__item._next, .cas-better .chart-reasons__item._prev {
    cursor: pointer;
}

.cas-better .chart-reasons__item-number {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    opacity: 0;
    user-select: none;
    transition: all 0.3s ease 0s;
}

@media (max-width: 479.98px) {
    .cas-better .chart-reasons__item-number {
        font-size: 14px;
    }
}

.cas-better .chart-reasons__item-text {
    position: absolute;
    font-size: 16px;
    line-height: 140%;
    font-weight: 500;
}

.cas-better .chart-reasons__item-text span {
    display: block;
    white-space: nowrap;
}

@media (max-width: 1023.98px) {
    .cas-better .chart-reasons__item-text {
        display: none;
    }
}

.cas-better .slider-reasons {
    min-width: 0;
    position: relative;
    padding-bottom: 150px;
    padding-top: 150px;
}

@media (max-width: 1080px) {
    .cas-better .slider-reasons {
        padding-top: 30px;
        padding-bottom: 80px;
    }
}

.cas-better .slider-reasons .swiper-pagination {
    top: calc(100% - 50px);
}

@media (max-width: 768px) {
    .cas-better .slider-reasons .swiper-pagination {
        left: 50%;
        transform: translateX(-50%);
    }
}

.cas-better .slider-reasons .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #a4a4a4;
    margin: 0 10px;
    opacity: 1;
    transition: 0.3s;
}

@media (max-width: 1080px) {
    .cas-better .slider-reasons .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }
}

.cas-better .slider-reasons .swiper-pagination .swiper-pagination-bullet-active {
    background: #0172FD;
}

@media (min-width: 767.98px) {
    .cas-better .slider-reasons {
        overflow: hidden;
    }
}

@media (max-width: 767.98px) {
    .cas-better .slider-reasons__body {
        padding: 50px 35px;
        margin: -50px -20px;
        overflow: hidden;
    }
}

.cas-better .slider-reasons__nav {
    display: flex;
    align-items: center;
}

.cas-better .slider-reasons__nav .slider-arrow {
    width: 40px;
    height: 40px;
    font-size: 20px;
}

.cas-better .slider-reasons__nav .slider-arrow:not(:last-child) {
    margin: 0px 12px 0px 0px;
}

.cas-better .slider-reasons__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 219px;
}

@media (max-width: 1080px) {
    .cas-better .slider-reasons__content {
        height: auto;
    }
}

@media (max-width: 1080px) {
    .cas-better .slider-reasons__content .font--2 {
        margin-bottom: 20px;
    }
}

.cas-better .slider-reasons__number {
    width: 60px;
    flex: 0 0 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0074ff;
    color: #fff;
    border-radius: 50%;
    font-size: 32px;
    line-height: 140%;
    font-weight: 500;
    margin: 0px 0px 24px 0px;
}

@media (max-width: 767.98px) {
    .cas-better .slider-reasons__number {
        width: 40px;
        height: 49px;
        flex: 0 0 40px;
        font-size: 24px;
        margin: 0px 0px 20px 0px;
    }
}

.cas-better .slider-reasons__text {
    font-size: 24px;
    line-height: 120%;
    font-weight: 500;
    margin-top: auto;
}

@media (max-width: 767.98px) {
    .cas-better .slider-reasons__text {
        font-size: 14px;
    }
}

/* ============================================
   ANOTHER - Секция "Еще что-то"
   ============================================ */
.another {
    margin: 85px 0;
    padding: 80px 0;
    background: #0172FD;
    position: relative;
}

.another .coin-bg {
    position: absolute;
    width: 652px;
    height: 496px;
    right: 163px;
    bottom: -400px;
}

@media (max-width: 1550px) {
    .another .coin-bg {
        right: 120px;
        width: 550px;
        height: 400px;
        bottom: -300px;
    }
}

@media (max-width: 1080px) {
    .another .coin-bg {
        display: none;
    }
}

.another .flex-row {
    align-items: center;
    justify-content: space-between;
}

.another .flex-row .left {
    width: 54%;
}

.another .flex-row .left .main-btn {
    font-size: 32px;
    font-weight: 500;
    height: 70px;
    margin-top: 44px;
}

.another .flex-row .left .main-btn.main-btn--white {
    padding: 16px 100px;
    color: #0172FD;
}

.another .flex-row .left .main-btn.main-btn--white:hover {
    opacity: 1;
    background: #131313;
    color: white;
}

.another .flex-row .right {
    width: 46%;
    padding-left: 120px;
}

.another .flex-row .right img {
    width: 449px;
    object-fit: contain;
}

@media (max-width: 1550px) {
    .cas-sdk {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .cas-sdk__heading {
        /*font-size: 28px;*/
    }

    .cas-sdk__heading strong {
        font-size: 36px;
    }

    .cas-sdk__flex-row {
        margin-top: 50px;
    }

    .cas-sdk__flex-row .left {
        width: 35%;
    }

    .cas-sdk__flex-row .left .img-wrap {
        width: 300px;
    }

    .cas-sdk__flex-row .left .img-wrap:after {
        width: 180px;
        height: 110px;
        right: -70px;
    }

    .cas-sdk__flex-row .left .img-wrap img {
        height: 80px;
    }

    .cas-sdk__flex-row .right {
        width: 65%;
    }

    .cas-sdk__flex-row .right .images {
        width: calc(100% + 15px);
        margin-left: -15px;
        max-width: unset;
    }

    .cas-sdk__flex-row .right .images img {
        width: 115px;
        height: 115px;
        margin-left: 15px;
        margin-top: 15px;
    }

    .another {
        margin: 60px 0;
        padding: 60px 0;
    }

    .another .coin {
        position: absolute;
    }

    .another .coin.coin-4 {
        right: 30px;
    }

    .another .coin.coin-3 {
        right: 60px;
    }

    .another .coin.coin-2 {
        right: 100px;
    }

    .another .coin.coin-1 {
        right: 550px;
    }

    .another .flex-row .left {
        width: 54%;
    }

    .another .flex-row .left .main-btn {
        font-size: 24px;
        height: 50px;
        margin-top: 30px;
    }

    .another .flex-row .left .main-btn.main-btn--white {
        padding: 12px 50px;
    }

    .another .flex-row .right {
        width: 46%;
        padding-left: 100px;
    }

    .another .flex-row .right img {
        width: 400px;
    }
}

@media (max-width: 1080px) {
    .cas-sdk {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .cas-sdk__flex-row {
        margin-top: 50px;
        display: block;
    }

    .cas-sdk__flex-row .left {
        width: 100%;
    }

    .cas-sdk__flex-row .left .img-wrap {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .cas-sdk__flex-row .left .img-wrap:after {
        width: 180px;
        height: 110px;
        right: unset;
        left: 0;
        top: calc(100% + 30px);
        transform: rotate(90deg);
    }

    .cas-sdk__flex-row .left .img-wrap img {
        height: 80px;
    }

    .cas-sdk__flex-row .right {
        width: 100%;
        margin-top: 180px;
    }

    .another {
        margin: 60px 0;
        padding: 60px 0;
    }

    .another .coin {
        display: none;
    }

    .another .flex-row .left {
        width: 54%;
    }

    .another .flex-row .left .main-btn {
        font-size: 24px;
        height: 50px;
        margin-top: 30px;
    }

    .another .flex-row .left .main-btn.main-btn--white {
        padding: 12px 50px;
    }

    .another .flex-row .right {
        width: 46%;
        padding-left: 50px;
    }

    .another .flex-row .right img {
        width: 300px;
    }
}

@media (max-width: 768px) {
    .cas-sdk__flex-row {
        margin-top: 50px;
    }

    .cas-sdk__flex-row .right {
        width: 100%;
        margin-top: 180px;
    }

    .cas-sdk__flex-row .right .images img {
        width: calc(33.333% - 15px);
    }

    .another {
        margin: 0 0 50px;
        padding: 60px 0;
    }

    .another .coin {
        display: none;
    }

    .another .flex-row .left {
        width: 100%;
    }

    .another .flex-row .left .main-btn {
        width: 100%;
        justify-content: center;
    }

    .another .flex-row .right {
        display: none;
    }
}

.blog {
    padding: 80px 0;
}

body.blog {
    padding: 0;
}

.blog__section:not(:first-of-type) {
    margin-top: 80px;
}

.blog-section__heading-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.blog-section__heading-row .main-button {
    color: #0172FD;
    transition: 0.3s;
    font-size: 24px;
    font-weight: 500;
}

.blog-section__heading-row .main-button:hover {
    color: white;
}

.blog-section__heading-row .main-button:hover svg path {
    fill: white;
}

.blog-section__heading-row .main-button svg {
    margin-left: 12px;
    width: 26px;
    height: 26px;
    object-fit: contain;
}

.blog-section__heading-row .main-button svg path {
    transition: 0.3s;
}

.blog-section__four-column-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-section__four-column-row.full-size {
    align-items: stretch;
}

.blog-section__four-column-row.full-size .block {
    width: calc(25% - 24px);
}

.blog-section__four-column-row.full-size .block .column {
    width: 100%;
    flex-direction: row;
    height: 152px;
}

.blog-section__four-column-row.full-size .block .column:not(:first-of-type) {
    margin-top: 32px;
}

.blog-section__four-column-row.full-size .block .column .img-wrap {
    width: 128px;
    height: 128px;
}

.blog-section__four-column-row.full-size .block .column .right {
    width: calc(100% - 128px);
    padding-left: 12px;
    padding-top: 0;
    height: 100%;
}

.blog-section__four-column-row.full-size .block .column .right .news-heading {
    font-size: 20px;
}

@media (max-width: 1550px) {
    .blog-section__four-column-row.full-size .block .column .right .news-heading {
        font-size: 18px;
    }
}

.blog-section__four-column-row.full-size .block .column .right .news-info-row {
    padding-right: 0;
}

.blog-section__four-column-row.full-size .block .column .right .news-info-row .views {
    margin-left: 0;
}

@media (max-width: 1550px) {
    .blog-section__four-column-row.full-size .block .column .right .news-info-row {
        font-size: 12px;
    }
}

.blog-section__four-column-row.full-size .column {
    flex-direction: column;
    height: 520px;
}

.blog-section__four-column-row.full-size .column .news-heading {
    font-size: 24px;
    font-weight: 700;
    font-family: "Montserrat";
}

.blog-section__four-column-row.full-size .column .img-wrap {
    width: 100%;
    height: 192px;
}

.blog-section__four-column-row.full-size .column .right {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 192px);
}

.blog-section__four-column-row.full-size .column .news-info {
    margin-top: 12px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    font-family: "Raleway";
}

.blog-section__four-column-row.full-size .column .news-info .date {
    margin-left: 20px;
}

.blog-section__four-column-row.full-size .column .description {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    font-family: "Raleway";
}

.blog-section__four-column-row.full-size .column .news-info-row .views {
    margin-left: 20px;
}

.blog-section__four-column-row .column {
    width: calc(25% - 24px);
    background: white;
    border-right: 4px solid #0172FD;
    border-bottom: 4px solid #0172FD;
    display: flex;
    align-items: stretch;
    padding: 12px;
    color: #131313;
}

.blog-section__four-column-row .column:hover .img-wrap img {
    transform: scale(1.2);
}

.blog-section__four-column-row .column .img-wrap {
    width: 33.3333%;
    overflow: hidden;
}

.blog-section__four-column-row .column .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.blog-section__four-column-row .column .right {
    width: 66.6666%;
    display: flex;
    flex-direction: column;
    padding-left: 12px;
}

.blog-section__four-column-row .column .right .news-info-row {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #131313;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    padding-right: 38px;
    text-transform: uppercase;
}

@media (max-width: 1550px) {
    .blog-section__four-column-row .column .right .news-info-row {
        padding-right: 0;
        font-size: 14px;
    }
}

.grid-section {
    position: relative;
    margin-top: 80px;
}

.grid-section .news {
    display: flex;
    padding: 0;
    color: white;
}

.grid-section .news .news-heading {
    font-family: "Montserrat";
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 12px;
}

.grid-section .news .news-info {
    display: flex;
    font-size: 16px;
    font-family: "Raleway";
    margin-bottom: 46px;
}

.grid-section .news .news-info .date {
    margin-left: 36px;
}

.grid-section .news .bottom-info {
    padding-top: 20px;
    border-top: 1px solid white;
    padding-bottom: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-section .news .bottom-info .views {
    margin-left: 32px;
}

.grid-section .news:after {
    display: none;
}

.grid-section .news .bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid-section .news:first-of-type {
    width: 55%;
}

.grid-section .news:first-of-type .author-img {
    position: absolute;
    width: 91px;
    height: 91px;
    object-fit: cover;
    top: 20px;
    left: 36px;
}

.grid-section .news:first-of-type .news-heading {
    font-size: 48px;
    margin-bottom: 16px;
}

.grid-section .news:first-of-type .news-info {
    font-size: 24px;
    margin-bottom: 56px;
}

.grid-section .news:first-of-type .news-info .date {
    margin-left: 48px;
}

.grid-section .news:nth-of-type(2) {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(45% - 32px);
    height: calc(50% - 16px);
}

.grid-section .news:nth-of-type(2) .author-img {
    position: absolute;
    width: 60px;
    height: 60px;
    object-fit: cover;
    top: 20px;
    left: 32px;
}

.grid-section .news:last-of-type {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(45% - 32px);
    height: calc(50% - 16px);
}

.grid-section .news:last-of-type .author-img {
    position: absolute;
    width: 60px;
    height: 60px;
    object-fit: cover;
    top: 20px;
    left: 32px;
}

.grid-section .news .news-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.grid-section .news .news-wrapper .content {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: calc(100% - 72px);
    display: flex;
    flex-direction: column;
}

.subscribe {
    margin: 80px 0;
    background: white;
    color: #131313;
    padding: 120px 143px;
    position: relative;
}

.subscribe:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 3px;
    height: 100%;
    background: #131313;
    left: 50%;
    transform: translateX(-50%);
}

.subscribe .flex-row {
    align-items: center;
}

.subscribe .flex-row .left {
    width: 50%;
    padding-right: 159px;
}

.subscribe .flex-row .left .font--1 {
    display: flex;
    align-items: center;
    position: relative;
}

.subscribe .flex-row .left .font--1:after {
    content: "";
    display: block;
    position: absolute;
    width: 42px;
    height: 42px;
    bottom: 10px;
    right: 80px;
    background: url(../img/arrow-down-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.subscribe .flex-row .left form {
    margin-top: 28px;
    width: 100%;
}

.subscribe .flex-row .left form .form-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subscribe .flex-row .left form .form-row:last-of-type {
    margin-top: 24px;
}

.subscribe .flex-row .left form .form-row .column {
    width: calc(50% - 16px);
}

.subscribe .flex-row .left form .form-row .column input {
    width: 100%;
    height: 49px;
    border: 1px solid #131313;
    font-size: 16px;
    color: #131313;
    padding: 15px 24px;
    font-weight: 500;
    font-family: "Raleway";
}

.subscribe .flex-row .left form .form-row .column input::placeholder {
    opacity: 0.7;
}

.subscribe .flex-row .left form .form-row .column .main-btn {
    width: 100%;
    height: 50px;
    font-size: 20px;
    font-weight: 600;
    font-family: "Montserrat";
    justify-content: center;
    margin-top: 24px;
}

.subscribe .flex-row .left form .checkbox {
    margin-top: 24px;
}

.subscribe .flex-row .left form .checkbox input {
    border-radius: 0 !important;
    border: 1px solid #131313 !important;
    margin: 0;
    margin-top: 3px;
}

.subscribe .flex-row .left form .checkbox label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.subscribe .flex-row .left form .checkbox label span {
    margin-left: 12px;
    font-size: 16px;
    font-weight: 500;
    font-family: "Raleway";
}

.subscribe .flex-row .right {
    width: 50%;
    padding-left: 159px;
}

.subscribe .flex-row .right ul li {
    position: relative;
    padding-left: 44px;
    font-size: 24px;
    font-weight: 500;
    font-family: "Raleway";
    line-height: 120%;
}

.subscribe .flex-row .right ul li:not(:first-of-type) {
    margin-top: 15px;
}

.subscribe .flex-row .right ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background: url(../img/li-before.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.side-bar-blog {
    width: 100%;
    max-width: 390px;
    background: #131313;
}

.side-bar-blog .search-section p {
    text-transform: uppercase;
}

.side-bar-blog .search-section form {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid white;
}

.side-bar-blog .search-section .search-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.side-bar-blog .search-section .search-row .main-btn {
    height: 40px;
    width: 25%;
    justify-content: center;
}

.side-bar-blog .search-section input {
    width: 70%;
    height: 40px;
    font-size: 18px;
    font-weight: 500;
    color: #131313;
    padding: 20px 24px;
    border: 1px solid #131313;
}

.side-bar-blog .search-section input::placeholder {
    color: #a4a4a4;
}

.side-bar-blog .catogory-quantity {
    margin-top: 50px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.side-bar-blog .catogory-quantity:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.side-bar-blog .catogory-quantity .category-quantity-row {
    width: 100%;
    display: flex;
    padding: 24px;
    align-items: center;
}

.side-bar-blog .catogory-quantity .category-quantity-row:hover .num {
    background: white;
    color: #131313;
}

.side-bar-blog .catogory-quantity .category-quantity-row:nth-child(1) {
    background: url(../img/cqi1.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.side-bar-blog .catogory-quantity .category-quantity-row:nth-child(2) {
    background: url(../img/cqi2.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.side-bar-blog .catogory-quantity .category-quantity-row:nth-child(3) {
    background: url(../img/cqi3.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.side-bar-blog .catogory-quantity .category-quantity-row:nth-child(4) {
    background: url(../img/cqi4.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.side-bar-blog .catogory-quantity .category-quantity-row:nth-child(5) {
    background: url(../img/cqi5.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.side-bar-blog .catogory-quantity .category-quantity-row .name {
    color: white;
    font-size: 24px;
    font-weight: 600;
    width: calc(100% - 32px);
    padding-right: 15px;
    position: relative;
    z-index: 1;
}

.side-bar-blog .catogory-quantity .category-quantity-row .num {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    background: #a4a4a4;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    position: relative;
    z-index: 1;
}

.side-bar-blog .category-section {
    margin-top: 50px;
}

.side-bar-blog .category-section p {
    text-transform: uppercase;
}

.side-bar-blog .category-section .category-section-row {
    display: flex;
    align-items: center;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid white;
}

.side-bar-blog .category-section .category-section-row:hover .img-wrap img {
    opacity: 1;
}

.side-bar-blog .category-section .category-section-row:hover .heading {
    color: #0172FD;
}

.side-bar-blog .category-section .category-section-row .img-wrap {
    width: 60px;
    border-radius: 5px;
    background: #a4a4a4;
    position: relative;
}

.side-bar-blog .category-section .category-section-row .img-wrap .num {
    position: absolute;
    color: white;
    font-size: 24px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.side-bar-blog .category-section .category-section-row .img-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    opacity: 0;
    transition: 0.4s;
}

.side-bar-blog .category-section .category-section-row .heading {
    color: white;
    line-height: 120%;
    font-size: 24px;
    padding-left: 30px;
    width: calc(100% - 60px);
    transition: 0.3s;
}

.side-bar-blog .featured {
    margin-top: 50px;
}

.side-bar-blog .featured p {
    text-transform: uppercase;
}

.side-bar-blog .featured .featured-row {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid white;
    color: white;
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.side-bar-blog .featured .featured-row:hover .name {
    color: #0172FD;
}

.side-bar-blog .featured .featured-row .heading {
    font-size: 18px;
    line-height: 120%;
}

.side-bar-blog .featured .featured-row .name {
    font-size: 24px;
    font-weight: 600;
    margin-top: 8px;
    line-height: 120%;
    transition: 0.3s;
}

.blog-category {
    padding: 48px 0;
}

.blog-category__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.blog-category__wrap .content {
    width: calc(100% - 450px);
}

.blog-category__wrap .content .show-more-wrap {
    text-align: center;
    margin-top: 40px;
}

.blog-category__wrap .content .show-more-wrap .show-more-btn {
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    color: #0172FD;
    transition: 0.3s;
}

.blog-category__wrap .content .show-more-wrap .show-more-btn:hover {
    color: #1048DE;
}

.blog-category__wrap .content .show-more-wrap .show-more-btn:hover svg path {
    fill: #1048DE;
}

.blog-category__wrap .content .show-more-wrap .show-more-btn svg {
    width: 20px;
    height: 20px;
    object-fit: cover;
    margin-left: 8px;
}

.blog-category__wrap .content .show-more-wrap .show-more-btn svg path {
    transition: 0.3s;
}

.blog-category__wrap .content .single-news {
    display: flex;
    align-items: flex-start;
    color: white;
    margin-top: 40px;
}

.blog-category__wrap .content .single-news:hover .left img {
    transform: scale(1.2);
}

.blog-category__wrap .content .single-news:hover .right .font--3 {
    color: #0172FD;
}

.blog-category__wrap .content .single-news .left {
    width: 50%;
    overflow: hidden;
}

.blog-category__wrap .content .single-news .left img {
    width: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.blog-category__wrap .content .single-news .right {
    width: 50%;
    padding-left: 32px;
    padding-top: 50px;
}

.blog-category__wrap .content .single-news .right .news-sub-heading {
    color: #a4a4a4;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.blog-category__wrap .content .single-news .right .font--3 {
    transition: 0.3s;
}

.blog-category__wrap .content .single-news .right .info {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
    border-top: 1px solid white;
}

.get_started_popup strong,
.numeric-list strong,
.future-block strong,
.contract-block strong,
.instructions strong,
.finally strong,
.introduce strong,
.results strong,
.title-screen.successful-page strong {
    color: #0172FD;
}

.successful-page.title-screen .right {
    width: 35%;
    position: relative;
}

.successful-page.title-screen .right .sub-image-success {
    position: absolute;
    top: -90px;
    display: flex;
    width: 100%;
    left: 185px;
}

.successful-page.title-screen .right .sub-image-success img {
    width: 29%;
}

.successful-page.title-screen .sub-heading {
    font-variant-numeric: lining-nums proportional-nums;
}

.successful-page.title-screen .left {
    width: 65%;
}

.successful-page.title-screen .left .sc1-title {
    margin-bottom: 48px;
}

.successful-page.title-screen:after {
    transform: rotate(180deg);
    transform-origin: left;
    left: 100%;
    top: 100px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.introduce {
    background-color: white;
    position: relative;
}

.introduce .coin-bgbgck {
    position: absolute;
    top: -12%;
    width: 100%;
    height: 124%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.introduce p,
.introduce h2 {
    color: #131313;
}

.introduce .wrappper {
    padding: 80px 0;
    width: 72%;
    margin: auto;
}

.introduce .wrappper h2 {
    text-align: center;
    margin-bottom: 80px;
}

.sucss-title {
    padding-top: 170px;
    padding-bottom: 80px;
    text-align: center;
}

.results .left {
    width: 50%;
    padding-right: 45px;
}

.results .right {
    padding-left: 72px;
    width: 50%;
}

.results .right img {
    width: 100%;
    -webkit-box-shadow: 0px 54px 120px 0px rgba(1, 114, 253, 0.56);
    -moz-box-shadow: 0px 54px 120px 0px rgba(1, 114, 253, 0.56);
    box-shadow: 0px 54px 120px 0px rgba(1, 114, 253, 0.56);
}

.results button {
    font-size: 32px;
    font-weight: 500;
    padding: 16px 69px;
    margin-top: 60px;
}

.results .main-btn img {
    width: 28px;
    height: 26px;
    object-fit: contain;
    margin-left: 16px;
}

.begining .wrapper {
    padding-bottom: 170px;
}

.begining .wrapper .left img {
    -webkit-box-shadow: 0px 54px 120px 0px rgba(1, 114, 253, 0.56);
    -moz-box-shadow: 0px 54px 120px 0px rgba(1, 114, 253, 0.56);
    box-shadow: 0px 54px 120px 0px rgba(1, 114, 253, 0.56);
}

.begining .wrapper .left.img-block {
    padding-right: 72px;
}

.begining .right.img-block {
    position: relative;
    display: flex;
    justify-content: end;
    padding-left: 72px;
}

.begining .right.img-block img {
    -webkit-box-shadow: 0px 54px 120px 0px rgba(1, 114, 253, 0.56);
    -moz-box-shadow: 0px 54px 120px 0px rgba(1, 114, 253, 0.56);
    box-shadow: 0px 54px 120px 0px rgba(1, 114, 253, 0.56);
}

.begining .right.img-block span {
    position: absolute;
    top: -16px;
    left: 17px;
    width: calc(100% / 4.1);
}

.begining .finally {
    width: 62.5%;
    text-align: center;
    margin: auto;
    padding-bottom: 170px;
}

.begining .wrapper .right,
.begining .wrapper .left {
    width: 50%;
}

.publishing-sucss {
    background-color: #0172FD;
}

.publishing-sucss .left {
    width: 60%;
}


.publishing-sucss .sucss-title {
    text-align: left;
    padding-top: 80px
}

.publishing-sucss .wrapper {
    padding-bottom: 80px;
}

.publishing-sucss .list-item:first-child {
    padding-top: 24px;
}

.publishing-sucss .list-item {
    display: flex;
    align-items: start;
    padding-bottom: 24px;
}

.publishing-sucss .list-item .arrow-list {
    width: 53px;
}

.publishing-sucss .list-item .arrow-list img {
    width: 100%;
}

.publishing-sucss .list-item .item-text {
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    text-align: left;
    padding-left: 24px;
    width: 100%;
}

.publishing-sucss .right {
    display: contents
}

.publishing-sucss .right img {
    margin: auto;
    padding-left: 128px;
}

.instructions {
    padding-top: 170px;
}

.instructions .wrapper {
    display: flex;
    align-items: center;
    padding-bottom: 170px;
    justify-content: space-between;
}

.instructions .wrapper:nth-child(1) .left-block {
    width: 60%
}

.instructions .wrapper:nth-child(1) .right-block {
    padding-left: 48px;
}

.instructions .wrapper:nth-child(1) .right-block img {
    filter: drop-shadow(0px 20px 60px rgba(1, 114, 253, 0.56));
}

.instructions .wrapper:nth-child(2) .left-block {
    padding-right: 48px;
}

.instructions .wrapper:nth-child(2) .left-block {
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.instructions .wrapper:nth-child(2) .right-block {
    width: 70%;
}

.instructions .wrapper:nth-child(3) .left-block {
    width: 45%;
}

.instructions .wrapper:nth-child(3) {
    padding-bottom: 60px;
}

.instructions .wrapper:nth-child(1) .right-block {
    padding-left: 72px;
}

.future-block button,
.instructions button {
    font-size: 32px;
    font-weight: 500;
    padding: 16px 69px;
}

.future-block .main-btn img,
.instructions .main-btn img {
    width: 28px;
    height: 26px;
    object-fit: contain;
    margin-left: 16px;
}

.contract-block {
    text-align: center;
    position: relative;
    padding-bottom: 170px;
}

.contract-block .img-block {
    display: flex;
    margin-top: 72px;
}

.contract-block .img-block img {
    margin: auto;
}

.contract-block:before,
.contract-block:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/bg1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.contract-block:before {
    top: -300px;
    right: 0;
    transform: rotate(180deg);
    z-index: -1;
}

.contract-block:after {
    top: 200px;
    z-index: -1;
}

.contract-profit {
    position: relative;
    padding: 80px 0;
    background-color: #FFFFFF;
}

.contract-profit .wrapper {
    display: flex;
    align-items: center;
}

.contract-profit .left-block {
    width: 40%;
    position: relative;
}

.contract-profit .img-item.sub-img {
    margin-top: 60px;
}

.contract-profit .img-item.arrow {
    position: absolute;
    right: -180px;
    bottom: 140px;
}

.contract-profit .right-block {
    width: 60%;
    padding-left: 80px;
}

.contract-profit .sub-heading {
    color: #131313;
}

.contract-profit .bold-heading {
    font-size: 48px;
    font-weight: 700;
    color: #0172FD;
    margin-top: 48px;
}

.contract-profit:before {
    content: "";
    display: block;
    position: absolute;
    top: -300px;
    right: -500px;
    width: 100%;
    height: 100%;
    background: url(../img/bg1.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.future-block {
    padding: 170px 0;
    position: relative;
    padding-bottom: 85px;
}

.future-block.main-block {
    padding-top: 0;
}

.future-block.sub-block {
    padding-bottom: 0;
}

.future-block .wrapper {
    display: flex;
    align-items: center;
}

.future-block.sub-block .wrapper .right-block {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 54px;
    padding-left: 72px;
}

.future-block.sub-block .wrapper .left-block {
    width: 40%;
}

.future-block.main-block .wrapper .right-block {
    width: 45%;
}

.future-block.main-block .wrapper .left-block {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-right: 72px;
}

.future-block .future-finaly button {
    margin-top: 60px;
}

.future-block .future-finaly {
    padding-top: 170px;
    width: 60%;
    margin: auto;
    text-align: center;
}

.future-block.main-block .future-finaly,
.future-block.main-block .wrapper .right-block,
.future-block.sub-block .wrapper .left-block {
    position: relative;
}

.future-block.sub-block .wrapper .left-block:before,
.future-block.main-block .wrapper .right-block:before,
.future-block.main-block .future-finaly:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bg1.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.future-block.sub-block .wrapper .left-block:before {
    left: -300px;
}

.future-block.main-block .wrapper .right-block:before {
    right: -300px;
    top: -50%;
    width: 200%;
    height: 200%;
    transform: rotate(180deg);
}

.future-block.main-block .future-finaly:after {
    top: -50%;
    left: -70%;
    width: 200%;
    height: 200%;
}


.slider-cas-sec .wrapper {
    background-color: white;
    margin-right: 96px;
    margin-left: 96px;
    border-right: solid 6px #0172FD;
    border-bottom: solid 6px #0172FD;
}

.slider-cas-sec .wrapper .top-block {
    color: #0172FD;;
    padding: 56px 48px 48px 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid 1px #131313;
}

.slider-cas-sec .wrapper .top-block .sub-heading {
    width: 55%;
}

.slider-cas-sec .wrapper .main-btn {
    font-size: 32px;
    line-height: 120%;
    padding: 15px 75px;
    justify-content: center;
}

.slider-cas-sec .image-block {
    display: flex;
}

.slider-cas-sec .image-block img {
    width: 100%
}

/* ============================================
   POPUP ABOUT AB - Попап "О нас"
   ============================================ */
.popup_about_ab {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 99;
    overflow: scroll;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 15px;
}

.popup_about_ab .popup_wrap {
    margin: auto;
    max-width: 1285px;
    width: 100%;
    background-color: #131313;
    color: white;
    position: relative;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
}

.main-popup-wrap .popup-wrap .popup:after {
    content: '';
    left: 0;
    position: absolute;
    border-radius: 1490.966px;
    width: 100%;
    height: 9%;
    bottom: -60px;
    background: #0172FD;
    filter: blur(89px);
    z-index: 0;
}

.popup-publishing .popup-wrapper:after,
.popup_about_ab .popup_wrap:after {
    content: '';
    position: absolute;
    border-radius: 1490.966px;
    width: 100%;
    height: 15%;
    bottom: 0;
    background: #0172FD;
    filter: blur(135px);
    z-index: 0;
}

.popup-publishing .popup-wrapper:before,
.popup_about_ab .popup_wrap:before {
    border-radius: 402.028px;
    background: rgba(1, 114, 253, 0.58);
    filter: blur(223.5px);
    width: 400px;
    height: 400px;
    position: absolute;
    z-index: 0;
    content: '';
    top: -150px;
    left: -175px;
}

.popup_about_ab .popup-close {
    position: absolute;
    top: 28px;
    right: 36px;
    cursor: pointer;
}

.popup_about_ab .close_popup:hover {
    opacity: 0.8;
}

.popup_about_ab h2 {
    margin-top: 80px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.popup_about_ab .wrapper-block {
    display: flex;
    position: relative;
    z-index: 1;
}

.popup_about_ab .wrapper-block .left-block {
    width: 40%;
    display: flex;
}

.popup_about_ab .wrapper-block .left-block img {
    margin: auto;
    padding-bottom: 65px;
}

.popup_about_ab .wrapper-block .right-block {
    width: 60%;
    padding-top: 66px;
}

.popup_about_ab .numeric-list {
    list-style: numbers;
    font-variant-numeric: lining-nums proportional-nums;
}

.popup_about_ab .dot-list {
    list-style: disc;
    padding-left: 18px;
    margin-top: 8px;
}

.popup_about_ab .excerption {
    padding: 26px 0 27px 45px;
    background-color: white;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    display: flex;
    align-items: center;
    color: #0172FD;
    margin-top: 58px;
    margin-bottom: 70px;
}

.popup_about_ab .svg-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;

}

.popup_about_ab .excerption p {
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding-left: 28px;
}

.popup_about_ab .wrapper-block li,
.popup_about_ab .wrapper-block span {
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.popup_about_ab .wrapper-block span {
    color: #0172FD;
}

.another .flex-row .left .main-btn.main-btn--white.learn-more {
    background: transparent;
    color: white;
}

.another .flex-row .left .main-btn.main-btn--white.learn-more:hover {
    opacity: 1;
    background: transparent;
    color: black;
}

.another .flex-row .left .main-btn.main-btn--white.learn-more svg {
    margin-left: 8px;
}

.another .flex-row .left .main-btn.main-btn--white.learn-more:hover svg path {
    fill: black;
}

@media (max-width: 1550px) {
    .blog {
        padding: 60px 0;
    }

    .blog__section:not(:first-of-type) {
        margin-top: 50px;
    }

    .blog-section__heading-row {
        margin-bottom: 30px;
    }

    .blog-section__heading-row .main-button {
        font-size: 18px;
    }

    .blog-section__heading-row .main-button svg {
        margin-left: 8px;
        width: 20px;
        height: 20px;
    }

    .blog-section__four-column-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .blog-section__four-column-row.full-size {
        align-items: stretch;
    }

    .blog-section__four-column-row.full-size .block {
        width: calc(25% - 10px);
    }

    .blog-section__four-column-row.full-size .block .column {
        width: 100%;
        flex-direction: row;
        height: 130px;
    }

    .blog-section__four-column-row.full-size .block .column:not(:first-of-type) {
        margin-top: 30px;
    }

    .blog-section__four-column-row.full-size .block .column .img-wrap {
        width: 100px;
        height: 100px;
    }

    .blog-section__four-column-row.full-size .block .column .right {
        width: calc(100% - 100px);
    }

    .blog-section__four-column-row.full-size .block .column .right .news-heading {
        font-size: 16px;
    }

    .blog-section__four-column-row.full-size .block .column .right .news-info-row {
        padding-right: 0;
    }

    .blog-section__four-column-row.full-size .block .column .right .news-info-row .views {
        margin-left: 0;
    }
}

@media (max-width: 1550px) and (max-width: 1550px) {
    .blog-section__four-column-row.full-size .block .column .right .news-info-row {
        font-size: 12px;
    }
}

@media (max-width: 1550px) {
    .blog-section__four-column-row.full-size .column {
        flex-direction: column;
        height: 450px;
        width: calc(25% - 10px);
    }

    .blog-section__four-column-row.full-size .column .news-heading {
        font-size: 18px;
    }

    .blog-section__four-column-row.full-size .column .img-wrap {
        height: 170px;
    }

    .blog-section__four-column-row.full-size .column .right {
        height: calc(100% - 170px);
    }

    .blog-section__four-column-row.full-size .column .news-info .date {
        margin-left: 10px;
    }

    .blog-section__four-column-row.full-size .column .news-info-row .views {
        margin-left: 10px;
    }
}

@media (max-width: 1550px) {
    .blog-section__four-column-row .column {
        width: calc(25% - 24px);
        border-right: 2px solid #0172FD;
        border-bottom: 2px solid #0172FD;
        padding: 10px;
    }

    .blog-section__four-column-row .column .img-wrap {
        width: 30%;
    }

    .blog-section__four-column-row .column .right {
        width: 70%;
        padding-left: 10px;
    }

    .blog-section__four-column-row .column .right .font--5 {
        font-size: 16px;
    }

    .blog-section__four-column-row .column .right .news-info-row {
        padding-top: 10px;
        font-size: 12px;
        padding-right: 0;
    }
}

@media (max-width: 1550px) {
    .successful-page.title-screen .right .sub-image-success {
        top: -65px;
        left: 135px;
    }

    .subscribe {
        margin: 60px 0;
        padding: 80px 40px;
    }

    .subscribe .flex-row {
        align-items: center;
    }

    .subscribe .flex-row .left {
        padding-right: 60px;
    }

    .subscribe .flex-row .left .font--1:after {
        right: 200px;
    }

    .subscribe .flex-row .left form {
        margin-top: 20px;
    }

    .subscribe .flex-row .left form .form-row:last-of-type {
        margin-top: 20px;
    }

    .subscribe .flex-row .left form .form-row .column {
        width: calc(50% - 10px);
    }

    .subscribe .flex-row .left form .form-row .column input {
        height: 50px;
        font-size: 16px;
        color: #131313;
        padding: 15px;
    }

    .subscribe .flex-row .left form .form-row .column .main-btn {
        font-size: 24px;
        margin-top: 20px;
    }

    .subscribe .flex-row .right {
        padding-left: 60px;
    }

    .subscribe .flex-row .right ul li {
        padding-left: 30px;
        font-size: 18px;
    }

    .subscribe .flex-row .right ul li:before {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 1080px) {
    .slider-cas-sec .image-block {
        padding: 0;
        transition: all 0.2s ease;
    }

    .popup_about_ab .wrapper-block {
        flex-direction: column;
    }

    .popup_about_ab .wrapper-block .right-block,
    .popup_about_ab .wrapper-block .left-block {
        width: 100%;
    }

    .popup_about_ab .wrapper-block .right-block {
        padding-left: 48px;
    }

    .popup_about_ab .wrapper-block .left-block {
        padding-top: 48px;
    }

    .blog {
        padding: 50px 0;
    }

    .blog__section:not(:first-of-type) {
        margin-top: 30px;
    }

    .side-bar-blog {
        max-width: 100%;
        padding-top: 50px;
    }

    .blog-category {
        padding: 48px 0;
    }

    .blog-category__wrap {
        display: block;
    }

    .blog-category__wrap .content {
        width: 100%;
    }

    .blog-section__heading-row .main-button svg {
        margin-left: 8px;
        width: 18px;
        height: 18px;
    }

    .blog-section__four-column-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .blog-section__four-column-row.full-size {
        align-items: stretch;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .blog-section__four-column-row.full-size .block {
        width: calc(50% - 10px);
    }

    .blog-section__four-column-row.full-size .block .column {
        width: 100%;
        flex-direction: row;
        height: 130px;
    }

    .blog-section__four-column-row.full-size .block .column:not(:first-of-type) {
        margin-top: 30px;
    }

    .blog-section__four-column-row.full-size .block .column .img-wrap {
        width: 100px;
        height: 100px;
    }

    .blog-section__four-column-row.full-size .block .column .right {
        width: calc(100% - 100px);
    }

    .blog-section__four-column-row.full-size .block .column .right .news-heading {
        font-size: 16px;
    }

    .blog-section__four-column-row.full-size .block .column .right .news-info-row {
        padding-right: 0;
    }

    .blog-section__four-column-row.full-size .block .column .right .news-info-row .views {
        margin-left: 0;
    }
}

@media (max-width: 1080px) and (max-width: 1550px) {
    .blog-section__four-column-row.full-size .block .column .right .news-info-row {
        font-size: 12px;
    }
}

@media (max-width: 1080px) {
    .blog-section__four-column-row.full-size .column {
        flex-direction: column;
        height: 450px;
        width: calc(50% - 10px);
    }

    .blog-section__four-column-row.full-size .column .news-heading {
        font-size: 18px;
    }

    .blog-section__four-column-row.full-size .column .img-wrap {
        height: 170px;
    }

    .blog-section__four-column-row.full-size .column .right {
        height: calc(100% - 170px);
    }

    .blog-section__four-column-row.full-size .column .news-info .date {
        margin-left: 10px;
    }

    .blog-section__four-column-row.full-size .column .news-info-row .views {
        margin-left: 10px;
    }
}

@media (max-width: 1080px) {
    .instructions .wrapper:nth-child(3) {
        flex-direction: column-reverse;
        gap: 48px;
    }

    .instructions .wrapper:nth-child(3) .left-block,
    .instructions .wrapper:nth-child(3) .right-block {
        width: 100%;
    }

    .publishing .left {
        width: 80%;
    }

    .blog-section__four-column-row .column {
        width: calc(50% - 12px);
        margin-top: 20px;
    }

    .blog-section__four-column-row .column .img-wrap {
        width: 30%;
    }

    .blog-section__four-column-row .column .right {
        width: 70%;
        padding-left: 10px;
    }

    .blog-section__four-column-row .column .right .font--5 {
        font-size: 16px;
    }

    .blog-section__four-column-row .column .right .news-info-row {
        padding-top: 10px;
        font-size: 12px;
        padding-right: 0;
    }
}

@media (max-width: 1080px) {
    .grid-section {
        position: relative;
        margin-top: 50px;
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .grid-section .news {
        display: flex;
        padding: 0;
        color: white;
    }

    .grid-section .news .news-heading {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .grid-section .news .news-info {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .grid-section .news .news-info .date {
        margin-left: 15px;
    }

    .grid-section .news .bottom-info {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12px;
    }

    .grid-section .news .bottom-info .views {
        margin-left: 12px;
    }

    .grid-section .news:first-of-type {
        width: 100%;
        margin-bottom: 20px;
    }

    .grid-section .news:first-of-type .author-img {
        width: 75px;
        height: 75px;
        left: 20px;
    }

    .grid-section .news:first-of-type .news-heading {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .grid-section .news:first-of-type .news-info {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .grid-section .news:first-of-type .news-info .date {
        margin-left: 20px;
    }

    .grid-section .news:nth-of-type(2) {
        position: static;
        width: calc(50% - 12px);
        height: auto;
    }

    .grid-section .news:nth-of-type(2) .author-img {
        width: 40px;
        height: 40px;
        top: 10px;
        left: 10px;
    }

    .grid-section .news:last-of-type {
        position: static;
        width: calc(50% - 12px);
        height: auto;
    }

    .grid-section .news:last-of-type .author-img {
        width: 40px;
        height: 40px;
        top: 10px;
        left: 10px;
    }

    .grid-section .news .news-wrapper .content {
        max-width: calc(100% - 30px);
    }
}

@media (max-width: 1080px) {
    .subscribe {
        margin: 60px 0;
        padding: 50px 40px;
    }

    .subscribe:after {
        display: none;
    }

    .subscribe .flex-row {
        display: block;
    }

    .subscribe .flex-row .left {
        padding-right: 0;
        width: 100%;
        padding-bottom: 50px;
    }

    .subscribe .flex-row .left .font--1:after {
        display: none;
    }

    .subscribe .flex-row .left form {
        margin-top: 20px;
    }

    .subscribe .flex-row .left form .form-row:last-of-type {
        margin-top: 20px;
    }

    .subscribe .flex-row .left form .form-row .column {
        width: calc(50% - 10px);
    }

    .subscribe .flex-row .left form .form-row .column input {
        height: 50px;
        font-size: 16px;
        color: #131313;
        padding: 15px;
    }

    .subscribe .flex-row .left form .form-row .column .main-btn {
        font-size: 24px;
        margin-top: 20px;
    }

    .subscribe .flex-row .right {
        padding-left: 0;
        padding-top: 50px;
        width: 100%;
        border-top: 2px solid #131313;
    }

    .subscribe .flex-row .right ul li {
        padding-left: 30px;
        font-size: 18px;
    }

    .subscribe .flex-row .right ul li:before {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 768px) {
    .begining .sucss-title {
        padding: 0;
    }

    .begining .wrapper {
        padding: 48px 0;
    }

    .contract-profit {
        padding: 24px 0;
    }

    .future-block .future-finaly {
        width: 100%;
    }

    .instructions {
        padding: 0;
        padding-top: 40px;
    }

    .future-block .wrapper,
    .contract-profit .wrapper,
    .instructions .wrapper,
    .publishing .d--flex.ai--center,
    .begining .d--flex.ai--center,
    .results .d--flex.ai--center {
        flex-direction: column-reverse;
        gap: 48px;
    }

    .future-block .wrapper .left-block,
    .future-block .wrapper .right-block,
    .contract-profit .wrapper .left-block,
    .contract-profit .wrapper .right-block,
    .instructions .wrapper .left-block,
    .instructions .wrapper .right-block,
    .publishing .d--flex.ai--center .left,
    .publishing .d--flex.ai--center .right,
    .begining .d--flex.ai--center .left,
    .begining .d--flex.ai--center .right,
    .results .d--flex.ai--center .left,
    .results .d--flex.ai--center .right {
        padding: 0 !important;
        width: 100% !important;
    }

    .successful-page.title-screen .right {
        display: none;
    }

    .successful-page.title-screen .left {
        width: 100%;
    }

    .subscribe {
        margin: 50px 0;
        padding: 30px 20px;
    }

    .subscribe .flex-row {
        display: block;
    }

    .subscribe .flex-row .left {
        padding-bottom: 30px;
    }

    .subscribe .flex-row .left form .form-row {
        display: block;
    }

    .subscribe .flex-row .left form .form-row .column {
        width: 100%;
        margin-top: 20px;
    }

    .subscribe .flex-row .right {
        padding-top: 30px;
    }

    .subscribe .flex-row .right ul li {
        font-size: 16px;
    }

    .blog-section__heading-row .main-button svg {
        margin-left: 8px;
        width: 18px;
        height: 18px;
    }

    .blog-section__four-column-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .blog-section__four-column-row.full-size {
        align-items: stretch;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .blog-section__four-column-row.full-size .block {
        width: 100%;
    }

    .blog-section__four-column-row.full-size .column {
        width: 100%;
    }

    .blog-section__four-column-row .column {
        width: 100%;
    }

    .grid-section .news:first-of-type {
        width: 100%;
        margin-bottom: 20px;
    }

    .grid-section .news:first-of-type .author-img {
        width: 60px;
        height: 60px;
    }

    .grid-section .news:first-of-type .news-heading {
        font-size: 32px;
    }

    .grid-section .news:first-of-type .news-info {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .grid-section .news:first-of-type .news-info .date {
        margin-left: 15px;
    }

    .grid-section .news:nth-of-type(2) {
        width: 100%;
    }

    .grid-section .news:last-of-type {
        width: 100%;
    }

    .grid-section .news .news-wrapper .content {
        max-width: calc(100% - 30px);
    }

    .blog-category__wrap .content {
        width: 100%;
    }

    .blog-category__wrap .content .single-news {
        display: block;
    }

    .blog-category__wrap .content .single-news .left {
        width: 100%;
    }

    .blog-category__wrap .content .single-news .right {
        width: 100%;
        padding-top: 10px;
        padding-left: 0;
    }
}

@media (min-width: 1550px) {
    .header .center .nav-menu li:not(:first-of-type) {
        margin-left: 33px;
    }

    .new_page.ar .header .center .nav-menu li:not(:last-of-type) {
        margin-left: 33px;
    }

    .header .center .nav-menu {
        display: flex;
    }

    .header .center {
        padding: 46px;
    }

    .dashboard-screen .right .coin-bg {
        width: 1000px;
        height: 470px;
        right: 0;
    }
}

.title-screen.home_p {
    padding-bottom: 100px;
}

.video-screen {
    padding-top: 150px;
}

.wrap_form-second {
    padding-top: 160px;
}

.news {
    padding-bottom: 60px;
}

.hiw {
    padding-top: 100px
}

.test {
    padding-bottom: 20px;
}

.slider-cas-sec_button_wrapper {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .slider-cas-sec .wrapper {
        margin: 0;
    }

    .slider-cas-sec .wrapper .top-block {
        flex-direction: column;
        justify-content: center;
    }

    .slider-cas-sec .wrapper .top-block .sub-heading {
        text-align: center;
        width: 100%
    }

    .slider-cas-sec .wrapper .top-block a {
        margin-top: 12px;
        font-size: 24px;
        padding: 15px 15px;
    }

    .title-screen.home_p {
        padding-bottom: 20px;
    }

    .video-screen {
        padding-top: 40px;
    }

    .wrap_form-second {
        padding-top: 40px;
    }

    .news {
        padding-bottom: 20px;
    }

    .hiw {
        padding-top: 40px
    }

    .test {
        padding-bottom: 20px;
    }
}

.checkbox {
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
}

.checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 18px;
    height: 18px;
}

.checkbox_text {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    overflow: hidden;
    max-width: 520px;
    padding-left: 30px;
}

.checkbox_text a {
    text-decoration: underline;
}

.checkbox_text span {
    margin-left: 5px;
    font-weight: 500;
    display: none;
}

.checkbox_text:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% 80%;
    box-sizing: border-box;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
}

.checkbox input:checked + .checkbox_text:before {
    border-color: #fff;
    background-color: transparent;
    background-image: url(../img/checbox.svg);
}

.info-checkbox {
    max-width: 600px;
    font-size: 18px;
    color: #fff;
    margin: 20px 0;
}

.checkbox .error_message {
    color: #F47883;
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    position: absolute;
    bottom: -20px;
    left: 0;
    display: none;
}

.checkbox:has(.error) .error_message {
    display: block;
}

.email_form .checkbox .error_message {
    font-size: 16px;
}

.contact_form .checkbox .error_message {
    font-size: 16px;
}

.succses_popup_get-start {
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    position: relative;
    padding-top: 60px;
    display: none;
}

.succses_popup_get-start p {
    margin-bottom: 20px;
}

.succses_popup_get-start a {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 60px;
    display: block;
}

.cf7sr-g-recaptcha {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.create-game {
    padding-bottom: 170px
}

.create-game__wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1468px;
    text-align: center
}

.create-game__column-wrap {
    display: flex;
    align-items: flex-start;
    width: calc(100% + 128px);
    margin-left: -128px;
    flex-flow: row;
    flex-wrap: wrap
}

.create-game__column {
    width: calc(33.333% - 128px);
    margin-top: 80px;
    margin-left: 128px
}

.create-game__column img {
    width: 125px;
    height: 125px;
    object-fit: contain;
    margin: 0 auto 28px
}

@media (max-width: 768px) {
    .create-game__column img {
        width: 90px;
        height: 90px;
        margin: 0 auto 15px
    }
}

.create-game__column img.aso {
    width: 180px
}

@media (max-width: 768px) {
    .create-game__column img.aso {
        width: 120px
    }
}

.create-game__column h3 {
    color: #0172fd;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase
}

.create-game__column h3.lh--150 {
    line-height: 150%
}

@media (max-width: 1550px) {
    .create-game__column h3 {
        font-size: 40px
    }
}

@media (max-width: 768px) {
    .create-game__column h3 {
        font-size: 30px
    }
}

.create-game__column h3 strong {
    color: #e9b404;
    position: relative
}

.create-game__column h3 strong span {
    display: block;
    position: absolute;
    transform: rotate(-6deg);
    left: -50px;
    top: -56%;
    font-size: 31px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    color: #0172fd;
    text-decoration: line-through;
    text-decoration-color: #fff
}

@media (max-width: 1550px) {
    .create-game__column h3 strong span {
        font-size: 25px
    }
}

.create-game__column p {
    margin-top: 25px
}

.create-game__column p strong {
    color: #2264dc
}

.what-casDo-sec {
    background-color: #0172fd;
    margin-bottom: 170px;
    padding: 80px 0 120px
}

@media (max-width: 768px) {
    .what-casDo-sec {
        padding: 50px 0 60px;
        margin-bottom: 80px
    }
}

.what-casDo-sec__wrapper {
    display: flex
}

@media (max-width: 991px) {
    .what-casDo-sec__wrapper {
        flex-direction: column
    }
}

.what-casDo-sec__wrapper .text {
    width: calc(70% - 65px);
    margin-right: 65px
}

@media (max-width: 991px) {
    .what-casDo-sec__wrapper .text {
        width: 100%;
        margin-right: 0
    }
}

.what-casDo-sec__wrapper .text .font--1 {
    margin-bottom: 44px
}

@media (max-width: 768px) {
    .what-casDo-sec__wrapper .text .font--1 {
        margin-bottom: 25px
    }
}

.what-casDo-sec__wrapper .text ul {
    padding-left: 75px
}

@media (max-width: 1550px) {
    .what-casDo-sec__wrapper .text ul {
        padding-left: 50px
    }
}

@media (max-width: 768px) {
    .what-casDo-sec__wrapper .text ul {
        padding-left: 55px
    }
}

.what-casDo-sec__wrapper .text ul li {
    list-style: none;
    color: #fff;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    position: relative;
    margin-bottom: 44px
}

@media (max-width: 1550px) {
    .what-casDo-sec__wrapper .text ul li {
        font-size: 18px;
        margin-bottom: 35px
    }
}

@media (max-width: 768px) {
    .what-casDo-sec__wrapper .text ul li {
        font-size: 16px;
        margin-bottom: 30px
    }
}

.what-casDo-sec__wrapper .text ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -70px;
    background-image: url(../img/arrow-ul.svg);
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    background-size: 50px 40px
}

@media (max-width: 1550px) {
    .what-casDo-sec__wrapper .text ul li:before {
        left: -50px;
        width: 35px;
        height: 25px;
        background-size: 35px 25px
    }
}

@media (max-width: 768px) {
    .what-casDo-sec__wrapper .text ul li:before {
        width: 30px;
        height: 20px;
        background-size: 30px 20px;
        left: -50px
    }
}

.what-casDo-sec__wrapper .img {
    width: 30%;
    display: flex;
    align-items: end
}

@media (max-width: 991px) {
    .what-casDo-sec__wrapper .img {
        width: 100%;
        display: block;
        align-items: unset
    }
}

.what-casDo-sec__wrapper .img img {
    width: 100%
}

/* ============================================
   HOW IT WORK - Секция "Как это работает"
   ============================================ */
.how-it-work-sec {
    margin-bottom: 100px
}

@media (max-width: 768px) {
    .how-it-work-sec {
        margin-bottom: 80px
    }
}

.how-it-work-sec .font--1 {
    text-align: center;
    margin-bottom: 50px
}

@media (max-width: 1155px) {
    .how-it-work-sec .font--1 {
        margin-bottom: 30px
    }
}

.how-it-work-sec .f48 {
    text-align: center;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 50px
}

.how-it-work-sec .f48 strong {
    color: #0172fd
}

@media (max-width: 1155px) {
    .how-it-work-sec .f48 {
        font-size: 30px
    }
}

@media (max-width: 768px) {
    .how-it-work-sec .f48 {
        font-size: 25px;
        margin-bottom: 30px
    }
}

.road-wrapper .wrap-col {
    overflow: hidden;
    position: absolute
}

@media (max-width: 1155px) {
    .road-wrapper .wrap-col {
        position: static;
        height: 100px !important
    }
}

.road-wrapper .wrap-col.animated .road-wrapper__col {
    transform: translateY(0)
}

.road-wrapper .wrap-col:first-of-type {
    top: 4vw;
    left: 13vw;
    height: 296px;
}

.road-wrapper .wrap-col:first-of-type .road-wrapper__col {
    transition-delay: .5s
}

@media (max-width: 1550px) {
    .road-wrapper .wrap-col:first-of-type {
        top: 2vw;
        left: 12vw;
        height: 270px;
    }
}

@media (max-width: 1200px) {
    .road-wrapper .wrap-col:first-of-type {
        top: 1vw;
        left: 10vw;
    }
}

@media (max-width: 1155px) {
    .road-wrapper .wrap-col:first-of-type {
        top: unset;
        left: unset;
    }
}

@media (min-width: 2000px) {
    .road-wrapper .wrap-col:first-of-type {
        top: 12vw;
        left: 13vw;
    }
}

.road-wrapper .wrap-col:nth-of-type(2) {
    top: 8vw;
    left: 29vw;
    height: 288px;
}

.road-wrapper .wrap-col:nth-of-type(2) .road-wrapper__col {
    transition-delay: 1s
}

@media (max-width: 1550px) {
    .road-wrapper .wrap-col:nth-of-type(2) {
        top: 7vw;
        left: 28vw;
    }
}

@media (max-width: 1200px) {
    .road-wrapper .wrap-col:nth-of-type(2) {
        top: 5vw;
        left: 26vw;
    }
}

@media (min-width: 2000px) {
    .road-wrapper .wrap-col:nth-of-type(2) {
        top: 17vw;
        left: 29vw;
    }
}

@media (max-width: 1155px) {
    .road-wrapper .wrap-col:nth-of-type(2) {
        top: unset;
        left: unset
    }
}

.road-wrapper .wrap-col:nth-of-type(3) {
    top: 12vw;
    left: 43vw;
    height: 288px;
}

.road-wrapper .wrap-col:nth-of-type(3) .road-wrapper__col {
    transition-delay: 1.5s
}

@media (max-width: 1550px) {
    .road-wrapper .wrap-col:nth-of-type(3) {
        top: 10vw;
        left: 41vw;
    }
}

@media (max-width: 1200px) {
    .road-wrapper .wrap-col:nth-of-type(3) {
        top: 8vw;
        left: 39vw;
    }
}

@media (min-width: 2000px) {
    .road-wrapper .wrap-col:nth-of-type(3) {
        top: 21vw;
        left: 43vw;
    }
}

@media (max-width: 1155px) {
    .road-wrapper .wrap-col:nth-of-type(3) {
        bottom: unset;
        left: unset
    }
}

.road-wrapper .wrap-col:nth-of-type(4) {
    top: 8vw;
    left: 57vw;
    height: 334px;
}

.road-wrapper .wrap-col:nth-of-type(4) .road-wrapper__col {
    transition-delay: 2s
}

@media (max-width: 1550px) {
    .road-wrapper .wrap-col:nth-of-type(4) {
        top: 6vw;
        left: 55vw;
    }
}

@media (max-width: 1200px) {
    .road-wrapper .wrap-col:nth-of-type(4) {
        top: 4vw;
        left: 53vw;
    }
}

@media (min-width: 2000px) {
    .road-wrapper .wrap-col:nth-of-type(4) {
        top: 20vw;
        left: 57vw;
    }
}

@media (max-width: 1155px) {
    .road-wrapper .wrap-col:nth-of-type(4) {
        top: unset;
        left: unset
    }
}

.road-wrapper .wrap-col:nth-of-type(5) {
    top: 1vw;
    right: 11vw;
    height: 334px;
}

.road-wrapper .wrap-col:nth-of-type(5) .road-wrapper__col {
    transition-delay: 2.5s
}

@media (max-width: 1550px) {
    .road-wrapper .wrap-col:nth-of-type(5) {
        top: 0vw;
        right: 9vw;
    }
}

@media (max-width: 1200px) {
    .road-wrapper .wrap-col:nth-of-type(5) {
        top: 0vw;
        right: 7vw;
    }
}

@media (min-width: 2000px) {
    .road-wrapper .wrap-col:nth-of-type(5) {
        top: 11vw;
        right: 11vw;
    }
}

@media (max-width: 1155px) {
    .road-wrapper .wrap-col:nth-of-type(5) {
        top: unset;
        right: unset
    }
}

.road-wrapper .wrap-col:nth-of-type(6) {
    top: 300px;
    right: 15%;
    height: 296px
}

.road-wrapper .wrap-col:nth-of-type(6) .road-wrapper__col {
    transition-delay: 3s
}

@media (max-width: 1550px) {
    .road-wrapper .wrap-col:nth-of-type(6) {
        top: 200px
    }
}

@media (max-width: 1350px) {
    .road-wrapper .wrap-col:nth-of-type(6) {
        top: 198px;
        right: 16%
    }
}

@media (max-width: 1155px) {
    .road-wrapper .wrap-col:nth-of-type(6) {
        top: unset;
        right: unset
    }
}

.road-wrapper .wrap-col:nth-of-type(7) {
    top: 180px;
    right: 6%;
    height: 296px
}

.road-wrapper .wrap-col:nth-of-type(7) .road-wrapper__col {
    transition-delay: 3.5s
}

@media (max-width: 1550px) {
    .road-wrapper .wrap-col:nth-of-type(7) {
        top: 50px
    }
}

@media (max-width: 1155px) {
    .road-wrapper .wrap-col:nth-of-type(7) {
        top: unset;
        right: unset
    }
}

.road-wrapper .wrap-col:nth-of-type(8) {
    top: 20px;
    right: 0;
    height: 296px
}

.road-wrapper .wrap-col:nth-of-type(8) .road-wrapper__col {
    transition-delay: 4s
}

@media (max-width: 1550px) {
    .road-wrapper .wrap-col:nth-of-type(8) {
        top: -50px
    }
}

@media (max-width: 1155px) {
    .road-wrapper .wrap-col:nth-of-type(8) {
        top: unset;
        right: unset
    }
}

.road-wrapper__wrap {
    position: relative;
    width: 90%;
    margin: 0 auto
}

@media (max-width: 1155px) {
    .road-wrapper__wrap {
        padding: 0 15px;
        width: 100%
    }
}

.road-wrapper__col {
    width: 238px;
    background-color: #0172fd;
    border-radius: 20px;
    padding: 14px 18px;
    display: flex;
    position: relative;
    transition: .8s;
    transform: translateY(-500px);
    align-items: center;
    min-height: 117px
}

@media (max-width: 1550px) {
    .road-wrapper__col {
        min-height: 80px
    }
}

@media (max-width: 1155px) {
    .road-wrapper__col {
        width: 100%;
        position: unset;
        margin-bottom: 30px;
        align-items: center
    }
}

@media (max-width: 768px) {
    .road-wrapper__col {
        margin-bottom: 15px
    }
}

.road-wrapper__col:after {
    content: "";
    position: absolute;
    top: 100%;
    height: 117px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px dotted #0172fd
}

@media (max-width: 1550px) {
    .road-wrapper__col:after {
        height: 120px;
        border-left: 7px dotted #0172fd
    }
}

@media (max-width: 1155px) {
    .road-wrapper__col:after {
        display: none
    }
}

.road-wrapper__col:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    border: 10px solid #0172fd;
    bottom: -160px;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 1550px) {
    .road-wrapper__col:before {
        width: 30px;
        height: 30px;
        border: 7px solid #0172fd
    }
}

@media (max-width: 1155px) {
    .road-wrapper__col:before {
        display: none
    }
}

.road-wrapper__col .number {
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #fff;
    margin-right: 5px
}

@media (max-width: 1450px) {
    .road-wrapper__col .number {
        font-size: 32px
    }
}

.road-wrapper__col .font--4 {
    padding-left: 12px;
    font-size: 16px;
    word-wrap: normal;
    overflow: auto
}

.road-wrapper__img {
    width: 100%;
    margin-top: 0px;
}

.road-wrapper__img img,
.road-wrapper img {
    width: 100%;
}

@media (max-width: 1155px) {
    .road-wrapper__img {
        display: none
    }
}

/* ============================================
   PROJECT REQUIREMENTS - Секция требований проекта
   ============================================ */
.project-requirements-sec {
    width: 60%;
    margin: 0 auto 170px;
    position: relative
}

@media (max-width: 991px) {
    .project-requirements-sec {
        width: 80%;
        margin: 0 auto 100px
    }
}

@media (max-width: 768px) {
    .project-requirements-sec {
        width: 100%;
        margin: 0 auto 80px
    }
}

.project-requirements-sec:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0172fd;
    width: 209px;
    height: 209px;
    border-radius: 50%;
    filter: blur(135px);
    z-index: -1;
    opacity: .5
}

.project-requirements-sec .font--1 {
    margin-bottom: 80px;
    text-align: center
}

@media (max-width: 768px) {
    .project-requirements-sec .font--1 {
        margin-bottom: 40px;
        text-align: start
    }
}

.project-requirements-sec ul {
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.project-requirements-sec ul li {
    list-style: none;
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 38px;
    position: relative;
    padding-left: 60px
}

@media (max-width: 1550px) {
    .project-requirements-sec ul li {
        font-size: 25px
    }
}

@media (max-width: 768px) {
    .project-requirements-sec ul li {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.project-requirements-sec ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-image: url(../img/box_done.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-size: 40px 40px
}

@media (max-width: 768px) {
    .project-requirements-sec ul li:before {
        width: 25px;
        height: 25px;
        background-size: 25px 25px
    }
}

.why-publishing-sec {
    margin-bottom: 170px
}

@media (max-width: 768px) {
    .why-publishing-sec {
        margin-bottom: 100px
    }
}

.why-publishing-sec .font--1 {
    margin-bottom: 80px;
    text-align: center
}

@media (max-width: 991px) {
    .why-publishing-sec .font--1 {
        margin-bottom: 60px
    }
}

@media (max-width: 768px) {
    .why-publishing-sec .font--1 {
        margin-bottom: 40px
    }
}

.why-publishing-sec .img {
    width: 80%;
    margin: 0 auto
}

.why-publishing-sec .img video {
    width: 100%;
    object-fit: cover
}

@media (max-width: 768px) {
    .why-publishing-sec .img {
        width: 100%
    }
}

.slider-cas-sec {
    margin-bottom: 170px;
    position: relative
}

@media (max-width: 768px) {
    .slider-cas-sec {
        margin-bottom: 100px;
        overflow: hidden
    }
}

.slider-cas-sec:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 230px;
    background-color: #0172fd;
    width: 209px;
    height: 209px;
    border-radius: 50%;
    filter: blur(135px);
    z-index: -1;
    opacity: .5
}

.slider-cas-sec .font--1 {
    margin-bottom: 80px;
    text-align: center
}

@media (max-width: 991px) {
    .slider-cas-sec .font--1 {
        margin-bottom: 50px
    }
}

@media (max-width: 768px) {
    .slider-cas-sec .font--1 {
        margin-bottom: 30px
    }
}

.slider-cas-sec__wrapper {
    width: 80%;
    margin: 0 auto
}

@media (max-width: 768px) {
    .slider-cas-sec__wrapper {
        width: 100%
    }
}

@media (max-width: 768px) {
    .slider-cas-sec .swiper {
        padding-bottom: 40px
    }
}

.slider-cas-sec .swiper-button-next, .slider-cas-sec .swiper-button-prev {
    transform: translateY(-50%);
    top: 60% !important;
    margin-top: unset;
    color: unset;
    width: 53px;
    height: 40px;
    background-size: 53px 40px
}

@media (max-width: 991px) {
    .slider-cas-sec .swiper-button-next, .slider-cas-sec .swiper-button-prev {
        width: 32px;
        height: 20px;
        background-size: 32px 20px
    }
}

@media (max-width: 768px) {
    .slider-cas-sec .swiper-button-next, .slider-cas-sec .swiper-button-prev {
        display: none
    }
}

.slider-cas-sec .swiper-button-next:after, .slider-cas-sec .swiper-button-prev:after {
    display: none
}

.slider-cas-sec .swiper-button-prev {
    background-image: url(../img/arrow_prev.svg)
}

.slider-cas-sec .swiper-button-next {
    background-image: url(../img/arrow_next.svg)
}

.slider-cas-sec .swiper-pagination-bullets {
    left: 50%;
    transform: translateX(-50%);
    margin-top: 60px
}

@media (max-width: 991px) {
    .slider-cas-sec .swiper-pagination-bullets {
        margin-top: 30px
    }
}

@media (max-width: 768px) {
    .slider-cas-sec .swiper-pagination-bullets {
        margin-top: -15px
    }
}

.slider-cas-sec .swiper-pagination-bullet {
    background-color: #a4a4a4;
    opacity: 1;
    margin-right: 20px
}

.slider-cas-sec .swiper-pagination-bullet:last-of-type {
    margin-right: 0
}

.slider-cas-sec .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0172fd
}

.form .flex-row {
    margin-bottom: 28px
}

.form .have-app-wrap p {
    margin-bottom: 20px
}

.form .have-app-wrap .link-appl {
    width: calc(50% - 10px);
    display: none;
    margin-top: 18px
}

@media (max-width: 768px) {
    .form .have-app-wrap .link-appl {
        width: 100%
    }
}

.form .flex-input {
    display: flex;
    margin-bottom: 5px
}

.form .flex-input .input-quest {
    margin-right: 24px;
    align-items: center
}

.form .flex-input .input-quest:last-of-type {
    margin-right: 0
}

.form .input-quest {
    display: flex;
    align-items: flex-start;
    position: relative
}

.form .input-quest .font--4 {
    margin-left: 35px;
    margin-bottom: 0;
    max-width: 65%
}

.form .input-quest .font--4 a {
    color: #fff;
    text-decoration: underline
}

.form .main-btn {
    margin-top: 20px
}

/* ============================================
   CHECK INPUTS - Чекбоксы и радио-кнопки
   ============================================ */
.check-input {
    opacity: 0;
    height: 0 !important;
    width: 0 !important
}

.check-input, .false-radio {
    position: absolute;
    cursor: pointer
}

.false-radio {
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 2px solid #fff;
    background-color: transparent
}

.check-input.input-yes:checked ~ #input-quest-yes .false-radio {
    background-color: transparent;
    background-image: url(../img/check.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat
}

.check-input.input-no:checked ~ #input-quest-no .false-radio, .check-input.input-pr_policy:checked ~ #input-quest-pr_policy .false-radio {
    background-color: transparent;
    background-image: url(../img/check.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat
}

#input-quest-pr_policy {
    margin-top: 20px
}

@media (max-width: 1550px) {
    .create-game {
        padding-bottom: 100px
    }

    .create-game__wrap {
        max-width: 1150px
    }

    .create-game__column-wrap {
        width: calc(100% + 50px);
        margin-left: -50px
    }

    .create-game__column {
        width: calc(33.333% - 50px);
        margin-top: 50px;
        margin-left: 50px
    }
}

@media (max-width: 1080px) {
    .create-game {
        padding-bottom: 80px
    }

    .create-game__column-wrap {
        width: calc(100% + 30px);
        margin-left: -30px
    }

    .create-game__column {
        width: calc(50% - 30px);
        margin-top: 30px;
        margin-left: 30px
    }

    .create-game__column p {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .create-game {
        padding-bottom: 60px
    }

    .create-game__column {
        width: 100%
    }
}

.popup-publishing {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backdrop-filter: contrast(0.5);
    z-index: 99;
    overflow: scroll;
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.popup-publishing .popup-wrapper {
    margin: auto;
    max-width: 1040px;
    width: 100%;
    background-color: #131313;
    color: white;
    overflow: hidden;
    top: 100px;
    padding: 40px 50px 65px 50px;
    position: relative;
}

.popup-publishing .popup-wrapper form {
    position: relative;
    z-index: 10;
}

.popup-publishing .popup-wrapper .popup-close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 15;
}

.popup-publishing h2 {
    text-align: center;
    padding-bottom: 36px;
}

.popup-publishing .flex-row .column {
    width: calc(50% - 10px);
}

.popup-publishing .flex-input {
    display: flex;
    margin-bottom: 5px;
    padding-top: 20px;
}

.popup-publishing .input-quest {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.popup-publishing .flex-input .input-quest {
    margin-right: 24px;
    align-items: center;
    gap: 12px;
}

.popup-publishing .have-app-wrap {
    padding: 20px 0;
}

.popup-publishing .publishing {
    position: relative;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #fff;
    background-color: transparent;
}

.popup-publishing .have-app-wrap .link-appl-publish {
    width: calc(50% - 10px);
    display: none;
    margin-top: 18px;
}

.popup-publishing textarea {
    width: 100%;
    height: 120px;
    padding: 20px 24px;
    border: 1px solid #131313;
    color: #131313;
    font-size: 18px;
    font-weight: 500;
    resize: none;
    height: 100px;
    padding: 12px;
}

.popup-publishing .main-btn--black {
    height: 70px;
    font-size: 32px;
    font-weight: 500;
    padding: 16px 80px;
    display: block;
    margin: 20px auto 0;
}

.popup-publishing button {
    background: #0172FD;
}

.check-publish.publish-no:checked ~ #publish-quest-no .publishing,
.check-publish.publish-yes:checked ~ #publish-quest-yes .publishing {
    background-color: transparent;
    background-image: url(../img/check.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
}

.check-publish {
    opacity: 0;
    height: 0 !important;
    width: 0 !important;
}

.check-publish,
.publishing {
    position: absolute;
    cursor: pointer;
}

.popup-publishing .publish-quest .font--4 {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 0;
    max-width: 65%;
}

.popup-publishing .publish-quest {
    display: flex;
    align-items: center;
    position: relative;
}

@media (max-width: 768px) {
    .slider-cas-sec .wrapper .main-btn.learn-more {
        font-size: 20px !important;
    }

    .slider-cas-sec .wrapper .top-block {
        padding: 32px 15px;
    }

    .slider-cas-sec .wrapper .main-btn.learn-more {
        padding: 16px 32px !important;
    }

    .project-requirements-sec .font--1 {
        text-align: center;
    }

    .popup-publishing .popup-wrapper {
        padding: 25px 15px 25px 15px;
    }

    .popup-publishing .popup-wrapper .flex-row.ai--center.jc--sb {
        flex-direction: column;
        gap: 10px;
    }

    .popup-publishing .popup-wrapper .flex-row.ai--center.jc--sb .column {
        width: 100%;
    }

    .popup-publishing .have-app-wrap .link-appl-publish {
        width: 100%;
    }

    .popup-publishing .main-btn--black {
        font-size: 24px;
        padding: 12px 40px;
    }

    .popup-publishing .popup-wrapper .popup-close {
        top: 2px;
        right: 2px;
    }

    .popup-publishing .popup-wrapper .popup-close svg {
        width: 30px;
    }

    .publishing-sucss .left {
        width: 100%;
    }

    .publishing-sucss .right {
        display: none;
    }
}

.they-trust-us {
    padding-bottom: 50px;
}

.they-trust-us .swiper-wrapper {
    height: auto;
}

.they-trust-us .reviews-swiper-wrapper {
    padding-top: 80px;
}

.they-trust-us .reviews-swiper-wrapper .swiper-wrapper .swiper-slide {
    transform: scale(0.8);
    filter: contrast(0.5);
}

.they-trust-us .reviews-swiper-wrapper .swiper-wrapper .swiper-slide-active.swiper-slide {
    transform: scale(1);
    filter: none;
}

.they-trust-us .reviews-swiper-wrapper .swiper-wrapper .swiper-slide-active .stars img {
    max-width: 32px;
}

.they-trust-us .reviews-swiper-wrapper .swiper-wrapper .swiper-slide .stars img {
    max-width: 24px;
}

.they-trust-us .reviews-swiper-wrapper .swiper-wrapper .swiper-slide .top-row {
    margin-bottom: 20px;
}

.video-screen-title {
    text-align: center;
    margin-bottom: 60px;
}

.new_page.ar .font--5 {
    font-size: 24px;
    line-height: 120%
}

.new_page.ar .font--4 {
    font-size: 28px;
    line-height: 120%
}

.new_page.ar .our-platform__column .column-sub-heading {
    font-size: 24px;
    line-height: 120%
}

.new_page.ar .dashboard-screen .right .coin-bg img {
    transform: scaleX(-1);
}

.new_page.ar .another .coin-bg img {
    transform: scaleX(-1)
}

.new_page.ar .form-get_started_popup .checkbox_text,
.new_page.ar .contacts__wrap .contact_form .checkbox_text,
.new_page.ar .wrap_form-second .email_form .checkbox_text,
.new_page.ar .form .contact_form .checkbox_text {
    padding-right: 30px;
}

.new_page.ar .form-get_started_popup .checkbox_text:before,
.new_page.ar .contacts__wrap .contact_form .checkbox_text:before,
.new_page.ar .wrap_form-second .email_form .checkbox_text:before,
.new_page.ar .form .contact_form .checkbox_text:before {
    left: unset;
    right: 0
}

.new_page.ar .form.second .coin-bg {
    left: 100px;
    right: unset
}

.new_page.ar .contacts .contacts__wrap .left {
    padding-right: 100px;
}

.new_page.ar .contacts__wrap .left .socs-wrap .socs:first-of-type {
    margin-left: 16px;
}

.new_page.ar .contacts .contacts__wrap .right .font--1 {
    text-align: right;
}

.new_page.ar .contacts .coin-bg img {
    transform: scaleX(-1);
}

.new_page.ar .form-get_started_popup .title_select2 svg {
    left: 24px;
    right: unset;
}

.new_page.ar .title-screen.mediation .right img,
.new_page.ar .title-screen.mediation .right {
    transform: scaleX(-1);
}

.new_page.ar .another .right img {
    margin-right: 100px;
}

.new_page.ar .project-requirements-sec ul li:before {
    right: 0;
    left: unset;
    transform: translatey(-50%);
}

.new_page.ar .what-casDo-sec__wrapper .text ul li:before {
    right: 0;
    left: unset;
    transform: scalex(-1);
}

.new_page.ar .main-popup-wrap .popup-wrap .popup .popup-closer {
    left: 28px;
    right: unset;
}

.new_page.ar .get_started_popup .close_popup {
    left: 24px;
    right: unset;
}

.new_page.ar .get_started_popup .font--1 {
    text-align: right;
}

.new_page.ar .project-requirements-sec ul li,
.new_page.ar .what-casDo-sec__wrapper .text ul li {
    padding-left: 0;
    padding-right: 70px;
}

.new_page.ar .title-screen.mediation h3 {
    font-size: 40px;
    line-height: 120%;
}

.new_page.ar .cas-better .slider-reasons__text {
    font-size: 32px;
}

.new_page.ar .title-screen .main-btn {
    gap: 15px;
}

.new_page.ar .title-screen.mediation:after {
    content: "";
    position: absolute;
    top: 228px;
    right: unset;
    left: 428px;
    background-color: #0172fd;
    width: 208px;
    height: 209px;
    border-radius: 50%;
    filter: blur(90px);
    z-index: -1;
    opacity: .5;
}

.new_page.ar .swiper-wrapper-hard {
    display: flex;
    width: 100%;
    gap: 50px;
    padding-top: 24px;
    padding-bottom: 85px;
}

.new_page.ar .swiper-wrapper-hard .swiper-slide {
    width: calc((100% - 100px) / 3);
}

.new_page.ar .swiper-wrapper-hard .swiper-slide img {
    max-width: 24px
}


.new_page.ar .swiper-wrapper-hard .swiper-slide .desc {
    margin-top: 20px;
    font-size: 24px;
    line-height: 120%;
}

.new_page.ar .swiper-wrapper-hard .swiper-slide .name {
    font-size: 28px;
    line-height: 120%;
}

.new_page .they-trust-us.ar-lang {
    display: none;
}

.new_page.ar .they-trust-us {
    display: none;
}

.new_page.ar .they-trust-us.ar-lang {
    display: block;
}

.road-wrapper.ar-lang {
    position: relative;
}

.road-wrapper.ar-lang .road-wrapper .col-item {
    position: absolute
}

.road-wrapper.ar-lang .road-wrapper__wrap {
    position: unset;
}

.how-it-work-sec .road-wrapper.ar-lang .road-wrapper img {
    transform: scalex(-1)
}

.new_page .road-wrapper__img,
.new_page .road-wrapper {
    display: block
}

.new_page .road-wrapper.ar-lang {
    display: none
}

.new_page.ar .road-wrapper__img,
.new_page.ar .road-wrapper {
    display: none
}

.new_page.ar .road-wrapper.ar-lang .road-wrapper,
.new_page.ar .road-wrapper.ar-lang {
    display: block
}


.road-wrapper.ar-lang .road-wrapper .col-item .road-wrapper__col .font-clamp,
.road-wrapper.ar-lang .road-wrapper .col-item .road-wrapper__col .number-clump {
    transition: all 0.8s ease;
}

.road-wrapper.ar-lang .road-wrapper .col-item {
    right: unset;
    left: unset;
}

@media (max-width: 1150px) {
    .new_page.ar .swiper-wrapper-hard .swiper-slide:nth-child(3) {
        display: none;
    }

    .new_page.ar .swiper-wrapper-hard .swiper-slide {
        width: calc((100% - 75px) / 2)
    }

    .new_page.ar .road-wrapper.ar-lang .road-wrapper, .new_page.ar .road-wrapper.ar-lang {
        display: flex;
        flex-direction: column-reverse;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item {
        position: sticky;
    }
}

@media (max-width: 769px) {
    .new_page.ar .swiper-wrapper-hard .swiper-slide:nth-child(1),
    .new_page.ar .swiper-wrapper-hard .swiper-slide:nth-child(3) {
        display: none;
    }

    .new_page.ar .swiper-wrapper-hard .swiper-slide {
        width: 100%
    }
}

@media (min-width: 1150px) {
    .road-wrapper.ar-lang .road-wrapper .col-item .wrap-col {
        height: 288px;
        width: fit-content;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item .road-wrapper__col .number-clump {
        font-size: 32px;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item .road-wrapper__col .font-clump {
        font-size: 16px;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(8) {
        top: -36%;
        left: 0;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(7) {
        top: -16%;
        left: 15%;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(6) {
        top: 4%;
        left: 26%;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(5) {
        top: -2vw;
        left: 13vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(4) {
        top: 6vw;
        left: 25vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(3) {
        top: 9vw;
        right: 45vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(2) {
        top: 6vw;
        right: 32vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(1) {
        top: 1vw;
        right: 18vw;
    }
}

@media (min-width: 1300px) {
    .road-wrapper.ar-lang .road-wrapper .col-item .road-wrapper__col .number-clump {
        font-size: 36px;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item .road-wrapper__col .font-clump {
        font-size: 22px;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(8) {
        top: -24%;
        left: 0;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(7) {
        top: 2%;
        left: 15%;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(6) {
        top: 22%;
        left: 26%;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(5) {
        top: 0vw;
        left: 15vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(4) {
        top: 8vw;
        left: 27vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(3) {
        top: 11vw;
        right: 47vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(2) {
        top: 8vw;
        right: 34vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(1) {
        top: 3vw;
        right: 20vw;
    }
}

@media (min-width: 1500px) {
    .road-wrapper.ar-lang .road-wrapper .col-item .road-wrapper__col .number-clump {
        font-size: 36px;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item .road-wrapper__col .font-clump {
        font-size: 22px;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(8) {
        top: -18%;
        left: 0;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(7) {
        top: 2%;
        left: 10%;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(6) {
        top: 22%;
        left: 20%;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(5) {
        top: 1vw;
        left: 16vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(4) {
        top: 9vw;
        left: 28vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(3) {
        top: 12vw;
        right: 48vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(2) {
        top: 9vw;
        right: 35vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(1) {
        top: 4vw;
        right: 21vw;
    }
}

@media (min-width: 2000px) {
    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(5) {
        top: 10vw;
        left: 16vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(4) {
        top: 18vw;
        left: 28vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(3) {
        top: 21vw;
        right: 48vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(2) {
        top: 18vw;
        right: 35vw;
    }

    .road-wrapper.ar-lang .road-wrapper .col-item:nth-of-type(1) {
        top: 13vw;
        right: 21vw;
    }
}

.road-wrapper.ar-lang .road-wrapper .road-wrapper__col .number-clump {
    margin-right: 0;
    margin-left: 10px;
}

.new_page.ar .what-casDo-sec__wrapper .text ul li:before {
    left: unset;
    right: 0;
    transform: rotate(180deg);
}


.new_page.ar .cas-sdk .cas-sdk__heading {
    /*font-size: 40px*/
}

.new_page.ar .another .coin-bg {
    left: 163px;
    right: unset;
}

.new_page.ar .form .flex-input .input-quest {
    margin-right: 0;
}

.new_page.ar .form .flex-input .input-quest:last-of-type {
    margin-right: 24px;
}

.new_page.ar .footer .top-row .menu li a,
.new_page.ar .header .center .nav-menu li a {
    font-size: 16px;
}

.new_page.ar .what-casDo-sec__wrapper .text ul li:before {
    top: 0
}

.new_page.ar .what-casDo-sec__wrapper .text ul li {
    font-size: 28px;
}

.new_page.ar .project-requirements-sec ul {
    transform: translatex(-70px)
}

.new_page.ar .title-screen:after {
    left: 0px;
    top: 140px;
    width: 9000px;
    height: 900px;
    z-index: -1;
}

.new_page.ar .popup_about_ab .popup-close {
    left: 36px;
    right: unset;
}

.new_page.ar .popup_about_ab .excerption {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 26px 27px 45px 0;
}

.new_page.ar .popup_about_ab .dot-list {
    padding-left: unset;
    padding-right: 18px;
}

.succses_popup_get-start {
    padding-top: 0;
}

.succses_popup_get-start h2 {
    text-align: center;
    margin-top: 0;
    padding-top: 0;
}

.popup-publishing .succses_popup_publish p,
.wrap-get_started_popup .succses_popup_get-start p {
    text-align: center;
    font-size: 32px;
}

.popup-publishing .succses_popup_publish .devider-line,
.wrap-get_started_popup .succses_popup_get-start .devider-line {
    width: 100%;
    height: 1px;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    margin-top: 30px;
}

.popup-publishing .succses_popup_publish .bottom-block,
.wrap-get_started_popup .succses_popup_get-start .bottom-block {
    margin-top: 30px;
}

.popup-publishing .succses_popup_publish .bottom-items,
.wrap-get_started_popup .succses_popup_get-start .bottom-items {
    display: flex;
    margin-top: 30px;
    justify-content: space-around;

}

.popup-publishing .succses_popup_publish .bottom-items .item,
.wrap-get_started_popup .succses_popup_get-start .bottom-items .item {
    width: 100%;
    display: flex;
    justify-content: start;
    gap: 20px;
    z-index: 1;
    align-items: start;
}

.popup-publishing .succses_popup_publish .bottom-items .item .item-text,
.wrap-get_started_popup .succses_popup_get-start .bottom-items .item .item-text {
    font-size: 20px;
    line-height: 120%;
}

.popup-publishing .succses_popup_publish .bottom-items .item img,
.wrap-get_started_popup .succses_popup_get-start .bottom-items .item img {
    width: 48px;
}

.bottom-items .wrapper-item {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 40%;
}

.popup-publishing .succses_popup_publish .bottom-items .item .links,
.wrap-get_started_popup .succses_popup_get-start .bottom-items .item .links {
    display: flex;
    justify-content: start;
    gap: 23px;
}

.popup-publishing .succses_popup_publish .bottom-items .item .links a,
.wrap-get_started_popup .succses_popup_get-start .bottom-items .item .links a {
    margin-top: 0;
    font-size: 20px;
    text-decoration: underline;
    line-height: 120%;
    text-align: left;
}

.wrap-get_started_popup .succses_popup_get-start:after {
    content: '';
    left: 0;
    position: absolute;
    border-radius: 1490.966px;
    width: 140%;
    margin-left: -20%;
    height: 9%;
    bottom: -140px;
    background: #0172FD;
    filter: blur(89px);
    z-index: 0;
}

.wrap-get_started_popup .succses_popup_get-start .bottom-items .item.centered,
.popup-publishing .succses_popup_publish .bottom-item .item.centered {
    align-items: center;
}

.popup-publishing .succses_popup_publish {
    display: none;
}

.popup-publishing .succses_popup_publish p {
    font-size: 24px;
    margin-top: 30px;
}

.wrap-get_started_popup .succses_popup_get-start .bottom-items .description-wrapper p,
.popup-publishing .succses_popup_publish .bottom-items .description-wrapper p {
    text-align: left;
}

.popup-publishing .succses_popup_publish .bottom-items .description-wrapper .links,
.wrap-get_started_popup .succses_popup_get-start .description-wrapper .links {
    justify-content: start;
}

.get_started_popup {
    /*padding-top: 100px;*/
}

.test__wrap .button-row {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.test__wrap .button-row .main-btn.main-btn--black {
    border-radius: 0;
}

.popup_see_result {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backdrop-filter: contrast(0.5);
    z-index: 99;
    overflow: scroll;
    display: none;
    scrollbar-width: none;
}

.popup_see_result .container_popup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
}

.popup_see_result .container_popup .popup_wrapper {
    max-width: 1040px;
    margin: auto;
    padding: 60px 60px;
    background: #131313;
    position: relative;
    overflow: scroll;
    scrollbar-width: none;
    text-align: center;
    top: 100px;
}

.popup_see_result .container_popup .popup_wrapper:before {
    content: '';
    width: 422px;
    height: 422px;
    border-radius: 422px;
    background: #0172FD;
    filter: blur(223.5px);
    position: absolute;
    top: -5%;
    left: -5%;
}

.popup_see_result .container_popup .popup_wrapper:after {
    content: '';
    position: absolute;
    border-radius: 1490.966px;
    width: 100%;
    height: 15%;
    bottom: 0;
    background: #0172FD;
    filter: blur(135px);
    z-index: 0;
    left: 0;
}

.popup_see_result .container_popup .popup_wrapper .main-btn {
    padding: 10px 40px;
    position: relative;
    z-index: 10;
}

.popup_see_result .popup-close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 15;
}

.popup_see_result .imgs_wrapper {
    display: flex;
    gap: 150px;
    margin: 50px 0;
    align-items: center;
    z-index: 1000;
    position: relative;
}

.popup_see_result .font--2 {
    text-align: center;
    z-index: 15;
    position: relative;
}


.wrap-get_started_popup {
    overflow-y: auto;
    overflow-x: hidden;
}

.slider-cas-sec .wrapper .main-btn.learn-more {
    font-size: 32px;
    line-height: 120%;
    padding: 16px 106px;
    border-radius: 0;
}

.main-btn.main-btn--blue.font--3.get_start.btn-popup {
    font-size: 32px;
    line-height: 120%;
    padding: 16px 106px;
}

.add_contact_way {
    padding-bottom: 15px;
    cursor: pointer;
}

.form-get_started_popup .drop2 span {
    height: 50px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.bottom_get_start .socs-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 25px;
}

.bottom_get_start .socs-wrap img {
    height: 32px;
}

.wrap-get_started_popup:after {
    content: '';
    position: absolute;
    border-radius: 1490.966px;
    width: 100%;
    height: 15%;
    bottom: -80px;
    background: #0172FD;
    filter: blur(135px);
    z-index: 0;
}

.main-get_started_popup {
    position: relative;
    z-index: 5;
}

.main-btn {
    border-radius: 0;
}

.iti__country-name {
    color: #999;
}

.input_bl .iti.iti--allow-dropdown {
    width: 100%
}

.adding-svg {
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.form-get_started_popup .select_input {
    margin-bottom: 38px;
}

.title_select2 textarea {
    height: 46px;
    overflow-y: auto;
    resize: none;
}

.drop2 span.selected {
    background-color: #7495b391;
}

.input_bl.custom_add input {
    margin-bottom: 0;
}

.title_select2 textarea {
    margin-bottom: 14px;
}

.select2 .drop2 img {
    height: 28px;
}

.select_input .input_bl input {
    margin-bottom: 0;
}

.pt .create-game__column h3 strong span {
    left: -65px;
}

.create-game .create-game__column-wrap .create-game__column p,
.brands h2,
.activities_new.activities h2,
.create-game h2,
.hiw .hiw__wrap h1,
.test .test__wrap h2,
.test .test__wrap p,
.why-cas h2,
.they-trust-us h2 {
    text-align: center;
}

.title-screen.mediation .right {
    position: relative;
}

.title-screen.mediation .right:after {
    content: "";
    position: absolute;
    top: 40%;
    right: 0;
    background-color: #0172fd;
    width: 259px;
    height: 259px;
    border-radius: 50%;
    filter: blur(135px);
    z-index: -1;
    opacity: .8;
}

.title-screen.publishing .right:after {
    content: "";
    position: absolute;
    top: 0%;
    right: 30%;
    background-color: #0172fd;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    filter: blur(135px);
    z-index: -1;
    opacity: .8;
}

.title-screen.publishing .right {
    position: relative;
}

.popup_about_ab .numeric-list {
    padding-right: 60px;
}

.es .create-game__column-wrap .create-game__column:nth-child(2) {
    white-space: nowrap;
}

.es .create-game__column-wrap .create-game__column:nth-child(4) strong span {
    left: -45%;
}

.slider-cas-sec .swiper-pagination-bullets {
    margin-top: 30px;
}

.another .flex-row .left .main-btn {
    font-size: 20px;
}

.why-cas__wrap .why-cas__column:nth-child(2) .font--5.column-heading {
    white-space: break-spaces;
}

.footer .policy {
    padding: unset;
}

.form-get_started_popup .select_input,
.form-get_started_popup .input_bl input.massenger_id {
    display: none;
}

.form-get_started_popup .select_input.active {
    display: flex;
}

.form-get_started_popup .input_bl input.massenger_id.active {
    display: block;
}

.form-get_started_popup .input_bl input.massenger_id.active.viber-whatsapp,
.form-get_started_popup .input_bl input.massenger_id.active.skype,
.form-get_started_popup .input_bl input.massenger_id.active.telegram {
    margin-bottom: 0;
}

.form-get_started_popup .select_input.third_block .input_bl,
.form-get_started_popup .select_input.second_block .input_bl {
    display: contents;
}

.select_input.active.first_block .error_message {
    bottom: -18px;
    left: -84px;
}

@media (max-width: 768px) {
    .select_input.active.first_block .error_message {
        bottom: -3px;
        left: -84px;
    }

    .form-get_started_popup .select_input {
        margin-bottom: 23px;
    }
}

.wrap-get_started_popup .add_contact_way_text,
.adding-svg path {
    transition: all 0.3s ease;
}

.adding-svg:hover path {
    stroke: #F47883
}

.wrap-get_started_popup .add_contact_way_text:hover {
    color: #0172FD;
}

.container_popup {
    /*padding-top:100px;*/
}

.ar .get_started_popup .select_input.active.first_block .error_message {
    left: 0;
}

.button-row.tablet {
    display: none;
}

.test__wrap .font--1.lh--120.mobile,
.test__wrap .font--4.lh--120.mobile {
    display: none;
}

@media (max-width: 1155px) {
    .road-wrapper__img,
    .new_page.ar .road-wrapper.ar-lang img {
        display: none !important;
    }
}

@media (max-width: 1080px) {
    .slider-cas-sec .wrapper .main-btn.learn-more {
        font-size: 24px;
        line-height: 120%;
        padding: 16px 32px;
        border-radius: 0;
    }

    .what-casDo-sec__wrapper .img img {
        margin: auto;
        width: 50%;
    }

    .contacts__wrap .left {
        flex-direction: column;
        align-items: center;
    }

    .contacts__wrap .left .font--3,
    .contacts__wrap .left .row {
        text-align: center;
    }

    .contacts:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        bottom: unset;
        width: 1300px;
        height: 1300px;
        background: url(../img/bg2.png);
        background-size: contain;
        background-repeat: no-repeat;
        top: -300px;
    }

    .dashboard-screen {
        padding: 0;
    }

    .dashboard-screen .right {
        padding: 0;
        margin-top: -30px;
    }

    .button-row {
        display: none;
    }

    .button-row.tablet {
        padding: 30px;
        margin-top: 30px;
        padding-left: 0;
    }

    .dashboard-screen .button-row.tablet .main-btn.main-btn--blue,
    .dashboard-screen .button-row.tablet .main-btn.main-btn--white {
        padding: 12px 40px;
        color: #0172FD;
        font-size: 24px;
        height: 50px;
        font-weight: 500;
    }

    .dashboard-screen .button-row.tablet .main-btn.main-btn--blue {
        color: white;
    }

    .button-row.tablet {
        display: block;
    }

    .dashboard-screen .flex-row {
        display: flex;
        gap: 30px;
    }

    .dashboard-screen .left {
        width: 50%;
    }

    .dashboard-screen .right {
        width: 50%;
    }

    .dashboard-screen .right .img-wrap {
        width: 100%;
    }

    .test__wrap .main-btn {
        width: 35%;
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
    }

    .title-screen.mediation .title__flex-row {
        display: flex;
        gap: 30px;
    }

    .title-screen.mediation .left .font--2,
    .title-screen.mediation .left {
        text-align: left;
    }

    .title-screen .main-btn {
        padding: 16px 69px;
        margin-top: 60px;
    }

    .title-screen.mediation .right img {
        height: unset
    }

    .title-screen.mediation .right img:nth-child(1) {
        width: 70%;
    }

    .title-screen.mediation .right img:nth-child(2) {
        width: 30%;
    }

    .cas-sdk__flex-row .left .img-wrap:after {
        width: 150px;
        height: 110px;
        right: unset;
        left: -160px;
        top: 10px;
        transform: rotate(120deg);
    }

    .cas-sdk__flex-row .right {
        width: 100%;
        margin-top: 50px;
    }

    .another .flex-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .flex-row .left {
        text-align: center;
    }

    .flex-row .left .font--1.lh--120 {
        text-align: center;
    }

    .another .flex-row .left .main-btn.main-btn--white {
        width: 80%;
    }

    .video-screen {
        padding-top: 0;
    }

    .title-screen.home_p {
        padding-bottom: 50px;
    }

    .dashboard-screen .button-row.tablet {
        text-align: left;
    }

    .title-screen .right img {
        margin: auto;
        max-height: 200px;
    }

    .title-screen.publishing .right img {
        margin-top: -50%;
        max-height: unset;
    }

    @supports (-webkit-touch-callout: none) {
        .title-screen.publishing .right img {
            margin-top: -20%;
            max-height: unset;
        }
    }
    .another .flex-row .right {
        padding: 0;
    }

    .another .flex-row .right img {
        margin: auto;
    }

    .what-casDo-sec__wrapper {
        flex-direction: column-reverse;
    }

    .what-casDo-sec__wrapper .img {
        width: 80%;
        margin: auto;
    }

    .contacts__wrap .left .socs-wrap {
        justify-content: center;
    }

    .contacts__wrap .right .flex-row {
        display: flex;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .contacts:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        bottom: unset;
        width: 600px;
        height: 600px;
        background: url(../img/bg2.png);
        background-size: contain;
        background-repeat: no-repeat;
        top: 0;
    }

    .news .news-swiper .swiper-slide {
        width: 100% !important;
    }

    .review-swiper {
        width: 70%;
    }

    .brands__wrap {
        margin: auto;
        justify-content: center;
        width: 100%;
        margin-top: 50px;
    }

    .brands__wrap img {
        margin: 0 !important;
        height: auto;
        padding: 5px;
        width: 33.333% !important;
    }

    .activities_new.activities .youtube_wrap,
    .why-publishing-sec .img {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 56.25%;
    }

    .activities_new.activities .youtube_wrap iframe,
    .why-publishing-sec iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .create-game__column h3 strong span {
        left: -65px;
    }

    .title-screen.publishing .title__flex-row.d--flex.ai--center {
        display: flex;
    }

    .cas-sdk__flex-row .left .img-wrap img {
        height: 45px;
    }

    .cas-sdk__flex-row .left .img-wrap:after {
        width: 90px;
        height: 70px;
        right: unset;
        left: -45px;
        top: 10px;
        transform: rotate(120deg);
    }

    .test__wrap .font--1.lh--120,
    .test__wrap .font--4.lh--120 {
        display: none;
    }

    .test__wrap .font--1.lh--120.mobile,
    .test__wrap .font--4.lh--120.mobile {
        display: block;
    }

    .test__wrap .button-row {
        margin-top: 30px;
        flex-direction: column;
    }

    .test__wrap .main-btn {
        width: 70%;
        margin-top: 0;
        margin: auto;
    }

    .button-row.tablet {
        display: none;
    }

    .title-screen .title__flex-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .title-screen .title__flex-row .left {
        text-align: center;
    }

    .title-screen.home_p .right:after {
        top: 0;
    }

    .why-cas__column img {
        height: 121px;
        margin-bottom: 10px;
    }

    .why-cas {
        padding: 0;
    }

    .video-screen {
        padding-bottom: 0;
    }

    .our-platform__column .column-heading {
        font-size: 36px;
    }

    .our-platform__column .column-sub-heading {
        font-size: 16px;
    }

    .why-cas__column {
        padding: 0 50px;
    }

    .our-platform__column {
        height: 160px;
        padding: 25px;
    }

    .dashboard-screen {
        padding: 0;
    }

    .dashboard-screen .left {
        width: 100%;
    }

    .dashboard-screen .right {
        padding-top: 0;
        width: 100%;
    }

    .dashboard-screen .flex-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .dashboard-screen .right .img-wrap img {
        margin-top: -20px;
    }

    .dashboard-screen .left .font--4,
    .dashboard-screen .left .font--1 {
        text-align: center;
    }

    .dashboard-screen .left .button-row {
        display: flex;
        gap: 20px;
        flex-direction: column;
        width: 80%;
        margin: 20px auto;
    }

    .title-screen.mediation .right img:last-of-type {
        display: block;
    }

    .title-screen.mediation .right {
        display: flex;
    }

    .title-screen.mediation .left .font--2, .title-screen.mediation .left {
        text-align: center;
    }

    .another .flex-row .right {
        display: block;
        padding: 0;
        width: 100%;
    }

    .another .flex-row .right img {
        margin: auto;
    }

    .dashboard-screen .button-row a {
        margin: auto;
    }

    .title-screen .main-btn {
        width: 70%;
        justify-content: center;
    }

    .form .left .contact_form .flex-row {
        justify-content: space-between;
    }

    .form.second .left .main-btn {
        margin-left: 50%;
        transform: translateX(-50%);
    }

    .contacts__wrap .right .main-btn {
        width: 60%;
        margin-left: 50%;
        transform: translateX(-50%);
        padding: 12px 0;
    }
}

@media (max-width: 450px) {
    .what-casDo-sec__wrapper .img img {
        width: 100%;
    }

    .contacts__wrap .right .main-btn {
        width: 100%;
    }

    .contacts__wrap .right .flex-row {
        display: block;
    }

    .form.second .left .flex-row .column {
        width: 100%;
    }

    .form.second .left .main-btn {
        width: 100%;
    }

    .title-screen .main-btn {
        width: 100%;
        justify-content: center;
    }

    .form .left .flex-row .column {
        width: 100%;
        margin-top: 20px;
    }

    .form .left .flex-row {
        display: flex;
        flex-direction: column;
    }
}

.they-trust-us .swiper-pagination {
    position: relative;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 7px;
}

.they-trust-us .swiper-pagination-bullet {
    background-color: #A4A4A4;
}

.they-trust-us .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0172FD;
}

.slider-cas-sec .swiper-pagination-bullets {
    display: flex;
    gap: 15px
}

.slider-cas-sec .swiper-pagination-bullet {
    margin: 0;
}

.slider-cas-sec .top-block div {
    text-align: center;
}

.slider-cas-sec .top-block div a {
    background: transparent;
    padding: 0;
    color: #0172FD;
}

.slider-cas-sec .top-block div a svg {
    margin-left: 15px;
}

.slider-cas-sec .top-block div a path {
    fill: #0172FD;
}

.page_get_started {
    display: block;
    position: unset;
    backdrop-filter: none;
    width: 50%;
}

.page_get_started {
    z-index: unset;
}

.page_get_started .wrap-get_started_popup.disable-scrollbar:before,
.page_get_started .wrap-get_started_popup.disable-scrollbar:after {
    content: none
}

.page_get_started .wrap-get_started_popup.disable-scrollbar .close_popup {
    display: none;
}

.page_get_started .wrap-get_started_popup.disable-scrollbar {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* ============================================
   GET STARTED PAGE - Страница "Начать"
   ============================================ */
.get-started-page-wrapper {
    display: flex;
    gap: 50px;
}

.get-started-page-wrapper .right {
    padding-top: 150px;
}

.get-started-page-wrapper .right,
.get_started_popup.disable-scrollbar.page_get_started {
    position: relative;
}

.get_started_popup.disable-scrollbar.page_get_started:before {
    content: "";
    position: absolute;
    top: 50px;
    right: 170px;
    background-color: #0172fd;
    width: 209px;
    height: 209px;
    border-radius: 50%;
    filter: blur(135px);
    z-index: -1;
    opacity: .8;
}

.get_started_popup.disable-scrollbar.page_get_started:after {
    content: "";
    position: absolute;
    bottom: -38%;
    right: -50%;
    background-color: #0172fd;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(234px);
    z-index: -1;
    opacity: .8;
}

.get-started-page-wrapper .right:after {
    content: "";
    position: absolute;
    top: 260px;
    right: 50%;
    background-color: #0172fd;
    width: 350px;
    height: 300px;
    border-radius: 50%;
    filter: blur(135px);
    z-index: -1;
    opacity: .8;
    transform: translateX(50%);
}

.get_started_popup.disable-scrollbar.page_get_started .container_popup .wrap-get_started_popup,
.get_started_popup.disable-scrollbar.page_get_started .container_popup,
.get_started_popup.disable-scrollbar.page_get_started {
    overflow: visible;
    background: transparent;
}

@media (max-width: 768px) {
    .get_started_popup.disable-scrollbar.page_get_started {
        width: 100%;
        padding-bottom: 50px;
    }

    .get-started-page-wrapper .right {
        display: none;
    }
}

@media (max-width: 1155px) {
    .get_started_popup.disable-scrollbar.page_get_started {
        padding-bottom: 50px;
    }
}

.get-started-page-wrapper {
    margin-top: 80px
}

.get-started-page-wrapper .right img {
    width: 70%;
    transform: translateX(-50%);
    margin-left: 50%;
}

.get-started-page-wrapper .main-btn.main-btn--blue.font--5 {
    margin-left: 0;
}

.title-screen.home_p .right img {
    max-width: 80%;
}

.get-started-page-wrapper {
    padding-bottom: 60px
}

.sell-your-mobile-game {
    text-align: center;
    padding-top: 220px;
    position: relative;
}

.sell-your-mobile-game:after {
    content: "";
    display: block;
    position: absolute;
    right: 4%;
    left: unset;
    top: -101px;
    width: 1000px;
    height: 1000px;
    background-image: radial-gradient(rgb(1 114 253 / 88%) -88%, transparent 75%);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.sell-your-mobile-game .main-btn--blue {
    font-size: 32px;
    font-weight: 500;
    margin-top: 89px;
    padding: 25px 80px;
}

.sell-your-mobile-game .font--1 {
    text-align: center;
}

.sell-your-mobile-game .font--3 {
    text-align: center;
    margin-top: 44px;
    font-weight: 800;
}

.sell-your-mobile-game__column-wrap {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sell-your-mobile-game__column {
    width: 25%;
    padding: 40px 45px;
}

.sell-your-mobile-game__column img {
    margin: auto;
}

.sell-your-mobile-game .font--4 {
    line-height: 28.8px;
    margin-top: 28px;
}

@media (max-width: 1080px) {
    .sell-your-mobile-game {
        padding-top: 100px;
    }

    .sell-your-mobile-game__column {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .sell-your-mobile-game {
        padding-top: 50px;
    }

    .sell-your-mobile-game__column {
        width: 50%;
    }

    .sell-your-mobile-game .main-btn--blue {
        font-size: 20px;
        margin-top: 40px;
        padding: 12px 80px;
    }
}

@media (max-width: 375px) {
    .sell-your-mobile-game__column {
        width: 100%;
    }
}

.mobile-game-why {
    text-align: center;
    margin-top: 170px;
    margin-bottom: 170px;
}

.mobile-game-why .font--1 {
    text-align: center;
}

.mobile-game-why__column-wrap {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mobile-game-why__column {
    width: calc(100% / 3);
    padding: 80px 36px;
}

.mobile-game-why__column img {
    height: 141px;
    margin: auto;
}

.mobile-game-why__column .font--2 {
    margin-top: 28px;
    line-height: 57.6px;
}

.mobile-game-why__column .font--4 {
    margin-top: 8px;
    line-height: 28.8px;
}

@media (max-width: 1080px) {
    .mobile-game-why {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mobile-game-why__column {
        width: 50%;
    }

    .mobile-game-why__column-wrap {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .mobile-game-why__column {
        width: 100%;
    }
}

.mobile-how-work {
    margin-top: 170px;
    margin-bottom: 170px;
}

.mobile-how-work .hidden {
    opacity: 0;
}

.mobile-how-work .font--1 {
    text-align: center;
}

.mobile-how-work__column-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.mobile-how-work__column {
    display: flex;
    justify-content: center;
    width: 50%;
    padding: 0 15px;
}

.mobile-how-work .cas_accordion_wrapper {
    margin-top: 80px;
}

.steps_cat_animation_wrapper {
    position: relative;
    width: 627px;
    margin-top: 138px;
    height: fit-content;
}

.steps_cat_animation_wrapper .steps {
    width: 100%;
}

.steps_cat_animation_wrapper .cat {
    position: absolute;
    width: 113px;
    top: 0.5%;
    left: 7%;
}

.cas_accordion_item {
    margin-bottom: 24px;
    opacity: 1;
    transition: all 0.5s;
}

.cas_accordion_header {
    padding: 15px 13px 15px 0;
    border-bottom: 2px solid #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cas_accordion_header svg {
    margin-left: auto;
    transition: 0.3s;
    width: 12px;
    height: 6px;
    object-fit: contain;
}

.rtl .cas_accordion_header svg {
    margin-right: auto;
    margin-left: 0;
}

.cas_accordion_body {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s;
}

.cas_accordion_item.active .cas_accordion_header {
    color: #0172FD;
    border-bottom: 2px solid #0172FD;
}

.cas_accordion_item.active .cas_accordion_header svg {
    transform: rotate(180deg);
}

.cas_accordion_item.active .cas_accordion_header svg path {
    stroke: #0172FD;
}

.cas_accordion_item.active .cas_accordion_body {
    max-height: 200px;
    padding-top: 8px;
    padding-bottom: 10px;
    opacity: 1;
    line-height: 28.8px;
}

@media (max-width: 1300px) {
    .steps_cat_animation_wrapper {
        width: 313px;
    }

    .steps_cat_animation_wrapper .cat {
        position: absolute;
        width: 51px;
        top: 0.5%;
        left: 7%;
    }
}

@media (max-width: 1080px) {
    .mobile-how-work {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .steps_cat_animation_wrapper {
        margin-top: 69px;
    }

    .mobile-how-work .cas_accordion_wrapper {
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .mobile-how-work__column {
        width: 100%;
    }

    .steps_cat_animation_wrapper {
        display: none;
    }

    .mobile-how-work .cas_accordion_wrapper {
        margin-top: 20px;
    }

    .mobile-game-why__column-wrap {
        max-width: 530px;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-how-work .cas_accordion_wrapper {
        max-width: 530px;
        margin-left: auto;
        margin-right: auto;
    }

    .page-template-mobile-game-purchase .project-requirements-sec {
        max-width: 530px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 375px) {
    .mobile-game-why__column-wrap {
        max-width: 300px;
    }

    .mobile-how-work .cas_accordion_wrapper {
        max-width: 300px;
    }

    .page-template-mobile-game-purchase .project-requirements-sec {
        max-width: 300px;
    }
}

.mobile-our-purchases {
    margin: 170px 0;
}

.mobile-our-purchases .font--1 {
    text-align: center;
}

.mobile-our-purchases__column-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 44px 100px;
    margin-top: 80px;
    justify-content: center;
}

.mobile-our-purchases__column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
}

.mobile-our-purchases__column img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.mobile-our-purchases__column h5 {
    color: #fff;
    text-align: center;
    margin-top: 24px;
}

.mobile-our-purchases__column a:hover h5,
.mobile-our-purchases__column a:hover {
    color: #0172FD;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .mobile-our-purchases__column-wrap {
        gap: 24px 23px;
    }

    .mobile-our-purchases__column img {
        width: 92px;
        height: 92px;
    }
}

.mobile-stories {
    margin: 170px 0;
}

.mobile-stories .font--1 {
    text-align: center;
}

.mobile-stories__column-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 80px -10px 0;
}

.mobile-stories__column {
    padding: 10px;
    width: 50%;
}

.mobile-stories_item {
    background-image: var(--background-image);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #131313;
    padding: 64px 52px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.mobile-stories_item:after {
    content: "";
    display: block;
    position: absolute;
    left: -50%;
    bottom: -50%;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgb(1 114 253 / 88%) -88%, transparent 75%);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
}

.mobile-stories_item img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

.mobile-stories_item h2 {
    margin-top: 20px;
    line-height: 120%;
}

.mobile-stories_item h3 {
    margin-top: 8px;
    line-height: 120%;
}

.mobile-stories_item div {
    margin-top: 20px;
    line-height: 120%;
}

.mobile-stories_item div span {
    font-weight: 700;
    color: #0172FD;
}

.mobile-stories__wrap {
    position: relative;
    padding: 0 100px;
}

.mobile-stories__wrap .cat {
    position: absolute;
    width: 216px;
    transform: scaleX(-1) rotate(45deg);
    bottom: 76px;
    left: -20px;
}

@media (max-width: 1024px) {
    .mobile-stories__column {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .mobile-stories__wrap {
        padding: 0px;
    }

    .mobile-stories_item img {
        width: 140px;
        height: 140px;
    }

    .mobile-stories-swiper {
        max-width: 530px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 375px) {
    .mobile-stories_item img {
        width: 79px;
        height: 79px;
    }
}

.rtl .form.mobile_game_pu .lh--120 {
    text-align: right;
}

.succses_popup_get-start * {
    direction: ltr;
}

.mobile-stories-swiper-paginate {
    --swiper-pagination-bullet-size: 12px;
    --swiper-pagination-bullet-inactive-color: #A4A4A4;
    --swiper-pagination-bullet-inactive-opacity: 1;
    gap: 20px;
    display: flex;
    width: 100%;
    left: 0;
    bottom: 0;
    justify-content: center;
    margin-bottom: -30px;
}

.mobile-game-why__column:first-child > img {
    height: 250px;
    margin-bottom: -54px;
    margin-top: -55px;
}

.password-toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

.password-toggle-icon img {
    width: 18px;
    margin-bottom: 38px;
}

.password-toggle-icon img.hidden {
    display: none;
}

@media (max-width: 768px) {
    .password-toggle-icon img {
        margin-bottom: 23px;
    }
}

body .popup-publishing .publ_event_popup {
    display: none;
}

body .popup-publishing .main-btn.publ_event_popup {
    font-size: 20px;
}

.purch_event_popup {
    display: none;
}

.page-template-case-of-warzone {
    overflow: unset;
}

.case_fixed_sidebar_wrapper {
    display: flex;
    padding-top: 145px;
    margin-bottom: 50px;
}

.case_fixed_sidebar_wrapper a {
    color: #0172FD;
    text-decoration: underline;
}

.case_fixed_sidebar_wrapper b {
    font-weight: bold;
}

.case_fixed_sidebar_wrapper .font--3 {
    margin-top: 24px;
}

.case_fixed_sidebar_wrapper .font--4 {
    margin-top: 16px;
}

.case_fixed_sidebar {
    width: 505px;
}

.case_content {
    flex: 1;
    padding-left: 132px;
    margin-top: -60px;
}

.case_fixed_sidebar_content {
    padding: 16px;
    border: 2px solid #FFFFFF;
    position: sticky;
    top: 150px;
}

.case_fixed_sidebar_wrapper .swiper-pagination-bullets {
    left: 50%;
    transform: translateX(-50%);
    margin-top: 16px;
    display: flex;
    gap: 12px;
}

.case_fixed_sidebar_wrapper .swiper-pagination-bullet {
    background-color: #a4a4a4;
    opacity: 1;
}

.case_fixed_sidebar_wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #0172fd;
}

.case_fixed_sidebar_wrapper .slider-cas-sec__wrapper {
    width: 100%;
}

.case_fixed_sidebar_wrapper .main-btn {
    font-size: 32px;
    line-height: 120%;
    padding: 16px 16px;
    width: 100%;
    border-radius: 0;
    gap: 16px;
    font-weight: 500;
    margin-top: 16px;
}

.case_content p {
    margin-bottom: 16px;
}

.case_content ul {
    list-style: disc;
    padding-left: 20px;
}

.image_after_text {
    margin-top: 40px;
}

@media (max-width: 1550px) {
    .case_content {
        padding-left: 30px;
    }

    .case_fixed_sidebar_content {
        top: 100px;
    }

    .case_fixed_sidebar_wrapper {
        padding-top: 120px;
    }
}

@media (max-width: 1200px) {
    .case_fixed_sidebar {
        width: 303px;
    }

    .case_fixed_sidebar_wrapper .main-btn {
        font-size: 20px;
        line-height: 120%;
        padding: 12px 12px;
        gap: 8px;
    }

    .case_fixed_sidebar_wrapper .main-btn svg {
        width: 20px;
    }
}

@media (max-width: 920px) {
    .case_fixed_sidebar_wrapper {
        flex-direction: column;
        align-items: center;
    }

    .case_content {
        margin-top: 0px;
    }

    .image_after_text {
        margin-top: 24px;
    }
}

.blue_text {
    color: #0172FD;
}

.publishing-form-page-wrapper .popup-publishing {
    display: flex;
    position: static;
    height: unset;
    overflow: unset;
    background: none;
    backdrop-filter: none;
}

.publishing-form-page-wrapper .popup-publishing .popup-wrapper {
    position: unset;
    width: 50%;
    margin: 0;
    padding: 120px 0 65px;
    max-width: unset;
    overflow: unset;
}

.publishing-form-page-wrapper .right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 15px 15px;
    width: 50%;
}

.publishing-form-page-wrapper .right img {
    max-width: 625px;
    width: 80%;
}

.publishing-form-page-wrapper .popup-publishing .popup-wrapper:after, .popup_about_ab .popup_wrap:after {
    width: 160px;
    bottom: 160px;
    right: 50px;
}

.publishing-form-page-wrapper .popup-publishing h2 {
    text-align: left;
}

.publishing-form-page-wrapper .popup-publishing .main-btn--black {
    width: 100%;
}

@media (max-width: 768px) {
    .publishing-form-page-wrapper .popup-publishing .popup-wrapper {
        width: 100%;
    }

    .publishing-form-page-wrapper .right {
        display: none;
    }
}

.form-get_started_popup.section input,
.form-get_started_popup.section .select_input .title_dropdown {
    max-height: 70px;
    height: 70px;
}

@media (max-width: 1550px) {
    .form-get_started_popup.section input,
    .form-get_started_popup.section .select_input .title_dropdown {
        max-height: 50px;
        height: 50px;
    }
}

.form-get_started_popup.section .select_input {
    margin-bottom: 28px;
}

.form_radio_question {
    margin-bottom: 38px;
}

.form_radio_question .question {
    margin-bottom: 10px;
}

.form_radio_question input[type="radio"] {
    display: none;
}

.form_radio_question label {
    display: flex;
    gap: 10px;
    align-items: center;
}

.form_radio_question .flex-input {
    display: flex;
    gap: 30px;
}

.form_radio_question .pseudo_check {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #fff;
    background-color: transparent;
}

.form_radio_question input[type="radio"]:checked + label .pseudo_check {
    background-color: transparent;
    background-image: url(../img/checbox.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
}

.input_bl.kostyl_section {
    position: relative;
    margin-bottom: 28px;
}

.input_bl.kostyl_section .password-toggle-icon img {
    margin-bottom: 0px;
}

/* ============================================
   NUMBERS THREE COLS - Секция с тремя колонками чисел
   ============================================ */
.numbers_three_cols {
    padding: 85px 0;
    background-image: radial-gradient(#0172fd99 0%, transparent 60%);
    background-position: center 88%;
    background-repeat: no-repeat;
    background-size: 120% 52px;
}

.numbers_three_cols_wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px 10px;
}

.numbers_three_cols_item {
    max-width: 360px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.numbers_three_cols_item img {
    height: 65px;
}

.numbers_three_cols_item .text .column-heading {
    color: #0172FD;
    font-size: 45px;
    font-weight: 700;
    line-height: 120%;
}

.numbers_three_cols_item .text .column-sub-heading {
    font-weight: 500;
}

@media (max-width: 1550px) {
    .numbers_three_cols {
        padding: 60px 0;
    }
}

@media (max-width: 1080px) {
    .numbers_three_cols {
        padding: 50px 0;
    }
}

/* ============================================
   GAME LOG SLIDER - Слайдер логов игр
   ============================================ */
.game_log_slider {
    padding: 50px 0;
}

.game_log_slider_wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.game_log_slider_track {
    display: flex;
    white-space: nowrap;
    will-change: transform;
    gap: 16px;
}

.game_log_slider_track a {
    display: flex;
    flex-direction: column;
    width: 100px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.game_log_slider_track a img {
    width: 100px;
    height: 100px;
    display: block;
    object-fit: cover;
    border-radius: 10px;
}

/* ============================================
   GRID OF IMAGES - Сетка изображений
   ============================================ */
.grid_of_images {
    padding: 50px 0;
}

.grid_of_images_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 30px;
}

.grid_of_images_wrapper a {
    display: inline-block;
    position: relative;
}

.grid_of_images_wrapper a img {
    transition: all 0.5s;
    width: 100%;
    height: auto;
}

.grid_of_images_wrapper a img:hover {
    transform: scale(1.1);
    position: relative;
    z-index: 2;
}

@media (max-width: 1550px) {
    .grid_of_images_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1080px) {
    .grid_of_images_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.scrolling-background {
    background-image: url('../img/backgraund.webp'); /* update path if hosting elsewhere */
    background-repeat: repeat-x;
    background-size: 1178px auto;
    position: absolute;
    top: -40%;
    left: -25%;
    width: 150%;
    height: 190%;
    z-index: 0;
    animation: scrollBackground 180s linear infinite;

    mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

@keyframes scrollBackground {
    0% {
        background-position-x: 0px;
    }
    100% {
        background-position-x: -1178px;
    }
}

.spline_wrapper {
    position: absolute;
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
    overflow: hidden;
}

.rtl .spline_wrapper {
    left: 25%;
}

@media (max-width: 1300px) {
    .spline_wrapper {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}

.mediation_cases_slider {
    padding: 50px 0;
}

.mediation_cases_slider_wrapper_parent {
    position: relative;
    padding: 0 40px;
    user-select: none;
}

.mediation_cases_slider_wrapper {
    overflow: hidden;
    width: 100%;
    margin: auto;
    padding: 30px 0;
    position: relative;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.mediation_cases_slider_wrapper_parent .button-prev,
.mediation_cases_slider_wrapper_parent .button-next {
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    transform: translateY(-50%);
    top: 50% !important;
    margin-top: unset;
    color: unset;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}

.mediation_cases_slider_wrapper_parent .button-prev {
    background-image: url(../img/arrow_prev.svg);
    left: 0px;
    right: auto;
}

.mediation_cases_slider_wrapper_parent .button-next {
    background-image: url(../img/arrow_next.svg);
    right: 0px;
    left: auto;
}

.mediation_cases_slider_track {
    display: flex;
    white-space: nowrap;
    will-change: transform;
    gap: 30px;
}

.mediation_cases_slider_track a {
    display: flex;
    flex-direction: column;
    width: 13vw;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    transition: 0.5s all;
}

.mediation_cases_slider_track a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 10px;
}

.mediation_cases_slider_track a:hover {
    transform: scale(1.1);
    position: relative;
    z-index: 2;
}

@media (max-width: 1024px) {
    .mediation_cases_slider_track a {
        width: 45vw;
    }
}

.chart-reasons__list:has(.chart-reasons__item:last-child._active) .chart-reasons__item:first-child::before,
.cas-better .chart-reasons__item._active + .chart-reasons__item::before {
    animation: bellPulse 1.5s ease-out infinite;
}

@keyframes bellPulse {
    0% {
        transform: scale(0.3);
    }
    15% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.6);
    }
    100% {
        transform: scale(0.3);
    }
}

.wrap-get_started_popup > :nth-child(4),
.popup-wrapper > :nth-child(4) {
    display: none;
}

.wrap-get_started_popup:has(:nth-child(2)[style*="display: none"]):has(:nth-child(3)[style*="display: none"])
> :nth-child(4),
.popup-wrapper:has(:nth-child(2)[style*="display: none"]):has(:nth-child(3)[style*="display: none"])
> :nth-child(4) {
    display: flex;
}

.post_cat_message {
    flex-direction: column;
    align-items: center;
    position: relative;
}

.post_cat_message img {
    max-width: 390px;
    width: 100%;
    margin-bottom: 25px;
}

.post_cat_message .message {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}