@font-face {
    font-family: Heebo;
    font-display: swap;
    src: url(/assets/fonts/Heebo-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Heebo;
    font-display: swap;
    src: url(/assets/fonts/Heebo-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Heebo;
    font-display: swap;
    src: url(/assets/fonts/Heebo-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/assets/fonts/Inter-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/assets/fonts/Inter-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/assets/fonts/Inter-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Inter;
    font-display: swap;
    src: url(/assets/fonts/Inter-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}

:root {
    --ff-primary: "Inter";
    --ff-secondary: "Heebo";
    --primary-color: #475467;
    --gray-900: #101828;
    --gray-800: #182230;
    --gray-700: #344054;
    --gray-500: #667085;
    --gray-300: #d0d5dd;
    --gray-100: #f2f4f7;
    --gray-50: #f9fafb;
    --base-white: #fff;
    --main-950: #262261;
    --main-800: #362fa4;
    --main-700: #4236cc;
    --main-600: #4d44e7;
    --main-500: #6165f3;
    --main-400: #808bf9;
    --main-300: #a4b3fd;
    --main-100: #e0e7ff;
    --main-50: #eef2ff;
    --warning-200: #fedf89;
    --warning-50: #fffaeb;
    --success-700: #067647;
    --success-200: #abefc6;
    --success-50: #ecfdf3;
    --error-700: #b42318;
    --error-200: #fecdca;
    --purple-color: #a9acff;
    --section-space: 48px;
    --section-space-big: 96px;
    --section-space-middle: 64px;
    --section-space-mobile-big: 56px;
    --section-space-mobile: 28px;
    --section-space-small: 64px;
    --section-space-mobile-small: 24px;
    --hover-dark-button: #2a1cbf
}

html {
    box-sizing: border-box
}

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

body, html {
    margin: 0;
    scroll-behavior: smooth
}

html {
    position: relative;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

    html:focus-within {
        scroll-behavior: smooth
    }

body {
    text-rendering: optimizespeed
}

details > summary, li, ol, ul {
    list-style: none
}

summary {
    display: list-item
}

details summary::-webkit-details-marker {
    display: none
}

h1, h2, h3, h4, p {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

ul, ol, dl, dd {
    margin: 0;
    padding: 0
}

p {
    margin: 0
}

label, time {
    display: block
}

figure, blockquote {
    margin: 0
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

a {
    text-decoration: none;
    color: inherit
}

img, picture, svg, video {
    display: block;
    height: auto;
    max-width: 100%
}

b, strong {
    font-weight: 900
}

address {
    font-style: normal
}

button {
    margin: 0;
    padding: 0;
    border-color: transparent;
    background-color: transparent;
    font: inherit;
    font-size: 100%;
    color: inherit;
    line-height: 1;
    cursor: pointer;
    outline: 0;
    text-align: left
}

    button:disabled {
        cursor: default
    }

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

input, textarea, button, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    background-color: transparent;
    font: inherit;
    line-height: 1
}

[hidden] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important
}

[class*=__container] {
    max-inline-size: 82rem;
    margin-inline: auto;
    inline-size: 100%;
    padding: 0 1rem
}

html, body {
    scroll-behavior: smooth;
    overscroll-behavior-y: none
}

html, body, .wrapper {
    min-block-size: 100vh;
    min-block-size: 100svh
}

body {
    font-family: var(--ff-primary);
    color: var(--primary-color);
    font-style: normal;
    min-inline-size: 320px;
    line-height: 1.5
}

@media (max-width: 47.99875em) {
    body {
        font-size: 1rem
    }
}

.lock body {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none
}

body:before {
    content: "";
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    background-color: #09283866;
    backdrop-filter: blur(.25rem);
    -webkit-backdrop-filter: blur(.25rem);
    z-index: 120;
    opacity: 0;
    pointer-events: none
}

body:has(.modal.is-open):before {
    opacity: 1
}

.wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@supports (overflow: clip) {
    .wrapper {
        overflow: clip
    }
}

.wrapper main {
    flex: 1 1 auto
}

.about-us__container {
    display: grid;
    gap: 4rem
}

@media (max-width: 47.99875em) {
    .about-us__container {
        gap: 2.5rem
    }
}

.about-us__body {
    display: flex
}

@media (min-width: 82em) {
    .about-us__body {
        gap: 6rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (gap: clamp(2.5rem,-2.4408661446rem + 10.2937392008vw,6rem)) {
        .about-us__body {
            gap: clamp(2.5rem,-2.4408661446rem + 10.2937392008vw,6rem)
        }
    }

    @supports not (gap: clamp(2.5rem,-2.4408661446rem + 10.2937392008vw,6rem)) {
        .about-us__body {
            gap: calc(2.5rem + 3.5 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .about-us__body {
        gap: 2.5rem
    }
}

@media (min-width: 47.99875em) {
    .about-us__body {
        align-items: center
    }
}

@media (max-width: 47.99875em) {
    .about-us__body {
        flex-direction: column
    }
}

@media (min-width: 47.99875em) {
    .about-us__content {
        flex: 0 0 48.75%
    }
}

.about-us .title:not(:last-child) {
    margin-block-end: 1.25rem
}

@media (min-width: 47.99875em) {
    .about-us .text {
        font-size: 1.25rem
    }
}

.about-us .image {
    padding-block-end: 40.313%
}

@media (max-width: 47.99875em) {
    .about-us .image {
        padding-block-end: 81.556%
    }
}

.account__container .heading:not(:last-child) {
    margin-block-end: 1.25rem
}

.account__container .heading .text {
    color: var(--gray-800)
}

.account__container .heading_left {
    gap: 2.5rem
}

@media (max-width: 47.99875em) {
    .account__container .heading_left {
        gap: 1.5rem
    }
}

.account-information {
    background-color: var(--base-white);
    border-radius: 2.5rem;
    padding-inline: 2.5rem;
    padding-block: 2.5rem
}

    .account-information:not(:last-child) {
        margin-block-end: 1.25rem
    }

.account-information__row {
    display: grid;
    gap: .75rem
}

@media (min-width: 47.99875em) {
    .account-information__row {
        grid-template-columns: repeat(2,1fr)
    }
}

.account-information__row:not(:last-child) {
    margin-block-end: .75rem
}

.account-information__item {
    border-block-end: .0625rem solid var(--main-100);
    padding-block-end: .75rem
}

    .account-information__item span {
        display: block
    }

    .account-information__item > *:not(:last-child) {
        margin-block-end: .625rem
    }

.account-information__label {
    color: var(--gray-800)
}

.advantages__container:not(:last-child) {
    margin-block-end: 5rem
}

@media (max-width: 61.99875em) {
    .advantages__container:not(:last-child) {
        margin-block-end: 3.5rem
    }
}

.item-advantages {
    --space-content-block: 48px;
    display: grid
}

@media (min-width: 82em) {
    .item-advantages {
        --space-content-block: 3rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (--space-content-block: clamp( 1.25rem , -4.1745515905rem + 8.7494531592vw , 3rem )) {
        .item-advantages {
            --space-content-block: clamp( 1.25rem, -4.1745515905rem + 8.7494531592vw, 3rem )
        }
    }

    @supports not (--space-content-block: clamp( 1.25rem , -4.1745515905rem + 8.7494531592vw , 3rem )) {
        .item-advantages {
            --space-content-block: calc(1.25rem + 1.75 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .item-advantages {
        --space-content-block: 1.25rem
    }
}

@media (min-width: 82em) {
    .item-advantages {
        padding-block-start: 3.5rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (padding-block-start: clamp(.0000000625rem,-10.8491029248rem + 17.4989060059vw,3.5rem)) {
        .item-advantages {
            padding-block-start: clamp(.0000000625rem,-10.8491029248rem + 17.4989060059vw,3.5rem)
        }
    }

    @supports not (padding-block-start: clamp(.0000000625rem,-10.8491029248rem + 17.4989060059vw,3.5rem)) {
        .item-advantages {
            padding-block-start: calc(.0000000625rem + 3.4999999375 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .item-advantages {
        padding-block-start: .0000000625rem
    }
}

@media (min-width: 82em) {
    .item-advantages {
        padding-block-end: 3.5rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (padding-block-end: clamp(.0000000625rem,-10.8491029248rem + 17.4989060059vw,3.5rem)) {
        .item-advantages {
            padding-block-end: clamp(.0000000625rem,-10.8491029248rem + 17.4989060059vw,3.5rem)
        }
    }

    @supports not (padding-block-end: clamp(.0000000625rem,-10.8491029248rem + 17.4989060059vw,3.5rem)) {
        .item-advantages {
            padding-block-end: calc(.0000000625rem + 3.4999999375 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .item-advantages {
        padding-block-end: .0000000625rem
    }
}

@media (min-width: 61.99875em) {
    .item-advantages {
        grid-template-columns: 1rem auto 80rem auto 1rem
    }
}

@media (min-width: 82em) {
    .item-advantages:not(:last-child) {
        margin-block-end: 5rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (margin-block-end: clamp(3.5rem,-1.149615649rem + 7.4995312793vw,5rem)) {
        .item-advantages:not(:last-child) {
            margin-block-end: clamp(3.5rem,-1.149615649rem + 7.4995312793vw,5rem)
        }
    }

    @supports not (margin-block-end: clamp(3.5rem,-1.149615649rem + 7.4995312793vw,5rem)) {
        .item-advantages:not(:last-child) {
            margin-block-end: calc(3.5rem + 1.5 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .item-advantages:not(:last-child) {
        margin-block-end: 3.5rem
    }
}

.item-advantages__wrapper {
    display: flex;
    align-items: center
}

@media (min-width: 82em) {
    .item-advantages__wrapper {
        gap: 6rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (gap: clamp(3.5rem,-4.249359415rem + 12.4992187988vw,6rem)) {
        .item-advantages__wrapper {
            gap: clamp(3.5rem,-4.249359415rem + 12.4992187988vw,6rem)
        }
    }

    @supports not (gap: clamp(3.5rem,-4.249359415rem + 12.4992187988vw,6rem)) {
        .item-advantages__wrapper {
            gap: calc(3.5rem + 2.5 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .item-advantages__wrapper {
        gap: 3.5rem
    }
}

@media (max-width: 61.99875em) {
    .item-advantages__wrapper {
        flex-direction: column;
        padding-inline-start: 1rem;
        padding-inline-end: 1rem
    }
}

@media (min-width: 61.99875em) {
    .item-advantages__content {
        flex: 0 0 37%
    }
}

.item-advantages__content .list {
    padding-inline-start: 4.5rem
}

@media (max-width: 61.99875em) {
    .item-advantages__content .list {
        padding-inline-start: 1.25rem
    }
}

.item-advantages__header {
    display: flex;
    gap: 1.5rem
}

@media (max-width: 61.99875em) {
    .item-advantages__header {
        gap: 1rem
    }
}

.item-advantages__header:not(:last-child) {
    margin-block-end: 2rem
}

@media (max-width: 47.99875em) {
    .item-advantages__header:not(:last-child) {
        margin-block-end: 1.5rem
    }
}

@media (min-width: 61.99875em) {
    .item-advantages__header-body .title {
        max-inline-size: 26.5rem
    }
}

.item-advantages__header-body .title:not(:last-child) {
    margin-block-end: 1rem
}

.item-advantages .image {
    inline-size: 100%;
    padding-block-end: 41.177%
}

@media (max-width: 61.99875em) {
    .item-advantages .image {
        padding-block-end: 81.556%
    }
}

@media (min-width: 61.99875em) {
    .item-advantages:nth-child(odd) {
        display: grid;
        min-width: 0;
        grid-template-columns: 1rem 1fr minmax(auto,80rem) 1fr 1rem
    }

        .item-advantages:nth-child(odd) > * {
            min-width: 0;
            grid-column: 3/6
        }
}

@media (min-width: 61.99875em) {
    .item-advantages:nth-child(odd) .item-advantages__body {
        padding-inline-start: var(--space-content-block)
    }
}

.item-advantages:nth-child(odd) .image {
    border-radius: 2.5rem 0 0 2.5rem
}

@media (max-width: 61.99875em) {
    .item-advantages:nth-child(odd) .image {
        margin-inline-end: -2rem;
        border-radius: 1rem 0 0 1rem
    }
}

@media (min-width: 61.99875em) {
    .item-advantages:nth-child(2n) {
        display: grid;
        min-width: 0;
        grid-template-columns: 1rem 1fr minmax(auto,80rem) 1fr 1rem
    }

        .item-advantages:nth-child(2n) > * {
            min-width: 0;
            grid-column: 1/4
        }
}

@media (min-width: 61.99875em) {
    .item-advantages:nth-child(2n) .item-advantages__wrapper {
        flex-direction: row-reverse
    }
}

@media (min-width: 61.99875em) {
    .item-advantages:nth-child(2n) .item-advantages__body {
        padding-inline-end: var(--space-content-block)
    }
}

.item-advantages:nth-child(2n) .image {
    border-radius: 0 2.5rem 2.5rem 0
}

@media (max-width: 61.99875em) {
    .item-advantages:nth-child(2n) .image {
        margin-inline-start: -2rem;
        border-radius: 0 1rem 1rem 0
    }
}

.apply-now__content {
    max-inline-size: 41.25rem;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.apply-now .heading .text {
    font-size: 1rem
}

.apply-now__forms {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding-inline: 2.5rem;
    padding-block: 2.5rem;
    box-shadow: 0 .0625rem 1.5rem #4d44e71f;
    background-color: var(--base-white);
    border-radius: 2.5rem
}

@media (max-width: 47.99875em) {
    .apply-now__forms {
        padding-inline: 1rem;
        padding-block: 1.5rem
    }
}

.benefits {
    margin-block-end: var(--section-space-big)
}

    .benefits .heading {
        max-inline-size: 55rem;
        margin-inline: auto
    }

@media (min-width: 82em) {
    .benefits__bg._section-space_big {
        padding-block-end: 10.9375rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (padding-block-end: clamp(6.25rem,-8.2800489032rem + 23.4360352478vw,10.9375rem)) {
        .benefits__bg._section-space_big {
            padding-block-end: clamp(6.25rem,-8.2800489032rem + 23.4360352478vw,10.9375rem)
        }
    }

    @supports not (padding-block-end: clamp(6.25rem,-8.2800489032rem + 23.4360352478vw,10.9375rem)) {
        .benefits__bg._section-space_big {
            padding-block-end: calc(6.25rem + 4.6875 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .benefits__bg._section-space_big {
        padding-block-end: 6.25rem
    }
}

@media (max-width: 47.99875em) {
    .benefits__bg._section-space_big {
        padding-block-end: 100%
    }
}

.benefits .image {
    margin-block-start: -6%;
    padding-block-end: 40.313%
}

@media (max-width: 47.99875em) {
    .benefits .image {
        padding-block-end: 82.313%;
        margin-block-start: -96%
    }
}

.benefits-items {
    display: grid;
    align-items: start
}

@media (min-width: 82em) {
    .benefits-items {
        gap: 3.125rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (gap: clamp(1.875rem,-1.9996797075rem + 6.2496093994vw,3.125rem)) {
        .benefits-items {
            gap: clamp(1.875rem,-1.9996797075rem + 6.2496093994vw,3.125rem)
        }
    }

    @supports not (gap: clamp(1.875rem,-1.9996797075rem + 6.2496093994vw,3.125rem)) {
        .benefits-items {
            gap: calc(1.875rem + 1.25 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .benefits-items {
        gap: 1.875rem
    }
}

@media (min-width: 61.99875em) {
    .benefits-items {
        grid-template-columns: repeat(4,1fr)
    }
}

@media (min-width: 47.99875em) and (max-width: 61.99875em) {
    .benefits-items {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 47.99875em) {
    .benefits-items {
        gap: 3rem
    }
}

.benefits-items:not(:last-child) {
    margin-block-end: 5.5rem
}

@media (max-width: 47.99875em) {
    .benefits-items:not(:last-child) {
        margin-block-end: 2.5rem
    }
}

.benefits-management .benefits-items {
    display: grid
}

@media (min-width: 47.99875em) {
    .benefits-management .benefits-items {
        grid-template-columns: repeat(2,1fr);
        gap: 3.5rem
    }
}

@media (max-width: 47.99875em) {
    .benefits-management .benefits-items {
        gap: 1.5rem
    }
}

.benefits-management .benefits-items .item-benefits .title:not(:last-child) {
    margin-block-end: 1rem
}

.benefits-management .benefits-items .item-benefits ul li {
    text-align: left
}

@media (min-width: 47.99875em) {
    .benefits-management .benefits-items .item-benefits ul li {
        font-size: 1rem
    }
}

.benefits-management .benefits-items .item-benefits ul li:not(:last-child) {
    margin-block-end: .5rem
}

.item-benefits {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.item-benefits__icon {
    flex: 0 0 6.25rem;
    inline-size: 6.25rem;
    block-size: 6.25rem
}

    .item-benefits__icon:not(:last-child) {
        margin-block-end: 1.25rem
    }

.item-benefits .title:not(:last-child) {
    margin-block-end: .5rem
}

@media (min-width: 61.99875em) and (min-width: 82em) {
    .item-benefits .title_fourth {
        font-size: 1.25rem
    }
}

@media (min-width: 61.99875em) and (min-width: 61.99875em) and (max-width: 82em) {
    @supports (font-size: clamp(1rem,.2250640585rem + 1.2499218799vw,1.25rem)) {
        .item-benefits .title_fourth {
            font-size: clamp(1rem,.2250640585rem + 1.2499218799vw,1.25rem)
        }
    }

    @supports not (font-size: clamp(1rem,.2250640585rem + 1.2499218799vw,1.25rem)) {
        .item-benefits .title_fourth {
            font-size: calc(1rem + .25 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (min-width: 61.99875em) and (max-width: 61.99875em) {
    .item-benefits .title_fourth {
        font-size: 1rem
    }
}

@media (min-width: 61.99875em) and (min-width: 82em) {
    .item-benefits .text {
        font-size: 1rem
    }
}

@media (min-width: 61.99875em) and (min-width: 61.99875em) and (max-width: 82em) {
    @supports (font-size: clamp(.75rem,-.0249359415rem + 1.2499218799vw,1rem)) {
        .item-benefits .text {
            font-size: clamp(.75rem,-.0249359415rem + 1.2499218799vw,1rem)
        }
    }

    @supports not (font-size: clamp(.75rem,-.0249359415rem + 1.2499218799vw,1rem)) {
        .item-benefits .text {
            font-size: calc(.75rem + .25 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (min-width: 61.99875em) and (max-width: 61.99875em) {
    .item-benefits .text {
        font-size: .75rem
    }
}

.contact-us__body {
    display: flex;
    --columns: 2;
    --gap: 64px;
    --gap-columns: calc(var(--columns) - 1);
    --gap-count: calc(var(--gap) / var(--columns) * var(--gap-columns));
    gap: var(--gap)
}

@media (min-width: 82em) {
    .contact-us__body {
        gap: 4rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (gap: clamp(1.25rem,-7.2742953565rem + 13.7491406787vw,4rem)) {
        .contact-us__body {
            gap: clamp(1.25rem,-7.2742953565rem + 13.7491406787vw,4rem)
        }
    }

    @supports not (gap: clamp(1.25rem,-7.2742953565rem + 13.7491406787vw,4rem)) {
        .contact-us__body {
            gap: calc(1.25rem + 2.75 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .contact-us__body {
        gap: 1.25rem
    }
}

@media (min-width: 61.99875em) {
    .contact-us__body {
        align-items: center
    }
}

@media (max-width: 61.99875em) {
    .contact-us__body {
        flex-direction: column;
        gap: 3rem
    }
}

@media (min-width: 47.99875em) {
    .contact-us__content {
        flex-basis: calc(83.125% / var(--columns) - var(--gap-count))
    }
}

.contact-us__content .heading:not(:last-child) {
    margin-block-end: 2rem
}

.contact-us__content .form:not(:last-child) {
    margin-block-end: 3rem
}

.contact-us .image {
    padding-bottom: 72.813%
}

@media (min-width: 47.99875em) {
    .contact-us .image {
        flex: 1 1 auto
    }
}

@media (max-width: 61.99875em) {
    .contact-us .image {
        padding-bottom: 123.813%
    }
}

.dashboard__activity-items {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 1.5rem
}

    .dashboard__activity-items:not(:last-child) {
        margin-block-end: 2rem
    }

@media (max-width: 69.0625em) {
    .dashboard__activity-items {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (max-width: 47.99875em) {
    .dashboard__activity-items {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 35.9375em) {
    .dashboard__activity-items {
        gap: 1rem;
        grid-template-columns: auto
    }
}

.dashboard .heading:not(:last-child) {
    margin-block-end: 2.5rem
}

@media (max-width: 47.99875em) {
    .dashboard .heading:not(:last-child) {
        margin-block-end: 1.5rem
    }
}

.dashboard .title:not(:last-child) {
    margin-block-end: 1.25rem
}

.item-activity {
    padding-inline: 1.5rem;
    padding-block: 1.5rem;
    background-color: var(--base-white);
    border-start-start-radius: 1.5rem;
    border-start-end-radius: 1.5rem;
    border-end-start-radius: 1.5rem;
    border-end-end-radius: 1.5rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column
}

    .item-activity .icon-decor:not(:last-child) {
        margin-block-end: 1rem
    }

@media (max-width: 35.9375em) {
    .item-activity .icon-decor {
        position: absolute;
        inset-inline-start: .75rem;
        inset-block-start: .75rem
    }
}

.item-activity__title {
    color: var(--gray-800);
    font-size: 1.25rem;
    line-height: 1.5
}

    .item-activity__title:not(:last-child) {
        margin-block-end: 1.5rem
    }

@media (max-width: 35.9375em) {
    .item-activity__title:not(:last-child) {
        margin-block-end: .75rem
    }
}

@media (max-width: 35.9375em) {
    .item-activity__title {
        font-size: 1rem
    }
}

.item-activity__value {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -.045rem
}

@media (max-width: 35.9375em) {
    .item-activity__value {
        font-size: 1.875rem
    }
}

@media (max-width: 35.9375em) {
    .item-activity {
        position: relative;
        padding-inline: 3.4375rem;
        padding-block: 1rem
    }
}

.tracking-block {
    --space-inline: 64px;
    --space-block: 48px;
    --space-inline-mobile: 24px;
    --space-block-mobile: 40px
}

@media (min-width: 82em) {
    .tracking-block {
        --space-inline: 4rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (--space-inline: clamp( .9375rem , -8.5554652834rem + 15.3115430286vw , 4rem )) {
        .tracking-block {
            --space-inline: clamp( .9375rem, -8.5554652834rem + 15.3115430286vw, 4rem )
        }
    }

    @supports not (--space-inline: clamp( .9375rem , -8.5554652834rem + 15.3115430286vw , 4rem )) {
        .tracking-block {
            --space-inline: calc(.9375rem + 3.0625 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .tracking-block {
        --space-inline: .9375rem
    }
}

@media (min-width: 82em) {
    .tracking-block {
        --space-block: 3rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (--space-block: clamp( 1.875rem , -1.6122117368rem + 5.6246484595vw , 3rem )) {
        .tracking-block {
            --space-block: clamp( 1.875rem, -1.6122117368rem + 5.6246484595vw, 3rem )
        }
    }

    @supports not (--space-block: clamp( 1.875rem , -1.6122117368rem + 5.6246484595vw , 3rem )) {
        .tracking-block {
            --space-block: calc(1.875rem + 1.125 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .tracking-block {
        --space-block: 1.875rem
    }
}

.tracking-block .heading {
    gap: .5rem
}

    .tracking-block .heading:not(:last-child) {
        margin-block-end: 2rem
    }

    .tracking-block .heading .text {
        font-size: 1rem
    }

@media (max-width: 47.99875em) {
    .tracking-block .heading .title {
        font-size: 1.25rem
    }
}

.tracking-block__body {
    display: flex;
    border-radius: 2.5rem;
    overflow: hidden
}

@media (max-width: 61.99875em) {
    .tracking-block__body {
        flex-direction: column
    }
}

@media (max-width: 61.99875em) {
    .tracking-block__body {
        overflow: hidden
    }
}

.tracking-block__content {
    flex: 1 1 51.563%;
    padding-block: var(--space-block);
    padding-inline: var(--space-inline)
}

@media (max-width: 61.99875em) {
    .tracking-block__content {
        padding-block: var(--space-block-mobile);
        padding-inline: var(--space-inline-mobile)
    }
}

.tracking-block__input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem
}

    .tracking-block__input:not(:last-child) {
        margin-block-end: 2rem
    }

    .tracking-block__input.input {
        padding-inline: 1.25rem
    }

.tracking-block__input-value {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--gray-800)
}

@media (min-width: 82em) {
    .tracking-block__input-value {
        inline-size: 25rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (inline-size: clamp(20.625rem,7.0636210237rem + 21.8736328979vw,25rem)) {
        .tracking-block__input-value {
            inline-size: clamp(20.625rem,7.0636210237rem + 21.8736328979vw,25rem)
        }
    }

    @supports not (inline-size: clamp(20.625rem,7.0636210237rem + 21.8736328979vw,25rem)) {
        .tracking-block__input-value {
            inline-size: calc(20.625rem + 4.375 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .tracking-block__input-value {
        inline-size: 20.625rem
    }
}

@media (max-width: 61.99875em) and (min-width: 61.99875em) {
    .tracking-block__input-value {
        inline-size: 56.25rem
    }
}

@media (max-width: 61.99875em) and (min-width: 23.4375em) and (max-width: 61.99875em) {
    @supports (inline-size: clamp(10.6875rem,-17.0053547117rem + 118.1561801031vw,56.25rem)) {
        .tracking-block__input-value {
            inline-size: clamp(10.6875rem,-17.0053547117rem + 118.1561801031vw,56.25rem)
        }
    }

    @supports not (inline-size: clamp(10.6875rem,-17.0053547117rem + 118.1561801031vw,56.25rem)) {
        .tracking-block__input-value {
            inline-size: calc(10.6875rem + 45.5625 * (100vw - 23.4375rem) / 38.56125)
        }
    }
}

@media (max-width: 61.99875em) and (max-width: 23.4375em) {
    .tracking-block__input-value {
        inline-size: 10.6875rem
    }
}

.tracking-block__input-copy {
    display: flex;
    align-items: center;
    gap: .3125rem;
    cursor: pointer
}

    .tracking-block__input-copy span {
        font-weight: 600
    }

    .tracking-block__input-copy i {
        flex: 0 0 1.0625rem;
        inline-size: 1.0625rem;
        block-size: 1.0625rem
    }

.tracking-block__contacts-content {
    padding-block: var(--space-block);
    padding-inline: var(--space-inline);
    flex: 1 1 48.516%
}

@media (max-width: 61.99875em) {
    .tracking-block__contacts-content {
        padding-block: var(--space-block-mobile);
        padding-inline: var(--space-inline-mobile)
    }
}

.tracking-block__contacts-content .heading .text {
    color: var(--main-100)
}

.breakdown .heading:not(:last-child) {
    margin-block-end: 2.5rem
}

@media (max-width: 47.99875em) {
    .breakdown .heading:not(:last-child) {
        margin-block-end: 1.5rem
    }
}

@media (min-width: 47.99875em) {
    .faq._section-space_big {
        padding-block-end: 4rem
    }
}

.faq__items {
    display: grid;
    gap: 2rem 4rem
}

@media (min-width: 47.99875em) {
    .faq__items {
        grid-template-columns: repeat(2,1fr)
    }
}

.faq__title {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--gray-800)
}

    .faq__title:not(:last-child) {
        margin-block-end: .5rem
    }

.footer {
    color: var(--base-white);
    padding-block: 2rem;
    background-color: var(--main-950);
    font-family: var(--ff-secondary)
}

@media (max-width: 47.99875em) {
    .footer {
        text-align: center;
        padding-block: 1.5rem
    }
}

@media (max-width: 29.99875em) {
    .footer {
        font-size: .75rem
    }
}

.footer__container {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    align-items: center
}

@media (max-width: 47.99875em) {
    .footer__container {
        flex-direction: column-reverse;
        gap: 1.5rem
    }
}

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

@media (min-width: 82em) {
    .footer__column {
        gap: 2rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (gap: clamp(.9375rem,-.5624057939rem + 3.1248851145vw,2rem)) {
        .footer__column {
            gap: clamp(.9375rem,-.5624057939rem + 3.1248851145vw,2rem)
        }
    }

    @supports not (gap: clamp(.9375rem,-.5624057939rem + 3.1248851145vw,2rem)) {
        .footer__column {
            gap: calc(.9375rem + 1.0625 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .footer__column {
        gap: .9375rem
    }
}

@media (max-width: 47.99875em) {
    .footer__column {
        flex-direction: column;
        gap: 1.5rem
    }
}

.footer__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: .3125rem
}

@media (min-width: 82em) {
    .footer__list {
        gap: 2rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (gap: clamp(.9375rem,-.5624057939rem + 3.1248851145vw,2rem)) {
        .footer__list {
            gap: clamp(.9375rem,-.5624057939rem + 3.1248851145vw,2rem)
        }
    }

    @supports not (gap: clamp(.9375rem,-.5624057939rem + 3.1248851145vw,2rem)) {
        .footer__list {
            gap: calc(.9375rem + 1.0625 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .footer__list {
        gap: .9375rem
    }
}

.footer__link {
    font-weight: 500
}

@media (min-width: 47.99875em) and (min-width: 82em) {
    .footer__link {
        font-size: 1rem
    }
}

@media (min-width: 47.99875em) and (min-width: 47.99875em) and (max-width: 82em) {
    @supports (font-size: clamp(.875rem,.6985404948rem + .3676335429vw,1rem)) {
        .footer__link {
            font-size: clamp(.875rem,.6985404948rem + .3676335429vw,1rem)
        }
    }

    @supports not (font-size: clamp(.875rem,.6985404948rem + .3676335429vw,1rem)) {
        .footer__link {
            font-size: calc(.875rem + .125 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (min-width: 47.99875em) and (max-width: 47.99875em) {
    .footer__link {
        font-size: .875rem
    }
}

@media (any-hover: hover) {
    .footer__link:hover {
        text-decoration: underline
    }
}

.form {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding-inline: 2.5rem;
    padding-block: 2.5rem;
    box-shadow: 0 .0625rem 1.5rem #4d44e71f;
    background-color: var(--base-white);
    border-radius: 2.5rem
}

@media (max-width: 47.99875em) {
    .form {
        padding-inline: 1.5rem;
        padding-block: 1.5rem
    }
}

.form__row {
    display: grid;
    gap: .75rem
}

@media (min-width: 47.99875em) {
    .form__row {
        grid-template-columns: repeat(2,1fr)
    }
}

.form__file-wrapp {
    display: flex !important;
    flex-direction: column;
    gap: .875rem;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    text-align: center
}

.form__file-text strong {
    font-weight: 600;
    color: var(--main-700)
}

.form__input-wrapp_file:not(:last-child) {
    margin-block-end: .75rem
}

.form__file {
    position: absolute;
    inline-size: 0;
    block-size: 0;
    inset-block-start: 0;
    inset-inline-start: 0
}

.form__text {
    text-align: center;
    font-size: .875rem
}

.form__select-wrapp {
    cursor: pointer;
    position: relative
}

.form__select-icon {
    position: absolute;
    inline-size: .625rem;
    block-size: .625rem;
    inset-block-start: 1.5rem;
    inset-inline-end: 1.625rem;
    z-index: 3
}

.form__label {
    position: relative;
    color: var(--gray-800)
}

    .form__label span {
        display: block
    }

        .form__label span:not(:last-child) {
            margin-block-end: .3125rem
        }

.form__label_file {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border: .0625rem dashed var(--main-700);
    border-radius: 1.25rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-block-size: 8.25rem;
    position: relative;
    transition: opacity .3s;
    margin-block-start: .75rem;
    margin-block-end: .75rem
}

.form__label-select-title {
    display: inline-block
}

    .form__label-select-title:not(:last-child) {
        margin-block-end: .3125rem
    }

.form__description {
    text-align: center;
    color: var(--gray-500);
    font-size: .875rem
}

    .form__description a {
        color: var(--main-600);
        font-weight: 700
    }

@media (any-hover: hover) {
    .form__description a:hover {
        text-decoration: underline
    }
}

.form__description:has(i) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem
}

.form__description i {
    flex: 0 0 1.0625rem;
    inline-size: 1.0625rem;
    block-size: 1.0625rem
}

.form__buttons {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    justify-content: space-between;
    margin-block-start: .75rem
}

    .form__buttons .button {
        padding-inline: 1.25rem
    }

    .form__buttons .button_next {
        margin-inline-start: auto
    }

    .form__buttons .button_prev {
        margin-inline-end: auto
    }

@media (max-width: 47.99875em) {
    .form__buttons .button {
        inline-size: 50%
    }
}

input[type=text], input[type=email], input[type=tel], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input {
    inline-size: 100%;
    border-radius: .75rem !important;
    border: .0625rem solid var(--gray-100);
    background-color: var(--base-white);
    block-size: 3.5rem;
    padding-inline: 1.25rem
}

textarea.input {
    min-block-size: 7.5rem;
    resize: vertical;
    padding-inline: .9375rem;
    padding-block: .9375rem
}

.select {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

    .select.input {
        padding-inline-end: 2.5rem
    }

.fresh-content__container {
    display: flex;
    --columns: 2;
    --gap: 64px;
    --gap-columns: calc(var(--columns) - 1);
    --gap-count: calc(var(--gap) / var(--columns) * var(--gap-columns));
    gap: var(--gap)
}

@media (min-width: 47.99875em) {
    .fresh-content__container {
        align-items: center
    }
}

@media (max-width: 47.99875em) {
    .fresh-content__container {
        flex-direction: column-reverse;
        gap: 2.5rem
    }
}

@media (min-width: 47.99875em) {
    .fresh-content__body {
        flex-basis: calc(83.13% / var(--columns) - var(--gap-count))
    }
}

.fresh-content .image {
    padding-bottom: 37.657%
}

@media (min-width: 47.99875em) {
    .fresh-content .image {
        flex: 1 1 auto
    }
}

@media (max-width: 47.99875em) {
    .fresh-content .image {
        padding-bottom: 111%
    }
}

.get-in-touch {
    padding-block: 2.5rem;
    background-color: var(--gray-50)
}

@media (min-width: 47.99875em) {
    .get-in-touch {
        margin-block-end: var(--section-space-big)
    }
}

.get-in-touch .heading .title {
    font-size: 1.25rem
}

.get-in-touch .heading .button {
    padding-inline: 1.375rem;
    margin-block-start: .25rem
}

.get-started {
    padding-block-start: 5rem;
    padding-block-end: 5rem
}

@media (max-width: 47.99875em) {
    .get-started {
        padding-block-start: var(--section-space-mobile-big);
        padding-block-end: var(--section-space-mobile-big)
    }
}

.get-started__container {
    display: flex;
    gap: 4rem
}

@media (min-width: 47.99875em) {
    .get-started__container {
        align-items: center
    }
}

@media (max-width: 47.99875em) {
    .get-started__container {
        gap: 1.5rem;
        flex-direction: column
    }
}

@media (min-width: 47.99875em) {
    .get-started__content {
        flex: 1 1 30.782%
    }
}

.get-started__content .heading .button {
    width: 100%
}

@media (max-width: 47.99875em) {
    .get-started__content .heading .button {
        margin-block-start: .875rem
    }
}

.get-started .image {
    padding-block-end: 32.266%
}

@media (min-width: 47.99875em) {
    .get-started .image {
        flex: 0 0 55.938%
    }
}

@media (max-width: 47.99875em) {
    .get-started .image {
        padding-block-end: 81.5%
    }
}

@media (min-width: 47.99875em) {
    .content-production .get-started .get-started__container {
        flex-direction: row-reverse
    }
}

@media (min-width: 47.99875em) {
    .chating .get-started .get-started__container {
        flex-direction: row-reverse
    }
}

.header {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    z-index: 99;
    background-color: var(--base-white);
    padding-block-start: .3125rem;
    padding-block-end: .3125rem
}

.header__container {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1.25rem;
    align-items: center;
    min-block-size: 4.375rem
}

@media (min-width: 82em) {
    .header__container {
        column-gap: 11.3125rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (column-gap: clamp(.9375rem,-13.7086389287rem + 30.5135840594vw,11.3125rem)) {
        .header__container {
            column-gap: clamp(.9375rem,-13.7086389287rem + 30.5135840594vw,11.3125rem)
        }
    }

    @supports not (column-gap: clamp(.9375rem,-13.7086389287rem + 30.5135840594vw,11.3125rem)) {
        .header__container {
            column-gap: calc(.9375rem + 10.375 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .header__container {
        column-gap: .9375rem
    }
}

@media (max-width: 47.99875em) {
    .header__container {
        grid-template-columns: 7.125rem auto 1.5rem;
        gap: 1.125rem
    }
}

@media (max-width: 29.99875em) {
    .header__container {
        grid-template-columns: 5rem auto 1.5rem
    }
}

@media (max-width: 47.99875em) {
    .header__menu-wrapper {
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
        position: fixed;
        inset-block-start: 0;
        inset-inline-start: 0;
        background-color: var(--base-white);
        inline-size: 100%;
        block-size: 100%;
        transform: translate(-100%);
        will-change: transform;
        transition: transform .3s;
        padding-inline-start: 1rem;
        padding-inline-end: 1rem;
        padding-block-start: 5.625rem;
        padding-block-end: 1.875rem;
        overflow: hidden
    }

        .header__menu-wrapper:before {
            content: "";
            position: fixed;
            inline-size: 100%;
            min-block-size: 3.75rem;
            inset-block-start: 0;
            inset-inline-start: 0;
            transform: translate(-100%);
            z-index: 2;
            background-color: var(--base-white);
            will-change: transform;
            transition: transform .3s
        }

    .menu-open .header__menu-wrapper {
        transform: translate(0)
    }

        .menu-open .header__menu-wrapper:before {
            transform: translate(0)
        }
}

@media (max-width: 47.99875em) {
    .header__menu-scroll {
        overflow: auto
    }
}

@media (min-width: 47.99875em) {
    .header__menu-buttons {
        display: none
    }
}

@media (max-width: 47.99875em) {
    .header__menu-buttons {
        display: flex;
        align-items: center;
        gap: .625rem
    }

        .header__menu-buttons:not(:last-child) {
            margin-block-end: 2.5rem
        }
}

.header__menu-buttons .button {
    inline-size: 100%
}

.header__actions {
    display: flex;
    align-items: center;
    justify-self: end
}

@media (min-width: 82em) {
    .header__actions {
        column-gap: 1rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (column-gap: clamp(.625rem,.0956214845rem + 1.1029006287vw,1rem)) {
        .header__actions {
            column-gap: clamp(.625rem,.0956214845rem + 1.1029006287vw,1rem)
        }
    }

    @supports not (column-gap: clamp(.625rem,.0956214845rem + 1.1029006287vw,1rem)) {
        .header__actions {
            column-gap: calc(.625rem + .375 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .header__actions {
        column-gap: .625rem
    }
}

@media (max-width: 47.99875em) {
    .header__actions [data-login] {
        display: none
    }
}

@media (max-width: 47.99875em) {
    .header_authorized .header__menu-wrapper {
        padding-block-start: 6.875rem
    }
}

.header .logout {
    display: flex;
    align-items: center;
    font-family: var(--ff-secondary);
    gap: .5rem
}

@media (min-width: 47.99875em) {
    .header .logout {
        display: none
    }
}

.hero {
    min-block-size: 100svh;
    position: relative;
    padding-block-start: 5rem;
    padding-block-end: 1.875rem
}

.home .hero {
    margin-block-end: var(--section-space)
}

@media (max-width: 47.99875em) {
    .home .hero {
        margin-block-end: var(--section-space-mobile)
    }
}

.hero:before {
    content: "";
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset-inline: 0;
    inset-block: 0;
    object-fit: cover;
    z-index: 2;
    background: linear-gradient(0deg,#0d0d0d80,#0d0d0d80)
}

.hero__container {
    min-block-size: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 3
}

.hero__content {
    text-wrap: balance
}

    .hero__content .title:not(:last-child) {
        margin-block-end: 1rem
    }

    .hero__content .text {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.2;
        color: var(--base-white)
    }

@media (min-width: 82em) {
    .hero__content .text {
        font-size: 1.5rem
    }
}

@media (min-width: 20em) and (max-width: 82em) {
    @supports (font-size: clamp(.8125rem,.5907258065rem + 1.1088709677vw,1.5rem)) {
        .hero__content .text {
            font-size: clamp(.8125rem,.5907258065rem + 1.1088709677vw,1.5rem)
        }
    }

    @supports not (font-size: clamp(.8125rem,.5907258065rem + 1.1088709677vw,1.5rem)) {
        .hero__content .text {
            font-size: calc(.8125rem + .6875 * (100vw - 20rem) / 62)
        }
    }
}

@media (max-width: 20em) {
    .hero__content .text {
        font-size: .8125rem
    }
}

.hero__content .text:not(:last-child) {
    margin-block-end: 2rem
}

@media (min-width: 47.99875em) {
    .marketing .hero__content {
        max-inline-size: 62rem;
        margin-inline: auto
    }
}

@media (min-width: 47.99875em) {
    .referral-partners .hero__content {
        max-inline-size: 80rem;
        margin-inline: auto
    }
}

@media (min-width: 47.99875em) {
    .chating .hero__content {
        max-inline-size: 54.25rem;
        margin-inline: auto
    }
}

.hero__image {
    position: absolute;
    inline-size: 100%;
    block-size: 100%;
    inset-inline: 0;
    inset-block: 0;
    object-fit: cover
}

@media (max-width: 47.99875em) {
    .hero__image {
        object-position: 70%
    }
}

@media (max-width: 47.99875em) {
    .referral-partners .hero__image {
        padding-block-start: 5rem;
        object-position: center
    }
}

.how-it-works__body {
    display: flex
}

@media (min-width: 82em) {
    .how-it-works__body {
        gap: 4rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (gap: clamp(1.25rem,-7.2742953565rem + 13.7491406787vw,4rem)) {
        .how-it-works__body {
            gap: clamp(1.25rem,-7.2742953565rem + 13.7491406787vw,4rem)
        }
    }

    @supports not (gap: clamp(1.25rem,-7.2742953565rem + 13.7491406787vw,4rem)) {
        .how-it-works__body {
            gap: calc(1.25rem + 2.75 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .how-it-works__body {
        gap: 1.25rem
    }
}

@media (min-width: 61.99875em) {
    .how-it-works__body {
        align-items: center
    }
}

@media (max-width: 61.99875em) {
    .how-it-works__body {
        gap: 2.5rem;
        flex-direction: column-reverse
    }
}

.how-it-works__body .image {
    padding-block-end: 32.164%
}

@media (min-width: 61.99875em) {
    .how-it-works__body .image {
        flex: 0 0 61.407%
    }
}

@media (max-width: 61.99875em) {
    .how-it-works__body .image {
        padding-block-end: 82.164%
    }
}

.how-it-works .heading:not(:last-child) {
    margin-block-end: 2.5rem
}

@media (min-width: 61.99875em) {
    .how-it-works__content {
        flex: 0 0 33.594%
    }
}

.how-we__body {
    display: flex;
    --columns: 2;
    --gap: 64px;
    --gap-columns: calc(var(--columns) - 1);
    --gap-count: calc(var(--gap) / var(--columns) * var(--gap-columns));
    gap: var(--gap)
}

@media (min-width: 61.99875em) {
    .how-we__body {
        align-items: start
    }
}

@media (max-width: 61.99875em) {
    .how-we__body {
        gap: 2.5rem;
        flex-direction: column
    }
}

.how-we__content {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 61.99875em) {
    .how-we__content {
        flex-basis: calc(83% / var(--columns) - var(--gap-count))
    }
}

.how-we__content .title_third {
    font-size: 1.25rem
}

    .how-we__content .title_third:not(:last-child) {
        margin-block-end: .5rem
    }

@media (max-width: 47.99875em) {
    .how-we__content .title_third {
        font-size: 1.125rem
    }
}

.how-we__content .text:not(:last-child) {
    margin-block-end: 1rem
}

.how-we__content .list li {
    font-size: 1rem
}

    .how-we__content .list li:not(:last-child) {
        margin-block-end: 1rem
    }

@media (max-width: 47.99875em) {
    .how-we__content .list li:not(:last-child) {
        margin-block-end: .5rem
    }
}

.how-we .image {
    padding-block-end: 73.78%;
    flex: 1 1 auto
}

    .how-we .image img {
        object-position: left
    }

@media (max-width: 61.99875em) {
    .how-we .image {
        padding-block-end: 111%
    }
}

@media (min-width: 61.99875em) {
    .marketing .how-we .image {
        padding-block-end: 35%
    }
}

@media (max-width: 61.99875em) {
    .marketing .how-we .image {
        padding-block-end: 133.4%
    }
}

@media (min-width: 61.99875em) {
    .chating .how-we .image {
        padding-block-end: 37.4%
    }
}

@media (max-width: 61.99875em) {
    .chating .how-we .image {
        padding-block-end: 110.99%
    }
}

.join__body {
    display: grid;
    align-items: center;
    color: var(--base-white);
    border-radius: 2.5rem;
    overflow: hidden;
    background-color: var(--main-800);
    min-height: 25rem
}

@media (min-width: 47.99875em) {
    .join__body {
        grid-template-columns: 57% 1fr
    }
}

@media (max-width: 47.99875em) {
    .join__body {
        border-radius: 1.5rem
    }
}

.join__content {
    --space-content: 64px;
    padding-inline: var(--space-content);
    padding-block: var(--space-content)
}

    .join__content .heading {
        justify-items: start
    }

        .join__content .heading .title {
            color: var(--base-white)
        }

@media (max-width: 47.99875em) {
    .join__content .heading .title:not(:last-child) {
        margin-bottom: .625rem
    }
}

@media (min-width: 47.99875em) {
    .join__content .heading .text {
        font-size: 1.25rem
    }
}

.join__content .heading .button {
    margin-block-start: .75rem
}

.join__content .heading .button_white {
    padding-inline: 3.75rem
}

@media (max-width: 47.99875em) {
    .join__content .heading .button_white {
        width: 100%
    }
}

@media (min-width: 47.99875em) and (min-width: 82em) {
    .join__content {
        --space-content: 4rem
    }
}

@media (min-width: 47.99875em) and (min-width: 47.99875em) and (max-width: 82em) {
    @supports (--space-content: clamp( 1.875rem , -1.1248115878rem + 6.249770229vw , 4rem )) {
        .join__content {
            --space-content: clamp( 1.875rem, -1.1248115878rem + 6.249770229vw, 4rem )
        }
    }

    @supports not (--space-content: clamp( 1.875rem , -1.1248115878rem + 6.249770229vw , 4rem )) {
        .join__content {
            --space-content: calc(1.875rem + 2.125 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (min-width: 47.99875em) and (max-width: 47.99875em) {
    .join__content {
        --space-content: 1.875rem
    }
}

@media (max-width: 47.99875em) {
    .join__content {
        padding-inline: 2rem;
        padding-block: 2.5rem
    }
}

.join .image {
    height: 100%;
    border-radius: 0
}

@media (max-width: 47.99875em) {
    .join .image {
        padding-block-end: 117%
    }
}

@media (max-width: 47.99875em) {
    .home .join .image {
        width: 160%
    }
}

@media (max-width: 47.99875em) {
    .content-production .join .image img {
        object-position: right
    }
}

.life-time__container {
    display: flex;
    gap: 4rem
}

@media (min-width: 61.99875em) {
    .life-time__container {
        align-items: start
    }
}

@media (max-width: 61.99875em) {
    .life-time__container {
        flex-direction: column;
        gap: 1.5rem
    }
}

.chating .life-time__container {
    flex-direction: column;
    align-items: stretch;
    gap: 0
}

.life-time__body {
    display: flex;
    gap: 4rem
}

@media (min-width: 61.99875em) {
    .life-time__body {
        align-items: start
    }
}

@media (max-width: 61.99875em) {
    .life-time__body {
        flex-direction: column;
        gap: 1.5rem
    }
}

.life-time__content {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media (max-width: 61.99875em) {
    .life-time__content .heading:not(:last-child) {
        margin-block-end: 1rem
    }
}

@media (min-width: 61.99875em) {
    .life-time__content {
        flex: 0 0 38.125%
    }
}

@media (max-width: 61.99875em) {
    .life-time__content {
        gap: 1.5rem
    }
}

.life-time__content .list-items__item:not(:last-child) {
    margin-block-end: 2rem
}

.life-time .image {
    padding-bottom: 47%
}

@media (min-width: 61.99875em) {
    .life-time .image {
        flex: 0 0 56.094%
    }
}

@media (max-width: 61.99875em) {
    .life-time .image {
        padding-bottom: 82%
    }
}

@media (min-width: 61.99875em) {
    .marketing .life-time .image {
        padding-bottom: 45.625%
    }
}

@media (max-width: 47.99875em) {
    .marketing .life-time .image {
        padding-bottom: 142.2%
    }
}

@media (min-width: 61.99875em) {
    .chating .life-time .image {
        padding-bottom: 41%
    }
}

@media (max-width: 47.99875em) {
    .chating .life-time .image {
        padding-bottom: 81.556%
    }
}

.chating .life-time .heading_center {
    text-align: left
}

.list-items__item {
    display: flex;
    gap: 1rem
}

    .list-items__item:not(:last-child) {
        margin-block-end: 3rem
    }

@media (max-width: 47.99875em) {
    .list-items__item:not(:last-child) {
        margin-block-end: 1.5rem
    }
}

.list-items__item-title {
    color: var(--gray-900);
    font-size: 1.25rem;
    font-weight: 600
}

    .list-items__item-title:not(:last-child) {
        margin-block-end: .5rem
    }

@media (max-width: 47.99875em) {
    .list-items__item-title {
        font-size: 1.125rem
    }
}

.icon-decor {
    flex: 0 0 3rem;
    inline-size: 3rem;
    block-size: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-100);
    border: .5rem solid var(--main-50)
}

@media (max-width: 47.99875em) {
    .icon-decor {
        flex: 0 0 2.5rem;
        inline-size: 2.5rem;
        block-size: 2.5rem;
        border-width: .375rem
    }
}

.icon-decor img {
    inline-size: 1.5rem;
    block-size: 1.5rem;
    object-fit: contain
}

@media (max-width: 47.99875em) {
    .icon-decor img {
        inline-size: 1.125rem;
        block-size: 1.125rem
    }
}

.list i {
    flex: 0 0 1.75rem;
    inline-size: 1.75rem;
    block-size: 1.75rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-100)
}

    .list i img {
        inline-size: .75rem;
        block-size: .75rem;
        object-fit: contain
    }

@media (max-width: 47.99875em) {
    .list i {
        flex: 0 0 1.5rem;
        inline-size: 1.5rem;
        block-size: 1.5rem
    }
}

.list li {
    display: flex;
    gap: .875rem;
    line-height: 1.55
}

@media (min-width: 47.99875em) {
    .list li {
        font-size: 1.125rem
    }
}

.list li:not(:last-child) {
    margin-block-end: 1.25rem
}

.list-card {
    background-color: var(--base-white);
    border-radius: 1.5rem;
    padding-inline: 1.5rem;
    padding-block: 1.5rem
}

@media (max-width: 47.99875em) {
    .list-card {
        padding-inline: 1rem;
        padding-block: 1rem
    }
}

.list-card:not(:has(.text)) .title:not(:last-child) {
    margin-block-end: 1rem
}

.login__content {
    max-inline-size: 31.25rem;
    margin-inline: auto
}

    .login__content .heading:not(:last-child) {
        margin-block-end: 2rem
    }

@media (max-width: 47.99875em) {
    .menu__body {
        overflow: auto;
        block-size: 100%
    }
}

.menu__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: .3125rem
}

@media (min-width: 82em) {
    .menu__list {
        column-gap: 2.5rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (column-gap: clamp(.9375rem,-1.2682438146rem + 4.5954192861vw,2.5rem)) {
        .menu__list {
            column-gap: clamp(.9375rem,-1.2682438146rem + 4.5954192861vw,2.5rem)
        }
    }

    @supports not (column-gap: clamp(.9375rem,-1.2682438146rem + 4.5954192861vw,2.5rem)) {
        .menu__list {
            column-gap: calc(.9375rem + 1.5625 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .menu__list {
        column-gap: .9375rem
    }
}

@media (max-width: 47.99875em) {
    .menu__list {
        flex-direction: column;
        align-items: start;
        gap: 2.5rem
    }
}

.menu__link {
    color: var(--gray-800);
    font-family: var(--ff-secondary);
    line-height: 1.2
}

@media (min-width: 47.99875em) and (min-width: 82em) {
    .menu__link {
        font-size: 1.125rem
    }
}

@media (min-width: 47.99875em) and (min-width: 47.99875em) and (max-width: 82em) {
    @supports (font-size: clamp(.875rem,.5220809897rem + .7352670858vw,1.125rem)) {
        .menu__link {
            font-size: clamp(.875rem,.5220809897rem + .7352670858vw,1.125rem)
        }
    }

    @supports not (font-size: clamp(.875rem,.5220809897rem + .7352670858vw,1.125rem)) {
        .menu__link {
            font-size: calc(.875rem + .25 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (min-width: 47.99875em) and (max-width: 47.99875em) {
    .menu__link {
        font-size: .875rem
    }
}

@media (max-width: 47.99875em) {
    .menu__link {
        font-size: 1.125rem
    }
}

.menu__link._active-link {
    color: var(--main-700);
    pointer-events: none
}

@media (max-width: 47.99875em) {
    .menu:not(:last-child) {
        margin-block-end: 2.5rem
    }
}

.icon-menu {
    display: none
}

@media (max-width: 47.99875em) {
    .icon-menu {
        display: block;
        position: relative;
        inline-size: 1.5rem;
        block-size: 1.125rem;
        z-index: 5
    }
}

@media (max-width: 47.99875em) and (any-hover: none) {
    .icon-menu {
        cursor: default
    }
}

@media (max-width: 47.99875em) {
    .icon-menu span, .icon-menu:before, .icon-menu:after {
        content: "";
        transition: all .3s ease 0s;
        inset-inline-end: 0;
        position: absolute;
        inline-size: 100%;
        border-radius: .625rem;
        block-size: .15625rem;
        background-color: #000
    }

    .icon-menu:before {
        inset-block-start: 0
    }

    .icon-menu:after {
        inset-block-end: 0
    }

    .icon-menu span {
        inset-block-start: calc(50% - .0625rem)
    }

    .menu-open .icon-menu span {
        inline-size: 0
    }

    .menu-open .icon-menu:before {
        inset-block-start: calc(50% - .0625rem);
        transform: rotate(-45deg)
    }

    .menu-open .icon-menu:after {
        inset-block-end: calc(50% - .0625rem);
        transform: rotate(45deg)
    }
}

.modal {
    position: fixed;
    z-index: 100;
    inset-block: 0;
    inset-inline: 0
}

.modal__overlay {
    inline-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: fixed
}

@media (min-width: 47.99875em) {
    .modal__overlay {
        inset-block: 0;
        inset-inline: 0
    }
}

@media (max-width: 47.99875em) {
    .modal__overlay {
        block-size: 100%
    }
}

.modal__body {
    overflow: hidden;
    background-color: var(--base-white);
    position: fixed
}

@media (min-width: 47.99875em) {
    .modal__body {
        max-height: 45.6875rem;
        margin-inline: auto;
        margin-block: auto;
        max-inline-size: 39.1875rem;
        inset-block-start: .9375rem;
        inset-block-end: .9375rem;
        inset-inline-start: 1.25rem;
        inset-inline-end: 1.25rem;
        border-start-start-radius: 2.5rem;
        border-start-end-radius: 2.5rem;
        border-end-start-radius: 2.5rem;
        border-end-end-radius: 2.5rem;
        box-shadow: 0 .0625rem 1.5rem #4d44e71f
    }
}

@media (max-width: 47.99875em) {
    .modal__body {
        inline-size: 100%;
        height: 100%
    }
}

.modal__content {
    padding-inline: 2.5rem;
    padding-block-end: 2.5rem;
    height: 100%
}

@media (max-width: 47.99875em) {
    .modal__content {
        padding-inline: 1rem;
        padding-block-end: 1rem
    }
}

.modal__scroll-block {
    padding-block-end: 3.75rem;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

@media (min-width: 47.99875em) {
    .modal__scroll-block {
        padding-block-start: 2rem;
        padding-inline-end: 1.25rem;
        margin-inline-end: -1.25rem
    }

        .modal__scroll-block::-webkit-scrollbar {
            width: .3125rem;
            border-radius: .3125rem
        }

        .modal__scroll-block::-webkit-scrollbar-thumb {
            background-color: var(--main-700);
            border-radius: .3125rem
        }
}

@media (max-width: 47.99875em) {
    .modal__scroll-block {
        height: 100%;
        padding-inline-end: .625rem;
        margin-inline-end: -.625rem;
        padding-block-end: calc(var(--modal-header-height) + 30px)
    }
}

.modal__close {
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--gray-50);
    transition: opacity .3s
}

    .modal__close svg {
        pointer-events: none
    }

@media (any-hover: hover) {
    .modal__close:hover {
        opacity: .5
    }
}

@media (max-width: 47.99875em) {
    .modal__close {
        align-self: end
    }
}

.modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9375rem;
    padding-block-start: 2.5rem;
    background-color: var(--base-white)
}

@media (max-width: 47.99875em) {
    .modal__header {
        flex-direction: column-reverse;
        padding-block-start: 1rem;
        gap: 1.5rem
    }

        .modal__header:not(:last-child) {
            margin-block-end: 2rem
        }
}

@media (max-width: 47.99875em) {
    .modal__header .title {
        text-align: center
    }
}

.modal .form {
    border-radius: 0;
    padding: 0;
    box-shadow: none
}

@keyframes mmfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mmfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mmslideIn {
    0% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes mmslideOut {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

.modal[aria-hidden=false] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0,0,.2,1)
}

.modal[aria-hidden=false] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0,0,.2,1)
}

.modal[aria-hidden=true] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0,0,.2,1)
}

.modal[aria-hidden=true] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0,0,.2,1)
}

.modal .modal__container, .modal .modal__overlay {
    will-change: transform
}

.modal {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

    .modal.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }

@media (max-width: 47.99875em) {
    .our-chating__container .heading_center {
        text-align: left
    }
}

.our-chating__items {
    display: grid;
    gap: 2rem
}

@media (min-width: 82em) {
    .our-chating__items {
        gap: 2rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (gap: clamp(1rem,-.4116760413rem + 2.9410683431vw,2rem)) {
        .our-chating__items {
            gap: clamp(1rem,-.4116760413rem + 2.9410683431vw,2rem)
        }
    }

    @supports not (gap: clamp(1rem,-.4116760413rem + 2.9410683431vw,2rem)) {
        .our-chating__items {
            gap: calc(1rem + 1 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .our-chating__items {
        gap: 1rem
    }
}

@media (min-width: 47.99875em) {
    .our-chating__items {
        grid-template-columns: repeat(3,1fr)
    }
}

.item-our-chating {
    display: flex;
    gap: 1rem
}

@media (min-width: 82em) {
    .item-our-chating__body .title_fourth {
        font-size: 1.25rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (font-size: clamp(1.125rem,.9485404948rem + .3676335429vw,1.25rem)) {
        .item-our-chating__body .title_fourth {
            font-size: clamp(1.125rem,.9485404948rem + .3676335429vw,1.25rem)
        }
    }

    @supports not (font-size: clamp(1.125rem,.9485404948rem + .3676335429vw,1.25rem)) {
        .item-our-chating__body .title_fourth {
            font-size: calc(1.125rem + .125 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .item-our-chating__body .title_fourth {
        font-size: 1.125rem
    }
}

.item-our-chating__body .title_fourth:not(:last-child) {
    margin-block-end: .5rem
}

@media (max-width: 47.99875em) {
    .item-our-chating__body .title_fourth {
        line-height: 1.55
    }
}

@media (min-width: 47.99875em) and (min-width: 82em) {
    .item-our-chating__body .text {
        font-size: 1rem
    }
}

@media (min-width: 47.99875em) and (min-width: 47.99875em) and (max-width: 82em) {
    @supports (font-size: clamp(.75rem,.3970809897rem + .7352670858vw,1rem)) {
        .item-our-chating__body .text {
            font-size: clamp(.75rem,.3970809897rem + .7352670858vw,1rem)
        }
    }

    @supports not (font-size: clamp(.75rem,.3970809897rem + .7352670858vw,1rem)) {
        .item-our-chating__body .text {
            font-size: calc(.75rem + .25 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (min-width: 47.99875em) and (max-width: 47.99875em) {
    .item-our-chating__body .text {
        font-size: .75rem
    }
}

.socials-section__items {
    display: grid;
    align-items: center;
    position: relative
}

@media (min-width: 82em) {
    .socials-section__items {
        gap: 7.5rem
    }
}

@media (min-width: 75em) and (max-width: 82em) {
    @supports (gap: clamp(3.75rem,-36.4285714286rem + 53.5714285714vw,7.5rem)) {
        .socials-section__items {
            gap: clamp(3.75rem,-36.4285714286rem + 53.5714285714vw,7.5rem)
        }
    }

    @supports not (gap: clamp(3.75rem,-36.4285714286rem + 53.5714285714vw,7.5rem)) {
        .socials-section__items {
            gap: calc(3.75rem + 3.75 * (100vw - 75rem) / 7)
        }
    }
}

@media (max-width: 75em) {
    .socials-section__items {
        gap: 3.75rem
    }
}

@media (min-width: 75.0625em) {
    .socials-section__items {
        grid-template-columns: 33.1489% 1fr 33.1489%;
        justify-content: center
    }
}

.socials-section__items:before {
    content: "";
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
    inline-size: 100%;
    border: .0625rem solid #dad9d8
}

@media (max-width: 75em) {
    .socials-section__items:before {
        transform: translateY(-50%) rotate(90deg)
    }
}

@media (max-width: 75em) and (min-width: 75em) {
    .socials-section__items {
        gap: 7.5rem
    }
}

@media (max-width: 75em) and (min-width: 20em) and (max-width: 75em) {
    @supports (gap: clamp(2.5rem,.6818181818rem + 9.0909090909vw,7.5rem)) {
        .socials-section__items {
            gap: clamp(2.5rem,.6818181818rem + 9.0909090909vw,7.5rem)
        }
    }

    @supports not (gap: clamp(2.5rem,.6818181818rem + 9.0909090909vw,7.5rem)) {
        .socials-section__items {
            gap: calc(2.5rem + 5 * (100vw - 20rem) / 55)
        }
    }
}

@media (max-width: 75em) and (max-width: 20em) {
    .socials-section__items {
        gap: 2.5rem
    }
}

.socials-section__list {
    display: grid;
    gap: 1.875rem;
    position: relative
}

    .socials-section__list:after {
        content: "";
        position: absolute;
        inline-size: 100%;
        block-size: 100%;
        inset-block-start: 0;
        background-color: #fff;
        z-index: 2
    }

.socials-section__list_variant-1 {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(6,1fr)
}

    .socials-section__list_variant-1 .item-social__icon {
        inline-size: 34.46%;
        padding-block-end: 34.46%
    }

@media (max-width: 75em) {
    .socials-section__list_variant-1 .item-social__icon {
        padding-block-end: 20.46%
    }
}

@media (max-width: 47.99875em) {
    .socials-section__list_variant-1 .item-social__icon {
        padding-block-end: 30%
    }
}

.socials-section__list_variant-1 .socials-section__item:nth-child(1) {
    grid-area: 2/1/4/2
}

@media (max-width: 75em) {
    .socials-section__list_variant-1 .socials-section__item:nth-child(1) {
        grid-area: 1/2/2/4
    }
}

.socials-section__list_variant-1 .socials-section__item:nth-child(2) {
    grid-area: 4/1/6/2
}

@media (max-width: 75em) {
    .socials-section__list_variant-1 .socials-section__item:nth-child(2) {
        grid-area: 1/4/2/6
    }
}

.socials-section__list_variant-1 .socials-section__item:nth-child(3) {
    grid-area: 1/2/3/3
}

@media (max-width: 75em) {
    .socials-section__list_variant-1 .socials-section__item:nth-child(3) {
        grid-area: 2/1/3/3
    }
}

.socials-section__list_variant-1 .socials-section__item:nth-child(4) {
    grid-area: 3/2/5/3
}

@media (max-width: 75em) {
    .socials-section__list_variant-1 .socials-section__item:nth-child(4) {
        grid-area: 2/3/3/5
    }
}

.socials-section__list_variant-1 .socials-section__item:nth-child(5) {
    grid-area: 5/2/7/3
}

@media (max-width: 75em) {
    .socials-section__list_variant-1 .socials-section__item:nth-child(5) {
        grid-area: 2/5/3/7
    }
}

.socials-section__list_variant-1 .socials-section__item:nth-child(6) {
    grid-area: 2/3/4/4
}

@media (max-width: 75em) {
    .socials-section__list_variant-1 .socials-section__item:nth-child(6) {
        grid-area: 3/2/4/4
    }
}

.socials-section__list_variant-1 .socials-section__item:nth-child(7) {
    grid-area: 4/3/6/4
}

@media (max-width: 75em) {
    .socials-section__list_variant-1 .socials-section__item:nth-child(7) {
        grid-area: 3/4/4/6
    }
}

.socials-section__list_variant-1:before {
    inset-inline-end: 0;
    inset-block-start: 50%;
    transform: translate(50%,-50%)
}

@media (max-width: 75em) {
    .socials-section__list_variant-1:before {
        bottom: 0;
        top: initial;
        inset-inline-start: 50%;
        transform: translate(-50%,10%)
    }
}

.socials-section__list_variant-1:after {
    inset-inline-end: 1.875rem
}

@media (max-width: 75em) {
    .socials-section__list_variant-1 {
        grid-template-columns: repeat(6,1fr);
        grid-template-rows: repeat(3,1fr)
    }
}

.socials-section__list_variant-2 {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(4,1fr)
}

    .socials-section__list_variant-2 .socials-section__item:nth-child(1) {
        grid-area: 1/1/3/2
    }

@media (max-width: 75em) {
    .socials-section__list_variant-2 .socials-section__item:nth-child(1) {
        grid-area: 1/1/2/3
    }
}

.socials-section__list_variant-2 .socials-section__item:nth-child(2) {
    grid-area: 3/1/5/2
}

@media (max-width: 75em) {
    .socials-section__list_variant-2 .socials-section__item:nth-child(2) {
        grid-area: 1/3/2/5
    }
}

.socials-section__list_variant-2 .socials-section__item:nth-child(3) {
    grid-area: 2/2/4/3
}

@media (max-width: 75em) {
    .socials-section__list_variant-2 .socials-section__item:nth-child(3) {
        grid-area: 2/2/3/4
    }
}

.socials-section__list_variant-2 .socials-section__item:nth-child(4) {
    grid-area: 1/3/3/4
}

@media (max-width: 75em) {
    .socials-section__list_variant-2 .socials-section__item:nth-child(4) {
        grid-area: 3/1/4/3
    }
}

.socials-section__list_variant-2 .socials-section__item:nth-child(5) {
    grid-area: 3/3/5/4
}

@media (max-width: 75em) {
    .socials-section__list_variant-2 .socials-section__item:nth-child(5) {
        grid-area: 3/3/4/5
    }
}

.socials-section__list_variant-2 .item-social__icon {
    inline-size: 91.88%;
    padding-block-end: 91.88%
}

@media (max-width: 75em) {
    .socials-section__list_variant-2 .item-social__icon {
        padding-block-end: 25.88%;
        inline-size: 60.88%
    }
}

.socials-section__list_variant-2:before {
    inset-inline-start: 0;
    inset-block-start: 50%;
    transform: translate(-50%,-50%)
}

@media (max-width: 75em) {
    .socials-section__list_variant-2:before {
        inset-inline-start: 50%;
        inset-block-start: 0;
        transform: translate(-50%,-10%)
    }
}

.socials-section__list_variant-2:after {
    inset-inline-start: 1.875rem
}

@media (max-width: 75em) {
    .socials-section__list_variant-2 {
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: repeat(3,1fr)
    }
}

.socials-section__list:before {
    content: "";
    position: absolute;
    inline-size: 7.625rem;
    block-size: 12.1875rem;
    background-color: #fff;
    border: .0625rem solid #dad9d8
}

.socials-section .item-social {
    position: relative;
    z-index: 3;
    inline-size: 99.378%;
    border-radius: .875rem;
    background-color: var(--base-white);
    box-shadow: 0 .0625rem 1.5rem #0000000d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .625rem
}

@media (min-width: 82em) {
    .socials-section .item-social {
        min-block-size: 8.9375rem
    }
}

@media (min-width: 75em) and (max-width: 82em) {
    @supports (min-block-size: clamp(7.5rem,-7.9017857143rem + 20.5357142857vw,8.9375rem)) {
        .socials-section .item-social {
            min-block-size: clamp(7.5rem,-7.9017857143rem + 20.5357142857vw,8.9375rem)
        }
    }

    @supports not (min-block-size: clamp(7.5rem,-7.9017857143rem + 20.5357142857vw,8.9375rem)) {
        .socials-section .item-social {
            min-block-size: calc(7.5rem + 1.4375 * (100vw - 75rem) / 7)
        }
    }
}

@media (max-width: 75em) {
    .socials-section .item-social {
        min-block-size: 7.5rem
    }
}

@media (min-width: 82em) {
    .socials-section .item-social {
        gap: 1.0625rem
    }
}

@media (min-width: 75em) and (max-width: 82em) {
    @supports (gap: clamp(.625rem,-4.0625rem + 6.25vw,1.0625rem)) {
        .socials-section .item-social {
            gap: clamp(.625rem,-4.0625rem + 6.25vw,1.0625rem)
        }
    }

    @supports not (gap: clamp(.625rem,-4.0625rem + 6.25vw,1.0625rem)) {
        .socials-section .item-social {
            gap: calc(.625rem + .0625*(100vw - 75rem))
        }
    }
}

@media (max-width: 75em) {
    .socials-section .item-social {
        gap: .625rem
    }
}

.socials-section .item-social_logo {
    inline-size: 78.3%;
    margin-inline: auto;
    position: relative
}

@media (max-width: 75em) {
    .socials-section .item-social_logo {
        inline-size: 30% !important
    }
}

.socials-section .item-social_logo .item-social__icon {
    inline-size: 86.6666666667%;
    flex: 0 0 86.6666666667%;
    padding-block-end: 36.3636363636%
}

@media (max-width: 75em) {
    .socials-section .item-social_logo .item-social__icon {
        inline-size: 70%
    }
}

.socials-section .item-social__title {
    font-family: var(--ff-secondary)
}

@media (min-width: 82em) {
    .socials-section .item-social__title {
        font-size: .9375rem
    }
}

@media (min-width: 75em) and (max-width: 82em) {
    @supports (font-size: clamp(.75rem,-1.2589285714rem + 2.6785714286vw,.9375rem)) {
        .socials-section .item-social__title {
            font-size: clamp(.75rem,-1.2589285714rem + 2.6785714286vw,.9375rem)
        }
    }

    @supports not (font-size: clamp(.75rem,-1.2589285714rem + 2.6785714286vw,.9375rem)) {
        .socials-section .item-social__title {
            font-size: calc(.75rem + .1875 * (100vw - 75rem) / 7)
        }
    }
}

@media (max-width: 75em) {
    .socials-section .item-social__title {
        font-size: .75rem
    }
}

@media (max-width: 75em) {
    .socials-section .item-social {
        inline-size: 100%;
        margin-inline: auto
    }
}

@media (max-width: 75em) and (min-width: 75em) {
    .socials-section .item-social {
        min-block-size: 10.3125rem
    }
}

@media (max-width: 75em) and (min-width: 20em) and (max-width: 75em) {
    @supports (min-block-size: clamp(3.125rem,.5113636364rem + 13.0681818182vw,10.3125rem)) {
        .socials-section .item-social {
            min-block-size: clamp(3.125rem,.5113636364rem + 13.0681818182vw,10.3125rem)
        }
    }

    @supports not (min-block-size: clamp(3.125rem,.5113636364rem + 13.0681818182vw,10.3125rem)) {
        .socials-section .item-social {
            min-block-size: calc(3.125rem + 7.1875 * (100vw - 20rem) / 55)
        }
    }
}

@media (max-width: 75em) and (max-width: 20em) {
    .socials-section .item-social {
        min-block-size: 3.125rem
    }
}

.socials {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: .625rem
}

@media (min-width: 82em) {
    .socials {
        gap: 2rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (gap: clamp(.9375rem,-.5624057939rem + 3.1248851145vw,2rem)) {
        .socials {
            gap: clamp(.9375rem,-.5624057939rem + 3.1248851145vw,2rem)
        }
    }

    @supports not (gap: clamp(.9375rem,-.5624057939rem + 3.1248851145vw,2rem)) {
        .socials {
            gap: calc(.9375rem + 1.0625 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .socials {
        gap: .9375rem
    }
}

.socials a {
    inline-size: 1.5rem;
    block-size: 1.5rem;
    transition: opacity .3s
}

    .socials a svg {
        inline-size: 1.5rem;
        block-size: 1.5rem
    }

        .socials a svg path {
            fill: var(--base-white)
        }

@media (any-hover: hover) {
    .socials a:hover {
        opacity: .5
    }
}

.statements .heading:not(:last-child) {
    margin-block-end: 1.25rem
}

.statements .heading_left {
    gap: 2.5rem
}

@media (max-width: 47.99875em) {
    .statements .heading_left {
        gap: 1.5rem
    }
}

.statements .heading_left .text {
    font-size: 1.125rem
}

.steps {
    overflow: hidden
}

.steps__item {
    display: flex;
    gap: 1.5rem;
    position: relative
}

    .steps__item:before {
        content: "";
        position: absolute;
        inset-block-start: 3.375rem;
        inset-inline-start: 1.5625rem;
        height: 100%;
        inline-size: .1875rem;
        border-radius: .625rem;
        background-color: var(--main-500);
        overflow: hidden
    }

    .steps__item:not(:last-child) {
        padding-block-end: 5.5rem
    }

@media (max-width: 47.99875em) {
    .steps__item:not(:last-child) {
        padding-block-end: 4rem
    }
}

.steps__item:last-child:after {
    content: "";
    position: absolute;
    inset-block-start: 3.375rem;
    inline-size: 100%;
    height: 100%;
    background-color: var(--base-white)
}

.steps__number-wrapper {
    position: relative;
    z-index: 2;
    flex: 0 0 3.375rem;
    inline-size: 3.375rem;
    block-size: 3.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: .5rem;
    padding-block: .5rem;
    background-color: var(--base-white);
    border-radius: 50%
}

.steps__number {
    font-family: var(--ff-secondary);
    font-weight: 900;
    font-size: 1.375rem;
    flex: 0 0 3rem;
    inline-size: 3rem;
    block-size: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    text-align: center;
    color: var(--base-white);
    background-color: var(--main-600);
    border: .5rem solid var(--main-500)
}

.steps__title {
    color: var(--gray-700);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.55
}

.steps .text {
    position: relative;
    z-index: 4
}

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

    .steps_form .steps__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-block-end: 0rem;
        gap: .75rem;
        text-align: center
    }

        .steps_form .steps__item:before {
            background-color: var(--main-300);
            display: none
        }

        .steps_form .steps__item:after {
            content: "";
            display: none
        }

.what-we-do .heading {
    gap: .75rem
}

    .what-we-do .heading .title_third {
        font-weight: 500;
        font-size: 1.5rem;
        margin-block-start: 1.25rem
    }

@media (max-width: 47.99875em) {
    .what-we-do .heading .title_third {
        margin-block-start: .75rem;
        font-size: 1.25rem
    }
}

@media (min-width: 47.99875em) {
    .what-we-do .heading .text {
        font-size: 1.125rem
    }
}

.why-big-bag__body {
    display: flex;
    gap: 4rem
}

@media (min-width: 47.99875em) {
    .why-big-bag__body {
        align-items: start
    }
}

@media (max-width: 47.99875em) {
    .why-big-bag__body {
        flex-direction: column
    }
}

@media (max-width: 47.99875em) {
    .why-big-bag__body {
        gap: 2.5rem
    }
}

.why-big-bag__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex: 1 1 30.782%
}

    .why-big-bag__content .list {
        padding-inline-start: 2.5rem
    }

@media (max-width: 47.99875em) {
    .why-big-bag__content .list {
        padding-inline-start: 2rem
    }
}

@media (max-width: 47.99875em) {
    .why-big-bag .heading .title_third {
        font-size: 1.75rem
    }
}

@media (min-width: 47.99875em) {
    .why-big-bag .heading .text {
        font-size: 1.125rem
    }
}

@media (max-width: 47.99875em) {
    .marketing .why-big-bag .heading .text {
        text-align: left
    }
}

.why-big-bag .image {
    padding-bottom: 43%
}

@media (min-width: 47.99875em) {
    .why-big-bag .image {
        flex: 0 0 47.5%
    }
}

@media (max-width: 47.99875em) {
    .why-big-bag .image {
        padding-bottom: 82%
    }
}

@media (min-width: 47.99875em) {
    .why-big-bag_var-2 .why-big-bag__content {
        max-inline-size: 31.625rem;
        margin-inline-end: auto
    }
}

@media (min-width: 47.99875em) {
    .why-big-bag_var-2 .why-big-bag__body {
        flex-direction: row-reverse
    }
}

@media (max-width: 47.99875em) {
    .why-big-bag_var-2 .why-big-bag__body {
        flex-direction: column-reverse
    }
}

.why-big-bag_var-2 .image {
    padding-bottom: 32.04%
}

@media (max-width: 47.99875em) {
    .why-big-bag_var-2 .image {
        padding-bottom: 130.49%
    }
}

@media (max-width: 47.99875em) {
    .why-big-bag_var-2 .heading_left {
        justify-items: center
    }
}

@media (max-width: 47.99875em) {
    .why-big-bag_var-2 .heading .text {
        text-align: center !important
    }
}

@media (min-width: 47.99875em) {
    .why-big-bag_var-2 .title_third {
        font-size: 2.25rem
    }
}

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-inline: 1rem;
    padding-block-start: .3125rem;
    padding-block-end: .3125rem;
    color: var(--base-white);
    font-weight: 500;
    font-family: var(--ff-secondary);
    background-color: var(--main-700);
    min-block-size: 3rem;
    border-radius: .5rem;
    transition: all .3s;
    box-shadow: 0 0 0 .0625rem #1018282e inset,0 -.125rem #1018280d inset
}

@media (any-hover: hover) {
    .button:hover {
        background-color: var(--hover-dark-button)
    }
}

.button_transparent {
    border: .0625rem solid var(--gray-300);
    background-color: var(--base-white);
    color: var(--primary-color)
}

@media (any-hover: hover) {
    .button_transparent:hover {
        background-color: var(--main-700);
        color: var(--base-white);
        border-color: var(--main-700)
    }
}

.button_small {
    min-block-size: 2.75rem
}

@media (max-width: 29.99875em) {
    .button_small {
        min-block-size: 2.5rem
    }
}

.button_big {
    min-block-size: 3.75rem;
    padding-inline-start: 3.5rem;
    padding-inline-end: 3.5rem
}

@media (min-width: 47.99875em) {
    .button_big {
        font-size: 1.125rem
    }
}

@media (max-width: 47.99875em) {
    .button_big {
        min-block-size: 3rem
    }
}

@media (max-width: 29.99875em) {
    .button_wide-mobile {
        width: 100%
    }
}

.button_white {
    border-color: var(--base-white);
    background-color: var(--base-white);
    color: var(--gray-700)
}

@media (any-hover: hover) {
    .button_white:hover {
        border-color: var(--gray-300);
        background-color: var(--gray-300)
    }
}

.button_icon {
    gap: .5rem
}

    .button_icon i {
        inline-size: 1.25rem;
        block-size: 1.25rem
    }

        .button_icon i svg {
            inline-size: 1.25rem;
            block-size: 1.25rem
        }

.logo {
    position: relative;
    z-index: 2;
    display: block;
    inline-size: 7.125rem;
    block-size: 3.375rem
}

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

@media (max-width: 29.99875em) {
    .logo {
        inline-size: 5rem;
        block-size: 2.3125rem
    }
}

.title {
    text-wrap: balance;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.045rem;
    color: var(--gray-900)
}

@media (min-width: 82em) {
    .title {
        font-size: 2.25rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (font-size: clamp(1.75rem,1.0441619793rem + 1.4705341715vw,2.25rem)) {
        .title {
            font-size: clamp(1.75rem,1.0441619793rem + 1.4705341715vw,2.25rem)
        }
    }

    @supports not (font-size: clamp(1.75rem,1.0441619793rem + 1.4705341715vw,2.25rem)) {
        .title {
            font-size: calc(1.75rem + .5 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .title {
        font-size: 1.75rem
    }
}

.title_main {
    font-family: var(--ff-secondary);
    font-weight: 700
}

@media (min-width: 82em) {
    .title_main {
        font-size: 4rem
    }
}

@media (min-width: 20em) and (max-width: 82em) {
    @supports (font-size: clamp(2rem,1.3548387097rem + 3.2258064516vw,4rem)) {
        .title_main {
            font-size: clamp(2rem,1.3548387097rem + 3.2258064516vw,4rem)
        }
    }

    @supports not (font-size: clamp(2rem,1.3548387097rem + 3.2258064516vw,4rem)) {
        .title_main {
            font-size: calc(2rem + 2 * (100vw - 20rem) / 62)
        }
    }
}

@media (max-width: 20em) {
    .title_main {
        font-size: 2rem
    }
}

.title_main span {
    color: var(--purple-color)
}

@media (min-width: 82em) {
    .title_main-big {
        font-size: 5.5rem
    }
}

@media (min-width: 20em) and (max-width: 82em) {
    @supports (font-size: clamp(2rem,.8709677419rem + 5.6451612903vw,5.5rem)) {
        .title_main-big {
            font-size: clamp(2rem,.8709677419rem + 5.6451612903vw,5.5rem)
        }
    }

    @supports not (font-size: clamp(2rem,.8709677419rem + 5.6451612903vw,5.5rem)) {
        .title_main-big {
            font-size: calc(2rem + 3.5 * (100vw - 20rem) / 62)
        }
    }
}

@media (max-width: 20em) {
    .title_main-big {
        font-size: 2rem
    }
}

.title_third {
    font-size: 1.875rem;
    line-height: 1.26
}

@media (max-width: 29.99875em) {
    .title_third {
        font-size: 1.25rem
    }
}

.title_fourth {
    font-size: 1.25rem
}

@media (max-width: 47.99875em) {
    .title_fourth {
        font-size: 1.125rem
    }
}

.title_small {
    font-size: 1.5rem
}

@media (max-width: 47.99875em) {
    .title_small {
        font-size: 1.25rem
    }
}

.title_white {
    color: var(--base-white)
}

.text p:not(:last-child) {
    margin-bottom: 1.25rem
}

@media (any-hover: hover) {
    .text a:hover {
        text-decoration: underline
    }
}

.heading {
    display: grid;
    gap: 1.25rem;
    max-width: 65rem;
    margin-inline: auto
}

.heading_center {
    text-align: center;
    justify-items: center
}

@media (min-width: 47.99875em) {
    .heading .text {
        font-size: 1.25rem
    }
}

.heading_left {
    justify-items: start;
    max-width: 100%
}

@media (max-width: 47.99875em) {
    .heading {
        gap: .625rem
    }
}

.heading_white {
    color: var(--base-white)
}

.image {
    border-radius: 2.5rem;
    overflow: hidden;
    position: relative
}

    .image img {
        position: absolute;
        inline-size: 100%;
        block-size: 100%;
        inset-block-start: 0;
        inset-inline-start: 0;
        object-fit: cover
    }

@media (max-width: 47.99875em) {
    .image {
        border-radius: 1rem
    }
}

.ibg {
    position: relative
}

    .ibg img {
        position: absolute;
        inline-size: 100%;
        block-size: 100%;
        inset-block-start: 0;
        inset-inline-start: 0;
        object-fit: cover
    }

.ibg_contain img {
    object-fit: contain
}

._img-contain img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

._section-space {
    padding-block-start: var(--section-space);
    padding-block-end: var(--section-space)
}

@media (max-width: 47.99875em) {
    ._section-space {
        padding-block-start: var(--section-space-mobile);
        padding-block-end: var(--section-space-mobile)
    }
}

._section-space_big {
    padding-block-start: var(--section-space-big);
    padding-block-end: var(--section-space-big)
}

@media (max-width: 47.99875em) {
    ._section-space_big {
        padding-block-start: var(--section-space-mobile-big);
        padding-block-end: var(--section-space-mobile-big)
    }
}

@media (min-width: 47.99875em) {
    ._section-space_middle {
        padding-block-start: var(--section-space-middle);
        padding-block-end: var(--section-space-middle)
    }
}

@media (max-width: 47.99875em) {
    ._section-space_middle {
        padding-block-start: var(--section-space-mobile-big);
        padding-block-end: var(--section-space-mobile-big)
    }
}

@media (min-width: 47.99875em) {
    ._section-space_small {
        padding-block-start: var(--section-space-small)
    }
}

@media (max-width: 47.99875em) {
    ._section-space_small {
        padding-block-start: var(--section-space-mobile-small)
    }
}

._hover-link {
    transition: color .3s
}

@media (any-hover: hover) {
    ._hover-link:hover {
        color: var(--main-700)
    }
}

.sr-only {
    position: absolute;
    inline-size: .0625rem;
    block-size: .0625rem;
    padding-inline: 0;
    padding-block: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

._heading-space:not(:last-child) {
    margin-block-end: 4rem
}

@media (max-width: 47.99875em) {
    ._heading-space:not(:last-child) {
        margin-block-end: 2.5rem
    }
}

.socials-elements {
    display: grid
}

@media (min-width: 82em) {
    .socials-elements {
        gap: 2.75rem
    }
}

@media (min-width: 47.99875em) and (max-width: 82em) {
    @supports (gap: clamp(1.375rem,-.5660545568rem + 4.0439689717vw,2.75rem)) {
        .socials-elements {
            gap: clamp(1.375rem,-.5660545568rem + 4.0439689717vw,2.75rem)
        }
    }

    @supports not (gap: clamp(1.375rem,-.5660545568rem + 4.0439689717vw,2.75rem)) {
        .socials-elements {
            gap: calc(1.375rem + 1.375 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (max-width: 47.99875em) {
    .socials-elements {
        gap: 1.375rem
    }
}

@media (min-width: 47.99875em) {
    .socials-elements {
        grid-template-columns: repeat(3,1fr)
    }
}

@media (min-width: 29.99875em) and (max-width: 47.99875em) {
    .socials-elements {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 47.99875em) {
    .socials-elements {
        gap: 2rem
    }
}

.socials-elements__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.socials-elements__icon {
    flex: 0 0 3.5rem;
    inline-size: 3.5rem;
    block-size: 3.5rem
}

    .socials-elements__icon:not(:last-child) {
        margin-block-end: 1rem
    }

.socials-elements__title {
    font-size: 1.25rem;
    font-weight: 600
}

    .socials-elements__title:not(:last-child) {
        margin-block-end: .5rem
    }

.conatcts {
    color: var(--gray-800)
}

.conatcts__title {
    font-weight: 500;
    line-height: 1.33
}

@media (min-width: 82em) {
    .conatcts__title {
        font-size: 1.5rem
    }
}

@media (min-width: 61.99875em) and (max-width: 82em) {
    @supports (font-size: clamp(1.25rem,.4750640585rem + 1.2499218799vw,1.5rem)) {
        .conatcts__title {
            font-size: clamp(1.25rem,.4750640585rem + 1.2499218799vw,1.5rem)
        }
    }

    @supports not (font-size: clamp(1.25rem,.4750640585rem + 1.2499218799vw,1.5rem)) {
        .conatcts__title {
            font-size: calc(1.25rem + .25 * (100vw - 61.99875rem) / 20.00125)
        }
    }
}

@media (max-width: 61.99875em) {
    .conatcts__title {
        font-size: 1.25rem
    }
}

.conatcts__title:not(:last-child) {
    margin-block-end: 1rem
}

@media (max-width: 47.99875em) {
    .conatcts__title:not(:last-child) {
        margin-block-end: .75rem
    }
}

.conatcts li {
    display: flex;
    align-items: center;
    gap: .5rem
}

    .conatcts li:not(:last-child) {
        margin-block-end: 1rem
    }

@media (max-width: 47.99875em) {
    .conatcts li:not(:last-child) {
        margin-block-end: .625rem
    }
}

@media (any-hover: hover) {
    .conatcts li a:hover {
        text-decoration: underline
    }
}

.conatcts li i {
    flex: 0 0 1.5rem;
    inline-size: 1.5rem;
    block-size: 1.5rem
}

.conatcts_white {
    color: var(--main-100)
}

    .conatcts_white i._img-contain {
        border-radius: .5rem;
        flex: 0 0 2.25rem;
        inline-size: 2.25rem;
        block-size: 2.25rem;
        background-color: var(--base-white);
        display: flex;
        justify-content: center;
        align-items: center
    }

        .conatcts_white i._img-contain img {
            inline-size: 1.25rem;
            block-size: 1.25rem
        }

    .conatcts_white li {
        gap: 1.25rem
    }

        .conatcts_white li:not(:last-child) {
            margin-block-end: 2rem
        }

@media (max-width: 47.99875em) {
    ._small-space-top {
        padding-block-start: 1.5rem
    }
}

.table {
    display: block;
    border-radius: .625rem;
    overflow-x: auto;
    white-space: nowrap;
    padding-block-end: 1.5rem
}

    .table::-webkit-scrollbar {
        block-size: .5rem;
        inline-size: .5rem
    }

    .table::-webkit-scrollbar-track {
        background-color: #e0e7ff;
        border-start-start-radius: .25rem;
        border-start-end-radius: .25rem;
        border-end-start-radius: .25rem;
        border-end-end-radius: .25rem
    }

    .table::-webkit-scrollbar-thumb {
        background-color: var(--main-500);
        border-start-start-radius: .25rem;
        border-start-end-radius: .25rem;
        border-end-start-radius: .25rem;
        border-end-end-radius: .25rem
    }

@media (max-width: 47.99875em) {
    .table {
        display: flex;
        flex-direction: row
    }
}

.table__header {
    background-color: var(--main-100);
    color: var(--main-800)
}

@media (min-width: 47.99875em) {
    .table__header .table__col {
        background-color: var(--main-100)
    }
}

@media (max-width: 47.99875em) {
    .table__header .table__col {
        text-align: start;
        font-size: 1rem;
        line-height: 1.32;
        inline-size: 6.25rem
    }

        .table__header .table__col:not(:last-child) {
            border-block-end: .0625rem solid var(--main-50)
        }
}

@media (max-width: 47.99875em) {
    .table__header {
        display: flex !important;
        flex-direction: column !important;
        text-align: start;
        inline-size: 6.25rem;
        position: sticky;
        inset-inline-start: 0;
        z-index: 5
    }
}

.table__header, .table__row {
    width: fit-content
}

@media (min-width: 47.99875em) {
    .table__header, .table__row {
        display: grid;
        grid-template-columns: minmax(7.5rem,19.625rem) repeat(7,minmax(7.3125rem,8.625rem))
    }
}

@media (max-width: 47.99875em) {
    .table__header, .table__row {
        text-align: center;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important
    }
}

.table__col {
    padding-inline: 1rem;
    padding-block: 1.25rem;
    display: flex;
    align-items: center
}

    .table__col span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        inline-size: 100%;
        display: inline-block
    }

@media (max-width: 47.99875em) {
    .table__col {
        padding-inline: .75rem;
        padding-block: .75rem;
        font-size: .875rem
    }
}

.table__row {
    color: var(--gray-800);
    background-color: var(--base-white)
}

    .table__row .table__col {
        background-color: var(--base-white);
        border-block-end: .0625rem solid var(--main-50)
    }

        .table__row .table__col:nth-child(1) {
            position: sticky;
            inset-inline-start: 0;
            z-index: 2;
            font-weight: 500
        }

@media (max-width: 47.99875em) {
    .table__row .table__col:nth-child(1) {
        text-align: start;
        font-size: .875rem
    }
}

@media (max-width: 47.99875em) {
    .table__row .table__col {
        justify-content: center
    }
}

.table__row .table__col span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-start-start-radius: .625rem;
    border-start-end-radius: .625rem;
    border-end-start-radius: .625rem;
    border-end-end-radius: .625rem;
    padding-inline: .625rem;
    padding-block: .125rem;
    font-size: .875rem;
    font-weight: 500;
    border-inline-width: .0625rem;
    border-block-width: .0625rem;
    border-style: solid;
    inline-size: auto
}

.table__row .table__col .paid {
    color: var(--success-700);
    border-color: var(--success-200);
    background-color: var(--success-50)
}

.table__row .table__col .failed {
    color: var(--error-700);
    border-color: var(--error-200);
    background-color: var(--error-50)
}

.table__row .table__col .pending {
    color: var(--error-700);
    border-color: var(--warning-200);
    background-color: var(--warning-50)
}

@media (max-width: 47.99875em) {
    .table__row {
        inline-size: 100%
    }
}

@media (min-width: 47.99875em) {
    .table_statements .table__header, .table_statements .table__row {
        grid-template-columns: minmax(7.5rem,20.25rem) repeat(5,minmax(7.3125rem,11.9375rem))
    }
}

@media (max-width: 47.99875em) {
    .table_statements .table__header .table__col {
        inline-size: 9.375rem;
        line-height: 1
    }
}

@media (max-width: 47.99875em) {
    .table_statements .table__col {
        min-block-size: 3.1875rem
    }
}

@media (min-width: 47.99875em) and (min-width: 82em) {
    .table_statements .table__row .table__col:nth-child(1) {
        font-size: 1rem
    }
}

@media (min-width: 47.99875em) and (min-width: 47.99875em) and (max-width: 82em) {
    @supports (font-size: clamp(.75rem,.3970809897rem + .7352670858vw,1rem)) {
        .table_statements .table__row .table__col:nth-child(1) {
            font-size: clamp(.75rem,.3970809897rem + .7352670858vw,1rem)
        }
    }

    @supports not (font-size: clamp(.75rem,.3970809897rem + .7352670858vw,1rem)) {
        .table_statements .table__row .table__col:nth-child(1) {
            font-size: calc(.75rem + .25 * (100vw - 47.99875rem) / 34.00125)
        }
    }
}

@media (min-width: 47.99875em) and (max-width: 47.99875em) {
    .table_statements .table__row .table__col:nth-child(1) {
        font-size: .75rem
    }
}

@media (min-width: 47.99875em) {
    .table__header .table__col:nth-child(2), .table__row .table__col:nth-child(2) {
        inset-inline-start: 7.5rem
    }
}

@media (min-width: 47.99875em) {
    .table__header .table__col:nth-child(2) {
        background-color: var(--main-100)
    }
}

@media (min-width: 47.99875em) {
    .table__header .table__col:nth-child(1), .table__row .table__col:nth-child(1) {
        position: sticky;
        inset-inline-start: 0;
        margin-inline-start: -1rem;
        padding-inline-start: 1rem;
        z-index: 2
    }
}

.page-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-block-start: 1.625rem;
    color: var(--gray-700);
    font-size: .875rem
}

.page-navigation__pages {
    font-weight: 500
}

.page-navigation .button {
    min-inline-size: 5.1875rem
}

.page-navigation .button_transparent {
    min-block-size: 2.25rem;
    font-size: .875rem;
    padding-inline: .875rem;
    padding-block: .5rem
}

.page-navigation .button._disabled {
    pointer-events: none;
    opacity: .5
}

._space-top-page {
    margin-block-start: var(--header-height)
}