@font-face {
    font-family: 'Satoshi';
    src:url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Regular.eot');
    src:url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Regular.woff2') format('woff2'),
        url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Regular.woff') format('woff'),
        url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Medium.eot');
    src: url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Medium.woff2') format('woff2'),
         url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Medium.woff') format('woff'),
         url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.eot');
    src: url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.woff2') format('woff2'),
         url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.woff') format('woff'),
         url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src:url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Light.eot');
    src:url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Light.woff2') format('woff2'),
        url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Light.woff') format('woff'),
        url('../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
    /* ==================================================
       СТЕКЛО: БАЗОВАЯ ГЕОМЕТРИЯ
       ================================================== */
  
    --glass-radius: 20px;
    /* Радиус скругления углов стекла (Border Radius) */
  
    /* ==================================================
       СТЕКЛО: ФИЗИКА ЛИНЗЫ (преломление и искажение)
       ================================================== */
  
    --lg-surface: convex_squircle;
    /* Тип поверхности линзы:
       convex_squircle — мягкая выпуклая форма
       lip — более выраженный “ободок” */
  
    --lg-glass-thickness: 200;
    /* Толщина стекла (Glass Thickness) */
  
    --lg-bezel-width: 40;
    /* Ширина зоны преломления по краю (Bezel Width) */
  
    --lg-ior: 2.3;
    /* Показатель преломления (Refractive Index):
       чем больше — тем сильнее искажение */
  
    --lg-scale-ratio: 0.80;
    /* Общая сила эффекта (Scale Ratio) */
  
    /* ==================================================
       СТЕКЛО: ВИЗУАЛЬНЫЕ НАСТРОЙКИ (внутри SVG-фильтра)
       ================================================== */
  
    --lg-blur: 2.2;
    /* Размытие внутри линзы (Blur) */
  
    --lg-spec-opacity: 0.9;
    /* Прозрачность блика (Specular Opacity) */
  
    --lg-spec-sat: 1.2;
    /* Насыщенность блика (Specular Saturation) */
  
    /* ==================================================
       СТЕКЛО: ВНУТРЕННЯЯ ТЕНЬ (слой ::before)
       ================================================== */
  
    --shadow-color: rgba(255, 255, 255, 0.2);
    /* Цвет внутренней тени (Shadow Color) */
  
    --shadow-blur: 15px;
    /* Размытие внутренней тени (Shadow Blur) */
  
    --shadow-spread: -5px;
    /* Расширение внутренней тени (Shadow Spread) */
  
    /* ==================================================
       СТЕКЛО: ТОНИРОВКА (слой ::before)
       ================================================== */
  
    --tint-color: 255, 255, 255;
    /* Цвет тонировки (Tint Color), RGB без альфы */
  
    --tint-opacity: 0.01;
    /* Прозрачность тонировки (Tint Opacity):
       40% = 0.40 */
  
    /* ==================================================
       СТЕКЛО: ВНЕШНЯЯ ТЕНЬ
       ================================================== */
  
    --outer-shadow-blur: 16px;
    /* Размытие внешней тени (Outer Shadow Blur) */
}
  
.glass {
    position: relative;
    border-radius: var(--glass-radius);
  
    overflow: hidden;
    isolation: isolate;
  

    /* Fallback для браузеров без SVG backdrop-filter */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  
    /* Внешняя тень */
    box-shadow: 0 4px var(--outer-shadow-blur) rgba(0, 0, 0, 0.18);
}
  
  /* Тонировка + внутренняя тень */
.glass::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
  
    border-radius: inherit;
  
    box-shadow: inset 0 0 var(--shadow-blur) var(--shadow-spread) var(--shadow-color);
    background-color: rgba(var(--tint-color), var(--tint-opacity));
  
    pointer-events: none;
}
  
  /* “Линза” (Chromium) */
.glass::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
  
    border-radius: inherit;
  
    backdrop-filter: url(#liquid-glass-filter);
    -webkit-backdrop-filter: url(#liquid-glass-filter);
  
    isolation: isolate;
    pointer-events: none;
}
html {
    overflow-x: hidden;
}

body {
    font-family: 'Satoshi', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
    margin: 0;
    color: #FBFBFB;
    background: var(--Background-Black, #212121);
    position: relative;
    overflow-x: hidden;
    overflow: clip;
}

body.modal-open {
    overflow: hidden;
}

button {
    font-family: 'Satoshi', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
}

textarea {
    font-family: 'Satoshi', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 150%;
}

.container {
    max-width: 1560px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.small-container {
    max-width: 900px;
}


ul {
    list-style: none;
    margin: 0;
}

p {
    margin: 0;
}

* {
    box-sizing: border-box;
}

h1,h2,h3,h4,h5 {
    margin: 0;
    padding: 0;
}

.section {
    background: var(--Background-Black, #212121);
    padding: 64px 0;
    position: relative;
    z-index: 1;
}
.section__wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.section__badge {
    display: flex;
    padding: 4px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    align-self: flex-start;
    color: var(--Text-Orange, #F9AA66);
    line-height: 150%;
    width: fit-content;
}
.section__content {
    display: flex;
    flex-direction: column;
    gap: 44px;
}
.section__title-block {
    max-width: 730px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.section__title {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H2, 40px);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
}
.section__title span {
    color:#F9AA66;
}

.section__subtitle {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H5, 20px);
    font-weight: 700;
    line-height: 140%;
}

.section__subtitle--small {
    font-size: 16px;
    font-weight: 500;
}

.section__description {
    color: var(--Text-White, #FBFBFB);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 155.556%;
}

.tag {
    height: 32px;
    display: flex;
    flex-shrink: 0;
    width: fit-content;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    color: var(--Text-Orange, #F9AA66);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.btn {
    display: flex;
    padding: 5px 5px 5px 11px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Orange, #F9AA66);
    cursor: pointer;
    text-decoration: none;
    max-width: fit-content;
    backdrop-filter: blur(10px);
}

.btn:hover {
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
}

.btn__text {
    font-size: 14px;
    line-height: 142.857%;
    font-weight: 700;
    color: var(--Text-Dark-blue, #2B323B);
    white-space: nowrap;
    line-height: 1;
}

.btn__icon {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget__btn .btn__text {
    font-size: 14px;
}

.widget__btn .btn__icon {
    width: 20px;
    height: 20px;
}

.btn--transparent {
    background-color: transparent;
    padding: 7px 7px 7px 16px;
    gap: 8px;
}
.btn--transparent .btn__text {
    color:#FBFBFB;
}
.btn--transparent .btn__icon {
    width: 24px;
    height: 24px;
}

.btn--transparent:hover {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.btn--18 .btn__text {
    font-size: 18px;
}

.btn--orange {
    background-color: #F9AA66;
    padding: 7px 7px 7px 15px;
}

.btn--orange .btn__text {
    font-size: 18px;
}

.btn--orange .btn__icon {
    width: 24px;
    height: 24px;
}

.btn-form {
    height: 64px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid var(--stroke-white-10, rgba(251, 251, 251, 0.10));
    background: #383837;
}
.btn-form__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    /* background: var(--island-white-10, rgba(251, 251, 251, 0.10)); */
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
}


.section__description {
    color: rgba(251, 251, 251, 0.70);
    font-size: 18px;
    line-height: 155.556%;
}

.gprev, .gnext {
    display: none;
}

.btn-hero,
.btn-form{
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background-color: var(--island-white-5, rgba(251, 251, 251, 0.05));
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    backdrop-filter: blur(10px);
    cursor: pointer;
    display: flex;
    padding: 8px 8px 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    height: 40px;
    cursor: pointer;
    text-decoration: none;
    max-width: fit-content;
  }

  
  /* слой заливки */
  .btn-hero::before,
  .btn-form::before{
    content:"";
    position:absolute;
    left: 50%;
    bottom: 0;
    width: 130%;
    aspect-ratio: 1 / 1;           /* идеальный круг */
    transform: translate(-50%, 50%) scale(0); /* старт из точки снизу */
    transform-origin: 50% 100%;
    background: linear-gradient(142deg, #F9AA66 0%, #FF7759 100%);
    border-radius: 9999px;
    z-index: -1;
    transition: transform 1000ms cubic-bezier(.2,.8,.2,1);
  }
  
  /* hover — круг расширяется */
  .btn-hero:hover::before,
  .btn-form:hover::before{
    transform: translate(-50%, 50%) scale(1);
  }
  
  /* чтобы текст/иконки были поверх */
  .btn-hero > *,
  .btn-form > *{
    position: relative;
    z-index: 1;
  }
  
  /* можно оставить бордер как есть */
  .btn-hero:hover,
  .btn-form:hover{
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
}

.btn-hero .btn__text {
    font-size: 18px;
}

.btn-form {
    height: 64px;
}

.btn--disabled {
    cursor: default;
    border: 1px solid var(--stroke-white-10, rgba(251, 251, 251, 0.10));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
}
.btn--disabled .btn__text,
.btn--disabled:hover .btn__text{
    color: var(--text-white-50, rgba(251, 251, 251, 0.50))!important;
}
.btn--disabled:hover {
    background: unset;
    background-color: rgba(251, 251, 251, 0.05)!important;
}
.btn--disabled .btn__icon svg path {
    fill: #2B323B;
}
.btn--disabled:hover::before {
    display: none;
}

.btn--disabled .btn-form__icon {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.btn--mobile {
    display: none;
}

.btn--header {
    padding: 5px 11px 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Orange, #F9AA66);
    cursor: pointer;
    text-decoration: none;
    max-width: fit-content;
    backdrop-filter: blur(10px);
}
.text-center {
    text-align: center;
}
 
.section__tabs {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 16px;
}

.medium-title {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.medium-text {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.large-text {
    color: rgba(251, 251, 251, 0.70);
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 155.556%;
}

.orange-text {
    color: #F9AA66;
}

.medium-icon {
    width: 32px;
    height: 32px;
    padding: 3px;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    display: flex;
    justify-content: center;
    align-items: center;
}

.top__widget {
    position: fixed;
    right: 32px;
    bottom: 42px;
    z-index: 5;
    display: none;
}

.top__widget.top__widget--active {
    display: block;
}

.top__widget-btn {
    width: 44px;
    height: 44px;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Orange, #F9AA66);
    box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.40);
}

.top__widget-btn svg {

}

@media (max-width: 1599.98px) {
    .container {
        max-width: 1408px;
    }
    .small-container {
        max-width: 900px;
    }
}

@media (max-width: 1399.98px) {
    .container {
        max-width: 1140px;
    }
    .small-container {
        max-width: 900px;
    }
}

@media (max-width: 1199.98px) {
    .container {
        max-width: 960px;
    }
    .small-container {
        max-width: 900px;
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 754px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .btn--desktop {
        display: none;
    }
    .btn--mobile {
        display: flex;
        display: none;
        padding: 7px 7px 7px 15px;
    }
    .btn--mobile .btn__icon {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 767.98px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .section {
        padding: 32px 0;
    }
    .section__description {
        font-size: 16px;
    }
    .btn--mobile .btn__icon {
        width: 20px;
        height: 20px;
    }
    .btn--transparent .btn__icon svg {
        width: 20px;
        height: 20px;
    }
    .medium-title {
        font-size: 20px;
    }

    .medium-text {
        font-size: 14px;
    }

    .large-text {
        font-size: 16px;
    }
}

@media (max-width: 478.98px) {
    .btn--transparent {
        gap: 8px;
    }
    .section {
        padding: 32px 0;
    }
}

@media (max-width: 419.98px) {

}



/* MENU =========================================== START */

.header {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    z-index: 18;
}
.header.header--fixed {
    position: fixed;
    top: 32px;
}

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

.header__menu {
    display: flex;
    align-items: center;
    gap: 32px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Black, #212121);
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.30);
    padding: 11px 15px;
}

.header__logo {
    line-height: 0;
    width: 192px;
    height: 36px;
    flex-shrink: 0;
}

.header__logo img {
    width: 100%;
}

.burger {
  display: none;
  width: 32px;
  height: 24px;
  flex-direction: column;
  justify-content: space-between;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.burger__line {
  height: 2px;
  width: 100%;
  background: #FBFBFB;
  border-radius: 2px;
  transition: transform 0.3s, opacity 0.3s;
}

.header__nav {
    position: relative;
    border-radius: 8px;
}
  
.header__nav-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 0;
}

.header__nav-item {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    cursor: pointer;
}

.header__nav-link {
    color: var(--Text-White, #FBFBFB);
    font-size: 14px;
    line-height: 128.571%;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.header__nav-toggle {
    display: flex;
    width: 16px;
    height: 16px;
    padding: 1px;
    align-items: center;
    border-radius: 8px;
    border: 0.5px solid var(--Stroke-White, #FBFBFB);
    background: none;
}

.submenu {
    position: absolute;
    top: 100%;
    padding-top: 32px;
    visibility: hidden;
    z-index: 5;
}

.submenu__widget {
    position: relative;
    display: flex;
    width: 240px;
    height: 248px;
    padding: 16px;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Background-Pattern-Logo-pattern, #212121);
    box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.20) inset;
    background-image: url('../img/n_logo.svg');
    background-repeat: repeat;
    background-size: 139px 100px;
    background-position: 0 0;
}

.submenu__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

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

.widget__text--default {
    font-size: 14px;
    font-weight: 500;
    line-height: 128.571%;
}

.widget__text--dynamic {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.submenu__widget .widget__text--default {
  display: block;
}

.submenu__widget .widget__text--dynamic, .submenu__widget .widget__cta {
  display: none;
}

.submenu__widget.item-hovered .widget__text--default {
  display: none;
}

.submenu__widget.item-hovered .widget__text--dynamic, .submenu__widget.item-hovered .widget__cta {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.widget__btn {
    display: flex;
    padding: 6px 6px 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Orange, #F9AA66);
    height: auto!important;
}

.header__nav-item:first-child .submenu {
    left: 0;
}

.submenu__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 12px 16px;
}

.submenu__wrapper {
    display: flex;
    align-items: center;
    gap: 27px;
    border-radius: 16px;
    border: 1px solid rgba(251, 251, 251, 0.15);
    background-color: #2a2a2a;
}

.submenu__wrapper--style {
    padding: 16px;
}

.submenu__list--secondtype {
    padding: 0;
}

.submenu__item {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}

.submenu__link {
    color: var(--Text-White, #FBFBFB);
    font-size: 16px;
    line-height: 125%;
    text-decoration: none;
}

.submenu__toggle {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 16px;
    border: 0.5px solid var(--Stroke-White, #FBFBFB);
    background: none;
}

.header__nav-item:hover .header__nav-link, .header__nav-item.is-active .header__nav-link{
    color: var(--Text-Orange, #F9AA66);
    text-decoration: underline;
}

.header__nav-item--has-submenu:hover .submenu, .header__nav-item--has-submenu.is-active .submenu {
    visibility: visible;
}

.header__nav-item:hover .header__nav-toggle, .header__nav-item.is-active .header__nav-toggle{
    border-color: #F9AA66;
}

.header__nav-item:hover .header__nav-toggle svg path, .header__nav-item.is-active .header__nav-toggle svg path {
    fill: #F9AA66;
}

.header__nav-item:hover .header__nav-toggle svg, .header__nav-item.is-active .header__nav-toggle svg {
    transform: rotate(180deg);
}

.header__nav-item:hover .header__nav-link--underline, .header__nav-item.is-active .header__nav-link--underline {
    text-decoration: underline;
}

.submenu__item:hover .submenu__link, .submenu__item.is-active .submenu__link {
    color: var(--Text-Orange, #F9AA66);
}

.submenu__item:hover .submenu__toggle, .submenu__item.is-active .submenu__toggle {
    border-color: #F9AA66;
}

.submenu__item:hover .submenu__toggle svg path, .submenu__item.is-active .submenu__toggle svg path {
    fill: #F9AA66;
}


/* HEADER MENU =========================================== END */

.hero {
    padding: 146px 0;
    min-height: 720px;
    background-image: url('../img/hero_image.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    /* position: fixed; */
    top:0;
    /* height: 860px; */
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.hero.hero--hide {
    display: none;
}

.hero::after {
    content: '';
    position: absolute;
    bottom: 0;
    z-index: 1;
    left:0;
    width: 100%;
    display: none;
    height: 400px;
    background-color: line;
    background: linear-gradient(
        to top,
        #000 0%,
        rgba(0, 0, 0, 0.7) 70%,
        transparent 100%
    );
}

.hero .container {
    height: 100%;
}

.hero__wrapper {
    display: flex;
    max-width: 750px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    height: 100%;
    justify-content: flex-end;
}

.hero__content  {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    max-width: 730px;
    width: 100%;
    position: relative;
    /* z-index: 2; */
    margin-top: auto;
}

.hero__title {
    font-size: 56px;
    line-height: 114.286%;
    margin: 0;
}

.verify {
    color: var(--Text-Orange, #F9AA66);
    font-size: 24px;
    line-height: 150%;
    font-weight: 700;
    max-width: 480px;
}

.companies {
    font-size: 18px;
    line-height: 155.556%;
}

.btn-hero {
    padding: 16px;
    gap: 17px;
    border-radius: 16px;
    background-color: var(--island-white-5, rgba(251, 251, 251, 0.05));
    flex-direction: row-reverse;
    height: 64px;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(10px);
    flex-shrink: 0;
}

.btn__text-hero {
    color: var(--Text-White, #FBFBFB);
}

.btn__icon-arrow {
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    padding: 4px;
    border-radius: 16px;
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
}
.btn__icon-arrow::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top:50%;
    left:50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    background-image: url('../img/big_arrow.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

.btn-hero:hover .btn__icon-arrow::after {
    background-image: url('../img/big_arrow_white.svg');
}

.btn-hero:hover, .btn-hero.is-active {
    /* background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%)); */
}

.btn-hero:hover .btn__icon-arrow, .btn-hero.is-active .btn__icon-arrow {
    background: var(--Island-Dark-blue, #2B323B);
}

.btn-hero:hover .btn__text-hero,
.btn-hero.is-active .btn__text-hero {
    color: var(--Text-Dark-blue, #2B323B);
}

/* .btn-hero:hover .btn__icon-arrow svg path, .btn-hero.is-active .btn__icon-arrow svg path {
    fill: #FBFBFB;
} */

.btn-back {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    padding: 5px 11px 5px 5px;
    border-radius: 6px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);

}
.btn-back svg {
    width: 16px;
    height: 16px;
}
.btn-back span {
    color: var(--Text-White, #FBFBFB);
    font-family: Satoshi;
    font-size: var(--Text-Button-Size-Small, 12px);
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%;
}
.btn-back-menu {
    align-self: flex-end;
    margin-right: 16px;
    margin-bottom: 16px;
    display: none;
}




@media (max-width: 991.98px) {
    .header__wrapper {
        flex-direction: row-reverse;
    }
    .hero {
        /* height: 900px; */
    }
    .header__nav-list{
        padding: 0 16px;
    }
    .header__nav {
        display: none;
        /* max-width: 137px; */
        width: fit-content;
    }

    .header__nav-link {
        font-size: 18px;
    }

    .hero__content {
        padding-top: 200px;
    }

    .burger {
        display: flex;
        width: 40px;
        height: 40px;
        padding: 8px;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
        background: var(--island-white-5, rgba(251, 251, 251, 0.05));
        backdrop-filter: blur(10px);
    }

    .header__menu {
        position: relative;
        /* padding: 7px 12px 7px 7px; */
        padding: 7px;
        gap: 12px;
    }

    .header__menu--open .burger {
        background: var(--Island-Orange, #F9AA66);
    }

    .header__menu--open .burger svg path {
        fill: var(--Icon-Dark-blue, #2B323B);
    }
    .header__menu--open .header__nav {
        display: flex;
        padding: 16px 0 16px 16px;
        position: absolute;
        top: calc(100% + 12px);
        left: 0;
        border-radius: 16px;
        border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
        background: var(--Island-Black, #212121);
        box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.30);
    }

    .header__nav-list {
        flex-direction: column;
        width: 100%;
        height: auto;
        gap: 16px;
        border: none;
        background: none;
        align-items: flex-start;
        padding: 0;
    }

    .header__nav-item {
        position: unset;
        padding-right: 16px;
        width: 100%;
    }

    .header__nav-link {

    }

    .submenu, .header__nav-item:first-child .submenu {
        left: 100%;
        top: 0;
        padding: 0;
        padding-left: 12px;
    }

    .submenu {
        margin-top: 0;
    }

    .hero::after {
        height: 300px;
        display: block;
    }

    .header__nav-item { cursor: default; }
    .header__nav-link,
    .header__nav-toggle,
    .submenu__link,
    .submenu__toggle,
    .submenu__item {
        cursor: pointer;
    }
    
}

@media (max-width: 767.98px) {
    .hero {
        /* padding: 220px 0 100px; */
        background-position: right 0px top -30px;
        background-size:auto;
    }

    .hero::after {
        height: 300px;
        display: block;
    }

    .hero__wrapper {
        max-width: 616px;
        width: 100%;
    }

    .hero__content {
        max-width: 616px;
    }

    .hero__title {
        font-size: 48px;
        line-height: 133.333%;
    }

    .verify {
        font-size: 20px;
        line-height: 140%;
    }

    .companies {
        font-size: 16px;
        line-height: 150%;
    }
    .submenu__wrapper--first {
        flex-direction: column;
        gap: 12px;
    }
    .submenu__wrapper--style {
        padding-bottom: 64px;
        position: relative;
    }
    .btn-back-menu2 {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .hero::after {
        height: 240px;
    }
}

@media (max-width: 620px) {

    .submenu {
        display: none;
    }

    .header__menu.show-submenu .header__nav {
        visibility: hidden;
    }

    .header__menu.show-submenu .submenu {
        display: block;
    }

    .submenu, .header__nav-item:first-child .submenu {
        left: 0;
        padding: 0;
    }
    .btn-back-menu {
        display: flex;
    }
    .hero__content {
        padding-top: 120px;
    }
    .btn-hero {
        padding: 16px;
        background-color: #F9AA66;
        height: auto;
        border-radius: 8px;
        gap: 8px;
    }
    .btn-hero {
        flex-direction: row;
        padding: 7px 7px 7px 15px;
    }
    .btn-hero .btn__text {
        color: #2B323B;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 125%;
    }
    .btn-hero .btn__icon {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0  ;
        width: 24px;
        height: 24px;
        background: transparent;
    }
    .btn-hero .btn__icon {
        width: 20px;
        height: 20px;
    }
    .btn__icon-arrow::after {
        background-image: url('../img/small_arrow.svg');
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 460px) {
    .submenu__wrapper--style {
        flex-direction: column;
    }

    .submenu__list--secondtype {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: flex-start;
        width: 100%;
        padding: 12px 0;
    }

    .submenu__widget {
        height: auto;
    }

    .hero {
        /* height: 800px; */
    }

    .hero__title {
        font-size: 40px;
        font-weight: 700;
        line-height: 120%;
    }
    .hero__content {
        padding-top: 80px;
    }
}

@media (max-width: 419.98px) {

    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero {
        background-position: right -80px top -30px;
    }

    

    .verify {
        font-size: 16px;
        font-weight: 700;
        line-height: 125%;
    }

    .companies {
        font-size: 14px;
        line-height: 142.857%;
    }

    .btn__text-hero {
        font-size: 16px;
        font-style: normal;
        line-height: 125%;
    }
}
@media (max-width: 379.98px) {
    .hero__content {
        padding-top: 60px;
    }
}

/* HERO END */

/* PAGE-NAV START */


.page-nav {
    padding: 16px 0 15px;
    border-radius: 0 0 12px 12px;
    border-bottom: 1px solid var(--Stroke-Orange, #F9AA66);
    background: var(--Island-Black, #212121);
    box-shadow: 0 -4px 40px 0 rgba(0, 0, 0, 0.20);
    margin-bottom: -56px;
    position: relative;
    z-index: 7;
}

.page-nav__wrapper::before {
    content: attr(data-active);
    display: none;
}

.page-nav__wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.page-nav__wrapper::-webkit-scrollbar {
    display: none;
}

.page-nav__menu {
    min-width: max-content;
    width: 100%;
}

.page-nav__menu-list {
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 24px;
    min-width: max-content;
    padding-left: 0;
    padding-right: 0;
}

.page-nav__menu-item,
.page-nav__menu-dot {
    flex: 0 0 auto;
}

.page-nav__menu-dot {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
    flex-shrink: 0;
}

.page-nav__menu-link {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
    white-space: nowrap;
}

.page-nav__menu-link:hover {
    color: var(--Text-Orange, #F9AA66);
    text-decoration-line: underline;
}

.page-nav__menu-item.page-nav__menu-item--active .page-nav__menu-link {
    color: var(--Text-Orange, #F9AA66);
    text-decoration-line: underline;
}

.page-nav.page-nav--fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.page-nav + section {
    padding-top: 120px;
}

.page-nav__toggle-text,
.page-nav__toggle-icon {
    display: none;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {
    .page-nav__menu-list {
        justify-content: flex-start;
        width: max-content;
    }

    .page-nav__menu {
        min-width: max-content;
    }

    .page-nav__wrapper {
        overflow-x: auto;
    }
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
   
}

@media (max-width: 575.98px) {
    .page-nav {
        padding: 12px 0;
    }
    .page-nav__wrapper {
        position: relative;
        overflow: visible;
    }

    /* Верхняя кнопка */
    .page-nav__toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }

    /* Список — выпадающий */
    .page-nav__menu {
        position: absolute;
        top: calc(100% + 24px);
        left: 0;
        width: 100%;
        background: #212121;
        box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.30);
        border-radius: 16px;
        border: 1px solid rgba(251, 251, 251, 0.15);
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s ease;
    }

    .page-nav__menu-list {
        padding: 12px 20px;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .page-nav__menu-item {
        border-bottom: 1px solid rgba(251, 251, 251, 0.1);
    }

    .page-nav__menu-item:last-of-type {
        border-bottom: none;
    }

    .page-nav__menu-link {
        display: block;
        padding: 12px 0;
    }

    .page-nav__menu-item:first-of-type .page-nav__menu-link {
        padding-top: 0;
    }

    .page-nav__menu-item:last-of-type .page-nav__menu-link {
        padding-bottom: 0;
    }

    .page-nav__menu-dot {
        display: none;
    }

    /* Открытое состояние */
    .page-nav--open .page-nav__menu {
        max-height: max-content;
        opacity: 1;
        pointer-events: auto;
    }
    .page-nav__toggle-text {
        display: block;
        color: var(--Text-White, #FBFBFB);
        font-size: var(--Text-Title-Size-H5, 16px);
        font-weight: 700;
        line-height: 125%;
    }
    .page-nav__toggle-icon {
        padding: 5px;
        border-radius: 6px;
        border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
        background: var(--island-white-5, rgba(251, 251, 251, 0.05));
        backdrop-filter: blur(10px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .page-nav__toggle-icon svg {
        transition: transform 0.35s ease;
        transform-origin: center;
    }

    .page-nav--open .page-nav__toggle-icon svg {
        transform: scaleY(-1);
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}

/* PAGE-NAV END */


/* ABOUT START */

.about {
    padding: 64px 0;
    /* border-radius: 32px 32px 0 0; */
    border: none;
    /* border-top: 1px solid rgba(251, 251, 251, 0.15); */
    background: var(--Background-Black, #212121);
    /* margin-top: -32px;
    margin-bottom: -32px; */
    position: relative;
    z-index: 2;
    /* margin-top: 830px; */
}


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

.about__info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.about__description {
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
    padding-right: 300px;
}
.about__cards {
    display: flex;
    gap: 16px;
}

.about__card {
    width: calc(50% - 8px);
    display: flex;
    padding: 24px;
    gap: 24px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    position: relative;
    backdrop-filter: blur(10px);
}
.about__card--maskot {}

.about__card-info {
    width: calc(50% - 12px);
    max-width: 296px;
    flex-direction: column;
    gap: 8px;
}
.about__card-text {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
}
.about__card-percent {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H1, 56px);
    font-weight: 700;
    line-height: 114.286%;
}
.about__card-description {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H5, 20px);
    font-weight: 700;
    line-height: 140%;
}

.about__card-image {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    align-self: center;
}
.about__card-image-text {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
}

.about__card--map .about__card-image{
    background-image: url('../img/about__card-image.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    mix-blend-mode: screen;
    filter: blur(0px);
    position: absolute;
    right: 0;
    top:0;
    height: 100%;
    border-radius: 24px;
}

.about__card--map .about__card-image::after {
    content: '';
    position: absolute;
    display: block;
    left:0;
    width: 60px;
    height: 100%;
    background: linear-gradient(
        to right,
        #212121 0%,
        transparent 100%
    );
}

.about__card--maskot {
    gap: 0;
}

.about__card--maskot .about__card-info {
    max-width: 221px;
    width: 40%;
}

.about__card--maskot .about__card-image {
    width: 60%;
}

.about__card--maskot {
    position: relative;
}

.about__card--maskot::after {
    content: '';
    display: block;
    position: absolute;
    width: 292px;
    height: 140px;
    background-image: url('../img/about_image_maskot.png');
    background-position: center;
    background-size: cover;
    bottom: calc(100% - 12px);
    right: 40px;
}



@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .about {
        /* margin-top: 870px; */
    }
    .about__cards {
        flex-direction: column;
    }
    .about__card {
        width: 100%;
    }
    .about__card--maskot::after {
        display: none;
    }
    .about__card--maskot-mobile::after {
        content: '';
        display: block;
        position: absolute;
        width: 292px;
        height: 140px;
        background-image: url('../img/about_image_maskot.png');
        background-position: center;
        background-size: cover;
        bottom: calc(100% - 12px);
        right: 40px;
    }
    
}

@media (max-width: 767.98px) {
    .about__card--maskot-mobile::after {
        width: 210px;
        height: 101px;
    }
    .section__title {
        font-size: 32px;
    }
    .section__subtitle {
        font-size: 18px;
    }
}

@media (max-width: 575.98px) {
    .about__description {
        padding-right: 0;
        margin-bottom: 80px;
    }
    .about__card--maskot-mobile::after {
        right: unset;
        left:50%;
        transform: translateX(-50%);
    }
    .about__card {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    .about__card-info {
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }
    .about__card-text {
        width: 100%;
    }
    .section__subtitle,
    .about__description {
        font-size: 16px;
    }
    .about__card-percent {
        font-size: 40px;
        width: calc(50% - 4px);
    }
    .about__card-description {
        width: calc(50% - 4px);
        font-size: 16px;
        text-align: left;
    }
    .about__card-image-text {
        font-size: 16px;
    }
    .about__card--maskot .about__card-image {
        width: 100%;
        max-width: unset;
        height: 180px;
        bottom: 0;
        top:unset;
    }
    .about__card--maskot .about__card-info {
        width: 100%;
        max-width: unset;
    }
    .about__card--maskot .about__card-description {
        width: 100%;
        text-align: center;
    }
    .about__card--maskot {
        height: 300px;
    }
}

@media (max-width: 478.98px) {
    .about__card--maskot {
        height: 320px;
    }
    .solutions__item-title {
        font-size: 20px;
    }
    .solutions__item-description {
        font-size: 14px;
        line-height: 1.43;
    }
    .solutions__item {
        padding: 12px;
    }
}

@media (max-width: 419.98px) {

}

/* ABOUT END */

/* SOLUTIONS START */

.solutions {
    border-radius: 0 0 32px 32px;
    border: none;
    border-bottom: 1px solid rgba(251, 251, 251, 0.15);
    position: relative;
    z-index: 2;
}

.solutions__content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto 1fr auto;
    gap: 16px;
}

.solutions__title-block {
    grid-column: 1;
    grid-row: 1;
}

.solutions__title {
    max-width: 440px;
}

.solutions__maskot {
    grid-column: 1;
    grid-row: 3;
}

.solutions__list {
    grid-column: 2;
    grid-row: 1 / 4;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.solutions__item {
    display: flex;
    min-width: 340px;
    padding: var(--Frame-Card-Padding-Outside, 24px);
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    flex: 1 0 0;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    /* backdrop-filter: blur(10px); */
}

.solutions__item-icon {
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
}

.solutions__item-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.solutions__item-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
}

.solutions__item-description {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
}

.solutions__item-action {
}



@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .solutions__content {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .solutions__title-block {
        grid-column: 1;
        grid-row: 1;
    }

    .solutions__list {
        grid-column: 1;
        grid-row: 2;
    }

    .solutions__maskot {
        grid-column: 1;
        grid-row: 3;
        display: flex;
        justify-content: center;
        margin-top: -45px;
        z-index: 3;
        padding-left: 40px;
    }

    .solutions__maskot img {
        width: 330px;
    }
}

@media (max-width: 767.98px) {
    .solutions {
        padding-top: 32px;
    }
    .solutions__maskot {
        margin-top: 24px;
        padding-left: 0;
    }
    .solutions__content {
        gap: 32px;
    }
}

@media (max-width: 575.98px) {

}

@media (max-width: 478.98px) {
    .solutions__item {
        padding: 12px;
        border-radius: 12px;
    }
    .solutions__item-icon svg {
        width: 24px;
        height: 24px;
    }
    .btn {
        padding: 6px 6px 6px 12px;
        gap: 4px;
        height: auto;
    }
    .btn__text {
        font-size: 14px;
    }
    .btn__icon {
        width: 16px;
        height: 16px;
        line-height: 1;
    }
    .btn__icon svg {
        width: 16px;
        height: 16px;
    }
    .btn__icon-arrow {
        width: 32px;
        height: 32px;
    }
    .btn__icon-arrow svg {
        width: 24px;
        height: 24px;
    }
    
}

@media (max-width: 419.98px) {
    .solutions__item {
        min-width: unset;
        width: 100%;
        flex:unset;
    }
}

/* SOLUTIONS END */


/* PRODUCTS START */

.products {
    margin-top: -32px;
    padding-top: 96px;
    padding-bottom: 96px;
    position: relative;
    z-index: 0;
    background:
        radial-gradient(circle, rgba(249,170,102,0.04) 1.4px, transparent 1.4px),
        radial-gradient(circle, rgba(249,170,102,0.04) 1.4px, transparent 1.4px),
        radial-gradient(68.27% 54.14% at 0% 50%, rgba(249,170,102,0.30) 10.3%, rgba(33,33,33,0.00) 100%),
        #212121;
    background-size:
        16px 16px,
        16px 16px,
        100% 100%,
        auto;
    background-position:
        0 0,
        8px 8px,
        0 0,
        0 0;
}

.products__wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto 1fr auto;
    gap: 48px;
}

.products__info-top {
    display: flex;
    flex-direction: column;
    gap: 88px;
    grid-column: 1;
    grid-row: 1;
}

.products__title-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.products__info-bottom {
    grid-column: 1;
    grid-row: 3;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.products__info-description {
    color: var(--Text-White, #FBFBFB);
    font-weight: 500;
}

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

.products__slider {
    grid-column: 2;
    grid-row: 1 / 4;
    display: flex;
    gap: 48px;
    align-items: stretch;
    min-width: 0;
    max-width: 100%;
}

.products__slider-media {
    width: 360px;
    max-width: 360px;
    min-width: 0;
    flex-shrink: 0;
}

.products__slider-image {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    line-height: 1;
    padding: 8px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.products__slider-image img,
.products__slider-image-mobile img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    border: 2px solid var(--Universal-Black, #212121);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.30);
    max-width: 100%;
}

.products__slider-image--desktop {
    display: block;
    height: 100%;
}

.products__slider-image-mobile {
    display: none;
}

.products__slider-image-slide {
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.products__slider-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
}

.products__slider-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
}

.products__slider-tab {
    display: flex;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #2d2d2c;
    border: none;
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    flex: 0 0 auto;
}

.products__slider-tab:hover {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.products__slider-tab--active {
    color: var(--Text-Dark-blue, #2B323B);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
    cursor: default;
}

.products__slider-tab--active:hover {
    color: var(--Text-Dark-blue, #2B323B);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
}

.products__slider-wrapper {
    position: relative;
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.products__slider-content-swiper {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.products__slider-list {
    min-width: 0;
    max-width: 100%;
}

.products__slide {
    display: flex;
    padding: var(--Frame-Card-Padding-Outside, 24px);
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    height: 400px;
    gap: 12px;
    backdrop-filter: blur(10px);
    min-width: 0;
    max-width: 100%;
}

.products__slide-icon {
    align-self: flex-start;
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
}

.products__slide-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
}

.products__slide-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
}

.products__slidedescription {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
}

.products__slide-action {
    margin-top: 24px;
    align-self: flex-end;
}

.products__slider-arrows {
    display: flex;
    gap: 8px;
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 3;
}

.products__slider-arrow {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    cursor: pointer;
}

.products__slider-arrow:hover {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.products__slider-arrow--disabled {
    cursor: default;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.1));
    opacity: 0.4;
    pointer-events: none;
}

.products__slider-arrow--disabled svg path {
    opacity: 0.5;
}

.products__slider-arrow--disabled:hover {
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

/* DESKTOP: текущая логика с активным слайдом */
@media (min-width: 768px) {
    .products__slider-image-mobile {
        display: none !important;
    }

    .products__slider-content-swiper {
        overflow: visible;
    }

    .products__slider-list {
        position: relative;
    }

    .products__slide {
        position: absolute;
        inset: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 300ms ease, visibility 300ms ease;
    }

    .products__slide--active {
        position: relative;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

/* TABLET/LAPTOP */
@media (max-width: 1199.98px) {
    .products__slide {
        height: 430px;
        gap: 24px;
    }

    .products__slider {
        gap: 16px;
    }

    .products__slider-media {
        width: 240px;
        max-width: 240px;
    }
}

@media (max-width: 991.98px) {
    .products__wrapper {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .products__info-top {
        grid-column: 1;
        grid-row: 1;
        gap: 48px;
    }

    .products__wrapper {
        gap: 24px;
    }

    .products__slider {
        grid-column: 1;
        grid-row: 2;
    }

    .products__info-bottom {
        grid-column: 1;
        grid-row: 3;
    }

    .products__slide {
        height: 380px;
    }
}

/* MOBILE */
@media (max-width: 767.98px) {
    .products__slider,
    .products__slider-media,
    .products__slider-content,
    .products__slider-wrapper,
    .products__slider-content-swiper,
    .products__slider-image-mobile,
    .products__slider-list {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .products__slider {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .products__slider-media {
        flex: 0 1 auto;
    }

    .products__slider-image--desktop {
        display: none;
    }

    .products__slider-image-mobile {
        display: block;
        overflow: hidden;


    }

    .products__slider-image-slide {
        border-radius: var(--Frame-Card-Padding-Corner, 24px);
        border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
        background: var(--island-white-5, rgba(251, 251, 251, 0.05));
        line-height: 1;
        padding: 8px;
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .products__slider-image-mobile .swiper-wrapper {
        align-items: stretch;
        width: 100%;
    }

    .products__slider-content-swiper {
        overflow: hidden;
    }

    .products__slider-content-swiper .swiper-wrapper,
    .products__slider-image-mobile .swiper-wrapper {
        width: 100%;
    }

    .products__slider-content-swiper .swiper-slide,
    .products__slider-image-mobile .swiper-slide {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        flex-shrink: 0;
    }

    .products__slider-image-slide {
        height: auto;
        width: 100%;
    }

    .products__slider-image-mobile img {
        width: 100%;
        height: auto;
        aspect-ratio: 17 / 28;
    }

    .products__slider-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 4px;
    }

    .products__slider-tabs::-webkit-scrollbar {
        display: none;
    }

    .products__slider-arrows {
        display: none;
    }

    .products__slider-list {
        position: static;
    }

    .products__slide {
        position: relative;
        inset: auto;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: none;
        height: 330px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        align-self: auto;
        flex-shrink: 0;
    }

    .products__slide-icon {
        width: 32px;
        height: 32px;
        padding: 2px;
    }

    .products__slide-icon svg {
        flex-shrink: 0;
    }

    .products__info-actions {
        flex-direction: row;
    }

    .products__info-actions .btn--transparent {
        align-self: flex-end;
    }
}

@media (max-width: 575.98px) {
    .products__slider-image-slide {
        height: 400px;
    }
    .products__slider-image-mobile img {
        height: 384px;
    }
    .products__slide {
        padding: 12px;
        border-radius: 12px;
    }
    .products__slider-image-slide {
        border-radius: 12px;
    }
    .products__slide {
        height: 280px;
    }
}

@media (max-width: 478.98px) {
    .products__slide-title {
        font-size: 20px;
    }

    .products__slidedescription {
        font-size: 14px;
        line-height: 142.857%;
    }
}

/* PRODUCTS END */



/* advantages START */

.advantages {
    padding: 64px 0;
    border-radius: 32px 32px 0 0;
    border: none;
    border-top: 1px solid rgba(251, 251, 251, 0.15);
    background: var(--Background-Black, #212121);
    margin-top: -32px;
    margin-bottom: -32px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.advantages__wrapper {

}

.advantages__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

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

.advantages__row-3 {

}

.advantage__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 200px;
    padding: var(--Frame-Card-Padding-Outside, 24px);
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    grid-row: 1 / span 1;
    grid-column: 1 / span 4;
    justify-self: stretch;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    overflow: hidden;
    padding-right: 88px;
    position: relative;
}

.advantages__row-3 .advantage__item {
    width: calc(33.33% - 8px);
}

.advantage__item-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
    opacity: 0.5;
    transition: all ease-in-out 0.3s;
}

.advantage__item-description {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
    opacity: 0.3;
    transition: all ease-in-out 0.3s;
}

.advantage__item-description span {
    font-weight: 700;
}

.advantages__row-1 {

}

.advantage__item--fill-image {
    padding: 0;
}

.advantage__item--fill-image img {
    border-radius: 24px;
    width: 100%;
}

.advantages__row-2 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.advantages__row-2:has(.advantage__item--image-hover) {
    flex-direction: row;
}

.advantages__row-2 .advantage__item {
    width: 100%;
}

.advantages__row-2 .advantage__item.advantage__item--image-hover {
    width: calc(50% - 8px);
}

.advantage__item--image-hover {
    position: relative;
    padding-right: 300px;
}

.advantage__item--image-hover img {
    position: absolute;
    right: 40px;
    bottom: -40px;
    transition: all ease-in-out 0.3s;
}

.advantages__col-1 .advantage__item--image-hover {
    padding-right: 88px;
}

.advantages__row-2-1 {
    display: flex;
    gap: 12px;
}

.advantages__col-2 {
    width: calc(33.33% - 8px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.advantages__col-1 {
    width: calc(33.33% - 6px);
}

.advantages__col-1 .advantages__row {
    height: 100%;
}

.advantage__item:hover {
    background: 
    radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px), 
    radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px), 
    radial-gradient(178.48% 141.54% at 100.17% 0%, rgba(249, 170, 102, 0.30) 0%, rgba(33, 33, 33, 0.00) 50.21%), #212121;
    background-size: 16px 16px, 16px 16px, 100% 100%, auto;
    background-position: 0 0, 8px 8px, 0 0, 0 0;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid var(--Stroke-Orange, #F9AA66);
}   

.advantage__item--fill-image:hover {
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
}

.advantage__item:hover .advantage__item-title,
.advantage__item:hover .advantage__item-description{
    opacity: 1;
    transform: translateX(64px);
}

.advantage__item-icon {
    opacity: 0;
    position: absolute;
    left:24px;
    top:24px;
    transition: all ease-in-out 0.3s;
    transform: translateX(-64px);
    line-height: 0;
}
.advantage__item:hover .advantage__item-icon{
    opacity: 1;
    transform: translateX(0px);
}

.advantage__item--image-hover:hover img {
    transform: translateY(-40px);
}

.advantages__list {
    position: relative;
}

.advantages__image {
    position: absolute;
    right: -40px;
    bottom: -60px;
    width: 547px;
    height: auto;
}
.advantages__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}



@media (max-width: 1599.98px) {
    .advantages__image {
        right: -100px;
    }
}

@media (max-width: 1399.98px) {
    .advantages__image {
        right: -140px;
    }
}

@media (max-width: 1199.98px) {
    .advantage__item {
        padding-right: 24px;
        padding-top: 88px;
        background: 
        radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px), 
        radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px), 
        radial-gradient(178.48% 141.54% at 100.17% 0%, rgba(249, 170, 102, 0.30) 0%, rgba(33, 33, 33, 0.00) 50.21%), #212121;
        background-size: 14px 14px, 14px 14px, 100% 100%, auto;
        background-position: 0 0, 8px 8px, 0 0, 0 0;
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.25);

        border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.25);
    }
    .advantages__col-1 .advantage__item--image-hover {
        padding-right: 24px;
    }
    .advantage__item--fill-image {
        background-color: unset;
        padding: 8px;
        border-radius: var(--Frame-Card-Padding-Corner, 24px);
        border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
        background: var(--island-white-5, rgba(251, 251, 251, 0.05));
        backdrop-filter: blur(4px);
        height: 260px;
    }
    .advantage__item--fill-image img {
        border-radius: 16px;
        height: 100%;
        object-fit: cover;
    }
    .advantage__item--image-hover {
        padding-bottom: 160px;
    }
    .advantage__item-icon {
        opacity: 1;
        transform: unset;
    }
    .advantage__item-title {
        opacity: 1;
    }
    .advantage__item-description {
        opacity: 1;
    }
    .advantage__item:hover .advantage__item-title,
    .advantage__item:hover .advantage__item-description {
        transform: unset;
    }
    .advantage__item--image-hover:hover img {
        transform: unset;
    }
    .advantages__row-3 {
        flex-wrap: wrap;
    }
    .advantages__row-3 .advantage__item {
        width: calc(50% - 8px);
    }
    .advantages__row-3 .advantage__item:first-of-type {
        width: 100%;
    }
    .advantages__row-2 {
        flex-direction: row;
    }
    .advantages__row-2 .advantage__item {
        width: calc(50% - 8px);
    }
    .advantages__row-2-1 .advantages__col-1 {
        display: none;
    }
    .advantages__row-2-1 .advantages__col-2 {
        width: 100%;
    }
    .advantages__wrapper {
        padding-bottom: 335px;
    }
    .advantages__image {
        bottom: -330px;
        right: 100px;
    }
}

@media (max-width: 991.98px) {
    
    .advantages__row-3 .advantage__item {
        width: calc(50% - 6px);
    }
    .advantages__row-3 .advantage__item:first-of-type{
        width: 100%;
    }
    .advantages__row-2-1 {
        flex-direction: column;
    }
    .advantages__col-2 {
        width: 100%;
    }
    .advantages__col-1 {
        display: none;
    }

    .advantages__image {
        right: -30px;
    }
    
    .advantage__item--image-hover {
        padding-bottom: 24px;
    }

    .advantage__item--image-hover img {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .advantages__row-2 {
        flex-wrap: wrap;
    }
    .advantage__item,
    .advantages__row-3 .advantage__item,
    .advantages__row-2 .advantage__item {
        width: 100%;
    }
    .advantages__image {
        right: 0;
    }
    .advantages__row-2:has(.advantage__item--image-hover) {
        flex-direction: column;
    }
    .advantages__row-2 .advantage__item.advantage__item--image-hover {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .advantage__item {
        padding: 88px 16px 16px 16px;
    }
    .advantage__item-title {
        font-size: 20px;
    }
    .advantage__item-description {
        font-size: 14px;
    }
    .advantages__image {
        width: 100%;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}

/* advantages END */


/* CLIENTS START */

.clients {
    border-radius: 0 0 32px 32px;
    border: none;
    border-bottom: 1px solid rgba(251, 251, 251, 0.15);
    position: relative;
    z-index: 2;
}


.clients__wrapper {}

.clients__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    z-index: 2;
}

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

.clients__top-info .section__title-block {
    max-width: 800px;
}


.clients__top-card {
    display: flex;
    width: 332px;
    min-width: 332px;
    padding: var(--Frame-Card-Padding-Outside, 24px);
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    height: fit-content;
    align-items: flex-end;
}

.clients__top-card-icon {
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
}

.clients__top-card-content {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.clients__top-card-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H1, 56px);
    font-weight: 700;
    line-height: 114.286%;
    text-align: left;
}

.clients__top-card-subtitle {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
    text-align: left;
}

.clients__content {
    background-image: url('../img/clients_background.png');
    background-position: center center;
    background-size: cover;
    background-blend-mode: screen;
    mix-blend-mode: screen;
    filter: blur(0px);
    position: relative;
    z-index: 1;
    height: 640px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -200px;
    z-index: 1;
}
.clients__content::after {
    content: '';
    display: block;
    width: 100%;
    height: 120px;
    background: linear-gradient(180deg, rgba(33, 33, 33, 0.00) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
    left:0;
    z-index: 2;
}

.clients__list {
    display: flex;
    justify-content: center;
    gap: 130px;
    width: 100%;
}

.clients__item {
    width: 68px;
    height: 83px;
    background-image: url('../img/clients__item-bg.svg');
    position: relative;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    z-index: 4;
}

.clients__item-info {
    display: none;
    opacity: 0;
    
    width: 160px;
    padding: 12px 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: #000000;
    position: absolute;
    bottom: calc(100% + 20px);
    left:50%;
    transform: translateX(-50%);
    transition: all ease-in-out 0.3s;
    z-index: 5;
}


.clients__item-title {
    color: var(--Text-White, #FBFBFB);
    text-align: center;
    font-size: var(--Text-Title-Size-H5, 20px);
    font-weight: 700;
    line-height: 140%;
}

.clients__item-description {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    text-align: center;
    font-size: var(--Text-Body-Text-Size-Small, 14px);
    font-weight: 500;
    line-height: 142.857%;
}

.clients__item-icon {
    padding: 14px;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
}

.clients__item--bank .clients__item-icon {
    background-image: url('../img/clients__item--bank.svg');
}
.clients__item--crypto .clients__item-icon {
    background-image: url('../img/clients__item--crypto.svg');
}
.clients__item--goverment .clients__item-icon {
    background-image: url('../img/clients__item--goverment.svg');
}
.clients__item--insurance .clients__item-icon {
    background-image: url('../img/clients__item--insurance.svg');
}
.clients__item--gambling .clients__item-icon {
    background-image: url('../img/clients__item--gambling.svg');
}

.clients__item.clients__item--active {
    background-image: url('../img/clients__item-bg-hover.png');
    z-index: 5;
}

.clients__item.clients__item--active .clients__item-info{
    opacity: 1;
    z-index: 5;
    display: flex;
}

.clients__item.clients__item--active .clients__item-icon {
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
}
.clients__item.clients__item--active .clients__item-icon svg path{
    fill:#000000;
}

.clients__item--bank.clients__item--active .clients__item-icon{
  background-image:
    url('../img/clients__item--bank-hover.svg'),
    var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
}

.clients__item--crypto.clients__item--active .clients__item-icon{
  background-image:
    url('../img/clients__item--crypto-hover.svg'),
    var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
}

.clients__item--goverment.clients__item--active .clients__item-icon{
  background-image:
    url('../img/clients__item--goverment-hover.svg'),
    var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
}

.clients__item--insurance.clients__item--active .clients__item-icon{
  background-image:
    url('../img/clients__item--insurance-hover.svg'),
    var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
}

.clients__item--gambling.clients__item--active .clients__item-icon{
  background-image:
    url('../img/clients__item--gambling-hover.svg'),
    var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
}

.clients__item--bank {
    transform: translateY(160px);
}
.clients__item--crypto {
    transform: translate(-36px, 90px)
}
.clients__item--goverment {
    transform: translate(-30px, 70px)
}
.clients__item--insurance {
    transform: translate(-40px, 95px)
}
.clients__item--gambling {
    transform: translate(-20px, 85px)
}


@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .clients__top {
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }
    .clients__top-info {
        width: 100%;
    }
    .clients__content {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .clients__list {
        gap: 80px;
    }
    .clients__item--bank {
        transform: translate(0px, 70px);
    }
    .clients__item--crypto {
        transform: translate(0px, 180px);
    }
    .clients__item--goverment {
        transform: translate(0px, 40px);
    }
    .clients__item--insurance {
        transform: translate(0px, 180px);
    }
    .clients__item--gambling {
        transform: translate(0px, 70px);
    }
}

@media (max-width: 767.98px) {
    .clients__list {
        gap: 40px;
    }
    .clients__item.clients__item--goverment {
        z-index: 4;
    }
    .clients__item--crypto .clients__item-info {
        z-index: 7;
    }
}

@media (max-width: 575.98px) {
    .clients__list {
        gap: 30px;
    }
    .clients__item--bank {
        transform: translate(0px, 220px);
    }
    .clients__item--crypto {
        transform: translate(-40px, 40px);
    }
    .clients__item--goverment {
        transform: translate(0px, 120px);
    }
    .clients__item--insurance {
        transform: translate(40px, 60px);
    }
    .clients__item--gambling {
        transform: translate(-20px, 230px);
    }
}

@media (max-width: 478.98px) {
    .clients__list {
        gap: 10px;
    }
    .clients__item--bank {
        transform: translate(40px, 220px);
    }
    .clients__item--crypto {
        transform: translate(-40px, 40px);
        z-index: 3;
    }
    .clients__item--goverment {
        transform: translate(0px, 120px);
    }
    .clients__item--insurance {
        transform: translate(40px, 60px);
    }
    .clients__item--gambling {
        transform: translate(-40px, 230px);
    }
    .clients__item--bank .clients__item-info {
        z-index: 4;
    }
}

@media (max-width: 419.98px) {

}

/* CLIENTS END */

/* TESTIMONIALS START */

.testimonials {
    margin-top: -32px;
    padding-top: 96px;
    padding-bottom: 96px;
    margin-bottom: -32px;
    position: relative;
    z-index: 0;
    background: radial-gradient(circle, rgba(249,170,102,0.04) 1.4px, transparent 1.4px),
        radial-gradient(circle, rgba(249,170,102,0.04) 1.4px, transparent 1.4px),
        radial-gradient(53.66% 53.66% at 50% 49.83%, rgba(249, 170, 102, 0.30) 0%, rgba(33, 33, 33, 0.00) 100%),
        #212121;
    background-size: 16px 16px,
        16px 16px,
        100% 100%,
        auto;
    background-position: 0 0,
        8px 8px,
        0 0,
        0 0;
    display: none;
}

.testimonials__wrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.testimonials__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}

.testimonials .section__badge {
    align-self: center;
}

.testimonials__title-block {}

.testimonials__title {}

.testimonials__content {
    position: relative;
}

.testimonials__slider {}

.testimonials__arrows {
    
}

.testimonials__arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    top:calc(50% - 60px);
    z-index: 3;
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    cursor: pointer;
}

.testimonials__arrow:hover,
.testimonials__arrow:active,
.testimonials__arrow:focus {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.testimonials__arrow-prev {
    left:20px;
}

.testimonials__arrow-next {
    right: 20px;
}

.testimonials__slider-wrapper {}

.testimonials__slide {
    padding: 36px 0;
}

.testimonials__slide-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding-left: 124px;
    padding-right: 124px;
}

.testimonials__slide-icon {
    width: 32px;
    height: 32px;
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    align-self: center;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
}

.testimonials__slide-text {
    color: var(--Text-White, #FBFBFB);
    text-align: center;
    font-size: var(--Text-Title-Size-H3, 32px);
    font-weight: 700;
    line-height: 150%;
}

.testimonials__slide-author {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

.testimonials__slide-author-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.testimonials__slide-author-image img {
    width: 100%;
    height: 100%;
}

.testimonials__slide-author-name {
    margin-top: 8px;
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    text-align: center;
    font-size: var(--Text-Title-Size-H5, 20px);
    font-weight: 700;
    line-height: 140%;
}

.testimonials__slide-author-subtitle {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
}


@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .testimonials__slide {
        padding: 94px 0;
    }
    .testimonials__slide-text {
        color: var(--Text-White, #FBFBFB);
        text-align: center;
        font-size: var(--Text-Title-Size-H4, 24px);
        font-weight: 700;
    }
    .testimonials__slide-wrapper {
        padding-left: 64px;
        padding-right: 64px;
    }
    .testimonials__arrow-prev {
        left:0;
    }
    .testimonials__arrow-next {
        right:0;
    }
}

@media (max-width: 767.98px) {
    .testimonials__wrapper {
        gap: 32px;
    }
    .testimonials__slide {
        margin-bottom: 56px;
    }
    .testimonials__slide {
        padding: 0;
    }
    .testimonials__slide-text {
        font-size: 20px;
    }
    .testimonials__arrow {
        bottom: 0;
        top:unset;
    }
    .testimonials__arrow-prev {
        left: calc(50% - 44px);
    }
    .testimonials__arrow-next {
        right: calc(50% - 44px);
    }
}

@media (max-width: 575.98px) {
    .testimonials__slide-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .testimonials__slide-author-name {
        font-size: 16px;
    }
    .testimonials__slide-author-subtitle {
        font-size: 14px;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}


/* TESTIMONIALS END */

/* CASES START */

.cases {
    padding: 64px 0 64px;
    margin-bottom: -32px;
    border-radius: 32px 32px 0 0;
    border: none;
    border-top: 1px solid rgba(251, 251, 251, 0.15);
    background: var(--Background-Black, #212121);
    margin-top: -32px;
    position: relative;
    z-index: 2;
}

.cases__wrapper {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    padding: 24px;
    display: flex;
    gap: 24px;
}

.cases__title-left {
    width: 282px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cases__title-block {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 100px;
}

.cases__title {
    margin-top: 8px;
}

.cases__arrows {
    display: flex;
    gap: 8px;
}

.cases__arrow {
    width: 40px;
    height: 40px;
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    cursor: pointer;
}

.cases__arrow:hover,
.cases__arrow:focus,
.cases__arrow:active {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.cases__arrow-prev {}

.cases__arrow-next {}

.cases__line {
    width: 1px;
    height: auto;
    background: rgba(251, 251, 251, 0.10);
    flex-shrink: 0;
}

.cases__content {
    width: calc(100% - 331px);
}

.cases__slider {}

.cases__slider-wrapper {}

.cases__slide {

}

.cases__slide-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 100%;
    min-height: 100%;
}

.cases__slide-image {
    align-self: flex-end;
}

.cases__slide-image img {}

.cases__slide-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
}

.cases__slide-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cases__slide-subtitle {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H5, 20px);
    font-weight: 700;
    line-height: 140%;
}

.cases__slide-description {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
}

.cases__slide-metriks {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cases__slide-metriks-title {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H5, 20px);
    font-weight: 700;
    line-height: 140%;
}

.cases__slide-metriks-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

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

.cases__slide-metrik-name {
  
}

.cases__slide-metrik-value {
    padding: 4px 12px;
    border-radius: 8px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Body-Text-Size-Small, 14px);
    line-height: 142.857%;
}

.cases__slide-metrik-value-old {
    opacity: 0.7;
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
}

.cases__slide-metrik-icon {
    margin-left: -4px;
    margin-right: -4px;
}

.cases__slide-metrik-line {
    background: rgba(251, 251, 251, 0.10);
    width: 1px;
    height: auto;
}

.cases__slide-action {}

.cases__slide-btn {}


.btn--gray {
    display: flex;
    padding: 8px 8px 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.btn--gray .btn__text {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Button-Size-Regular, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%;
}

.btn--gray:hover,
.btn--gray:focus,
.btn--gray:active {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.btn--gray .btn__icon {
    width: 24px;
    height: 24px;
}

.cases__bottom {
    margin-top: 16px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    padding: 24px;
    display: flex;
    padding: var(--Frame-Card-Padding-Outside, 24px);
    align-items: flex-end;
    gap: 48px;
    align-self: stretch;
    justify-content: space-between;
}

.cases__bottom-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cases__bottom-title {
    font-size: var(--Text-Title-Size-H2, 40px);
    font-weight: 700;
    line-height: 130%;
}

.cases__bottom-subtitle {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
    line-height: 150%;
}

.cases__bottom-action .btn__text {
    white-space: nowrap;
}


/* 1) Слайд растягиваем по высоте контейнера */
.cases__slider,
.cases__slider-wrapper,
.cases__slide {
  height: 100%;
}

.cases__slide-action {
  margin-top: auto;
}

.cases__slider .swiper-wrapper {
    align-items: stretch; /* растягиваем слайды */
}

.cases__slider .swiper-slide {
    height: auto;          /* убрать авто-высоту Swiper */
    display: flex;         /* чтобы контент тянулся */
}

.cases__slider .swiper-slide > * {
    flex: 1;               /* карточка внутри растягивается */
}

.cases__slider .swiper-wrapper {
    align-items: stretch; /* растягиваем слайды */
}

.cases__slider .swiper-slide {
    height: auto;          /* убрать авто-высоту Swiper */
    display: flex;         /* чтобы контент тянулся */
}

.cases__slider .swiper-slide > * {
    flex: 1;               /* карточка внутри растягивается */
}


@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .cases__wrapper {
        flex-direction: column;
    }
    .cases__line {
        width: 100%;
        height: 1px;
    }
    .cases__title-left {
        width: 100%;
    }
    .cases__content {
        width: 100%;
    }
    .cases__title-block {
        margin-bottom: 0;
    }
    .cases__title-left {
        gap: 40px;
    }
    .cases__bottom {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .cases__slide-metriks-list {
        flex-direction: column;
        gap: 8px;
    }
    .cases__slide-metrik-line {
        height: 1px;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .cases__wrapper {
        padding: 12px;
        border-radius: 12px;
    }
    .cases__slide-title {
        font-size: 20px;
    }
    .cases__slide-subtitle,
    .cases__slide-description,
    .cases__slide-metriks-title {
        font-size: 16px;
    }
    .cases__slide-metrik-name {
        font-size: 14px;
    }
    .cases__slide-metrik-value {
        font-size: 12px;
        padding: 2px 16px;
    }
    .btn--gray .btn__text {
        font-size: 16px;
    }
    .cases__bottom {
        padding: 12px;
        border-radius: 12px;
    }
    .cases__bottom-title {
        font-size: 32px;
    }
    .cases__bottom-subtitle {
        font-size: 20px;
    }
    .cases__bottom-action .btn {
        gap: 17px;
    }
    .btn--gray .btn__icon svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}

/* CASES END */

/* DOC START */

.doc {}

.doc__wrapper {
    display: grid; 
    grid-template-columns: 1fr 2fr; 
    grid-template-rows: 1fr 1fr; 
    gap: 48px 48px; 
    grid-template-areas: 
        "doc__title-block doc__content"
        "doc__actions-block doc__content"; 
    height: 100%;
}

.doc__title-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.doc__title-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    grid-area: doc__title-block;
    align-self: start;
}

.doc__title {
    margin-top: 24px;
}

.doc__subtitle {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
    font-weight: 500;
    line-height: 150%;
}

.doc__actions-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    grid-area: doc__actions-block;
    align-self: end;
}

.doc__actions-text {
    color: var(--Text-Orange, #F9AA66);
    font-weight: 500;
}

.doc__actions {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.doc__content {
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 32px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    grid-area: doc__content;
}

.doc__tabs {
    display: flex;
    flex-direction: column;
    gap: 32px;
}


.doc__tab-list {
    display: flex;
    gap: 8px;
    border-radius: 12px;
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    padding: 4px;
}

.doc__tab-item {
    width: calc(33.33% - 5.33px);
    padding: 4px 20px;
    text-align: center;
    border-radius: 8px;
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    border:none;
    box-sizing: unset;
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
    font-size: 16px;
    line-height: 150%;
    cursor: pointer;
}

.doc__tab-item:hover,
.doc__tab-item:active,
.doc__tab-item:focus {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.doc__tab-item--active {
    cursor: default;
    color:#2B323B;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
}

.doc__tab-item--active:hover,
.doc__tab-item--active:active,
.doc__tab-item--active:focus {
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
}

.doc__tab-content-list {
    touch-action: pan-y;
    min-height: 320px;
}


.doc__tab-content-item {
    display: flex;
    padding: var(--Frame-Card-Padding-Outside, 24px);
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    align-self: stretch;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    height: 100%;
}


.doc__tab-content-item--active {}


.doc__tab-content-icon {
    width: 32px;
    height: 32px;
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
}

.doc__tab-content-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.doc__tab-content-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
}

.doc__tab-content-text {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
}


.doc__tab-content-action {
    height: 100%;
    align-content: flex-end;
}


.doc__content-line {
    width: 100%;
    height: 1px;
    background: rgba(251, 251, 251, 0.10);
}


.doc__bottom {
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 28px;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
    padding-right: 350px;
    position: relative;
}

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

.doc__bottom-title {
    color: var(--Text-Dark-blue, #2B323B);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
}

.doc__bottom-description {
    color: var(--Text-Dark-blue, #2B323B);
    font-size: var(--Text-Body-Text-Size-Small, 14px);
    font-weight: 500;
    line-height: 142.857%;
}

.doc__bottom-action {}

.btn--black {
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Black, #212121);
}

.btn--black span {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Button-Size-Regular, 18px);
    font-weight: 700;
    line-height: 133.333%;
}

.btn--black:hover {
    background: var(--Island-Black, #212121);
}

.btn--black:hover span {
    color: #F9AA66;
}

.btn--black:hover svg path{
    fill: #F9AA66;
}

.doc__bottom::after {
    content: '';
    display: block;
    width: 270px;
    height: 250px;
    background-image: url('../img/doc__bottom-image.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 40px;
}


/* Скрываем все панели по умолчанию */
.doc__tab-content-item {
  display: none;
}

/* Показываем активную */
.doc__tab-content-item--active {
  display: flex; /* если у вас внутри флекс-верстка; иначе можно block */
}

/* Минимальная визуализация активного таба */
.doc__tab-item {
  cursor: pointer;
}

.doc__tab-item--active {
  font-weight: 600;
}

.doc__tab-arrow {
    border-radius: 6px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    display: none;
    padding: 6px;
    justify-content: center;
    align-items: center;
}

.doc__tab-arrow:hover,
.doc__tab-arrow:active
.doc__tab-arrow:focus {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {
    .doc__bottom {
        padding-right: 300px;
    }
    .doc__tab-content-list {
        min-height: 360px;
    }
}

@media (max-width: 991.98px) {
    .doc__wrapper {
        display: grid; 
        grid-template-columns: 1fr; 
        grid-template-rows: 1fr; 
        gap: 48px; 
        grid-template-areas: 
            "doc__title-block"
            "doc__content"
            "doc__actions-block"; 
        height: 100%;
    }
    .doc__actions {
        flex-direction: row;
        align-items: flex-end;
    }
    .doc__bottom {
        flex-direction: column;
        padding-right: 24px;
        align-items: flex-end;
    }
    .doc__bottom {
        padding-right: 270px;
    }
    .doc__bottom::after {
        width: 240px;
        height: 222px;
        right: 20px;
    }
    .doc__bottom-action {
        align-self: flex-start;
    }
    .doc__tab-content-list {
        min-height: 330px;
    }
}

@media (max-width: 767.98px) {
    .doc__subtitle {
        font-size: 14px;
    }
    .doc__content,
    .doc__tabs {
        gap: 16px;
    }
    .doc__content,
    .doc__tab-content-item,
    .doc__bottom {
        padding: 12px;
    }
    .doc__bottom {
        padding-right: 270px;
    }
    .doc__tab-list {
        justify-content: center;
    }
    .doc__tab-item {
        display: none;
    }
    .doc__tab-item--active {
        display: block;
        width: calc(100% - 134px);
    }
    .doc__tab-arrow {
        display: flex;
    }
    .doc__tab-arrow--disabled svg{
        opacity: 0.5;
    }
    .btn--black span {
        font-size: 16px;
    }
    .doc__tab-content-list {
        min-height: 330px;
    }
}

@media (max-width: 575.98px) {
    .doc__tab-content-title,
    .doc__bottom-title {
        font-size: 20px;
    }
    .doc__tab-content-text {
        font-size: 14px;
    }
    .doc__bottom-description {
        font-size: 12px;
    }
    .doc__bottom {
        gap: 24px;
        padding: 12px 12px 180px 12px;
    }
    .doc__tab-content-action .btn .btn__text {
        font-size: 12px;
    }
    .doc__tab-content-action .btn {
        padding: 6px 6px 6px 12px;
        gap: 4px;
    }
    .doc__actions {
        flex-direction: column;
        align-items: flex-start;
    }
    .btn--black svg {
        width: 20px;
        height: 20px;
    }
    .doc__tab-content-list {
        min-height: 340px;
    }
}

@media (max-width: 478.98px) {
    .doc__bottom::after {
        width: 200px;
        height: 185px;
    }
    .doc__bottom {
        padding-bottom: 140px;
    }
    .doc__tab-content-list {
        min-height: 360px;
    }
}

@media (max-width: 419.98px) {
    .doc__tab-content-list {
        min-height: 390px;
    }
}

/* DOC END */


/* NEWS START */


.news {
    display: none;
}

.section {
    
}

.container {
    
}

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

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

.section__badge {
    
}

.news__top-info {
    display: flex;
    gap: 48px;
    align-items: flex-end;
}

.news__title-block {
    flex-grow: 1;
}

.news__title {
    
}

.news__descriptioin {
    
}

.news__top-action {
    
}

.news__content {
    
}

.news__list {
    display: flex;
    gap: 16px;
}

.news__item {
    padding: 8px 8px 24px 8px;
    width: calc(25% - 12px);
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.news__list > .news__item:nth-of-type(n + 5) {
    display: none;
}

.news__item-image {
    line-height: 1;
    padding: 0;
    margin: 0;
    height: 320px;
    border-radius: 16px;
    border: 2px solid var(--Universal-Black, #212121);
    /* background: url(<path-to-image>) lightgray 50% / cover no-repeat; */
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.30);
    overflow: hidden;
}

.news__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news__item-info {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.news__item-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.news__item-meta-left {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
}

.news__item-meta-views {
    display: flex;
    gap: 4px;
    padding: 5px 11px 5px 5px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.news__item-meta-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.news__item-meta-count {
    font-size: 14px;
    font-weight: 700;
    line-height: 142.857%;
    white-space: nowrap;
}

.news__item-meta-likes {
    display: flex;
    gap: 4px;
    padding: 5px 11px 5px 5px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.news__item-meta-times {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    height: 28px;
}

.news__item-meta-times-icon {
    width: 13.333px;
    height: 13.333px;
    flex-shrink: 0;
    line-height: 1;
}
.news__item-meta-times-icon svg {
    width: 100%;
    height: 100%;
}

.news__item-meta-times-text {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Body-Text-Size-Small, 14px);
    line-height: 142.857%;
}

.news__item-title {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 133.333%;
}

.news__item-description {
    overflow: hidden;
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news__item-author {
    margin: 0 16px;
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 17px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.news__item-author-image {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%;
}

.news__item-author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news__item-author-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.news__item-author-name {
    overflow: hidden;
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
}

.news__item-author-job {
    overflow: hidden;
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
    line-height: 150%;
}

.news__arrows {
    display: none;
    gap: 8px;
}

.news__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    cursor: pointer;
}



.news__arrow:hover, 
.news__arrow:active, 
.news__arrow:focus {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.news__arrow.news__arrow--disabled {
    opacity: 0.4;
    cursor: default;
}

.news__arrow.news__arrow--disabled:hover, 
.news__arrow.news__arrow--disabled:active, 
.news__arrow.news__arrow--disabled:focus {
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.news__list > .news__item:nth-child(n+5) {
    display: none;
  }


@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .news__list {
        gap: 16px;
    }
    .news__item {
        width: calc(33.33% - 10.67px);
    }
    .news__list > .news__item:nth-of-type(n + 4) {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .news__content.swiper {
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }

    .news__list.swiper-wrapper {
        display: flex;
        flex-wrap: nowrap;
        gap: 0 !important; /* gap ломает Swiper */
    }

    .news__item.swiper-slide {
        flex: 0 0 auto !important;
    }
    .news__list > .news__item:nth-child(n+4) {
        display: flex;
    }
    .news__top-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }
    .news__top-action {
        width: 100%;
        display: flex;
        gap: 48px;
        align-items: center;
        justify-content: space-between;
    }
    .news__arrows {
        display: flex;
    }
}

@media (max-width: 991.98px) {
    .news__item {
        width: 100%;
    }
    .news__top-info {
        flex-direction: column;
    }
    .news__title-block {
        width: 100%;
    }
    .news__top-action {
        align-self: flex-start;
    }
}

@media (max-width: 767.98px) {
   
}

@media (max-width: 575.98px) {
    .news__item-title {
        font-size: 20px;
    }
    .news__item-description,
    .news__item-meta-count,
    .news__item-author-name {
        font-size: 16px;
    }
    .news__item-author-job {
        font-size: 14px;
    }
    .news__item-info {
        padding: 0;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}


/* NEWS END */

/* PROMO START */

.promo {
    padding-top: 64px;
    margin-top: -24px;
    padding-bottom: 128px;
    border-radius: 0 0 32px 32px;
    border: none;
    border-bottom: 1px solid rgba(251, 251, 251, 0.15);
    position: relative;
    z-index: 2;
    display: none;
}

.promo__wrapper {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    padding: 24px 24px 0 24px;
    display: flex;
    gap: 48px;
}

.promo__info {
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.promo__info-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
}

.promo__info-description {

}

.promo__image-maskot {
    position: relative;
    width: 176px;
    flex-shrink: 0;
}

.promo__image-maskot img {
    position: absolute;
    bottom: 0;
    width: 176px;
    height: auto;
}

.promo__action {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.promo__form {
    padding-bottom: 24px;
}

.promo__form-wrapper {
    display: flex;
    gap: 7px;
    align-items: flex-end;
}

.input-form-block {
    padding: 4px;
    display: flex;
    align-items: flex-start;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    width: 100%;
}

.input-form-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 4px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
}

.input-form {
    overflow: hidden;
    color: #FBFBFB;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    background: transparent;
    border: none;
    outline: none;
    padding-left: 8px;
    padding-right: 8px;
    width: calc(100% - 64px);
}

.input-form:active,
.input-form:focus,
.input-form:hover,
.input-form-block--textarea:active,
.input-form-block--textarea:focus,
.input-form-block--textarea:hover,
.phone-field__input:active,
.phone-field__input:focus,
.phone-field__input:hover {
    border:none;
    outline: none;
    box-shadow: none;
}

.input-form-block:hover,
.input-form-block:has(.input-form:active),
.input-form-block:has(.input-form:hover),
.input-form-block:has(.input-form:focus), 
.input-form-block:has(.phone-field__input:active),
.input-form-block:has(.phone-field__input:hover),
.input-form-block:has(.phone-field__input:focus) {
    border: 1px solid var(--Stroke-Orange, #F9AA66);
}

.promo__form-input {}

.input-form-clear {
    border-radius: 6px;
    border: 1px solid var(--stroke-white-10, rgba(251, 251, 251, 0.10));
    display: flex;
    width: 28px;
    padding: 2px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    aspect-ratio: 1/1;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: transparent;
}

.input-form-clear--disabled {
    cursor: default;
    opacity: 0.5;
}

.promo__form .input-form-block {
    height: 40px;
    padding: 5px;
}

.promo__form .input-form-action {
    width: unset;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {
    .promo__wrapper {
        flex-direction: column;
        position: relative;
    }
    .promo__info {
        order: 1;
        padding-right: 200px;
        padding-bottom: 0;
    }
    .promo__action {
        order: 2;
        padding-right: 200px;
    }
    .promo__image-maskot {
        order: 3;
        align-self: flex-end;
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .promo__info {
        padding-right: 160px;
    }
    .promo__wrapper {
        padding-top: 56px;
    }
    .promo__action {
        padding-right: 0;
    }
    .promo__image-maskot {
        width: 128px;
        height: 93px;
        padding: 0;
        margin: 0;
        top: 0;
        bottom: unset;
    }
    .promo__image-maskot img{
        transform: rotate(-90deg);
        width: 134px;
        height: 168px;
        right: 17px;
        top: -20px;
    }
}

@media (max-width: 575.98px) {
    .promo {
        padding-bottom: 64px;
    }
    .promo__wrapper {
        padding-top: 80px;
    }
    .promo__info {
        padding-right: 0;
    }
    .promo__info-title {
        padding-right: 60px;
    }
    .promo__image-maskot img {
        width: 109px;
        height: 144px;
    }
    .promo__form-wrapper {
        flex-direction: column;
    }
    .promo__form-input {
        
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}

/* PROMO END */


/* CONTACTS START */

.contacts {
    /* margin-top: -32px;
    padding-top: 96px; */
    padding-bottom: 96px;
    position: relative;
    z-index: 0;
    background:
    radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px),
    radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px),
    radial-gradient(48.27% 39.14% at 0% 50%, rgba(249, 170, 102, 0.30) 10.3%, rgba(33, 33, 33, 0.00) 100%),
    #212121;
    background-size: 16px 16px, 16px 16px, 100% 100%, auto;
    background-position: 0 0, 8px 8px, 0 0, 0 0;
}

.contacts__wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contacts__content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr 1fr;
    gap: 48px 48px;
    grid-template-areas:
        "contacts__title-block contacts__form-block"
        "contacts__actions contacts__form-block";
    height: 100%;
}

.contacts__title-block {
    grid-area: contacts__title-block;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contacts__actions {
    grid-area: contacts__actions;
    align-self: end;
}

.contacts__form-block {
    grid-area: contacts__form-block;
    backdrop-filter: blur(10px);
}

.contacts__title-block .section__description {
    margin-top: 12px;
}

.contacts__actions {
    position: relative;
}

.contacts__card {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    width: 840px;
    padding: 24px 32px 24px 420px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    border-radius: 0 24px 24px 0;
    background: linear-gradient(142deg, #F9AA66 0%, #FF7759 100%);
}
@media (min-width: 1599.98px) {
    .contacts__card {
        width: unset;
        position: relative;
        left:unset;
        top:unset;
        right: unset;
        padding-left: 24px;
        border-radius: 24px;
    }
}

.contacts__card-action {
    align-self: flex-end;
}

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

.contacts__card-title {
    color: var(--Text-Dark-blue, #2B323B);
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}

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

.contacts__card-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contacts__card-item-link {
    display: flex;
    gap: 8px;
    text-decoration: none;
}

.contacts__card-item-link span {
    color: var(--Text-Dark-blue, #2B323B);
    font-size: 18px;
    font-weight: 700;
    line-height: 133.333%;
}

.contacts__card-item-link svg {
    width: 24px;
    height: 24px;
}

.contacts__card-item-name {
    color: var(--Text-Dark-blue, #2B323B);
    font-size: 14px;
    font-weight: 500;
    line-height: 142.857%;
}

.contacts__card-item-social {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contacts__card-social-list {
    display: flex;
    gap: 8px;
}

.contacts__card-social-link {
    text-decoration: none;
    display: block;
    width: 24px;
    height: 24px;
}

.contacts__card-line {
    width: 100%;
    height: 1px;
    background: #2B323B;
}

.contacts__form-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 16px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    padding: 24px;
}

.contacts__form-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}

.contacts__form-list {
    display: flex;
    gap: 16px;
}

.contacts__form-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: calc(25% - 12px);
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    padding: 16px;
}

.contacts__form-item-icon {
    align-self: flex-end;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    line-height: 1;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.contacts__form-item-text {
    color: var(--Text-White, #FBFBFB);
    font-size: 18px;
    font-weight: 700;
    line-height: 133.333%;
}

.contacts__form-line--orange {
    background: rgba(249, 170, 102, 0.20);
    width: 100%;
    height: 2px;
}

.contacts__form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 12px;
}

.input-form-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

.input-form-item--50 {
    width: calc(50% - 12px);
}

.input-form-label {
    color: var(--Text-White, #FBFBFB);
    font-size: 12px;
    font-weight: 300;
    line-height: 133.333%;
}

.input-form-label span {
    color: #F9AA66;
}

.phone-field__input {
    color: #fbfbfb;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    background: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.phone-field {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.phone-field__country-btn {
    background: transparent;
    border: none;
    padding: 0 8px;
    display: flex;
    gap: 4px;
    align-items: center;
    cursor:pointer;
}

.phone-field__country-code {
    color: var(--Text-White, #FBFBFB);
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
}

.phone-field__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    width: 28px;
    height: 28px;
}

.phone-field__control {
    position: relative;
}

.phone-field__dropdown[hidden] {
  display: none !important;
}

.phone-field__dropdown {
    width: 320px;
    padding: 16px 16px 12px 16px;
    position: absolute;
    top:calc(100% + 8px);
    left: 0;
    border-radius: 16px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Black, #212121);
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.30);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 3;
}

.phone-field__search {
    padding: 6px 8px 6px 6px;
    display: flex;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: transparent;
}

.phone-field__search-input {
    display: flex;
    color: #fff;
    padding: 0 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    background: transparent;
    border: none;
    width: calc(100% - 24px);
}

.phone-field__search-input::placeholder {
    color: rgba(251, 251, 251, 0.50);
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
}

.phone-field__search-btn {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 6px;
    border: 1px solid var(--stroke-white-10, rgba(251, 251, 251, 0.10));
    padding: 2px;
    background: transparent;
    flex-shrink: 0;
}

.phone-field__list {
    display: flex;
    flex-direction: column;
    max-height: calc(32px * 5); /* 5 элементов по 40px */
    overflow-y: auto;
    overflow-x: hidden;

    padding-right: 6px;         /* место под скроллбар, чтобы текст не прилипал */
    overscroll-behavior: contain;
}

.phone-field__option {
    padding-bottom: 8px;
    padding-top: 8px;
    background: transparent;
    border:none;
    color:#fff;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--stroke-white-10, rgba(251, 251, 251, 0.10));
    cursor:pointer;
    height: 40px;
    font-size: 14px;
}

.input-form-error {
    /* display: flex; */
    display: none;
    gap: 8px;
}

.input-form-error-icon {
    width: 16px;
    height: 16px;
    background: url('../img/error_icon.svg');
}

.input-form-error-text {
    color: var(--Universal-Red, #FF3434);
    font-size: 12px;
    line-height: 133.333%;
}

.phone-field__list::-webkit-scrollbar {
  width: 8px;
}

.phone-field__list::-webkit-scrollbar-track {
  background: rgba(251, 251, 251, 0.08);
  border-radius: 4px;
}

.phone-field__list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(142deg, #F9AA66 0%, #FF7759 100%);
}

.phone-field__list::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(142deg, #FFB77A 0%, #FF8A6B 100%);
}

.phone-field__option[hidden] {
    display: none;
}

.phone-field__option:first-of-type {
    border-top: none;
}

.phone-field__country-arrow {
    line-height: 0;
}

.phone-field__country-arrow svg {
  transition: transform 0.25s ease;
  transform-origin: center;
}

.phone-field__country-btn[aria-expanded="true"] 
.phone-field__country-arrow svg {
  transform: scaleY(-1);
}

.help-select {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.help-select__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Orange, #F9AA66);
    padding: 2px;
    cursor: pointer;
}

.help-select__button {
    height: 28px;
    width: 100%;
    background: transparent;
    border: none;
    text-align: left;
    color: #FBFBFB;
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    cursor: pointer;
}

.help-select__placeholder {
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
}

.help-select__control {
    position: relative;
}

.help-select__dropdown {
    position: absolute;
    top:calc(100% + 8px);
    left:0;
}

.help-select__dropdown {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px 20px 4px 20px;
    border-radius: 16px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Black, #212121);
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.30);
}

.help-select__dropdown[hidden] {
    display: none;
}

.help-select__option {
    text-align: left;
    background: transparent;
    border:none;
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px solid var(--stroke-white-10, rgba(251, 251, 251, 0.10));
    cursor: pointer;
}

.help-select__option:last-of-type {
    border-bottom: none;
}

.contacts__form-line {
    width: 100%;
    height: 1px;
    background: rgba(251, 251, 251, 0.10);
    margin-top: 12px;
    margin-bottom: 12px;
}



.input-form-block--textarea {
    padding: 0;
    width: 100%;
}

.input-form-block--textarea textarea {
    width: 100%;
    height: 100px;
    background: transparent;
    border:none;
    color: var(--Text-White, #FBFBFB);
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
    padding: 6px;
    border-radius: 8px;
}

.input-form-block--textarea textarea::placeholder {
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
}

.input-form-block--textarea textarea:active,
.input-form-block--textarea textarea:focus,
.input-form-block--textarea textarea:hover {
    border: none;
    box-shadow: none;
    outline: none;
}


/* контейнер строки (как тёмная плашка на скрине) */
.privacy-consent{

}

/* label делает кликабельным всё */
.ui-check{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  cursor: pointer;
  user-select: none;
}

/* прячем нативный чекбокс, но оставляем доступность */
.ui-check__input{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

/* квадрат */
.ui-check__box{
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 6px;
  border: 1px solid rgba(251, 251, 251, 0.15);
  background: transparent;
  display: grid;
  place-items: center;
  margin-top: 1px;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

/* галочка (по умолчанию скрыта) */
.ui-check__box::after {
  content: "";
  width: 16px;
  height: 16px;
  opacity: 0;
  transition: opacity .12s ease;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%232B323B' fill-rule='evenodd' clip-rule='evenodd' d='M6.25 11.8751C6.07934 11.8751 5.90867 11.8098 5.77867 11.6798L2.862 8.7632C2.60134 8.50253 2.60134 8.08113 2.862 7.82053C3.12267 7.55987 3.544 7.55987 3.80467 7.82053L6.25 10.2659L12.1953 4.3205C12.456 4.05983 12.8773 4.05983 13.138 4.3205C13.3987 4.58117 13.3987 5.0025 13.138 5.26317L6.72133 11.6798C6.59134 11.8098 6.42067 11.8751 6.25 11.8751Z'/%3E%3C/svg%3E");
}

/* показываем при checked */
.ui-check__input:checked + .ui-check__box::after {
  opacity: 1;
}

/* текст */
.ui-check__text{
    color: #FBFBFB;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 142.857%ж
}

/* ссылка (оранжевая) */
.ui-check__link{
  color: #F9AA66;
  text-decoration: none;
}
.ui-check__link:hover{
  text-decoration: underline;
}

/* состояние checked */
.ui-check__input:checked + .ui-check__box{
  border-color: transparent;
  background-color: #F9AA66;
}
.ui-check__input:checked + .ui-check__box::after{
  opacity: 1;
}

/* фокус с клавиатуры */
.ui-check__input:focus-visible + .ui-check__box{
  box-shadow: 0 0 0 3px rgba(249, 170, 102, 0.35);
}

.input-form-action {
    margin-top: 12px;
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.contacts__bottom {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    justify-content: space-between;
    padding: 24px;
    backdrop-filter: blur(10px);
}

.contacts__bottom-text {
    color: var(--Text-White, #FBFBFB);
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
}

.contacts__bottom-list {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}

.tag {}


@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .contacts__content {
        grid-template-columns: 354px 2fr;
    }
    .contacts__card {
        width: 540px;
        padding-left: 187px;
    }
    .contacts__form-list {
        flex-wrap: wrap;
    }
    .contacts__form-item {
        width: calc(50% - 8px);
    }
}

@media (max-width: 1199.98px) {
    .contacts__form-block {
        padding: 16px;
    }
    .contacts__form .input-form-item--50 {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .contacts__content {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 48px 48px;
        grid-template-areas:
            "contacts__title-block"
            "contacts__form-block"
            "contacts__actions";
    }
    .contacts__card {
        width: calc(100% + 180px);
        position: relative;
        transform: translateX(-180px);
    }
    .contacts__card-info {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .contacts__card-title {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .contacts__bottom {
        gap: 16px;
    }
    .contacts__bottom-list {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .contacts__form-item-text {
        font-size: 16px;
    }
    .contacts__form-title {
        font-size: 18px;
    }
    .phone-field__dropdown {
        width:320px;
        left: 0;
        padding: 8px;
    }
}

@media (max-width: 478.98px) {
    .contacts__form-item-text {
        font-size: 14px;
    }
    .contacts__form-title {
        font-size: 16px;
    }
    .contacts__card-info {
        flex-direction: column;
    }
    .contacts__bottom-text {
        font-size: 16px;
    }
    .input-form-block {
        gap:4px;
    }
}

@media (max-width: 419.98px) {

}


/* CONTACTS END */


/* teaser START */

.teaser {
    margin-top: -9px;
    padding-top: 96px;
    padding-bottom: 0;
    position: relative;
    z-index: 0;
    background: #212121;
    position: relative;
    z-index: 2;
    background: 
        radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px),
        radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px), 
        #212121;
    background-repeat: 
        repeat, 
        repeat, 
        repeat;
    background-size: 
        16px 16px, 
        16px 16px, 
        auto;
    background-position: 0 0, 8px 8px, 0 300px, 0 0;
    overflow: hidden;
}

.teaser::after {
    content: '';
    display: block;
    width: 100%;
    max-width: 1460px;
    height: 600px;
    position: absolute;
    bottom: -420px;
    left:50%;
    transform: translateX(-50%);
    z-index: 2;
    background: 
        radial-gradient(53.66% 53.66% at 50% 49.83%, rgba(249, 170, 102, 0.30) 0%, rgba(33, 33, 33, 0.00) 96%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.teaser__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    position: relative;
    padding-bottom: 64px;
}

.teaser__logo {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: linear-gradient(135deg, #3d3c3a 0%, #292623 100%);
}

.teaser__logo-image {
    width: 84px;
    height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: var(--Island-Black, #212121);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.30) inset;
}

.teaser__logo-image svg {

}

.teaser__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}

.teaser__title {
    color: var(--Text-White, #FBFBFB);
    text-align: center;
    font-size: var(--Text-Title-Size-H2, 40px);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
}

.teaser__subtitle {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
}

.teaser__maskot {
    position: absolute;
    right: 40px;
    bottom: -18px;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {
    .teaser__wrapper {
        padding-bottom: 128px;
    }
    .teaser__maskot {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 991.98px) {
    .teaser__title br {
        display: none;
    }
    .teaser__title {
        max-width: 660px;
    }
}

@media (max-width: 767.98px) {
   
}

@media (max-width: 575.98px) {

}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {
    .contacts__card {
        width: calc(100% + 32px);
        transform: translateX(-32px);
        padding-left: 32px;
    }
}


/* teaser END */


/* FOOTER START */

.footer {
    margin-top: -6px;
    padding-top: 6px;
    padding-bottom: 0;
    position: relative;
    z-index: 0;
    background: radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px), radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px), radial-gradient(53.66% 53.66% at 50% 49.83%, rgba(249, 170, 102, 0.30) 0%, rgba(33, 33, 33, 0.00) 100%), #212121;
    background-repeat: repeat, repeat, no-repeat, repeat;
    background-size: 16px 16px, 16px 16px, 100% 100%, auto;
    background-position: 0 0, 8px 8px, 0 300px, 0 0;
    position: relative;
    z-index: 1;
}

.footer__wrapper {
    border-radius: 32px 32px 0 0;
    border-top: 1px solid  rgba(251, 251, 251, 0.15);
    border-right: 1px solid rgba(251, 251, 251, 0.15);
    border-left: 1px solid rgba(251, 251, 251, 0.15);
    background: var(--Background-Black, #212121);
    padding: 64px 32px 32px 32px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footer__top {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

.footer__info {
    max-width: 314px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
}

.footer__logo {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footer__logo-image {
    width: 250px;
}

.footer__logo-text {
    color: var(--Text-White, #FBFBFB);
}

.footer__info-actions {
    display: flex;
    gap: 8px;
}

.footer__navigation {
    display: flex;
    justify-content: center;
    gap: 64px;
}

.footer__nav {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footer__nav-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: 18px;
    font-weight: 500;
    line-height: 155.556%;
}

.footer__nav-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__nav-link {
    color: var(--Text-White, #FBFBFB);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 142.857%;
    text-decoration: none;
}

.footer__nav-link:hover {
    color:#F9AA66
}

.footer__social {
    max-width: 168px;
    display: flex;
    flex-direction: column;    
    gap: 32px;
}

.footer__social-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 155.556%;
}

.footer__social-list {
    display: flex;
    gap: 8px;
    padding-right: 32px;
}

.footer__social-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    text-decoration: none;
    line-height: 1;
}

.footer__social-item:hover {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.footer__line {
    background: rgba(251, 251, 251, 0.10);
    height: 1px;
    width: 100%;
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.footer__bottom-col {}

.footer__bottom p {
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
    font-size: 14px;
    font-weight: 400;
    line-height: 142.857%;
}

.footer__bottom-list {
    display: flex;
    gap: 16px;
}

.footer__bottom-link {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-size: 14px;
    font-weight: 400;
    line-height: 142.857%;
    text-decoration: none;
}

.footer__bottom-link:hover {
    color:#F9AA66;
}

.footer__bottom-line {
    width: 1px;
    height: auto;
    background: rgba(251, 251, 251, 0.10);
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .footer__info-actions {
        flex-direction: column;
    }
}

@media (max-width: 1199.98px) {
    .footer__info {
        max-width: 290px;
    }
    .footer__social-list {
        padding-right: 0;
    }
    .footer__navigation {
        gap: 32px;
    }
    .footer__bottom {
        flex-wrap: wrap;
    }
}

@media (max-width: 991.98px) {
    .footer__top {
        flex-direction: column;
        gap: 64px;
    }
    .footer__navigation {
        justify-content: space-between;
    }
    .footer__info {
        flex-direction: row;
        justify-content: space-between;
        max-width: unset;
        align-items: flex-end;
    }
    .footer__logo {
        width: 302px;
    }
    .footer__social {
        flex-direction: row;
        align-items: center;
    }
    .footer__bottom {
        flex-direction: column;
    }
    .footer__bottom-list {
        margin-top: 16px;
    }
}

@media (max-width: 767.98px) {
    .footer__navigation {
        gap: 32px;
    }
}

@media (max-width: 575.98px) {
    .footer__info {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer__navigation {
        flex-direction: column;
    }
    .footer__nav {
        gap: 16px;
    }
    .footer__nav-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
    }
    .footer__nav-link {
        width: calc(50% - 8px);
    }
    .footer__nav:first-of-type .footer__nav-link {
        width: calc(33.33% - 10.67px);
    }
    .footer .container {
        padding-right: 0;
        padding-left: 0;
    }
    .footer__wrapper {
        padding-top: 32px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}

/* FOOTER END */

/* COOCKIE START */

.cookie-banner {
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 9;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Background-Black, #212121);
    box-shadow: 0 -4px 40px 0 rgba(0, 0, 0, 0.20);
    width: 520px;
    padding: 24px;
    display: none;
}

.cookie-banner.cookie-banner--visible {
    display: flex;
}

.cookie__info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 287px;
}

.cookie__text {

}

.cookie__text p {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
}

.cookie__text a {
    color: var(--Text-Orange, #F9AA66);
    text-decoration-line: underline;
}

.cookie__action {
    display: flex;
    gap: 8px;
}

.cookie__btn {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid  rgba(251, 251, 251, 0.15);
    background: #F9AA66;
    backdrop-filter: blur(10px);
    color: var(--Text-Dark-blue, #2B323B);
    font-size: 14px;
    font-weight: 700;
    line-height: 142.857%;
}

.cookie__btn--gray {
    color: #FBFBFB;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.cookie__image {
    position: absolute;
    right: 23px;
    bottom: 15px;
}

.cookie__image img {

}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .cookie-banner {
        width: calc(100% - 32px);
        bottom: 32px;
        left: 16px;
        right: unset;
    }
    .cookie__image {
        
    }
    .cookie__info {
        max-width: unset;
        padding-right: 200px;
    }
    .cookie__action {
        
    }
}

@media (max-width: 575.98px) {
    .cookie__text p {
        font-size: 14px;
    }
}

@media (max-width: 478.98px) {
    .cookie__info {
        padding-right: 120px;
        position: relative;
        z-index: 2;
    }
    .cookie__image {
        right: 4px;
        z-index: 1;
    }
    .cookie__image img{
        width: 180px;
    }
}

@media (max-width: 419.98px) {

}


/* COOCKIE END */


/* MODAL START */

.modal {
  display: none;
}

.modal.is-open {
  display: block;
}

.modal__overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 1000;
}

.modal__container {
  position: relative;
  width: 100%;
  max-width: 716px;  
}

.modal-window {
    border-radius: 16px;
    border: 1px solid var(--Stroke-Orange, #F9AA66);
    background: var(--Island-Black, #212121);
    box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.30);
    padding:24px;
    max-height: calc(100vh - 48px);
    overflow: auto;
}

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

.captcha-holder--preload {
  display: none;
}

.captcha-holder--visible {
  display: block;
  margin-top: 16px;
  height: 79px;
  overflow: hidden;
}


.modal__container--thanks {
    max-width: 480px;
    position: relative;
    overflow: visible;
}
.modal__thanks {
    display: flex;
    gap: 24px;
    padding-right: 200px;
}
.modal__thanks-info {
    display: flex;
    flex-direction: column;
    gap:12px;
}
.modal__thanks-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
    line-height: 150%;
}
.modal__thanks-description {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
}

.modal__thanks-image {
    position: absolute;
    right: 20px;
    bottom: -59px;
}


@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {

}

@media (max-width: 575.98px) {
    .modal-window {
        padding: 12px;
    }
    .modal__thanks {
        padding-right: 0;
        padding-bottom: 160px;
    }
    .modal__thanks-info {
        text-align: center;
    }
    .modal__thanks-image {
        right:unset;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}

/* MODAL END */

/* SOLUTIONS-PAGE START */

/* MAIN START */


.main {
    padding-bottom: 130px;
}

.main--solutions {
    height: calc(100vh + 32px);
    min-height: 680px;
    background-image:
        radial-gradient(
            71.94% 65.1% at 59.86% 35.65%,
            rgba(17,17,17,0) 1.2%,
            #111 81.01%
        ),
        url('../img/main-solutions-bg.webp');
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center center, center bottom;
}

.main--solutions .container {
    height: 100%;
}

.main__wrapper {
    display: flex;
    gap: 48px;
    align-items: flex-end;
    height: 100%;
}

.main__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 140px;
    max-width: 580px;
    justify-content: flex-end;
}


.main__title {
    margin-bottom: 32px;
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H1, 56px);
    font-weight: 700;
    line-height: 114.286%;
}

.main__subtitle {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H6, 18px);
    font-weight: 700;
    line-height: 133.333%;
}

.main__action {}

.main__slider {}

.main__slider-track {}

.main__slider-group {
    display: flex;
    gap: 16px;
}

.main__slide {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    flex: 1 0 0;
    align-self: stretch;
    height: 192px;
}

.main__slide-icon {
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main__slide-text {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H6, 18px);
    font-weight: 700;
    line-height: 133.333%;
    text-align: left;
    align-self: flex-start;
}

.main__slider-group--mobile {
    display: none;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .main__wrapper {
        gap: 24px;
    }
    .main__content {
        max-width: 480px;
    }
    .main__slider {
        overflow: hidden;
        width: 100%;
    }

    .main__slider-track {
        display: flex;
        width: max-content;
        will-change: transform;
        animation: main-slider-scroll 20s linear infinite;
        gap: 16px;
    }

    .main__slider-group {
        display: flex;
        align-items: stretch;
        gap: 16px;
        flex: 0 0 auto;
    }

    .main__slide {
        flex: 0 0 auto;
        width: 174px;
        height: 192px;
    }

    .main__slider-group--mobile {
        display: flex;
    }

    .main__content {
        
    }

    @media (hover: hover) and (pointer: fine) {
        .main__slider-track:hover {
            animation-play-state: paused;
        }
    }

    @keyframes main-slider-scroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(calc(-50% - 12px));
        }
    }
}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .main--solutions {
        background-image:
        radial-gradient(78.82% 77.47% at 75.65% 26.9%, rgba(17, 17, 17, 0.00) 0%, #111 81.01%),
        url('../img/main-solutions-bg.webp');
        min-height: 870px;
    }
    .main__wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 48px;
    }
    .main__content {
        width: 100%;
        padding-top: 195px;
        max-width: unset;
    }
    .main__slider {
        width: 100%;
    }
    .main__subtitle {
        max-width: 490px;
    }
}

@media (max-width: 767.98px) {
    .main {
        padding-bottom: 80px;
    }
    .main__title {
        font-size: 40px;
        max-width: 400px;
        margin-bottom: 0;
    }
    .main__subtitle {
        font-size: 16px;
    }
    .main__subtitle {
        margin-bottom: 4px;
    }
    .main__content {
        gap: 28px;
    }    
}

@media (max-width: 575.98px) {
    
}

@media (max-width: 478.98px) {
    .main__content {
        padding-top: 200px;
    }
    .main--solutions {
        background-image:
        radial-gradient(266.81% 73.86% at 50% 26.14%, rgba(17, 17, 17, 0.00) 1.2%, #111 56.41%),
        url('../img/main-solutions-bg.webp');
        background-position: 0 0, right -400px top -300px;
        max-height: 860px;
    }
    .main__slide {
        height: 120px;
        padding: 16px;
        border-radius: 12px;
        gap: 16px;
        justify-content: space-between;
    }
    .main__slide-text {
        font-size: 14px;
    }
    .main__subtitle {
        font-size: 14px;
    }
}

@media (max-width: 419.98px) {

}


/* MAIN END */

/* BENEFITS START */
.benefits {
    border-radius: 32px 32px 0 0;
    border-top: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-right: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-left: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Background-Black, #212121);
}

.benefits__wrapper {

}

.benefits .section__title-block {
    max-width: unset;
}

.benefits__section-content {

}

.benefits__content {
    height: 420px;
    display: flex;
    flex-direction: row;
    gap: 48px;
    padding: 24px;
    border-radius: 24px;
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.benefits__tabs {
    width: 442px;
}

.benefits__desktop {
    display: flex;
    align-items: center;
    gap: 24px;
}

.benefits__info {
    position: relative;
    width: calc(50% - 12px);
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    text-align: right;
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    line-height: 155.556%;
}

.benefits__images {
    position: relative;
    width: calc(50% - 12px);
}

.benefits__info-item {
    display: none;
    padding-left: 40px;
}

.benefits__info-item--active {
    display: block;
}

.benefits__image {
    display: none;
    max-width: 405px;
}

.benefits__image--active {
    display: block;
}

.benefits__image img {

}

.benefits__mobile {
    display: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.benefits__mobile-wrapper {
    width: 100%;
}

.benefits__mobile-slide {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.benefits__mobile-info {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    text-align: center;
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    line-height: 155.556%;
}

.benefits__mobile-image {
    min-width: 0;
    max-width: 100%;
}

.benefits__mobile-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.benefits__mobile-image--compliance {
    display: grid;
    gap: 16px;
}

.benefits__compliance.benefits__image--active {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.benefits__card {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    background: var(--Background-Black, #212121);
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.15) inset, 0 4px 12px 0 rgba(255, 251, 251, 0.05) inset;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 368px;
}

.benefits__card-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.benefits__card-image {
    flex-shrink: 0;
}

.benefits__card-image img {

}

.benefits__card-title {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H6, 18px);
    font-weight: 700;
    line-height: 133.333%;
}

.benefits__card-value {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
    font-size: var(--Text-Title-Size-H4, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    border-radius: 32px;
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    box-shadow: 0 -4px 160px 0 rgba(255, 255, 255, 0.25), 0 12px 40px 0 rgba(17, 17, 17, 0.30);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    padding: 4px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.benefits__card-bottom {
    display: flex;
    gap: 24px;
    border-radius: 12px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    padding: 12px;
}

.benefits__card-icon {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.benefits__card-nist {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.benefits__card-nist-text {
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
    text-align: center;
}

.benefits__card--top .benefits__card-image {
    width: 60px;
    height: 80px;
}

.benefits__card--bottom .benefits__card-image {
    width: 80px;
    height: 71px;
}


.benefits__section-content {
}

.section__tab {
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    padding: 7px 7px 7px 15px;
    flex-wrap: nowrap;
    width: fit-content;
    cursor: pointer;
}
.section__tab span {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Button-Size-Regular, 18px);
    font-weight: 700;
    line-height: 133.333%;
    white-space: nowrap;
}
.section__tab svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    fill:#FBFBFB;
}

.section__tab:hover,
.section__tab:active,
.section__tab:focus {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.section__tab.section__tab--active {
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Orange, #F9AA66);
    cursor:default;
}
.section__tab.section__tab--active span {
    color: var(--Text-Dark-blue, #2B323B);
}
.section__tab.section__tab--active svg {
    fill: #2B323B;
}

.benefits__desktop:has(.benefits__info-item--vertical.benefits__info-item--active) {
    flex-direction: column;
    width: 100%;
}
.benefits__info-item.benefits__info-item--vertical {
    width: 100%;
    text-align: center;
    max-width: 680px;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
}
.benefits__image.benefits__info-item--vertical.benefits__image--active {
    display: flex;
    justify-content: center;
    width: 460px;
    flex-shrink: 0;
}
.benefits__info:has(.benefits__info-item--vertical.benefits__info-item--active) {
    width: 100%;
}
.benefits__image.benefits__image--active {
    margin-top: -66px;
    margin-bottom: -80px;
}
.benefits__images:has(.benefits__image.benefits__info-item--vertical.benefits__image--active) {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .benefits__content {
        height: auto;
    }
    .benefits__content {
        gap: 24px;
        flex-direction: column;
    }
    .benefits__tabs {
        width: 100%;
    }
    .benefits__desktop {
        width: 100%;
        flex-direction: column;
    }
    .benefits__image.benefits__image--active {
        margin: 0;
    }
    .benefits__info-item {
        padding-left: 0;
        text-align: center;
    }
    .benefits__images {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .benefits__tabs {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .benefits__info {
        width: 100%;
        max-width: 680px;
    }
}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .benefits__tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
        padding-left: 0;
        margin-left: 0;
        scroll-behavior: smooth;
    }

    .benefits__tabs .section__tab {
        flex: 0 0 auto;
    }
    .benefits__desktop {
        display: none;
    }

    .benefits__mobile {
        display: block;
    }

    .benefits__tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .benefits__tabs::-webkit-scrollbar {
        display: none;
    }

    .benefits__tabs .section__tab {
        flex: 0 0 auto;
    }
     .benefits__mobile-image-1 {
        padding-left: 50px;
    }
    .benefits__mobile-image-2 {
        padding-left: 17px;
    }
}

@media (max-width: 767.98px) {
    .benefits__tabs {
        gap: 8px;
    }
    .section__tab span {
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .benefits__section-content {
        gap: 24px;
    }
    .benefits__content {
        padding: 12px;
        border-radius: 12px;
    }
    .benefits__card-title {
        font-size: 16px;
    }
}

@media (max-width: 478.98px) {    
    .section__tab span {
        font-size: 14px;
    }
    .benefits__mobile-info {
        font-size: 16px;
        line-height: 1.5;
    }
    .benefits__card {
        padding: 16px;
    }
    .benefits__card-title {
        font-size: 14px;
    }
    .benefits__card-value {
        font-size: 20px;
    }
    .benefits__mobile-slide {
        overflow: hidden;
    }
    .benefits__mobile-image-4 {
        margin-left: -140px;
        width: 560px;
        min-width: 560px;
        margin-top: -60px;
        z-index: 0;
        position: relative;
    }
}

@media (max-width: 419.98px) {
    
    .section__tab span {
        font-size: 12px;
    }
    .section__tab svg {
        width: 16px;
        height: 16px;
    }
    .benefits__card-wrapper {
        gap: 16px;
    }
    .benefits__mobile-image-1 {
        padding-left: 26px;
        margin-left: -40px;
        margin-right: -50px;
        width: 400px;
        min-width: 400px;
    }
    .benefits__mobile-image-2 {
        padding-left: 17px;
        margin-left: -32px;
        margin-right: -32px;
        width: 400px;
        min-width: 400px;
    }

}

/* BENEFITS END */

/* FEATURES START */
.features {
    padding-bottom: 64px;
    margin-bottom: -64px;
    border-radius: 0 0 32px 32px;
    border-right: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-bottom: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-left: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Background-Black, #212121);
}
.features .section__badge {
    margin: 0 auto;
}

.features__wrapper {
    align-items: center;
}

.features__title-block {
    margin: 0 auto;
    max-width: 860px;
    align-items: center;
}

.features__title-block .section__subtitle {
    max-width: 650px;
}

.features__content {
    position: relative;
    width: 100%;
    min-height: 872px;
    padding: 32px 24px 48px;
    border-radius: 24px;
    border: 1px solid rgba(251, 251, 251, 0.15);
    background:
        radial-gradient(50% 50% at 50% 50%, rgba(249, 170, 102, 0.15) 0%, rgba(33, 33, 33, 0) 100%),
        #212121;
    overflow: hidden;
}

.features__layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 16px;
    align-items: stretch;
}

.features__tabs--desktop {
    display: contents;
}

.features__tab {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 170px;
    padding: 23px;
    border-radius: 24px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: #212121;
    cursor: pointer;
    transition: 0.25s ease;
    text-align: left;
}

.features__tab-icon {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.2));
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.features__tab-content {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-end;
}

.features__tab-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.features__tab-title {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
    line-height: 150%;
}

.features__tab-subtitle {
    color: var(--text-white-70, rgba(251, 251, 251, 0.7));
    font-size: var(--Text-Title-Size-H6, 18px);
    font-weight: 700;
    line-height: 133.333%;
}

.features__tab-action {
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 8px;
    background: var(--Island-Orange, #F9AA66);
    backdrop-filter: blur(10px);
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.features__tab-action svg {
    fill: #2B323B;
    flex-shrink: 0;
    transition: all 0.3s ease-in-out;
}

.features__tab.features__tab--active {
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
    backdrop-filter: blur(10px);
}

.features__tab.features__tab--active .features__tab-icon {
    background: var(--Island-Dark-blue, #2B323B);
}

.features__tab.features__tab--active .features__tab-title {
    color: #2B323B;
}

.features__tab.features__tab--active .features__tab-subtitle {
    color: #2B323B;
}

.features__tab.features__tab--active .features__tab-action {
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Dark-blue, #2B323B);
}

.features__tab.features__tab--active .features__tab-action svg {
    fill: #fff;
    transform: rotate(45deg);
}

.features__tab[data-index="0"] {
    grid-column: 1 / 5;
    grid-row: 1;
}

.features__tab[data-index="1"] {
    grid-column: 1 / 5;
    grid-row: 2;
}

.features__tab[data-index="3"] {
    grid-column: 1 / 5;
    grid-row: 3;
}

.features__tab[data-index="4"] {
    grid-column: 9 / 13;
    grid-row: 3 / 5;
    max-height: 276px;
}

.features__tab[data-index="5"] {
    grid-column: 2 / 6;
    grid-row: 4;
}

.features__tab[data-index="6"] {
    grid-column: 6 / 9;
    grid-row: 4 / 6;
    max-height: 232px;
}

.features__tab--small {
    height: 90px;
    min-height: unset;
}

.features__tab--small .features__tab-icon {
    display: none;
}

.features__tab--maskot {
    grid-column: 9 / 12;
    grid-row: 1 / 3;
    position: relative;
    overflow: hidden;
    padding: 7px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(4px);
}

.features__tab--maskot .features__tab-icon {
    display: none;
}

.features__tab--maskot.features__tab--active {
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.features__tab--maskot .features__tab-image {
    position: absolute;
    top: 7px;
    left: 7px;
    width: calc(100% - 14px);
    overflow: hidden;
    border-radius: 16px;
    border: 2px solid var(--Universal-Black, #212121);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.features__tab--maskot .features__tab-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 24px;
    background-color: #212121;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border: 1px solid #424242;
    backdrop-filter: blur(10px);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}

.features__tab--maskot.features__tab--active .features__tab-content {
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
}

.features__tab--maskot .features__tab-action {
    align-self: flex-end;
    margin-top: -12px;
}

.features__panel {
    grid-column: 5 / 9;
    grid-row: 1 / 4;
    min-height: 520px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: left;
    padding: 8px;
    border-radius: 24px;
    border: 1px solid rgba(251, 251, 251, 0.12);
    background: #212121;
    position: relative;
    overflow: hidden;
}

.features__panel-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 7px;
    z-index: 1;
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.features__panel-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    border: 2px solid var(--Universal-Black, #212121);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    position: relative;
}

.features__panel-bg::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
}

.features__panel-content {
    display: none;
    width: 100%;
    max-width: 560px;
    position: relative;
    z-index: 2;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    backdrop-filter: blur(10px);
}

.features__panel-content--active {
    display: block;
}

.features__panel-badge {
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(249, 170, 102, 0.15);
    color: #F9AA66;
    font-size: 14px;
    margin-bottom: 16px;
}

.features__panel-title {
    color: #FBFBFB;
    font-size: 36px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px;
}

.features__panel-text {
    color: var(--text-white-70, rgba(251, 251, 251, 0.7));
}

.features__tab-content p {
    font-size: 1rem;
    line-height: 1.6;
}

@media (max-width: 1399.98px) {
    .features__panel-title {
        font-size: 30px;
    }

    .features__tab-title {
        font-size: 16px;
    }

    .features__tab-subtitle {
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .features .section__content {
        width: 100%;
    }

    .features__layout {
        display: flex;
        flex-direction: column-reverse;
        gap: 24px;
        position: relative;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .features__tabs--desktop {
        display: block;
        width: 100%;
        min-width: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .features__tabs--desktop.swiper,
    .features__panel.swiper {
        width: 100%;
        overflow: hidden;
    }

    .features__tabs--desktop .swiper-wrapper,
    .features__panel .swiper-wrapper {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .features__tab-slide {
        width: 400px;
        flex-shrink: 0;
        padding: 0;
    }

    .features__panel-slide {
        width: 100%;
        flex-shrink: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .features__tab {
        width: 100%;
        min-height: 170px;
        height: 100%;
        max-height: none !important;
        margin: 0;
        grid-column: auto !important;
        grid-row: auto !important;
        flex-shrink: 0;
    }

    .features__tab.features__tab--active {
        border-color: #F9AA66;
    }

    .features__tab--small {
        min-height: 170px;
        height: auto;
        display: flex;
        align-items: flex-start;
    }

    .features__tab--small .features__tab-icon {
        display: flex;
    }

    .features__tab--small .features__tab-content {
        width: 100%;
        justify-content: space-between;
    }

    .features__tab--maskot {
        min-height: 170px;
        height: 170px;
        position: relative;
        padding: 23px;
        border-radius: 24px;
        border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
        background: #212121;
    }

    .features__tab--maskot .features__tab-image {
        display: none;
    }

    .features__tab--maskot .features__tab-icon {
        display: flex;
    }

    .features__tab--maskot .features__tab-content {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        backdrop-filter: none;
        flex-direction: row;
    }



    .features__tab--maskot.features__tab.features__tab--active {
        border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
        background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
    }



    .features__tab--maskot.features__tab--active .features__tab-content {
        background: transparent;
        border: 0;
    }

    .features__tab--maskot.features__tab--active .features__tab-title,
    .features__tab--maskot.features__tab--active .features__tab-subtitle {
        color: #2B323B;
    }

    .features__tab--maskot .features__tab-action {
        margin-top: 0;
    }

    .features__tab-title,
    .features__tab-subtitle {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }

    .features__panel {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: auto;
        position: relative;
        overflow: hidden;
        height: 100%;
        background-color: #292929;
        padding: 8px;
        padding-top: 300px;
    }

    .features__panel::after {
        content: '';
        display: block;
        position: absolute;
        left:8px;
        top:8px;
        width: calc(100% - 16px);
        height: calc(100% - 16px);
        border-radius: 16px;
        border: 2px solid var(--Universal-Black, #212121);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.30);
        background-image: url('../img/features__panel.webp');
        background-size: cover;
        background-position: top -200px center;
        background-repeat: no-repeat;
        z-index: 1;
    }
    .features__panel::before {
        content: "";
        display: block;
        position: absolute;
        inset: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 2;
    }
    .features__panel .swiper-wrapper {
        z-index: 3;
    }

    .features__panel-bg {
        /* display: none; */
    }

    .features__panel .features__panel-content {
        display: block !important;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0;
        padding: 16px;
        position: relative;
        border-radius: 16px;
        border: 1px solid rgba(251, 251, 251, 0.15);
        background: rgba(33, 33, 33, 0.9);
        backdrop-filter: blur(10px);
        text-align: center;
        background: transparent;
    }

    .features__panel .features__panel-text {
        margin: 0;
        font-size: 16px;
        line-height: 1.6;
    }


}

@media (max-width: 767.98px) {
    .features__content {
        min-height: auto;
    }

    .features__panel-title {
        font-size: 26px;
    }

    .features__panel-text {
        font-size: 16px;
    }

    .features__panel::after {
        background-position: top -100px center;
    }
    .features .section__content {
        gap: 24px;
    }
    .features__tab-slide {
        width: 300px;
    }
    .features__tab {
        height: 160px;
        min-height: 160px;
        justify-content: flex-end;
    }
    .features__tab-icon,
    .features__tab--small .features__tab-icon {
        display: none;
    }
    .features__tab-content {
        height: 100%;
    }
    .features__tab-body {
        align-self: flex-start;
    }
}

@media (max-width: 575.98px) {
    .features__panel {
        padding-top: 230px;
    }

    .features__content {
        padding: 16px;
    }


    .features__tab {
        gap: 12px;
    }

    .features__tab-title {
        font-size: 15px;
    }

    .features__tab-subtitle {
        font-size: 13px;
    }

    .features__panel::after {
        background-position: top -50px center;
    }

    .features__panel .features__panel-content {
        padding: 12px;
    }

    .features__panel .features__panel-text {
        font-size: 14px;
        text-align: left;
        line-height: 1.4;
    }
    .features .section__description {
        font-size: 14px;
    }
}
/* FEATURES END */

/* FLOW START */


.flow {
    overflow: hidden;
    margin-top: -32px;
    padding-top: 128px;
    margin-bottom: -32px;
    padding-bottom: 64px;
    position: relative;
    z-index: 0;
    background: 
        radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px), 
        radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px), 
        radial-gradient(178.48% 141.54% at 100.17% 0%, rgba(249, 170, 102, 0.30) 0%, rgba(33, 33, 33, 0.00) 50.21%), #212121;
        
    background-size: 16px 16px, 16px 16px, 100% 100%, auto;
    background-position: 0 0, 8px 8px, 0 0, 0 0;
}

.flow__wrapper {
    width: 100%;
    display: flex;
    gap: 48px;
    justify-content: space-between;
    align-items: flex-start;
}

.flow__col {
    width: calc(50% - 24px);
    min-width: 0;
}

.flow__col--left {
    max-width: 426px;
    width: 420px;
    flex: 0 0 420px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.flow__col--right {
    max-width: 640px;
    flex: 1 1 auto;
    min-width: 0;
}

.flow .section__subtitle {
    max-width: 270px;
}

.flow__steps {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.flow__steps .flow__step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.flow__col {
    
}

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

.flow__col-top {

}

.flow__steps {}

.flow__step {}

.flow__col-content {
    margin-top: -16px;
}

.flow__col-content p {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-weight: 500;
}


.flow__slider {
    width: 100%;
    height: 680px;
    overflow: visible;
}

.flow__slider-wrapper {
    gap: 0;
}

.flow__slide {
    width: 100%;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}


.flow__slide-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.flow__slide-icon {
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
}

.flow__slide-title {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
    font-size: var(--Text-Title-Size-H3, 32px);
    font-weight: 700;
    line-height: 1.5;
}

.flow__slide-image {
    width: 200px;
    height: 200px;
}

.flow__slide-image img {
    display: block;
    width: 100%;
    height: auto;
}

.flow__slide-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.flow__slide-subtitle {
    color: var(--Text-White, #FBFBFB);
    text-align: center;
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
}

.flow__slide-description {
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
    text-align: center;

}

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


@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .flow__wrapper {
        gap: 24px;
    }
}

@media (max-width: 1199.98px) {
    .flow {
        padding-bottom: 96px;
    }
    .flow__wrapper {
        flex-direction: column;
    }
    .flow__col {
        width: 100%;
    }
    .flow__col--left {
        max-width: unset;
    }
    .flow__steps {
        flex-direction: row;
        justify-content: flex-start;
    }
    .flow .section__badge {
        order: 1;
    }
    .flow .section__title-block {
        order: 2;
    }
    .flow__col-content {
        order: 3;
    }
    .flow__steps {
        order: 4;
    }
    .flow__col-content {
        margin-top: 0;
        max-width: 780px;
    }
    .flow__slider .swiper-wrapper {
        align-items: stretch;
    }

    .flow__slider .swiper-slide {
        height: auto !important;
        display: flex;
    }

    .flow__slider .flow__slide {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 16px;
        border-radius: 16px;
    }
    .flow__slider {
        height: 600px;
    }
}

@media (max-width: 991.98px) {
    .flow__wrapper {
        flex-direction: column;
    }

    .flow__col--left {
        width: 100%;
        max-width: none;
        flex: none;
    }

    .flow__col--right {
        width: 100%;
    }

    .flow__slider {
        height: auto;
    }
}

@media (max-width: 767.98px) {
   
}

@media (max-width: 575.98px) {
    .flow {
        padding-top: 96px;
        padding-bottom: 64px;
    }
    .flow__col--left {
        gap: 24px;
    }
    .flow__col-content p {
        font-size: 14px;
    }
    .flow__steps .flow__step {
        font-size: 16px;
    }
    .flow__slide {
        padding: 12px;
        height: 100%;
    }
    .flow__slide-title {
        font-size: 24px;
    }
    .flow__slide-subtitle {
        font-size: 16px;
    }
    .flow__slide-description {
        font-size: 14px;
    }
    .flow__slider .flow__slide {
        padding: 12px;
        border-radius: 12px;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}

/* FLOW END */

/* INDUSTRIES START */

.industries {
    border-radius: 32px 32px 0 0;
    border-top: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-right: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-left: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Background-Black, #212121);
}

.industries__wrapper {
    display: flex;
    gap: 48px;
}

.industries__left {
    width: calc(33.33% - 24px);
    display: flex;
    flex-direction: column;
    gap: 48px;
}

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

.industries__text {
    margin-top: auto;
}

.industries__text p {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
    font-weight: 500;
    line-height: 150%;
}

.industries__right {
    width: calc(66.66% - 24px);
    min-width: 0;
}

.industries__slider {
    border-radius: 24px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    overflow: hidden;
    min-width: 0;
}

.nvslider {}

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

.nvslider__arrow {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    cursor: pointer;
    user-select: none;
}

.nvslider__arrow:hover,
.nvslider__arrow:active,
.nvslider__arrow:focus {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.nvslider__arrow--prev {}

.nvslider__arrow--next {}

.nvslider__buttons {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    border-radius: 12px;
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    padding: 3px;
}

.nvslider__buttons .swiper-wrapper {
    align-items: stretch;
}

.nvslider__buttons .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: stretch;
    height: auto;
}

.nvslider__btn {
    width: 100%;
    appearance: none;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 8px;
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    padding: 3px 23px;
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.swiper-slide-active .nvslider__btn {
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: linear-gradient(142deg, #F9AA66 0%, #FF7759 100%);
    color: #2B323B;
    font-weight: 500;
}

.nvslider__content {
    box-sizing: border-box;
    align-items: stretch;
}

.nvslider__slide {
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    gap: 16px;
    height: auto;
}

.nvslider__main .swiper-wrapper {
    align-items: stretch;
}

.nvslider__slide-left {
    width: calc(58% - 8px);
}

.nvslider__slide-content {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    padding: 23px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 60px;
    height: 100%;
}

.nvslider__slide-icon {
    border-radius: 6px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    padding: 4px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
}

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

.nvslider__slide-title {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
    line-height: 1.5;
}

.nvslider__slide-description {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
}

.nvslider__slide-right {
    width: calc(42% - 8px);
    padding: 23px 23px 11px 23px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    background: var(--Background-Pattern-White-pattern, #212121);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    background: radial-gradient(circle, rgba(44, 44, 44, 0.6) 1.4px, transparent 1.4px), radial-gradient(circle, rgba(44, 44, 44, 0.6) 1.4px, transparent 1.4px), #212121;
    background-size: 10px 10px, 10px 10px, auto;
    background-position: 0 0, 5px 5px, 0 0;
}

.nvslider__slide-subtitle {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H6, 18px);
    font-weight: 700;
    line-height: 133.333%;
}

.nvslider__slide-maskot {
    
}

.nvslider__slide-maskot1 {
    width: 180px;
}

.nvslider__slide-maskot2 {
    width: 180px;
}

.nvslider__slide-maskot3 {
    width: 220px;
}

.nvslider__slide-maskot4 {
    width: 232px;
}

.nvslider__slide-maskot5 {
    width: 174px;
}

.nvslider__slide-maskot img {
    width: 100%;
    object-fit: contain;
}

.nvslider__main {
    width: 100%;
    min-width: 0;
    overflow: visible;
}

.nvslider__main .swiper-wrapper {
    box-sizing: border-box;
}

.nvslider__main .swiper-slide {
    box-sizing: border-box;
}

.nvslider__slide-left,
.nvslider__slide-right,
.nvslider__slide-content,
.nvslider__slide-info {
    min-width: 0;
}

.nvslider__buttons {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.nvslider__buttons .swiper-wrapper {
    align-items: stretch;
}

.nvslider__buttons .swiper-slide {
    display: flex;
    height: auto;
}

.nvslider__btn {
    width: 100%;
    min-width: 0;
    white-space: nowrap;
}
@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {
    .industries__wrapper {
        flex-direction: column;        
    }
    .industries__left {
        width: 100%;
    }
    .industries__right {
        width: 100%;
    }
    .nvslider__nav {
        gap: 8px;
    }
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
    .nvslider__slide {
        flex-direction: column;
    }
    .nvslider__slide-left {
        width: 100%;
    }
    .nvslider__slide-right {
        width: 100%;
    }
    .nvslider__slide-content {
        gap: 36px;
    }
}

@media (max-width: 575.98px) {
    .industries__wrapper {
        gap: 32px;
    }
    .nvslider__slide-title {
        font-size: 20px;
    }
    .nvslider__slide-description {
        font-size: 14px;
    }
    .industries__slider {
        border-radius: 12px;
        padding: 11px;
    }
    .nvslider__slide-content,
    .nvslider__slide-right {
        border-radius: 12px;
        padding: 12px;
    }
    .industries__left {
        gap: 24px;
    }
    .industries__title-block {
        margin-top: 24px;
    }
    .section__subtitle--small {
        font-size: 14px;
    }
    .industries__text p {
        color: var(--text-white-70, rgba(251, 251, 251, 0.70));
        font-size: 14px;
        line-height: 142.857%;
    }
    .nvslider__btn {
        font-size: 14px;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}
/* INDUSTRIES END */

/* INTEGRATION START */



.integration {}

.integration__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.integration__content {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr; 
    gap: 16px 16px; 
    grid-template-areas: 
        "integration__title-block integration__title-block integration__title-block integration__box integration__box integration__box integration__slider-block integration__slider-block"
        "integration__title-block integration__title-block integration__title-block integration__box integration__box integration__box integration__slider-block integration__slider-block"
        "integration__title-block integration__title-block integration__title-block integration__box integration__box integration__box integration__slider-block integration__slider-block"
        "integration__speed integration__speed integration__speed integration__speed integration__speed integration__speed integration__slider-block integration__slider-block"
        "integration__speed integration__speed integration__speed integration__speed integration__speed integration__speed integration__slider-block integration__slider-block"; 
}

.integration__title-block { grid-area: integration__title-block; }
.integration__box { grid-area: integration__box; }
.integration__speed { grid-area: integration__speed; }
.integration__slider-block { grid-area: integration__slider-block; }

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

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

.integration__title-text {}

.integration__box {
    padding: 23px;
    border-radius: 24px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.integration__box-title-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

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

.integration__box-item {
    padding: 3px 11px;
    border-radius: 8px;
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
    backdrop-filter: blur(10px);
    color: var(--Text-White, #FBFBFB);
}

.integration__speed {
    display: flex;
    gap: 48px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    backdrop-filter: blur(10px);
    padding: 23px;
}

.integration__speed-info {
    width: calc(50% - 24px);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.integration__speed-title {}

.integration__speed-text {}

.integration__speed-animation {
    width: 523px;
    flex-shrink: 0;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    padding: 0;
    position: relative;
}

.integration__gauge {
    width: 466px;
    height: 160px;
    overflow: hidden;
}

.integration__gauge-info {
    width: 100%;
    position: absolute;
    bottom: 24px;
    left:0;
    z-index: 3;
    display: flex;
    flex-direction: column;
}

.integration__gauge-title {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
    font-size: 80px;
    font-weight: 700;
    line-height: 100%;
    width: 100%;
}

.integration__gauge-text {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
    font-size: var(--Text-Title-Size-H3, 32px);
    font-weight: 700;
    line-height: 150%;
    text-align: center;
}

.integration__slider-block {
    padding: 47px 23px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: space-between;
    height: 100%;
    max-width: 340px;
}

.integration__slider-title {
    color: var(--Text-Dark-blue, #2B323B);
    text-align: center;
    font-size: var(--Text-Title-Size-H2, 40px);
    font-weight: 700;
    line-height: 130%;
}

.integration__arrows {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.integration__arrow {
    padding: 7px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Black, #212121);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.integration__arrow svg {
    
}

@media (hover: hover) and (pointer: fine) {
    .integration__arrow:hover {
        background: #2B323B;
    }

    .integration__arrow:hover svg path {
        fill: #F9AA66;
    }
}
@media (hover: none) and (pointer: coarse) {
    .integration__arrow:active {
        background: #2B323B;
    }

    .integration__arrow:active svg path {
        fill: #F9AA66;
    }
}

.integration__arrow--disabled {
    opacity: 0.7;
    cursor: default;
}

.integration__arrow--disabled:hover {
    background: #212121;
}
.integration__arrow--disabled:hover svg path {
    fill:#fff;
}



.integration__slider {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 100%;
    position: relative;
}

.integration__slider-inner {
    padding: 24px;
    background-size: 10px 10px, 10px 10px, auto;
    background-position: 0 0, 5px 5px, 0 0;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    background: var(--Background-Pattern-White-pattern, #212121);
    width: 100%;
    overflow: hidden;
}

.integration__slide {

    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.integration__slide-icon {

}
.integration__slide-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.integration__slide-title {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
    line-height: 150%;
}

.integration__slide-title span {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-size: var(--Text-Body-Text-Size-Small, 14px);
    font-weight: 500;
    line-height: 143%;
}

.integration__slidetext {
    color: var(--Text-White, #FBFBFB);
    text-align: center;
    font-size: var(--Text-Title-Size-H6, 18px);
    font-weight: 700;
    line-height: 133.333%;
}

.integration__slider-dots {
    position: absolute;
    bottom: 24px!important;
    left:0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px!important;
}

.integration__slider-dots .swiper-pagination-bullet {
    width: 16px;
    height: 2px;
    border-radius: 4px;
    background: var(--island-white-10, rgba(251, 251, 251, 0.30));
    margin: 0!important;
}

.integration__slider-dots .swiper-pagination-bullet-active {
    width: 32px;
    height: 4px;
    background: #212121;
    border-radius: 4px;
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
}


.uptime-gauge {
    position: relative;
    width: 100%;
    max-width: 640px;
    aspect-ratio: 650 / 350;
    overflow: hidden;
    margin-bottom: -24px;
    margin-top: -24px;
}

.uptime-gauge__svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.uptime-gauge__path {
    fill: none;
    stroke: transparent;
    stroke-width: 1;
}

.uptime-gauge__tick {
    stroke: rgba(255,255,255,0.08);
    stroke-width: 3;
    stroke-linecap: round;
}

.uptime-gauge__tick--active {
    stroke: #F7A85A;
}

.uptime-gauge__thumb {    
    border-radius: 32px;
    background: var(--island-orange-20, rgba(249, 170, 102, 0.20));
    box-shadow: 0 -4px 160px 0 rgba(255, 255, 255, 0.25), 0 12px 40px 0 rgba(249, 170, 102, 0.20);
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.uptime-gauge__thumb-outer {
    fill: rgba(247, 168, 90, 0.18);
    stroke: rgba(255,255,255,0.16);
    stroke-width: 1.5;
}

.uptime-gauge__thumb-inner {
    fill: linear-gradient(180deg, #8a6748 0%, #6c5138 100%);
}

.uptime-gauge__center {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    text-align: center;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.uptime-gauge__value {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
    font-size: 80px;
    font-weight: 700;
    line-height: 100%;
}

.uptime-gauge__label {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
    font-size: var(--Text-Title-Size-H3, 32px);
    font-weight: 700;
    line-height: 150%;
}

.integration__bottom {
    padding: 23px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: space-between;
    gap: 48px;
}

.integration__bottom-info {
    max-width: 746px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.integration__bottom-action {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.integration__bottom-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    align-items: flex-end;
}

.btn-hero {}

.btn__text {}

.btn__text-hero {}

.btn__icon {}

.btn__icon-arrow {}

.btn {}

.btn--transparent {}

.open-callForm2 {}

.btn--18 {}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .integration__content {
        display: grid; 
        gap: 16px 16px; 
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "integration__title-block integration__title-block integration__title-block integration__title-block integration__title-block integration__title-block integration__title-block integration__title-block"            
            "integration__box integration__box integration__box integration__box integration__speed integration__speed integration__speed integration__speed"            
            "integration__slider-block integration__slider-block integration__slider-block integration__slider-block integration__slider-block integration__slider-block integration__slider-block integration__slider-block";
    }
    .integration__box {
        padding: 16px;
        border-radius: 16px;
    }
    .integration__speed {
        flex-direction: column;
        padding: 16px;
    }
    .integration__speed-info {
        width: 100%;
    }
    .integration__speed {
        gap: 24px;
    }
    .integration__speed-animation {
        width: 100%;
    }
    .uptime-gauge {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .integration__slider-block {
        width: 100%;
        max-width: unset;
        flex-direction: row;
        padding: 16px;
        border-radius: 16px;
        position: relative;
        overflow: hidden;
    }
    .integration__slider {
        position: unset;
        width: calc(100% - 298px);
    }
    .integration__slider-title {
        text-align: left;
        margin-bottom: 60px;
        width: 250px;
    }
    .integration__slide {
        border-radius: 16px;
    }
    .integration__speed-animation {
        border-radius: 16px;
        padding: 16px;
    }
    .integration__arrows {
        position: absolute;
        bottom: 16px;
        left:16px;
        z-index: 3;
    }
    .integration__slider-dots {
        width: 72px!important;
        left:unset!important;
        right: 354px;
    }
    .integration__bottom {
        padding: 16px;
    }
    .integration__slider-dots {
        bottom: 32px!important;
    }
}

@media (max-width: 1199.98px) {
    .uptime-gauge__center {
        bottom: 0;
    }
    .uptime-gauge__value {
        font-size: 68px;
        line-height: 1;
    }
    .uptime-gauge__label {
        line-height: 1;
    }
    .integration__slider-dots {
        right: 260px;
    }
    .integration__bottom {
        flex-direction: column;
    }
    .integration__bottom-info {
        max-width: unset;
        width: 100%;
    }
    .integration__bottom-action {
        width: 100%;
    }
    .integration__bottom-buttons {
        justify-content: flex-start;
    }
}

@media (max-width: 991.98px) {
    .integration__content {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
        grid-template-areas:
            "integration__title-block"
            "integration__box"
            "integration__speed"
            "integration__slider-block";
    }
    .integration__title-block,
    .integration__box,
    .integration__speed,
    .integration__slider-block {
        width: 100%;
    }
    .integration__slider-block {
        overflow: hidden;
    }
    .uptime-gauge__center {
        bottom: 26px;
    }
    .uptime-gauge__value {
        font-size: 96px;
    }
    .integration__slider-dots {
        right: 154px;
    }
    .integration__slide {
        padding: 16px 16px 24px 16px;
    }
}

@media (max-width: 767.98px) {
    .integration__slider-block {
        flex-direction: column;
        gap: 24px;
        padding-bottom: 68px;
    }
    .integration__arrows {
        left: 50%;
        transform: translateX(-50%);
    }
    .integration__slider {
        width: 100%;
    }
    .integration__slider-dots {
        bottom: 24px!important;
        right: 50%;
        transform: translateX(50%);
    }
    .integration__slider-title {
        font-size: 32px;
        margin-bottom: 0;
        text-align: center;
        width: 100%;
    }
    .uptime-gauge__center {
        bottom: 16px;
    }
    .uptime-gauge__value {
        font-size: 82px;
    }
}

@media (max-width: 575.98px) {
    .integration__title-info {
        gap: 4px;
    }
    .integration__box {
        padding: 12px;
        border-radius: 12px;
    }
    .integration__speed {
        padding: 12px;
        border-radius: 12px;
    }
    .integration__box-item {
        font-size: 14px;
    }
    .integration__speed-animation {
        border-radius: 12px;
    }
    .integration__bottom-buttons {
        flex-direction: column;
        align-items: flex-start;
    }
    .integration__bottom {
        gap: 20px;
    }
    .uptime-gauge__center {
        
    }
    .integration__speed-animation {
        display: flex;
        justify-content: center;
    }
    .uptime-gauge {
        margin-left: -24px;
        margin-right: -24px;
        width: 110%;
    }
    .integration__slide-title {
        font-size: 20px;
    }
    .integration__slidetext {
        font-size: 14px;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}

/* INTEGRATION END */

/* SECURITY START */

.security {
    border-radius: 0 0 32px 32px;
    border-right: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-bottom: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-left: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Background-Black, #212121);
    margin-bottom: -32px;
    z-index: 3;
    padding-bottom: 132px;
}

.security__wrapper {
    display: flex;
    gap: 16px;
}

.security__left {
    width: calc(40% - 8px);
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.security .security__title-block {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: space-between;
}

.security__right {
    width: calc(60% - 8px);
    position: relative;
    padding-left: 64px;
    padding-right: 64px;
}

.security__bg {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
}

.security__bg img {
    margin-bottom: 20px;
}

.security__slider {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    max-width: 720px;
    padding-top: 96px;
    padding-bottom: 64px;
    margin: 0 auto;
}

.security__slider-inner {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    padding-bottom: 23px;
    width: 100%;
    backdrop-filter: blur(5px);
    height: auto;
}

.security__slider-wrapper {
    align-items: stretch;
}

.security__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 23px;
    text-align: center;
    height: auto;
}

.security__slide-title {
    color: var(--Text-Orange, #F9AA66);
    text-align: center;
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
}

.security__slide-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.security__slide-text {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    text-align: center;
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
}

.security__slide-subtitle {
    color: var(--Text-White, #FBFBFB);
    text-align: center;
    font-size: var(--Text-Title-Size-H6, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%;
}

.security__arrows {
    display: flex;
    gap: 8px;
    justify-content: center;
}

.security__arrow {
    padding: 7px;
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    cursor: pointer;
    line-height: 0;
}

.security__arrow:hover, 
.security__arrow:active,
.security__arrow:focus {
    background: var(--island-white-10, rgba(251, 251, 251, 0.10));
}

.security__arrow--prev {}

.security__arrow--next {}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .security__right {
        padding-right: 32px;
        padding-left: 32px;
    }
    .security__slider {
        margin: 0 auto;
    }
    .security__slider-inner {
        margin: 0 auto; 
    }
}

@media (max-width: 1199.98px) {
    .security__wrapper {
        flex-direction: column;
        gap: 64px;
    }
    .security__left {
        width: 100%;
    }
    .security__right {
        width: 100%;
    }
    .security .section__title {
        max-width: 480px;
    }
    .security .security__title-block {
        gap: 24px;
    }
}

@media (max-width: 991.98px) {
    .security__right {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 767.98px) {
   .security {
        padding-bottom: 80px;
   }
}

@media (max-width: 575.98px) {
    .security__wrapper {
        gap: 24px;
    }
    .security__slide-title {
        font-size: 20px;
    }
    .security__slide-text,
    .security__slide-subtitle {
        font-size: 16px;
    }
    .security__slide {
        padding: 12px;
    }
}

@media (max-width: 478.98px) {
    .security {
        padding-bottom: 96px;
    }
    .security__bg {
        width: 460px;
    }
    .security__bg img {
        width: 100%;
    }
    .security__slider {
        padding-top: 64px;
        padding-bottom: 0;
    }
}

@media (max-width: 419.98px) {
    .security__bg {
        width: calc(100% + 40px);
        left:-20px;
        transform:unset;
    }
    .security__slider {
        padding-top: 48px;
    }
}

/* SECURITY END */

/* FAQ START */

.faq {
    padding-top: 96px;
}

.faq__wrapper {
    display: flex;
    gap: 16px;
}

.faq__left {
    width: calc(40% - 8px);
    display: flex;
    flex-direction: column;
    gap: 48px;
    justify-content: space-between;
}

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

.faq__title-text {}

.faq__image {
    align-self: center;
}

.faq__right {
    width: calc(60% - 8px);
}

.faq__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq__item {
    padding: 15px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
}

.faq__item-wrapper {
    border-radius: 12px;
    border: 1px dashed var(--Stroke-Lightened_1, rgba(255, 255, 255, 0.50));
}

.faq__item-question {
    padding: 12px 12px 12px 24px;
    display: flex;
    justify-content: space-between;
    gap: 64px;
    align-items: center;
    border-radius: 12px;
    border-radius: 12px 12px 0 0;
    cursor:pointer;
}

.faq__item-question:hover {
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
}

.faq__item-question-text {
    color: #FFF;
    font-size: var(--Text-Title-Size-H6, 18px);
    font-weight: 700;
    line-height: 133.333%;
}

.faq__item-question-icon {
    padding: 5px;
    border-radius: 6px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    line-height: 0;
}



.faq__item-answer {
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    padding: 0 24px;
    border-top: 0 dashed var(--Stroke-Lightened_1, rgba(255, 255, 255, 0.50));
    transition: height 0.35s ease, border-top-width 0.35s ease;
}

.faq__item--open .faq__item-answer {
    border-top: 1px dashed var(--Stroke-Lightened_1, rgba(255, 255, 255, 0.50));
}

.faq__item-question-icon svg {
    transition: transform 0.35s ease;
    transform-origin: center;
}

.faq__item--open .faq__item-question-icon svg {
    transform: scaleY(-1);
}

.faq__item-answer-text {
    color: #FFF;
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 400;
    line-height: 155.556%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 24px 0;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .faq__wrapper {
        flex-direction: column;
        gap: 32px;
    }
    .faq__image {
        display: none;
    }
    .faq__left,
    .faq__right {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .faq__item-question {
        gap: 16px;
    }
}

@media (max-width: 575.98px) {

}

@media (max-width: 478.98px) {
    .faq {
        padding-top: 72px;
    }
    .faq__list {
        gap: 8px;
    }
    .faq__item {
        border-radius: 20px;
        padding: 7px;
    }
    .faq__item-question {
        padding: 12px 12px 12px 16px;
    }
    .faq__item-question-text {
        font-size: 14px;
    }
    .faq__item-answer {
        padding: 0 16px;
    }
    .faq__item--open .faq__item-answer {
        padding: 0 16px;
    }
    .faq__item-answer-text {
        font-size: 14px;
        margin: 16px 0;
    }
}

@media (max-width: 419.98px) {

}


/* FAQ END */

/* CTA START */

.cta {
    padding-bottom: 64px;
    border-radius: 0 0 32px 32px;
    border-right: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-bottom: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-left: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Background-Black, #212121);
    margin-bottom: -32px;
    z-index: 3;
}

.cta__wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: center;
}

.cta .section__badge {
    align-self: center;
}

.cta__content {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cta__card {
    border-radius: 32px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #F9AA66 0%, #FF7759 100%));
    backdrop-filter: blur(10px);
    padding: 48px 24px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
    text-align: center;
    width: 100%;
}

.cta__card-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.cta__card-title {
    margin: 0;
    padding: 0;
    color: var(--Text-Dark-blue, #2B323B);
    text-align: center;
    font-size: var(--Text-Title-Size-H2, 40px);
    font-weight: 700;
    line-height: 130%;
}

.cta__card-text {
    color: var(--Text-Dark-blue, #2B323B);
    text-align: center;
    font-size: var(--Text-Title-Size-H5, 20px);
    font-weight: 700;
    line-height: 140%;
    max-width: 720px;
}

.cta__card-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.cta__card-action-text {
    color: var(--Text-Dark-blue, #2B323B);
    text-align: center;
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
    line-height: 150%;
    max-width: 500px;
}

.cta__contacts {
    padding: 23px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    gap: 24px;
    display: none;
}

.cta__contacts-title {}

.cta__contacts-list {
    display: flex;
    justify-content: space-between;
}

.cta__contacts-item {
    display: flex;
    gap: 24px;
    align-items: center;
}

.cta__contacts-item span {
    color: var(--text-white-50, rgba(251, 251, 251, 0.50));
    font-size: var(--Text-Body-Text-Size-Small, 14px);
    font-weight: 500;
    line-height: 142.857%;
}

.cta__contacts-link {
    display: flex;
    gap: 8px;
    align-items: center;
    text-decoration: none;
}

.cta__contacts-link span {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Button-Size-Regular, 18px);
    font-weight: 700;
    line-height: 133.333%;
}

.cta__contacts-link svg {
    width: 24px;
    height: 24px;
}

.cta__contacts-link:hover span {
    color: #F9AA66;
}

.cta__contacts-sep {
    height: auto;
    width: 1px;
    background: rgba(251, 251, 251, 0.10);
}

.cta__contacts-social {
    display: flex;
    gap: 8px;
}

.cta__contacts-social-link {}

.cta__contacts-link:hover svg path,
.cta__contacts-social-link:hover svg path {
    fill: #F9AA66;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .cta__contacts-sep {
        display: none;
    }
    .cta__contacts-title {
        text-align: center;
    }
    .cta__contacts-list {
        flex-wrap: wrap;
        gap: 28px;
    }
    .cta__card {
        padding: 48px 16px;
    }
    .cta__contacts {
        padding: 16px;
        border-radius: 16px;
    }
    .cta__card {
        border-radius: 24px;
    }
}

@media (max-width: 767.98px) {
    .cta__card {
        padding: 32px 12px;
    }
    .cta__card-title {
        font-size: 32px;
    }
    .cta__card-text {
        font-size: 16px;
    }
    .cta__card-action-text {
        font-size: 20px;
    }
    .cta__card {
        border-radius: 16px;
    }
}

@media (max-width: 575.98px) {
    .cta__card,
    .cta__contacts {
        border-radius: 12px;
    }
    .cta__contacts-item span {
        font-size: 12px;
    }
    .cta__contacts-link span {
        font-size: 16px;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}

/* CTA END */


/* SOLUTIONS-PAGE END */



/* PAGE START */

.content-page {
    position: relative;
    padding-top: 140px;
    padding-bottom: 128px;
    border-radius: 0 0 32px 32px;
    border-right: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-bottom: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    border-left: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--Background-Black, #212121);
    z-index: 3;
    margin-bottom: -32px;
}

.page-404 {

}

.page__wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.page__header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.page__title {
    color: #FFF;
    text-align: center;
    font-size: var(--Text-Title-Size-H1, 56px);
    font-style: normal;
    font-weight: 700;
    line-height: 114.286%;
    text-transform: uppercase;
}

.page__last {
    border-radius: 8px;
    border: 1px solid var(--stroke-white-15, rgba(251, 251, 251, 0.15));
    background: var(--island-white-5, rgba(251, 251, 251, 0.05));
    backdrop-filter: blur(10px);
    padding: 7px 15px 7px 7px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.page__last-icon {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page__last-text {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Button-Size-Regular, 18px);
    font-style: normal;
    font-weight: 700;
    line-height: 133.333%;
}

.page__content {
    
}

.page__content p {
    color: var(--text-white-70, rgba(251, 251, 251, 0.70));
    font-family: Satoshi;
    font-size: 18px;
    line-height: 155.556%;
    margin-bottom: 16px;
}

.page__content p strong{
    color: var(--Text-White, #FBFBFB);
    font-weight: 500;
}

.page__content p+h2 {
    margin-top: 40px;
}

.page__content h2 {
    color: #F9AA66;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 28px;
}

.page__content h3 {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H5, 20px);
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 16px;
}

.page__content a {
    color: #F9AA66;
    text-decoration: none;
}

.page__content a:hover {
    text-decoration: underline;
}

.page__content .wp-block-table {
    border-collapse: separate;
    border-spacing: 8px;
    width: 100%;
}

.page__content .wp-block-table tbody,
.page__content .wp-block-table tr {
    background: transparent;
}

.page__content .wp-block-table td,
.page__content .wp-block-table th {
    padding: 12px 16px;
    border-radius: 12px;
    border: 2px dashed var(--stroke-white-10, rgba(251, 251, 251, 0.10));
}

.page__content .wp-block-table tbody {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page__content .wp-block-table tbody tr {
    display: flex;
    gap: 8px;
    width: 100%;
}

.page__content .wp-block-table tbody tr td {
    align-content: center;
}

.page__content .wp-block-table tr td:first-child:nth-last-child(2) {
    width: 40%;
}

.page__content .wp-block-table tr td:first-child:nth-last-child(2) ~ td {
    width: 60%;
}

/* 404 */

.page-404 {

    background:
    radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px),
    radial-gradient(circle, rgba(249, 170, 102, 0.04) 1.4px, transparent 1.4px),
    radial-gradient(178.48% 141.54% at 100.17% 0%, rgba(249, 170, 102, 0.30) 0%, rgba(33, 33, 33, 0.00) 50.21%),
    #212121;
    background-size: 16px 16px, 16px 16px, 100% 100%, auto;
    background-position: 0 0, 8px 8px, 0 0, 0 0;
    border-radius: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin-bottom: 0;
}

.section-404 {
    background: transparent;
}

.section-404__wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
}

.section-404__content {
    width: calc(45% - 20xp);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
}

.section-404__title-block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-404__title {
    color: var(--Text-White, #FBFBFB);
    font-size: var(--Text-Title-Size-H1, 56px);
    font-weight: 700;
    line-height: 114.286%;
}

.section-404__description {
    color: var(--Text-Orange, #F9AA66);
    font-size: var(--Text-Title-Size-H4, 24px);
    font-weight: 700;
    line-height: 1.5;
}

.section-404__action {
    
}

.section-404__image {
    width: calc(55% - 20px);
    flex-shrink: 0;
}

.section-404__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 991.98px) {
    .page__title {
        font-size: 48px;
    }
    .section-404__wrapper {
        flex-direction: column;
    }
    .section-404__content {
        width: 100%;
    }
    .section-404__image {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .page__title {
        font-size: 36px;
    }
    .page__content h2 {
        font-size: 22px;
    }
    .page__content h3 {
        font-size: 18px;
    }
    .page__content p {
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .section-404__title {
        font-size: 40px;
    }
    .section-404__description {
        font-size: 20px;
    }
}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

}



/* PAGE END */



/* @media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
   
}

@media (max-width: 575.98px) {

}

@media (max-width: 478.98px) {

}

@media (max-width: 419.98px) {

} */