@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Thin.woff2') format('woff2'),
       url('../fonts/Geist/Geist-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-ExtraLight.woff2') format('woff2'),
       url('../fonts/Geist/Geist-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Light.woff2') format('woff2'),
       url('../fonts/Geist/Geist-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Regular.woff2') format('woff2'),
       url('../fonts/Geist/Geist-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Medium.woff2') format('woff2'),
       url('../fonts/Geist/Geist-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-SemiBold.woff2') format('woff2'),
       url('../fonts/Geist/Geist-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Bold.woff2') format('woff2'),
       url('../fonts/Geist/Geist-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-ExtraBold.woff2') format('woff2'),
       url('../fonts/Geist/Geist-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Black.woff2') format('woff2'),
       url('../fonts/Geist/Geist-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

body,
h1, h2, h3, h4, h5, h6,
p,
ul, ol {
  margin: 0;
}

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

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

html {
  font-size: 16px;
}

body {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #282828;
  background-color: #F3F3F3;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  font: inherit;
  margin: 0;
  padding: 0;
}

input,
textarea {
  font: inherit;
  border: none;
  background: none;
  outline: none;
}

:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.container {
    width: 100%;
    max-width: 1560px;
    margin: 0 auto;
    padding: 0 32px;
}

.container--small {
    max-width: calc(980px + 64px);
}

@media (max-width: 1599.98px) {
    .container {
        max-width: 1360px;
    }
    .container--small {
        max-width: calc(980px + 64px);
    }
}

@media (max-width: 1399.98px) {
    .container {
        max-width: 1200px;
        padding: 0 16px;
    }
    .container--small {
        max-width: calc(980px + 64px);
        padding: 0 32px;
    }
}

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

@media (max-width: 991.98px) {
    .container {
        max-width: 760px;
    }
}

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

@media (max-width: 575.98px) {
    .container {
        max-width: none;
    }
}

@media (max-width: 419.98px) {
    .container {
        padding: 0 8px;
    }
}

.btn {
    border-radius: 96px;
    display: flex;
    padding: 7px 7px 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    backdrop-filter: blur(10px);
}

.btn--primary {    
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #FFB270 0%, #FE763E 100%));
}

.btn--secondary {
    padding: 7px 15px 7px 7px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #FFB270 0%, #FE763E 100%));
}

.btn--black {
    background-color: #000;
    padding: 7px 15px 7px 7px;
}

.btn--black:hover,
.btn--black:active,
.btn--black:focus {
    background: var(--Island-Gray, #808080);
}

.btn__text {
    color: var(--Island-White, #FFF);
    font-family: "Geist";
    font-size: var(--Text-Button-Size-Regular, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 133.333%;
}

.btn--black .btn__text {
    color: #fff;
}

.btn__icon {

}

.btn--primary:hover,
.btn--secondary:hover {
    background: var(--Island-Orange, #FE763E);
}

.btn--gray {
    padding: 7px 7px 7px 15px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    width: fit-content;
    text-decoration: none;
    align-items: flex-end;
}
.btn--gray .btn__text {
    color: var(--Text-Black, #282828);
    font-size: var(--Text-Button-Size-Small, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 132.857%;
}
.btn--gray:hover,
.btn--gray:active,
.btn--gray:focus {
    background: var(--island-black-10, rgba(40, 40, 40, 0.10));
}






.overlay {
    display: none;
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100vh;
    opacity: 0.5;
    background: var(--Island-Black, #282828);
    z-index: 3;
}

.open-menu .overlay {
    display: block;
}

body.open-menu {
    overflow: hidden;
}

.open-menu .header__menu.header__menu--active {
    display: none;
}

.section {
    padding: 48px 0;
}

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

.section__title-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.section__title {
    color: var(--Text-Black, #282828);
    text-align: center;
    font-size: var(--Text-Title-Size-H2, 40px);
    line-height: 130%;
}

.section__subtitle {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
    text-align: center;
}

.section__content {}

.section__tabs {
    width: 100%;
    display: flex;
    gap: 8px;
    display: flex;
    padding: 4px;
    align-items: center;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    background: var(--Island-White, #FFF);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
    margin: 0 auto;
}

.btn-tab {
    display: flex;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 28px;
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
    color: var(--text-black-50, rgba(40, 40, 40, 0.50));
    text-align: center;
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.btn-tab--active {
    border-radius: 28px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #FFB270 0%, #FE763E 100%));
    color: var(--Island-White, #FFF);
    font-weight: 500;
    cursor: default;
    pointer-events: none;
}

.btn-tab:hover,
.btn-tab:active,
.btn-tab:focus {
    background: var(--island-black-10, rgba(40, 40, 40, 0.10));
}

.btn-tab--active:hover,
.btn-tab--active:active,
.btn-tab--active:focus {
    background: var(--Island-Gradient, linear-gradient(142deg, #FFB270 0%, #FE763E 100%));
}

.tabs-arrow {
    width: 32px;
    height: 32px;
    display: none;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
}

.tabs-arrow:hover,
.tabs-arrow:focus,
.tabs-arrow:active {
    background: var(--island-black-10, rgba(40, 40, 40, 0.10));
    cursor: pointer;
}

.tabs-arrow--disabled {
    cursor: default;
    opacity: 0.5;
}

.tabs-arrow--disabled:hover,
.tabs-arrow--disabled:active,
.tabs-arrow--disabled:focus {
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    cursor: default;
}

.slider__arrows {
    display: flex;
    gap: 8px;
}
.slider__arrow {
    width: 40px;
    height: 40px;
    padding: 7px;
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
    cursor: pointer;
}
.slider__arrow:hover,
.slider__arrow:active,
.slider__arrow:focus {
    background: var(--island-black-10, rgba(40, 40, 40, 0.10));
}

@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) {
    .section {
        padding: 24px 0;
    }
    .section__title {
        font-size: 36px;
    }
    .section__wrapper {
        gap: 24px;
    }
    .tabs-arrow {
        display: flex;
    }
    .section__tabs {
        width: 100%;
    }
    .btn-tab {
        display: none;
        font-size: 14px;

    }
    .btn-tab--active {
        display: block;
    }
    .btn--black .btn__text {
        font-size: 14px;
    }
    .btn--black svg {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 575.98px) {
    .section__title {
        font-size: 24px;
    }
    .section__wrapper {
        gap: 16px;
    }
    .section__subtitle {
        font-size: 16px;
    }
}


/* HEADER START */
.header {
    position: relative;
    width: 100%;
}



.open-menu .header {
    
}

.header__wrapper {
    
}

.header__menu {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 48px;
    position: fixed;
    z-index: 7;
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    border: 4px solid var(--Stroke-White, #FFF);
    background: var(--Island-Gray, #F3F3F3);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
    transition: top 0.3s ease;
}

.header.header--sticky .header__menu{
    top:16px;
}

.header__logo {
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
}

.header__logo--mobile {
    display: none;
}

.header__nav {}

.nav {}

.nav__list {
    display: flex;
    gap: 4px;
}

.nav__item {

}

.nav__link {
    display: block;
    padding: 8px 16px;
    border-radius: 96px;
    backdrop-filter: blur(10px);
    text-decoration: none;
    color: #282828;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 133.333%;
}

.nav__link:hover {
    color: var(--Island-Orange, #FE763E);
}

.nav__link--active {
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
}

.nav__link--active:hover {
    cursor:default;
    color: #282828;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
}

.header__actions {}

.header__menu-btn {
    width: 56px;
    height: 56px;
    display: flex;
    flex-shrink: 0;
    padding: 4px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    border: 4px solid var(--Stroke-White, #FFF);
    background: var(--Island-Gray, #F3F3F3);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
    padding: 20px;
}
.header__menu-icon {
    display: flex;
    padding: 7px;
    justify-content: center;
    align-items: center;
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
}

.header__mobile {
    display: none;
    width: 100%;
    position: fixed;
    z-index: 7;
    top:64px;
    left:0;
    transition: top 0.3s ease;
}

.header.header--sticky .header__mobile {
    top:16px;
}

.header__menu-btn {
    /* position: fixed; */
    top: 64px;
    right: 64px;
    z-index: 9;
}

.header__mobile-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px
}

.header__mobile .header__logo {
    width: 68px;
    height: 68px;
}

.open-menu .header__menu-btn {
    display: none;
}

.btn--close {
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
    padding: 7px;
    line-height: 0;
}

.header__menu-close {
    align-self: flex-end;
    position: absolute;
    opacity: 0;
}

.header__menu--active .header__menu-close {
    opacity: 1;
}

.header__menu.header__menu--active .header__logo {
    margin-top: 68px;
    width: 80px;
    height: 80px;
}

.header__menu.header__menu--active .header__logo img {
    width: 80px;
    height: 80px;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .header__menu {
        gap: 24px;
    }
}

@media (max-width: 1199.98px) {
    .header {
        
    }
    .header__wrapper {
        position: unset;
    }
    .header__mobile {
        display: flex;
    }
    .header__mobile-wrapper {
        padding-left: 48px;
        padding-right: 48px;
    }
    .header__menu {
        width: 240px;
        display: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        right: 0;
        left:unset;
        top:0;
        height: 100vh;
        min-height: 700px;
        overflow: scroll;
        transition: all ease-in-out 0.5s;
        border-radius: 16px 0 0 16px;
        gap: 48px;
        z-index: 5;
        position: fixed;
    }
    .header__menu--active {
        display: flex;
        right: -120px;
    }
    .nav__list {
        flex-direction: column;
    }
    .header__menu--active .header__logo {
        align-self: flex-start;
    }

    .nav__list {
        gap: 32px;
    }
    .nav__link {
        padding: 0;
    }
    .nav__link--active,
    .nav__link--active:hover {
        border: none;
        background: unset;
        background-color: unset;
        color:#FE763E
    }

    .header__actions {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .open-menu .header__menu.header__menu--active {
        display: flex;
    }

    .open-menu .header__menu.header__menu--active {
        top:0;
    }

    .header__logo--mobile {
        display: block;
        position: absolute;
        top:73px;
        left:32px;
    }
}

@media (max-width: 991.98px) {
    .header__logo--mobile {
        top: 56px;
        left: 16px;
    }
    .header__mobile {
        top: 48px;
    }
    .header__mobile-wrapper {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (max-width: 767.98px) {
    .header__menu-btn {
        top:40px;
        right: 32px;
    }
}

@media (max-width: 575.98px) {
    .header__mobile {
        top: 40px;
    }
    .header__mobile-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }
    .header__menu-btn {
        position: fixed;
        top: 48px;
        right: 32px;
        z-index: 8;
    }
    .header--sticky .header__menu-btn {
        top: 16px;
    }
    .btn__text {
        font-size: 16px;
    }
    .btn__icon {
        width: 20px;
        height: 20px;
    }
}

/* HEADER END */

/* HERO START */

.hero {
    margin-bottom: 48px;
}

.hero__wrapper {
    padding: 46px 0 0;
    position: relative;
}

.hero__content {
    height: 859px;
    padding: 168px 32px 32px 32px;
    background: url('../img/hero_background.webp') lightgray 50% / cover no-repeat;
    border-radius: 24px;
    clip-path: path("M1496 539.943C1496 585.198 1496 607.826 1481.94 621.884C1467.88 635.943 1445.25 635.943 1400 635.943H961.08C932.793 635.943 918.65 635.943 907.193 642.875C895.737 649.806 889.173 662.334 876.045 687.39L813.086 807.554C799.958 832.61 793.394 845.138 781.937 852.069C770.481 859 756.337 859 728.051 859H96C50.7452 859 28.1177 859 14.0589 844.941C0 830.882 0 808.255 0 763V96C0 50.7452 0 28.1177 14.0589 14.0589C28.1177 0 50.7452 0 96 0H1400C1445.25 0 1467.88 0 1481.94 14.0589C1496 28.1177 1496 50.7452 1496 96V539.943Z");
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.10) inset;
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.hero__content-top {
    max-width: 728px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

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

.hero__title {
    
    font-family: var(--Title-font, Geist);
    font-size: var(--Text-Title-Size-H1, 56px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Text-Title-Height-H1, 64px); /* 114.286% */
}

.hero__description {
    max-width: 500px;
    color: var(--Text-Orange, #FE763E);
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 155.556%;
}

.hero__actions {

}

.hero__content-bottom {
    max-width: 325px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hero__content-logo {
    width: 137px;
}

.hero__content-bottom-text {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
}

.hero__card {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 560px;
    padding: 20px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 8px solid var(--Stroke-White, #FFF);
    background: var(--Island-Gray, #F3F3F3);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
}

.hero__card-wrapper {
    display: flex;
}

.hero__card-text {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
    padding-right: 180px;
}

.hero__card-image {
    flex-shrink: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}



@media (max-width: 1599.98px) {
    .hero__content {
        clip-path: path("M1296 539.943C1296 585.198 1296 607.826 1281.94 621.884C1267.88 635.943 1245.25 635.943 1200 635.943H761.08C732.793 635.943 718.65 635.943 707.193 642.875C695.737 649.806 689.173 662.334 676.045 687.39L613.086 807.554C599.958 832.61 593.394 845.138 581.937 852.069C570.481 859 556.337 859 528.051 859H96C50.7452 859 28.1177 859 14.0589 844.941C0 830.882 0 808.255 0 763V96C0 50.7452 0 28.1177 14.0589 14.0589C28.1177 0 50.7452 0 96 0H1200C1245.25 0 1267.88 0 1281.94 14.0589C1296 28.1177 1296 50.7452 1296 96V539.943Z");
    }
}

@media (max-width: 1399.98px) {
    .hero__content {
        clip-path: path("M1168 539.943C1168 585.198 1168 607.826 1153.94 621.884C1139.88 635.943 1117.25 635.943 1072 635.943H633.08C604.793 635.943 590.65 635.943 579.193 642.875C567.737 649.806 561.173 662.334 548.045 687.39L485.086 807.554C471.958 832.61 465.394 845.138 453.937 852.069C442.481 859 428.337 859 400.051 859H96C50.7452 859 28.1177 859 14.0589 844.941C0 830.882 0 808.255 0 763V96C0 50.7452 0 28.1177 14.0589 14.0589C28.1177 0 50.7452 0 96 0H1072C1117.25 0 1139.88 0 1153.94 14.0589C1168 28.1177 1168 50.7452 1168 96V539.943Z");
    }
}

@media (max-width: 1199.98px) {
    .hero {
        margin-bottom: 24px;
    }
    .hero__content {
        clip-path: path("M 928 539.943 C 928 585.198 928 607.826 913.94 621.884 C 899.88 635.943 877.25 635.943 832 635.943 H 493.08 C 464.793 635.943 450.65 635.943 439.193 642.875 C 427.737 649.806 421.173 662.334 408.045 687.39 L 345.086 807.554 C 331.958 832.61 325.394 845.138 313.937 852.069 C 302.481 859 288.337 859 260.051 859 H 96 C 50.7452 859 28.1177 859 14.0589 844.941 C 0 830.882 0 808.255 0 763 V 96 C 0 50.7452 0 28.1177 14.0589 14.0589 C 28.1177 0 50.7452 0 96 0 H 832 C 877.25 0 899.88 0 913.94 14.0589 C 928 28.1177 928 50.7452 928 96 V 539.943 Z");        
    }
    .hero__wrapper{
        padding-top: 32px;
    }

    .hero__content-bottom {
        max-width: 280px;
    }
    .hero__card {
        width: 480px;
    }
    .hero__card-text {
        padding-right: 120px;
    }
    .hero__card-image {
        width: 160px;
    }
    .hero__content {
        background-position: -380px 0;        
    }
    .hero__title {
        font-size: 48px;
    }
    .hero__content-top {
        max-width: 630px;
    }
}

@media (max-width: 991.98px) {

    .hero__content {
        padding-left: 16px;
        padding-right: 16px;
        clip-path: none;  
        height: 912px;
        background: 
            linear-gradient(180deg, rgba(255, 255, 255, 0.00) 42.15%, #FFF 85.07%),
            url('../img/hero_background.webp') -893px -60px / 245.341% 90% no-repeat;
    }
    .hero__title {
        font-size: 36px;
        line-height: 1.23;
    }
    .hero__content-top {
        gap: 16px;
    }
    .hero__content {
        gap: 32px;        
    }
    .hero__content-bottom {
        gap: 8px;
    }
    .hero__card {
        width: calc(100% - 32px);
        margin: 16px;
    }
}

@media (max-width: 767.98px) {
    .hero__content {
        clip-path: none;
    }
    .hero__content {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 42.15%, #FFF 85.07%), url('../img/hero_background.webp') -757px -26px / 266.341% 83% no-repeat;
    }
    .hero__card {
        padding: 12px;
    }
    .hero__card-text {
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .hero__content {
        padding-top: 340px;
        border-radius: 16px;
        background:
            linear-gradient(180deg, rgba(255,255,255,0) 42.15%, #FFF 85.07%),
            url('../img/hero_background.webp') -620px -40px no-repeat,#fff;
        background-size: 240% 75%;
    }
    .hero__title {
        font-size: 26px;
    }
    .hero__description {
        font-size: 14px;
    }
    .hero__card-text {
        font-size: 14px;
    }
    .hero__content-bottom-text {
        font-size: 14px;
    }

    
}
@media (max-width: 479.98px) {
    .hero__content {
        padding-top: 300px;
        background:
            linear-gradient(180deg, rgba(255,255,255,0) 42.15%, #FFF 85.07%),
            url('../img/hero_background.webp') -620px -40px no-repeat,#fff;
        background-size: 260% 75%;
    }
}
@media (max-width: 419.98px) {
    .hero__content {
        padding-top: 260px;
        background:
            linear-gradient(180deg, rgba(255,255,255,0) 42.15%, #FFF 85.07%),
            url('../img/hero_background.webp') -580px -40px no-repeat,#fff;
        background-size: 280% 60%;
        height: 830px;
    }
    .hero__content-bottom {
        max-width: unset;
    }
    .hero__card-image {
        width: 130px;
    }
    .hero__card {
        padding: 8px;
        margin: 0;
        width: 100%;
    }
}
@media (max-width: 389.98px) {
    .hero__content {
        padding-top: 240px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 42.15%, #FFF 85.07%), url(../img/hero_background.webp) -540px -40px no-repeat, #fff;
        background-size: 286% 58%;
        height: 860px;
    }
}

/* HERO END */


/* RESOLUTION START */

.resolution__wrapper {}

.resolution__content {
    display: flex;
    gap: 24px;
    padding: 16px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
}

.resolution__problem {
    width: calc(40% - 12px);
    border-radius: 16px;
    background: var(--Background-Gray, #F3F3F3);
    padding: 270px 24px 24px 24px;
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 32px;
    flex-direction: column;
    justify-content: flex-end;
}

.resolution__problem-image {
    position: absolute;
    right: 0;
    top:0;
}

.resolution__problem-title {
    padding: 4px 20px;
    border-radius: 48px;
    background: var(--island-black-10, rgba(40, 40, 40, 0.10));
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
    width: fit-content;
}

.resolution__problem-description {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
}

.resolution__decision {
    width: calc(60% - 12px);
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    background: var(--Island-Gradient, linear-gradient(142deg, #FFB270 0%, #FE763E 100%));
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}



.resolution__group {
    position: absolute;
    right: 10px;
    top: 24px;
    display: flex;
    gap: 4px;
    justify-content: flex-end;
}

.resolution__slide {
    width: 155px;
}

.resolution__slider--active {
    width: 210px;
}

.resolution__card {
    position: relative;
    z-index: 1;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    background: var(--Island-White, #FFF);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    padding: 16px 32px;
    margin-right: 250px;
}

.resolution__card-title {
    padding: 4px 20px;
    border-radius: 48px;
    background: var(--island-orange-20, rgba(254, 118, 62, 0.20));
    backdrop-filter: blur(10px);
    color: var(--Text-Orange, #FE763E);
}

.resolution__card-description {
    color: var(--Text-Black, #282828);
    text-align: center;
}

.opacity-5 {
    opacity: 0.05;
}

.opacity-15 {
    opacity: 0.15;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-50 {
    opacity: 0.5;
}

.resolution__group--mobile {
    display: none;
}





@media (max-width: 1599.98px) {
    .resolution__card {
        margin-right: auto;
        max-width: 520px;
    }
}

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

@media (max-width: 1199.98px) {
    .resolution__content {
        flex-direction: column;
    }
    .resolution__problem {
        width: 100%;
    }
    .resolution__decision {
        width: 100%;
        padding-top: 260px;
    }
    .resolution__problem {
        padding-top: 105px;
    }
    .resolution__problem-description {
        max-width: 380px;
    }
}

@media (max-width: 991.98px) {
    .resolution__problem-image {
        top:-20px;
        right: -89px;
    }
    .resolution__problem {
        padding: 105px 16px 16px 16px;
    }
    .resolution__decision {
        padding: 254px 16px 16px 16px;
    }
    .resolution__slider {
        right: -16px;
    }
}

@media (max-width: 767.98px) {

    .resolution__problem {
        padding-top: 142px;
    }
    .resolution__problem-image {
        width: 320px;
        right: -70px;
    }
    .resolution__slide {
        width: 210px;
        /* opacity: 1; */
    }

    .resolution__decision {
        position: relative;
    }

    .resolution__decision {
        
    }

    .resolution__group--mobile {
        display: flex;
    }

    .resolution__slider {
        position: absolute;      /* если тебе нужно именно вверху блока */
        left: 0;
        top: 24px;
        right: 0;
        overflow: hidden;
        width: 100%;
        z-index: 1;
    }

    /* ВАЖНО: сбрасываем absolute-позиционирование, которое ломает ленту */
    .resolution__group {
        position: static;
        right: auto;
        top: auto;
        justify-content: flex-start;
    }

    .resolution__track {
        display: flex;
        width: max-content;
        gap: 4px;                /* общий gap между группами тоже ок */
        will-change: transform;
        animation: resolution-scroll 14s linear infinite;
    }

    .resolution__slide {
        width: 155px;
        flex: 0 0 auto;
    }

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

    /* пауза */
    @media (hover: hover) and (pointer: fine) {
        .resolution__slider:hover .resolution__track {
            animation-play-state: paused;
        }
    }

    /* движение на ширину первой группы (половина контента, потому что он продублирован) */
    @keyframes resolution-scroll {
        from { transform: translateX(0); }
        to   { transform: translateX(-50%); }
    }

}

@media (max-width: 575.98px) {
    .resolution__problem-description,
    .resolution__card-description,
    .resolution__card-title {
        font-size: 14px;
    }
}

@media (max-width: 419.98px) {
    .resolution__problem {
        padding-top: 180px;
    }
}

/* RESOLUTION END */

/* ADVANTAGES START */

.advantages {}

.advantages__wrapper {}

.advantages__list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.advantages__item {
    position: relative;
    border-radius: 16px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
    padding: 24px;
    overflow: hidden;
}

.advantages__item--small {
    width: calc(40% - 12px);
}

.advantages__item--big {
    width: calc(60% - 12px);
}

.advantages__item-1 {
    padding-top: 216px;
}

.advantages__item-2 {
    padding-bottom: 72px;
}

.advantages__item-3 {    
    padding-bottom: 136px;
}

.advantages__item-4 {
    padding-top: 140px;
}
.advantages__item-image {
    position: absolute;
    top:0;
    right: 0;
    z-index: 1;
}

.advantages__item-1 .advantages__item-image {
    width: 480px;
    top: 44px;
    right: 40px;
}

.advantages__item-2 .advantages__item-image {
    width: 600px;
    top:-24px;
    right:0px;
}

.advantages__item-3 .advantages__item-image {
    width: 875px;
    top:-66px;
    right: -145px;
}

.advantages__item-4 .advantages__item-image {
    width: 346px;
    top: 16px;
    right: 10px;
}

.advantages__item-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 2;
    position: relative;
}

.advantages__item-2 .advantages__item-info {
    max-width: 462px;
}

.advantages__item-2 .advantages__item-info .advantages__item-description {
    max-width: 366px;
}

.advantages__item-3 .advantages__item-info {
    max-width: 380px;
}

.advantages__item-4 .advantages__item-info {
    max-width: 280px;
}

.advantages__item-title {
    font-size: var(--Text-Title-Size-H4, 24px);
}

.advantages__item-description {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
    font-size: var(--Text-Body-Text-Size-Small, 14px);
    line-height: 142.857%;
}

.advantages__item-description p {
    margin-bottom: 8px;
}

.advantages__item-description p:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 1599.98px) {
    .advantages__item-2 .advantages__item-image {
        right: -40px;
    }
    .advantages__item-3 .advantages__item-image {
        top: -73px;
        right: -175px;
    }
    .advantages__item-4 .advantages__item-info {
        max-width: 240px;
    }
}

@media (max-width: 1399.98px) {
    .advantages__item-1 .advantages__item-image {
        width: 430px;
        top: 44px;
        right: 26px;
    }
    .advantages__item-1 {
        padding-top: 180px;
    }
    .advantages__item-4 {
        padding-top: 120px;
    }
    .advantages__item-4 .advantages__item-image {
        top:-60px;
    }
    .advantages__item-4 .advantages__item-image::after {
        content: '';
        position: absolute;
        display: block;
        bottom: 0;
        left:0;
        height: 120px;
        width: 100%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0, #FFF 100%);
        z-index: 3;
    }
    .advantages__item-3 .advantages__item-image {
        top: -38px;
        right: -182px;
    }
    .advantages__item-2 .advantages__item-image {
        width: 550px;
    }
}

@media (max-width: 1199.98px) {
    .advantages__item-1,
    .advantages__item-2 {
        width: 100%;
    }
    .advantages__item-1 {
        padding-top: 188px;
    }
    .advantages__item-1 .advantages__item-image {
        width: 513px;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
    .advantages__item-2 {
        padding-bottom: 44px;
    }
    .advantages__item-2 .advantages__item-image {
        right: 40px;
        top: -32px;
    }
    .advantages__item-3 .advantages__item-image {
        top: 0px;
        right: -235px;
    }

}

@media (max-width: 991.98px) {
    .advantages__item {
        width: 100%;
    }
    .advantages__item-2 .advantages__item-image {
        width: 480px;
        right: -44px;
        top: -20px;
    }
    .advantages__item-3 {
        padding-bottom: 110px;
    }
    .advantages__item-3 .advantages__item-image {
        top: -40px;
        right: -230px;
    }
    .advantages__item-4 {
        padding-top: 100px;
    }
    .advantages__item-4 .advantages__item-image {
        width: 370px;
        top: -40px;
        right: 30px;
    }
}

@media (max-width: 767.98px) {
    .advantages__item-1 {
        padding-top: 140px;
    }
    .advantages__item-1 .advantages__item-image {
        width: 450px;
        top: 16px;
    }
    .advantages__item-2 .advantages__item-image {
        width: 266px;
        top: unset;
        bottom: -24px;
        right: 0;
    }
    .advantages__item-description p {
    }
    .advantages__item-description p:last-of-type {
        padding-right: 60px;
    }
    .advantages__item-3 .advantages__item-image {
        top: -10px;
        right: -290px;
    }
    .advantages__item-4 .advantages__item-image {
        width: 340px;
        top: -40px;
        right: 10px;
    }
}

@media (max-width: 575.98px) {
    .advantages__item {
        padding-left: 16px;
        padding-right: 16px;
    }
    .advantages__item-4 {
        padding-bottom: 16px;
    }
    .advantages__item-1 {
        padding: 110px 16px 16px 16px;
    }
    .advantages__item-1 .advantages__item-image {
        width: 380px;
    }
    .advantages__item-title {
        font-size: 18px;
    }
    .advantages__item-description {
        font-size: 12px;
    }
    .advantages__item-title {
        line-height: 111%;
    }
    .advantages__item-2 .advantages__item-info .advantages__item-description {
        max-width: 320px;
    }
    .advantages__item-3 .advantages__item-image {
        top: -45px;
        right: -300px;
    }
    .advantages__item-4 {
        padding-top: 130px;
    }
    .advantages__item-4 .advantages__item-info {
        max-width: 260px;
    }
    .advantages__item-4 .advantages__item-title {
        max-width: 180px;
    }
}

@media (max-width: 479.98px) {
    .advantages__item-1 .advantages__item-image {
        width: 340px;
    }
    .advantages__item-2 .advantages__item-image {
        right: -50px;
    }
    .advantages__item-3 .advantages__item-image {
        top: -20px;
        right: -330px;
    }
    .advantages__item-3 .advantages__item-description {
        padding-right: 60px;
    }
}

/* ADVANTAGES END */

/* WORKS START */

.works {
    background-image: url('../img/work_bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    overflow: hidden;
    height: 920px;
}

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

.works__tabs {
    max-width: 580px;
}

.works__tab {
    width: calc(50% - 4px);
    white-space: nowrap;
}


.works__contents {}

.works__content {}

.works__content--user {}

.works__content--company {}

.works__arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.works__arrow {
    width: 40px;
    height: 40px;
    display: flex;
    padding: 7px;
    justify-content: center;
    align-items: center;
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
    cursor: pointer;
}

.works__arrow:hover,
.works__arrow:active,
.works__arrow:focus {
    background: var(--island-black-10, rgba(40, 40, 40, 0.10));
}

.works__arrow-prev {}

.works__arrow-next {}

.works__arrow.swiper-button-disabled {
    cursor: default;
    opacity: 0.5;
}

.works__arrow--disabled:hover,
.works__arrow--disabled:active,
.works__arrow--disabled:focus {
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
}

.works__slider {
    display: flex;
    flex-direction: column;
    gap: 88px;
}

.works__slider--user {}

.works__slider--company {}

.works__slider-wrapper {
    align-items: flex-end;
}

.works__slider-item {
    
}

.works__slide {
    padding: 8px 8px 0 8px;
    border-radius: 16px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
}

.works__slide-image {
    border-radius: 16px;
    background: var(--Background-Gray, #F3F3F3);
    display: flex;
    padding: var(--Frame-Card-Padding-Outside, 24px);
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 31px;
    flex: 1 0 0;
    align-self: stretch;
    overflow: hidden;
}

.works__slide-image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.works__slide-image img {
    transition: all linear 0.3s;
    margin: 0 0 -100px;
    z-index: 0;
}

.works__slide-title {
    color: var(--Text-Black, #282828);
    text-align: center;
    line-height: 140%;
    margin-top: 16px;
    margin-bottom: 16px;
    height: auto;
    font-size: 12px;
}

.swiper-slide-active .works__slide-title {
    font-size: 18px;
}

.swiper-slide-prev .works__slide-title,
.swiper-slide-next .works__slide-title {
    font-size: 16px;
}

.works__slider--user,
.works__slider--company {
    overflow: visible;
}

.works__slider--user .swiper-slide,
.works__slider--company .swiper-slide {
    width: 208px;
    transition: width 0.35s ease;
    align-self: flex-end;
}

.works__slider--user .swiper-slide-prev,
.works__slider--user .swiper-slide-next {
    /* width: 280px; */
}

.works__slider--user .swiper-slide-active {
    /* width: 360px; */
}
.works__slider--user .swiper-slide-active .works__slide-image,
.works__slider--company .swiper-slide-active .works__slide-image {
    overflow: visible;
}
.works__slider--user .swiper-slide-active img,
.works__slider--company .swiper-slide-active img {
    transform: translateY(-100px);
}
.works__slider-wrapper {
    align-items: center;
}

/* все слайды слева от активного */
.works__slider--user .swiper-slide:has(~ .swiper-slide-active),
.works__slider--company .swiper-slide:has(~ .swiper-slide-active) {
    opacity: 0.5;
    filter: blur(2px);
}

.works__tabs-arrow--disabled {
    cursor: default;
    opacity: 0.5;
}





@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .works {
        height: 880px;
    }
}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .works__slide-image {
        padding-left: 8px;
        padding-right: 8px;
    }
    .works__slide-image img {
        margin-bottom: -60px;
    }
    .works__slider--user .swiper-slide-active img,
    .works__slider--company .swiper-slide-active img {
        transform: translateY(-60px);
    }
    .swiper-slide-active .works__slide-title {
        font-size: 16px;
    }
    .works__tabs {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .works {
        height: 780px;
    }
    .works__content-block {
        gap: 24px;
    }
    .works__slider--user, .works__slider--company {
        gap: 44px;
    }
    .swiper-slide-active .works__slide-title {
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .works {
        height: 860px;
    }
    .works__slider--company {
        gap: 80px;
    }
}

/* WORKS END */

/* SECURITY START */

.security {}

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

.security__tabs {
    max-width: 1196px;
}

.security__tabs-arrow--disabled {
    opacity: 0.5;
    cursor: default;
}

.security__tab {
    align-self: stretch;
}

.security__contents {}

.security__content {}

.security__content--docs {}

.security__content--liveness {}

.security__content--aml {}

.security__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.security__card {
    width: calc(33.33% - 10.67px);
    padding: 24px;
    border-radius: 16px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.security__content--liveness .security__card {
    width: calc(50% - 8px);
}

.security__content--aml .security__card:nth-of-type(n+4) {
    width: calc(25% - 12px);
}

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

.security__card-num {
    color: var(--Text-Orange, #FE763E);
    text-align: right;
    font-size: var(--Text-Body-Text-Size-Small, 14px);
}

.security__card-title {
    color: var(--Text-Black, #282828);
    font-size: var(--Text-Title-Size-H5, 20px);
    line-height: 140%;
}

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

.security__card-item {
    color: var(--text-black-50, rgba(40, 40, 40, 0.50));
    padding: 6px 16px;
    border-radius: 16px;
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
}


@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {
    .security__tabs {
        border-radius: 16px;
    }
    .security__tab {
        border-radius: 12px;
    }
    .security__card,
    .security__content--aml .security__card:nth-of-type(n+4) {
        width: calc(50% - 8px);
    }
}

@media (max-width: 991.98px) {
    .security__card,
    .security__content--aml .security__card:nth-of-type(n+4),
    .security__content--liveness .security__card {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .security__tab {
        height: 60px;
    }
}

@media (max-width: 575.98px) {
    .security__card {
        padding: 16px;
    }
    .security__card-num {
        font-size: 12px;
    }
    .security__card-title {
        font-size: 16px;
    }
    .security__card-item {
        font-size: 14px;
    }
}

/* SECURITY END */

/* COMPLIANCE START */

.compliance {
    background-image: url('../img/work_bg.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center center;
    overflow: hidden;
}

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

.section__speed {
    padding-bottom: 48px;
}

.section__wrapper {}

.section__title {}

.section__content {}

.speed__content {
    position: relative;
}

.speed__wrapper {
    border-top: 2px solid var(--Stroke-Orange, #FE763E);
    border-bottom: 2px solid var(--Stroke-Orange, #FE763E);
    background: var(--Island-Gray, #F3F3F3);
}
.speed__content::after,
.speed__content::before {
    content:'';
    display: block;
    position: absolute;
    top:50%;
    width: 400px;
    height: 260px;

}

.speed__content::after {
    background: linear-gradient(90deg, #F3F3F3 19.71%, rgba(243, 243, 243, 0.00) 100%);
    left:0;
    transform: translateY(-50%);
}

.speed__content::before {
    transform: translateY(-50%);
    right:0;
    z-index: 2;
    background: linear-gradient(-90deg, #F3F3F3 19.71%, rgba(243, 243, 243, 0.00) 100%);
}

.speed__track {
    display: flex;
    gap: 96px;
    padding: 24px 0;
    position: relative;
}

.speed__group {
    display: flex;
    gap: 96px;
}

.speed__item {
    width: 240px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.speed__item-title {
    color: var(--Text-Orange, #FE763E);
    text-align: center;
    font-size: var(--Text-Title-Size-H2, 40px);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.speed__item-description {
    color: var(--Text-Black, #282828);
    text-align: center;
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 155.556%;
}

.section__compliance {
    padding-top: 48px;
}

.compliance__content {}

.compliance__wrapper {
    display: flex;
    /* gap: 32px; */
}

.compliance__image {
    width: 520px;
    height: 480px;
    flex-shrink: 0;
}

.compliance__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
}

.compliance__info {
    padding-top: 52px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    overflow: hidden; /* Добавьте это */
    /* padding-right: 48px; */
    padding-left: 32px;
    /* transform: translateX(-96px);
    margin-right: -96px; */
}

.compliance__info-top {
    /* padding-left: 96px; */
    display: flex;
    gap: 80px;
    align-items: flex-end;
}

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

.compliance__subtitle {
    color: var(--Text-Orange, #FE763E);
    font-size: var(--Text-Title-Size-H4, 24px);
}

.compliance__description {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
}

.compliance__slider-arrows {

}

.compliance__slider--inner {
    
}

.compliance__slider {
    position: relative;
    max-width: none; /* Отключаем ограничение */
    z-index: 1;
    overflow: visible;
}

.compliance__slider-wrapper {
    
}

.compliance__slide {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 8px solid var(--Stroke-White, #FFF);
    background: var(--Island-Gray, #F3F3F3);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.compliance__slide-icon {
    width: 32px;
    height: 32px;
    align-self: flex-end;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(254, 118, 62, 0.20));
}

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

.compliance__slide-title {
    color: var(--Text-Black, #282828);
    font-size: var(--Text-Title-Size-H5, 20px);
    line-height: 140%;
}

.compliance__slide-description {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
}

/* контейнер-окно */
.speed__wrapper {
  overflow: hidden;
  width: 100%;
}

/* трек, который двигается */
.speed__track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: speed-scroll 14s linear infinite;
}

/* одна группа элементов */
.speed__group {
  flex: 0 0 auto;
}

/* айтемы не должны сжиматься */
.speed__item {
  flex: 0 0 auto;
}

/* пауза при ховере (как у тебя) */
@media (hover: hover) and (pointer: fine) {
  .speed__wrapper:hover .speed__track {
    animation-play-state: paused;
  }
}

/* движение на ширину первой группы (половина контента, потому что он продублирован) */
@keyframes speed-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.compliance__slider .swiper-wrapper {
  align-items: stretch;
}

.compliance__slider .swiper-slide {
  height: auto;
  display: flex;
}

.compliance__slide {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}


@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .compliance__info-top {
        gap: 24px;
    }
}

@media (max-width: 1199.98px) {
    .speed__group,
    .speed__track {
        gap: 48px;
    }
    .compliance__info {
        padding-top: 0;
    }
    .compliance__image {
        width: 460px;
    }
    .speed__content::after, .speed__content::before {
        width: 200px;
        height: 200px;
    }
    .compliance__info-top {
        flex-direction: column;
    }
    .compliance__slide {
        padding: 8px;
    }
}

@media (max-width: 991.98px) {
    .speed__group,
    .speed__track {
        gap: 48px;
    }
    .speed__content::after, .speed__content::before {
        width: 200px;
    }
    .compliance__wrapper {
        flex-wrap: wrap;
    }
    .compliance__image {
        width: 100%;
        height: 360px;
    }
    .compliance__info {
        transform: none;
        margin-right: 0;
    }
    .compliance__info-top {
        padding-left: 0;
        flex-direction: row;
        gap: 80px;
    }
    .compliance__info {
        width: 100%;
        overflow: visible;
    }
    .section__speed {
        padding-bottom: 24px;
    }
    .section__compliance {
        padding-top: 24px;
    }

}

@media (max-width: 767.98px) {
    .compliance {
        background-size: 100% 100%;
    }
    .speed__group,
    .speed__track {
        gap: 24px;
    }
    .compliance__wrapper {
        gap: 24px;
    }
    .compliance__info {
        overflow: visible;
        margin: 0;
        padding: 0;
    }
    .compliance__info-top {
        flex-direction: column;
        gap: 32px;
    }
    .compliance__slider-arrows {
        align-self: flex-start;
    }
}

@media (max-width: 575.98px) {
    .speed__group,
    .speed__track {
        gap: 0;
    }
    .speed__item {
        width: 200px;
    }
    .speed__item-title {
        font-size: 24px;
    }
    .speed__item-description {
        font-size: 16px;
    }
    .speed__content::after,
    .speed__content::before {
        width: 80px;
    }
    .compliance__info {
        gap: 16px;
    }
    .compliance__subtitle {
        font-size: 18px;
    }
    .compliance__description {
        font-size: 14px;
    }
    .compliance__slide {
        border-radius: 12px;
        padding: 4px;
    }
    .compliance__slide-title {
        font-size: 16px;
    }
    .compliance__slide-description {
        font-size: 14px;
    }
    
}

/* COMPLIANCE END */

/* INTEGRATE START */

.integrate {
    background-image: url('../img/work_bg.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center center;
    overflow: hidden;
}

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

.section__run {
    padding-bottom: 48px;
}

.run__content {
    padding: 32px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.run__left,
.run__right {
    display: flex;
    flex-direction: column;
    width: calc(50% - 90px);
    max-width: 596px;
}
.run__left {

}

.run__left-schema,
.run__right-schema {
    margin-top: -10px;
    margin-bottom: -10px;
    line-height: 0;
}
.run__left-schema {
    align-self: flex-end;
}

.run__right-schema {
    align-self: flex-start;
}

.run__item {
    display: flex;
    gap: 38px;
    position: relative;
    height: 120px;
    align-items: flex-end;
    z-index: 2;
}

.run__right .run__item {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.run__item--top {
    align-items: flex-end;
}

.run__item--bottom {
    align-items: flex-start;
}

.run__item-info {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 8px solid var(--Stroke-White, #FFF);
    background: var(--Island-Gray, #F3F3F3);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
    padding: 16px;
    max-width: 252px;
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
}

.run__item-logo {
    width: 96px;
    height: 96px;
    aspect-ratio: 1/1;
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

.run__item-logo-wrapper {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 6px;
    background: var(--island-orange-20, rgba(254, 118, 62, 0.20));
}



.run__logo {
    width: 180px;
    height: 180px;
    aspect-ratio: 1/1;
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    position: relative;
    z-index: 1;
}

.run__logo img {
    width: 100px;
    height: 100px;
}

.run__left-schema--mobile,
.run__right-schema--mobile {
    display: none;
}

.section__price {
    padding-top: 48px;
}

.price__content {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.price__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
}

.price__list {
    display: flex;
    gap: 24px;
}

.price__item {
    width: calc(50% - 12px);
    padding: 24px;
    border-radius: 16px;
    background: var(--Background-Gray, #F3F3F3);
    height: 322px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.price__item--orange {
    background: var(--Island-Gradient, linear-gradient(142deg, #FFB270 0%, #FE763E 100%));
}

.price__item-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.price__item-sum {
    color: var(--Text-Black, #282828);
    text-align: center;
    font-size: var(--Text-Title-Size-H1, 56px);
    font-weight: 500;
    line-height: 114.286%;
}

.price__item-text {
    color: var(--Text-Black, #282828);
    text-align: center;
    font-size: var(--Text-Title-Size-H4, 24px);
}

.price__item--orange .price__item-sum,
.price__item--orange .price__item-text  {
    color: #fff;
}

.price__item__badge {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
    border-radius: 48px;
    background: var(--island-black-10, rgba(40, 40, 40, 0.10));
    padding: 4px 20px;
}

.price__item--orange .price__item__badge {
    background-color: #fff;
}

.price__item-action {}

.price__text {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
    text-align: center;
}


@media (max-width: 1599.98px) {
    .run__left-schema {
        position: relative;
        right: -30px;
        z-index: 0;
    }
    .run__right-schema {
        position: relative;
        left: -30px;
        z-index: 0;
    }

}

@media (max-width: 1399.98px) {
    .run__item {
        gap: 16px;
    }
    .run__left-schema {
        right: -68px;
    }
    .run__right-schema {
        left: -68px;
    }
}

@media (max-width: 1199.98px) {
    .integrate {
        background-size: cover;
        background-position: center 200px;
    }
    .run__content {
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .run__item {
        gap: 0;
        width: 100%;
    }
    .run__left-schema {
        right: 0;
    }
    .run__right-schema {
        left: 0;
    }
    .run__left .run__item {
        flex-direction: row-reverse;
        transform: translateX(42px);
    }
    .run__right .run__item {
        flex-direction: row;
        transform: translateX(-42px);
    }
    .run__item--top .run__item-info{
        margin-bottom: 60px;
    }
    .run__item--bottom .run__item-info{
        margin-top: 60px;
    }
    
}

@media (max-width: 991.98px) {
    .run__left, .run__right {
        min-width: 340px;
    }
    .run__left {
        transform: translateX(30px);
    }
    .run__right {
        transform: translateX(-30px);
    }
    .run__item-info {
        padding: 8px;
        border-radius: 16px;
    }
    .price__list {
        gap: 16px;
    }
    .price__item {
        width: calc(50% - 8px);
    }
    .price__item-sum {
        font-size: 48px;
    }
}

@media (max-width: 767.98px) {
    .integrate {
        background-image: url('../img/work_bg_vert.png');
        background-size: 150%;
        background-position: center 100px;
    }
    .run__left-schema--desktop,
    .run__right-schema--desktop {
        display: none;
    }
    .run__left-schema--mobile,
    .run__right-schema--mobile {
        display: flex;
    }
    .run__content {
        flex-direction: column;
    }
    .run__left,
    .run__right {
        max-width: unset;
        width: 100%;
    }
    .run__left-schema {
        position: absolute;
        left:70px;
        bottom: -80px;
        display: flex;
        justify-content: flex-start;
    }

    .run__item--bottom .run__item-info {
        margin-top: 0;
    }
    .run__item--top .run__item-info {
        margin-bottom: 0;
    }
    .run__item {
        height: 120px;
        align-items: flex-start;
        gap: 20px;
    }
    .run__left {
        padding-left: 100px;
        padding-bottom: 60px;
    }
    .run__right-schema {
        position: absolute;
        right: 70px;
        top: -80px;
        display: flex;
        justify-content: flex-end;
    }
    .run__right {
        padding-right: 100px;
        padding-top: 60px;
    }
    .run__left .run__item {
        justify-content: flex-end;
        align-items: center;
    }
    .run__right .run__item {
        align-items: center;
        justify-content: flex-end;
    }
    .run__item-info {
        max-width: 230px;
    }
    .run__left .run__item {
        transform: translateX(20px);
    }
    .run__right .run__item {
        transform: translateX(-20px);
    }
    .run__left, .run__right {        
        transform: translateX(0);
    }
    .price__list {
        flex-direction: column;
    }
    .price__item {
        width: 100%;
    }
    .section__price {
        padding-top: 24px;
    }
    .section__run {
        padding-bottom: 24px;
    }
}

@media (max-width: 575.98px) {
    .run__left,
    .run__right {
        min-width: unset;
    }
    .run__left .run__item,
    .run__right .run__item {
        transform: unset;
    }
    .run__right-schema {
        right: 90px;
    }
    .run__left-schema {
        left: 90px;
    }
    .run__item-logo {
        width: 68px;
        height: 68px;
    }
    .run__item-logo-wrapper {
        width: 36px;
        height: 36px;
    }
    .run__right {
        padding-right: 150px;
        padding-top: 46px;
    }
    .run__left {
        padding-left: 150px;
        padding-bottom: 46px;
    }
    .run__item-info {
        max-width: 200px;
        font-size: 14px;
    }
    .price__wrapper {
        border-radius: 12px;
    }
    .price__item {
        height: 280px;
    }
}
@media (max-width: 479.98px) {
    .run__left-schema {
        left:40px;
    }
    .run__right-schema {
        right: 40px;
    }
    .run__left {
        padding-left: 100px;
    }
    .run__right {
        padding-right: 100px;
    }
    .price__item {
        height: 220px;
    }
    .price__item__badge,
    .price__text {
        font-size: 14px;
    }
    .price__item-sum {
        font-size: 26px;
    }
    .price__item-text {
        font-size: 18px;
    }
}
@media (max-width: 419.98px) {
    .run__left-schema {
        left: 20px;
    }
    .run__right-schema {
        right: 20px;
    }
    .run__left {
        padding-left: 80px;
    }
    .run__right {
        padding-right: 80px;
    }
}

/* INTEGRATE START */

/* ABOUT START */

.about {
    background: var(--Island-White, #FFF);
    padding-top: 96px;
    padding-bottom: 48px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.about::after {
    content: '';
    display: block;
    position: absolute;
    top:-200px;
    left:50%;
    transform: translateX(-50%);
    z-index: 0;
    border-radius: 1108px;
    background: var(--island-orange-20, rgba(254, 118, 62, 0.20));
    filter: blur(200px);
    width: 1100px;
    height: 272px;
}

.about__wrapper {
    align-items: center;
}

.about__logo {}

.about__content {}

.about__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.about__item {
    width: calc(25% - 12px);
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
    backdrop-filter: blur(10px);
    padding: 23px;
    height: 280px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    z-index: 3;
}

.about__item--orange {
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-Gradient, linear-gradient(142deg, #FFB270 0%, #FE763E 100%));
    backdrop-filter: blur(10px);
}

.about__item-num {
    color: var(--island-black-5, rgba(40, 40, 40, 0.05));
    text-align: right;
    font-size: var(--Text-Title-Size-H1, 56px);
    font-weight: 500;
    line-height: 114.286%;
}

.about__item--orange .about__item-num {
    color: #FFF;
    opacity: 0.2;
}

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

.about__item-title {
    color: var(--Text-Black, #282828);
    font-size: var(--Text-Title-Size-H5, 20px);
    line-height: 140%;
}

.about__item-description {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
}

.about__item--orange .about__item-title,
.about__item--orange .about__item-description {
    color:#fff;
}


@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {
    .about__item {
        height: 300px;
    }
}

@media (max-width: 1199.98px) {
    .about__item {
        width: calc(50% - 8px);
        height: 232px;
    }
}

@media (max-width: 991.98px) {
    .about::after {
        left:80%;
    }
    .about__item {
        width: calc(50% - 8px);
        height: 250px;
        gap: 24px;
        padding: 15px;
    }
    .about__item-num {
        font-size: 48px;
    }
    .about__item--orange .about__item-title {
        font-weight: 700;
    }
}

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

@media (max-width: 575.98px) {
    .about__item {
        gap: 0;
        padding: 11px;
    }
    .about__item-num {
        font-size: 26px;
    }
    .about__item-title {
        font-size: 20px;
    }
    .about__item-description {
        font-size: 14px;
    }
}

/* ABOUT END */

/* COMPANY START */


.company {
    background-color: #fff;
}

.company .section__title-block {
    max-width: 980px;
    margin: 0 auto;
}

.company__content {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.company__track {
    display: flex;
    width: max-content;
    will-change: transform;
    gap: 32px;
}

.company__track--left {
    animation: company-scroll-left 24s linear infinite;
}

.company__track--right {
    animation: company-scroll-right 24s linear infinite;
}

.company__group {
    display: flex;
    align-items: center;
    gap: 32px;
    flex: 0 0 auto;
}

.company__item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 280px;
    height: 140px;
    padding: var(--Frame-Card-Padding-Outside, 24px);
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    background: var(--Background-Gray, #F3F3F3);
}

.company__item img {}

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

@keyframes company-scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes company-scroll-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}


/* COMPANY END */

/* FAQ START */

.faq {}

.faq__inner {}

.section__faq {}

.faq__content {}

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

.faq__item {
    padding: 12px;
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
}

.faq__item-wrapper {
    border-radius: 12px;
    border: 1px dashed var(--stroke-black-15, rgba(40, 40, 40, 0.15));   
}

.faq__item--active {}

.faq__item-question {
    display: flex;
    gap: 64px;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    padding-top: 12px;
    padding-left: 24px;
    padding-right: 12px;
    padding-bottom: 12px;
}

.faq__item-question-text {
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
}

.faq__item-question-icon {
    width: 32px;
    height: 32px;
    padding: 5px;
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.faq__item-question-icon img {
    display: block;
    transition: transform 0.3s ease;
    transform-origin: center;
}

.faq__item-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: all 0.35s ease;
    padding: 24px;
    margin-top: -24px;
    margin-bottom: -24px;
}

.faq__item-answer > * {
    overflow: hidden;
}

.faq__item-answer p {
    margin: 0;
    font-size: 18px;
}

.faq__item--active .faq__item-question {
    border-bottom: 1px dashed var(--stroke-black-15, rgba(40, 40, 40, 0.15));
}

.faq__item--active .faq__item-answer {
    grid-template-rows: 1fr;
    margin-top: 0;
    margin-bottom: 0;
}

.faq__item--active .faq__item-question-icon img {
    transform: scaleY(-1);
}


.cta__content {
    padding-top: 48px;
    display: grid;
    grid-template-columns: 6fr 4fr;
    grid-template-areas:
        "title form"
        "partners form";
    column-gap: 24px;
    row-gap: 32px;
    align-items: start;
}



.cta__title-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-area: title;
}

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

.cta__subtitle {
    color: var(--Text-Black, #282828);
    font-size: var(--Text-Body-Text-Size-Medium, 18px);
    font-weight: 500;
    line-height: 155.556%;
}

.cta__partners {
    grid-area: partners;
}

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

.partners__text {
    color: var(--Text-Black, #282828);
    font-size: var(--Text-Title-Size-H6, 18px);
    line-height: 133.333%;
}

.partners__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.partners__item {
    width: calc(50% - 6px);
    border-radius: 16px;
    background: var(--Island-White, #FFF);
    padding: 20px 80px;
}

.cta__right {
    width: calc(40% - 12px);
}

.form__block {
    border-radius: var(--Frame-Card-Padding-Corner, 24px);
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    grid-area: form;
}

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

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

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

.form__input-block {
    width: 100%;
    padding: 5px 7px 5px 5px;
    border-radius: 48px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--Island-White, #FFF);
    display: flex;
    align-items: center;
    gap: 8px;
}

.form__input-label {
    font-size: var(--Text-Body-Text-Size-Tiny, 12px);
    font-weight: 300;
    line-height: 133.333%;
}

.form__input-label span {
    color: #FE763E;
}

.form__input-icon {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 24px;
    background: var(--island-orange-20, rgba(254, 118, 62, 0.20));
}

.form__input-icon svg{
}

.input-form {
    width: 100%;
    padding: 0 8px;
    border: none;
    outline: none;
    color: var(--Text-Black, #282828);
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.input-form:active,
.input-form:focus,
.input-form:hover {
    border: none;
    outline: none;
}

.input-form::placeholder,
.form__textarea::placeholder {
    overflow: hidden;
    color: var(--text-black-50, rgba(40, 40, 40, 0.50));
    font-size: var(--Text-Body-Text-Size-Regular, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.form__input-block:has(.input-form:focus),
.form__input-block:has(.input-form:hover),
.form__input-block:has(.input-form:active),

.form__input-block:has(.form__textarea:focus),
.form__input-block:has(.form__textarea:hover),
.form__input-block:has(.form__textarea:active)  {
    border: 1px solid var(--Stroke-Orange, #FE763E);
}

.form__input-clear {
    width: 24px;
    height: 24px;
    border-radius: 48px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.10));
    flex-shrink: 0;
    line-height: 0;
}

.form__input-clear.form__input-clear--active {
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
}

.form__input-clear svg {
    opacity: 0.5;
}

.form__input-clear.form__input-clear--active svg {
    opacity: 1;
}

.form__message {
    display: none;
    align-items: center;
    gap: 8px;
}

.form__message-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    line-height: 0;
}

.form__message-text {
    color: var(--Universal-Red, #FF3434);
    font-size: var(--Text-Body-Text-Size-Tiny, 12px);
    line-height: 133.333%; 
}

.form__message {

}

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

.form__agree {

}

.form__agree-wrapper {
    display: flex;
    gap: 12px;
}

.form__agree-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.form__agree-label {
    position: relative;
    cursor: pointer;
    padding-left: 36px;
}

.form__agree-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: transparent;
    box-sizing: border-box;
}

.form__agree-input:checked + .form__agree-label::before {
    background: var(--Island-Orange, #FE763E);
}
.form__agree-input:checked + .form__agree-label::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25049 11.8751C6.07982 11.8751 5.90916 11.8098 5.77916 11.6798L2.86249 8.7632C2.60183 8.50253 2.60183 8.08113 2.86249 7.82053C3.12316 7.55987 3.54449 7.55987 3.80516 7.82053L6.25049 10.2659L12.1958 4.3205C12.4565 4.05983 12.8778 4.05983 13.1385 4.3205C13.3992 4.58117 13.3992 5.0025 13.1385 5.26317L6.72182 11.6798C6.59183 11.8098 6.42116 11.8751 6.25049 11.8751Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}



.form__agree-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.form__agree-label {
    color: var(--secondary-black-50, rgba(46, 46, 46, 0.50));
    font-size: var(--Text-Body-Text-Size-Small, 14px);
    line-height: 142.857%;
}
.form__agree-label::before {

}

.form__agree-link {
    color: var(--main-orange-light, #FE7338);
    text-decoration-line: underline;
}

.form__action {
    display: flex;
    justify-content: flex-end;
}

.form__textarea {
    width: 100%;
    border: none;
    outline: none;
    padding: 6px 8px;
}


.form__input-block--textarea {
    width: 100%;
    border-radius: 8px;
    padding: 0;
    gap: 0;
    flex-shrink: 0;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .partners__item {
        padding: 20px 60px;
    }
    .cta__content {
        grid-template-columns: 100%;
        grid-template-areas:
            "title"
            "form"
            "partners";
        row-gap: 24px;
    }
    .partners__item img {
        margin: 0 auto;
    }
    .partners__text {
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .faq__item-question {
        gap: 24px;
    }


}

@media (max-width: 575.98px) {
    .faq__item {
        border-radius: 20px;
    }
    .faq__item-question {
        padding-left: 16px;
    }
    .faq__item-question-text {
        font-size: 16px;
    }
    .faq__item-answer p {
        font-size: 16px;
    }
    .partners__item {
        width: 100%;
    }
}



/* FAQ END */


/* FOOTER START */

.footer {
    padding-top: 0;
    padding-bottom: 0;
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
}

.container {

}

.footer__wrapper {
    padding-top: 48px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    border-left: solid 1px rgba(40, 40, 40, 0.15);
    border-right: solid 1px rgba(40, 40, 40, 0.15);
    background-color: #fff;
}

.footer__content {
    display: flex;
    gap: 20px;
}

.footer__left {
    width: calc(50% - 10px);
    display: flex;
    gap: 20px;
}

.footer__col-logo {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.footer__logo {

}

.footer__logo-nv {
    display: flex;
    align-items: flex-end;
    gap: 4px;
}

.footer__logo-nv span {
    font-size: var(--Text-Title-Size-H6, 18px);
    line-height: 133.333%;
    opacity: 0.7;
    color: var(--Text-Black, #282828);
    display: block;
    padding-bottom: 2px;
}

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

.footer__nav {

}

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

.footer__nav-item {

}

.footer__nav-link {
    color: var(--Text-Black, #282828);
    font-size: var(--Text-Button-Size-Small, 14px);
    line-height: 142.857%;
    text-decoration: none;
}

.footer__nav-link:hover {
    color:#FE763E;
}

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

.footer__col-contacts {
    border-left: solid 1px rgba(40, 40, 40, 0.15);
    padding-left: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
}

.footer__col-title {
    color: var(--Text-Black, #282828);
    font-size: var(--Text-Title-Size-H5, 20px);
    line-height: 140%;
}

.footer__col-address {
    color: var(--text-black-50, rgba(40, 40, 40, 0.50));
}

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

.footer__col-links {
    display: flex;
    gap: 8px;
}

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

.footer__social-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 96px;
    border: 1px solid var(--stroke-black-15, rgba(40, 40, 40, 0.15));
    background: var(--island-black-5, rgba(40, 40, 40, 0.05));
    backdrop-filter: blur(10px);    
}

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

.footer__bottom {
    display: flex;
    justify-content: space-between;
}

.footer__bottom-copyright {
    color: var(--text-black-50, rgba(40, 40, 40, 0.50));
    font-size: var(--Text-Body-Text-Size-Tiny, 12px);
    font-weight: 300;
    line-height: 133.333%;
}

.footer__bottom-links {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}

.footer__bottom-link {
    text-decoration: none;
    color: var(--text-black-50, rgba(40, 40, 40, 0.50));
    font-size: var(--Text-Body-Text-Size-Tiny, 12px);
    font-weight: 300;
    line-height: 133.333%;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .footer__content {
        flex-direction: column;
    }
    .footer__left {
        width: 100%;
        flex-direction: row-reverse;
    }
    .footer__col-logo {
        width: 226px;
    }
    .footer__col-nav {
        width: calc(100% - 246px);
    }
    .footer__right {
        width: 100%;
    }
    .footer__nav-list {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 40px;
        row-gap: 12px;
    }
    .footer__nav-item {
        width: calc(50% - 40px);
    }
    .footer__right {
        border-top: solid 1px rgba(40, 40, 40, 0.15);
        padding-top: 20px;
    }
    .footer__col-contacts {
        border-left: none;
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }
    .footer__left {
        flex-direction: column;
        gap: 32px;
    }
    .footer__col-logo {
        align-items: flex-start;
    }
    .footer__col-nav {
        width: 100%;
    }
    .footer__bottom {
        flex-direction: column;
        gap: 32px;
    }
    .footer__bottom-links {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 575.98px) {
    .footer__col-actions {
        flex-direction: row;
        justify-content: space-between;
    }
    .footer__col-links {
        flex-direction: column;
    }
    .footer__socials {
        width: 72px;
    }
    .footer__col-address {
        font-size: 14px;
    }
}

/* FOOTER END */

/* MODAL START */

.modal {
    display: none;
}

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

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

.modal__container {
    position: relative;
    width: 100%;
    max-width: 560px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    border-radius: 24px;
    background: #fff;
    padding: 24px;
}

.modal__content {
    width: 100%;
}

.modal__content .form__block {
    border:none;
    padding: 0;
}

.modal__title {
    margin: 0 0 24px;
    font-size: 32px;
    line-height: 1.2;
}

.modal__close {
    display: none;
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: rgba(40, 40, 40, 0.05);
    cursor: pointer;
}

.modal__close::before,
.modal__close::after {
    content: '';
    position: absolute;
    top: 19px;
    left: 10px;
    width: 20px;
    height: 2px;
    background: #282828;
}

.modal__close::before {
    transform: rotate(45deg);
}

.modal__close::after {
    transform: rotate(-45deg);
}
.captcha-holder--preload {
  display: none;
}

.captcha-holder--visible {
  display: block;
  margin-top: 16px;
}












.modal__container--thanks {
    max-width: 360px;
    position: relative;
    overflow: visible;
}
.modal__thanks {
    display: flex;
    gap: 32px;
    flex-direction: column;
    align-items: center;
}
.modal__thanks-info {
    display: flex;
    flex-direction: column;
    gap:12px;
}
.modal__thanks-title {
    color: var(--Text-Black, #282828);
    text-align: center;
    font-size: var(--Text-Title-Size-H4, 24px);
}
.modal__thanks-description {
    color: var(--text-black-70, rgba(40, 40, 40, 0.70));
    text-align: center;
}

.modal__thanks-image {

}

/* MODAL END */