/**
 * Base CSS
 */
/* body styles */
body.isModalWinOpened {
    overflow: hidden;
}

    body.isModalWinOpened .modalWin {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 999;
        backdrop-filter: blur(4px);
        background: #12121266;
    }

body.isNavbarOpened, body.isModalOpened {
    overflow: hidden;
}

    body.isNavbarOpened .burgerMenu__line {
        display: none;
    }

    body.isNavbarOpened .burgerMenu::before {
        transform: rotate(45deg) translateY(-50%);
        top: 50%;
    }

    body.isNavbarOpened .burgerMenu::after {
        transform: rotate(-45deg) translateY(50%);
        bottom: 50%;
    }

@media (max-width: 1247px) {
    body.isNavbarOpened .mobPanel {
        transform: translate3d(0, 0, 0);
    }
}

@media (min-width: 1248px) {
    body.isNavbarOpened .navDropdown {
        opacity: 1;
        visibility: visible;
        overflow: visible;
        height: auto;
    }
}

body.isNavbarOpened .overlay {
    display: block;
}

.container-fluid {
    max-width: 1312px;
    padding: 0 16px;
    margin: 0 auto;
    width: 100%;
}

.section {
    padding: 64px 0;
}

@media (min-width: 992px) {
    .section {
        padding: 112px 0;
    }
}

.section.isSectionGray {
    background-color: var(--gray-100);
}

.strokeIcon,
.icon {
    width: 24px;
    height: 24px;
    flex: none;
}

.icon {
    fill: currentColor;
}

.strokeIcon {
    fill: none;
}

.overlay {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1E1E1E99;
    z-index: 98;
    display: none;
}

/**
 * Button
 */
.button {
    background: transparent;
    color: inherit;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    line-height: 1.4;
    cursor: pointer;
    user-select: none;
    outline: none;
    border-radius: var(--border-radius-8);
    white-space: nowrap;
    transition: all .3s ease-in-out;
    position: relative;
}

@media (min-width: 768px) {
    .button {
        font-size: 16px;
    }
}

.button__text {
    transition: inherit;
}

    .button__text + .button__icon {
        margin-left: 8px;
    }

.button__icon {
    fill: currentColor;
    width: 14px;
    height: 14px;
    flex: none;
}

    .button__icon + .button__text {
        margin-left: 8px;
    }

/* Button Size */
.button.buttonSm {
    padding: 10px 16px;
}
/* /Button Size */

/* Buttons Types */
.button.buttonPrimary {
    color: var(--white);
    background: var(--blue-sky-600);
}

@media (hover: hover) {
    .button.buttonPrimary:hover {
        background: var(--blue-sky-100);
        color: var(--blue-sky-600);
        border-color: var(--blue-sky-600);
    }
}

.button.buttonPrimary:active {
    background: var(--blue-sky-200);
    color: var(--blue-sky-600);
    border-color: var(--blue-sky-600);
}

/* btnPrimaryReverse */
.button.buttonPrimaryReverse {
    color: var(--blue-sky-600);
    background: var(--blue-sky-100);
}

@media (hover: hover) {
    .button.buttonPrimaryReverse:hover {
        color: var(--white);
        background: var(--blue-sky-600)
    }
}

.button.buttonPrimaryReverse:active {
    color: var(--white);
    background: var(--blue-sky-500);
}

/* btnSecondary */
.button.buttonSecondary {
    color: var(--white);
    background: var(--gray-900);
}

@media (hover: hover) {
    .button.buttonSecondary:hover {
        background: var(--gray-200);
        color: var(--gray-700);
        border-color: var(--gray-900);
    }
}

.button.buttonSecondary:active {
    background: var(--gray-200);
    color: var(--gray-700);
    border-color: var(--gray-900);
}

/* btnSecondaryReverse */
.button.buttonSecondaryReverse {
    color: var(--gray-700);
    background: var(--gray-200);
}

@media (hover: hover) {
    .button.buttonSecondaryReverse:hover {
        background: var(--gray-900);
        color: var(--white);
    }
}

.button.buttonSecondaryReverse:active {
    background: var(--gray-600);
    color: var(--white);
}

/* buttonGray */
.button.buttonGray {
    background: var(--gray-200, #F1F1F1);
    color: var(--black, #121212);
}

@media (hover: hover) {
    .button.buttonGray:hover {
        background: var(--gray-250, #D9D9D9);
    }
}

.button.buttonGray:active {
    background: var(--gray-300, #B2B2B2);
}

/* /Buttons Types */

/* Button Radius Full */
.button.buttonRadiusFull {
    border-radius: var(--border-radius-full);
}
/* /Button Radius Full */

/* Buttons Disabled */
.button[disabled],
.button.disabled {
    cursor: default;
    pointer-events: none;
    opacity: .6;
    filter: grayscale(100%);
}
/* /Buttons Disabled */

/* buttonLink*/
.buttonLink {
    display: inline-flex;
    align-items: center;
    text-decoration: underline;
    font-size: 16px;
    line-height: 1.3;
}

.buttonLink__icon {
    width: 12px;
    height: 12px;
    flex: none;
    color: inherit;
}

.buttonLink__text + .buttonLink__icon {
    margin-left: 10px;
}

.buttonLink__icon + .buttonLink__text {
    margin-left: 10px;
}

.buttonLink:hover {
    text-decoration: none;
}

.buttonLink.buttonLinkPrimary {
    color: var(--blue-sky-600);
}

.buttonLink.buttonLinkSecondary {
    color: var(--black);
}
/**
 * Button End
 */

/**
 * sectionHeader START
 */
.sectionHeader__logoWrap {
    max-width: 80px;
    display: block;
}

    .sectionHeader__logoWrap:not(:last-child) {
        margin-bottom: 24px;
    }

.sectionHeader__logo {
    width: 100%;
    height: auto;
    display: block;
}

.sectionHeader__caption:not(:last-child) {
    margin-bottom: 16px;
}

.sectionHeader__heading:not(:last-child) {
    margin-bottom: 24px;
}

.sectionHeader__desc:not(:last-child) {
    margin-bottom: 24px;
}

.sectionHeader:has(.sectionHeader__colRight) {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: space-between;
}

@media (min-width: 992px) {
    .sectionHeader:has(.sectionHeader__colRight) {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .sectionHeader:has(.sectionHeader__colRight) .sectionHeader__textContent {
        min-width: 50%;
    }
}

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

.sectionHeader__buttons {
    display: flex;
    gap: 16px;
    align-items: flex-end;
}

.sectionCaption {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-700);
    display: block;
}

.sectionHeading {
    font-family: "Onest";
    font-weight: 600;
    line-height: 1.2;
    font-size: 56px;
    letter-spacing: -0.02em;
}

    .sectionHeading.isPersonalCabinet {
        font-size: 48px;
    }

@media (min-width: 768px) {
    .sectionHeading {
        font-size: 56px;
    }
}

.sectionHeading.isSm {
    font-size: 36px;
}

@media (min-width: 768px) {
    .sectionHeading.isSm {
        font-size: 48px;
    }
}

.sectionDesc {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray-700);
}
/**
 * sectionHeader END
 */

/* global styles */
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

::placeholder {
    color: var(--gray-400);
}

.input {
    /*iOS shadow*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    position: relative;
    padding: 12px 16px;
    width: 100%;
    font-size: 16px;
    outline: none;
    border-radius: var(--border-radius-8);
    border: 2px solid var(--gray-250);
    background: var(--white);
    font-family: inherit;
    transition: all .3s;
    color: inherit;
    line-height: 1.25;
}

    .input.border-radius-full {
        border-radius: var(--border-radius-full);
    }

    .input:hover {
        border-color: var(--gray-600);
    }

    .input:focus {
        border-color: var(--blue-sky-600);
    }

    .input:focus {
        box-shadow: 0 0 0 4px #CCDEF6;
    }

.label {
    user-select: none;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: .5rem;
    display: inline-block;
}

/* searchArea styles */
.searchArea__fieldWrap {
    position: relative;
}

    .searchArea__fieldWrap.isSearchOpened .searchArea__field.hasGradientInput::after {
        opacity: 1;
    }

    .searchArea__fieldWrap.isSearchOpened .searchArea__searchContent {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
    }

.searchArea__field {
    position: relative;
}

    .searchArea__field.hasGradientInput::before,
    .searchArea__field.hasGradientInput::after {
        content: "";
        width: calc(100% + 8px);
        height: calc(100% + 12px);
        border-radius: var(--border-radius-16);
        position: absolute;
        top: -4px;
        left: -4px;
        transition: opacity .3s linear;
    }

    .searchArea__field.hasGradientInput::before {
        background: var(--gray-600);
        z-index: -2;
    }

    .searchArea__field.hasGradientInput::after {
        background: linear-gradient(90deg, #0058D2, #A877FF);
        z-index: -1;
        opacity: 0;
    }

    /*   removed :focus-within and changed it to .isActive */
    .searchArea__field.hasGradientInput.isActive::after,
    .searchArea__field.hasGradientInput:hover::after {
        opacity: 1;
    }

    /*   removed :focus-within and changed it to .isActive */
    .searchArea__field.isActive + .searchArea__searchContent {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
    }

    .searchArea__field.hasGradientInput .searchArea__input {
        border-radius: var(--border-radius-12);
        border: none;
        box-shadow: none;
    }

    .searchArea__field:has(.icon) .searchArea__input,
    .searchArea__field:has(.strokeIcon) .searchArea__input {
        padding-left: 48px;
        padding-right: 48px;
    }

    .searchArea__field.hasGradientInput .searchArea__input:focus {
        box-shadow: none;
    }

.searchArea__btnSearch {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    z-index: 1;
}

.searchArea__btnResult {
    padding: 10px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
}

    .searchArea__btnResult .btn__icon {
        width: 14px;
        height: 14px;
    }

.searchArea__field:has(.searchArea__btnResult) .searchArea__btnClose {
    right: 60px;
}

.searchArea__field:has(.searchArea__btnResult) .searchArea__input.input {
    padding-right: 90px;
}

.searchArea__btnClose {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    padding: 2px;
    border-radius: var(--border-radius-full);
    background-color: var(--gray-200);
    color: var(--gray-400);
}

.searchArea__btnIcon {
    width: 100%;
    height: 100%;
}

.searchArea__btnClose,
.searchArea__spin {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.searchArea__searchContent {
    position: absolute;
    top: calc(100% + 12px);
    z-index: 10;
    left: 0;
    right: 0;
    min-height: 480px;
    text-align: left;
    padding: 8px;
    box-shadow: 0 5px 12px 0 #00000014;
    transform: translate3d(0, -2px, 0);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.searchArea__field.isActive + .searchArea__searchContent.empty {
    min-height: 224px;
    display: flex;
    padding: var(--spacing-20) var(--spacing-8) var(--spacing-32) var(--spacing-8);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-4);
}

.searchContent__body_empty_container {
    display: flex;
    /*    width: 393px;*/
    padding: var(--spacing-24) var(--spacing-48);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-12);
}

.search-empty-icon {
    align-self: center;
}

.search-empty-label {
    color: var(--color-text-base-default);
    text-align: center;
    /* Desktop/Body/Large 500 */
    font-family: var(--font-family-primary-font, Onest);
    font-size: var(--font-size-fs-18, 18px);
    font-style: normal;
    font-weight: var(--font-weight-fw-medium, 500);
    line-height: var(--line-height-lh-28, 28px); /* 155.556% */
}

.searchArea__examples:not(:first-child) {
    margin-top: 40px;
}

.searchArea__examples {
    font-family: "Onest";
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

/* /formArea styles */
/* examplesSearch styles */
.examplesSearch {
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-700);
}

.examplesSearch__btnLink {
    font-family: "Onest";
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

    .examplesSearch__btnLink:hover {
        cursor: pointer;
    }
/* /examplesSearch styles */
/**
 * modalWin START
 */
.modalWin {
    padding: 48px 16px;
}

.modalWin__content {
    box-shadow: 0 4px 4px -4px #1212121A;
    max-width: 672px;
    max-height: 621px;
    margin: 0 auto;
    background-color: var(--white);
    border-radius: var(--border-radius-16);
    padding: 20px;
    height: 100%;
}
/**
 * modalWin END
 */

/**
 * searchContent START
 */
.searchContent {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--white);
    border-radius: var(--border-radius-16);
}

    .searchContent .searchArea__fieldWrap {
        padding-bottom: 20px;
    }

        .searchContent .searchArea__fieldWrap::after {
            content: "";
            width: calc(100% + 40px);
            height: 1px;
            background-color: var(--gray-250);
            position: absolute;
            bottom: 0;
            left: -20px;
        }

.searchContent__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: var(--gray-400);
    padding: 20px 16px;
}

.searchContent__body {
    overflow-x: hidden;
    overflow-y: auto;
    flex: 1;
}

.searchSpin {
    width: 20px;
    height: 20px;
    border: 3px solid var(--blue-sky-600);
    border-top-color: var(--white);
    border-radius: 50%;
    transform: translateY(-50%) rotate(0);
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: translateY(-50%) rotate(0);
    }

    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

.searchesItem {
    padding: 12px 16px;
}

.searchesItem__link {
    font-weight: 500;
    font-size: 16px;
    /*    line-height: 24px;*/
    line-height: unset;
    color: var(--black);
    /* display: inline-flex;*/
    display: inline;
}

.searchesItem__breadcrumbs {
    padding-top: 5px;
}

.searchesItem__link.hint-highlight, .searchesItem__link > span {
    color: var(--black) !important;
    text-decoration: none !important;
}

.searchesItem__link:not(:last-child) {
    margin-bottom: 6px;
}

.searchesItem__link:hover {
    text-decoration: underline;
}

.searchesItem__link span {
    color: var(--blue-sky-600);
    text-decoration: underline;
}
/**
 * searchContent END
 */

/**
 * breadcrumbs START
 */
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

    .breadcrumbs__item:not(:last-child)::after {
        content: "";
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.97944 11.8577C5.68654 11.5648 5.68654 11.09 5.97944 10.7971L8.72351 8.05298C8.75606 8.02044 8.75606 7.96768 8.72351 7.93513L5.97944 5.19106C5.68654 4.89816 5.68654 4.42329 5.97944 4.1304C6.27233 3.8375 6.7472 3.8375 7.0401 4.1304L9.78417 6.87447C10.4025 7.4928 10.4025 8.49531 9.78417 9.11364L7.0401 11.8577C6.7472 12.1506 6.27233 12.1506 5.97944 11.8577Z' fill='%23757575'/%3E%3C/svg%3E%0A");
        display: block;
        flex: none;
    }

.breadcrumbs__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: var(--gray-400);
    display: inline-flex;
}

a.breadcrumbs__text:hover {
    text-decoration: underline;
    cursor: default;
}
/**
 * searchContent END
 */

/**
 * /accordionCustom START
 */
.accordionCustom__item {
    border-bottom: 1px solid var(--gray-250);
    /*transition: background-color .3s linear;*/
}

    .accordionCustom__item:hover:not(:has(.show)) .accordionCustom__btn {
        background-color: var(--gray-200);
    }

    .accordionCustom__item:hover:not(:has(.show)) .accordionCustom__btn {
        padding-left: 16px;
    }

    .accordionCustom__item:has(.show) .accordionCustom__icon {
        color: inherit;
    }

    .accordionCustom__item:has(.show) .accordionCustom__btn,
    .accordionCustom__item:has(.show) .accordionCustom__label {
        color: var(--blue-sky-600);
    }

        .accordionCustom__item:has(.show) .accordionCustom__btn::before {
            transform: rotate(90deg) translateX(-6px) translateY(50%);
        }

.accordionCustom__icon {
    width: 24px;
    height: 24px;
    flex: none;
    color: var(--gray-400);
}

.accordionCustom__btn {
    padding: 19px 30px 19px 0;
    cursor: pointer;
    position: relative;
    user-select: none;
    margin-bottom: 0;
    width: 100%;
    text-align: start;
    border-color: transparent;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Onest";
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: var(--black);
    transition: color .3s linear, padding .3s linear, background-color .3s linear;
}

    .accordionCustom__btn:has(.accordionCustom__headingSubtitle) {
        flex-direction: column;
        align-items: flex-start;
    }

.accordionCustom__headingSubtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-400, #757575);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
}

.accordionCustom__btn::before,
.accordionCustom__btn::after {
    content: "";
    background-color: var(--black);
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    transition: transform .3s linear;
}

.accordionCustom__btn::after {
    width: 12px;
    height: 2px;
}

.accordionCustom__btn::before {
    width: 2px;
    height: 12px;
    transform: translateX(-5px) translateY(-50%);
}

.accordionCustom__body {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-700);
    padding-bottom: 15px;
}
/**
 * /accordionCustom END
 */

/**
 * /headerAction START
 */
.sectionAnimation {
    position: relative;
    background: linear-gradient(101.16deg, #D6E4F8 6.05%, #E6D6FE 57.85%, #BA91FF 95.84%);
    border-radius: var(--border-radius-32);
    margin: 12px;
}
/**
 * /headerAction START
 */

/**
 * SVG Animation Start
 */
.circlesAnimation {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}

.circlesAnimation__circles {
    width: 1940px;
    height: 2000px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .1;
    pointer-events: none;
}
/**
 * SVG Animation END
 */

/**
 * Header START
 */
.header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: var(--white);
}

.header__top {
    padding: 4px 0;
    background: var(--gray-200);
    border-bottom: 1px solid var(--gray-250);
}

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

.header__main {
    border-bottom: 1px solid var(--gray-250);
    padding: 12px 0;
}

@media (min-width: 768px) {
    .header__main {
        padding: 0;
    }
}

.header__mainContent {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 768px) {
    .header__mainContent {
        gap: 16px;
    }
}

.header__controlsWrap {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 16px;
}

@media (min-width: 768px) {
    .header__controlsWrap {
        gap: 24px;
    }
}

.header__headerActions {
    display: flex;
    align-items: center;
    gap: 8px;
    order: 1;
}

@media (min-width: 768px) {
    .header__headerActions {
        order: 0;
    }
}

/* navbar icon btns  start */
.header__headerActions .headerAction:not(:first-child) {
    display: none;
}
/* navbar icon btns end */

@media (min-width: 768px) {
    .header__headerActions .headerAction:not(:first-child) {
        display: block;
    }
}

.authorization__btn:last-child {
    display: none;
}

@media (min-width: 768px) {
    .authorization__btn:last-child {
        display: flex;
    }
}

@media (min-width: 768px) {
    .header__burgerMenu {
        display: none;
    }
}

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

@media (max-width: 575.98px) {
    .authorization__btn.buttonPrimary {
        display: flex;
    }

    body > div.header > div.header__main > div > div > div.header__controlsWrap > div.header__headerActions > div:nth-child(1) > .navbar-search-btn,
    body.isNavbarOpened > div.header > div.header__main > div > div > div.header__controlsWrap > div.header__buttons.authorization {
        display: none;
    }

    body.isNavbarOpened > div.header > div.header__main > div > div > div.header__controlsWrap > div.header__headerActions > div.btn-group.dropdown.navbar-language-dropdown {
        display: flex;
    }
}

.navbar-language-dropdown {
    display: none;
}

    .navbar-language-dropdown.isMasterSearch {
        display: flex;
        position: absolute;
        right: 40px;
        top: 9px;
        z-index: 1;
        margin-right: 5px;
    }
/**
 * Header END
 */
/**
 * government START
 */
.government {
    display: flex;
    gap: 5px;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.header .governmentLogo {
    max-width: 24px;
    width: 100%;
}

.footer .governmentLogo {
    max-width: 148px;
}

.governmentLogo__logo {
    width: 100%;
    height: auto;
    display: block;
}

.government__title {
    color: #000;
    /* Desktop/Caption/Medium 500 */
    font-family: "Onest";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}
/**
 * government END
 */

/**
 * switchLang START
 */
.switchLang {
    display: flex;
    gap: 12px;
    align-items: center;
}

.switchLang__btn {
    color: var(--gray-700);
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
}

    .switchLang__btn:hover,
    .switchLang__btn.isActive {
        text-decoration: underline;
        color: var(--black);
    }
/**
 * switchLang END
 */

/**
 * mainLogo START
 */
.mainLogo {
    max-width: 40px;
    width: 100%;
    display: block;
    flex: none;
}

    .mainLogo:hover {
        cursor: pointer;
    }

@media (min-width: 768px) {
    .mainLogo {
        max-width: 54px;
    }
}

.mainLogo__logo {
    width: 100%;
    height: auto;
    display: block;
}
/**
 * switchLang END
 */

/**
 * headerNav START
 */

.navbar-avatar-dropdown-menu {
    border-radius: var(--border-radius-16);
    /* Drop Shadow/300 */
    box-shadow: 0 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 5px 12px 0 rgba(0, 0, 0, 0.08), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    padding: 0;
}

.headerNav__list {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .headerNav__list + .headerNav__trigger {
        display: none;
    }

@media (min-width: 768px) {
    .headerNav__list + .headerNav__trigger {
        display: flex;
    }
}

@media (min-width: 1248px) {
    .headerNav__list + .headerNav__trigger {
        display: none;
    }
}

.headerNav__item {
    display: none;
}

@media (min-width: 1248px) {
    .headerNav__item {
        display: flex;
    }
}

.headerNav__trigger:hover,
.headerNav__item.isActive .headerNav__trigger {
    background: var(--gray-100);
}

.headerNav__item.isActive .headerNav__trigger {
    color: var(--blue-sky-600);
}

    .headerNav__item.isActive .headerNav__trigger::before {
        width: 100%;
    }

.headerNav__item.isActive .headerNav__triggerIcon {
    color: var(--blue-sky-600);
}

.headerNav__item.isActive .headerNav__triggerIcon {
    transform: rotate(-180deg);
}

.headerNav__item.isDisabled {
    background: var(--gray-100);
    cursor: default;
}

    .headerNav__item.isDisabled .headerNav__triggerText,
    .headerNav__item.isDisabled .headerNav__triggerIcon {
        color: var(--gray-400);
        /* Multi-layer text-shadow for better contrast without changing colors */
        text-shadow: 
            -1px -1px 0 rgba(255, 255, 255, 0.95),
            1px -1px 0 rgba(255, 255, 255, 0.95),
            -1px 1px 0 rgba(255, 255, 255, 0.95),
            1px 1px 0 rgba(255, 255, 255, 0.95),
            0 0 2px rgba(255, 255, 255, 0.9),
            0 1px 2px rgba(255, 255, 255, 0.8);
    }

.headerNav__trigger {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 24px 16px;
    min-height: 72px;
    position: relative;
    transition: background .3s linear, color .3s linear;
}

    .headerNav__trigger::before {
        content: '';
        width: 0;
        height: 2px;
        background: var(--blue-sky-600);
        transition: width .3s linear;
        position: absolute;
        bottom: 0;
        left: 0;
    }

.headerNav__triggerText {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}

.headerNav__triggerIcon {
    width: 20px;
    height: 20px;
    transition: transform .3s linear;
    color: var(--gray-600);
}

.headerNav__item.isActive .headerNav__dropdownList,
.header__headerAction.isActive .headerNav__dropdownList {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.headerNav__dropdownList {
    position: absolute;
    top: calc(100% + 1px);
    transform: translateY(-3px);
    left: -20px;
    min-width: 300px;
    z-index: 99;
}

    .headerNav__dropdownList.isButtonDropdown {
        top: calc(100% + 20px);
        left: -245px;
    }

.header__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 99;
    display: none;
}

@media (min-width: 1248px) {
    .header__dropdown {
        display: block;
    }
}

.header__mobPanel {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 500px;
    z-index: 99;
    transform: translate3d(-100%, 0, 0);
    transition: transform .3s linear;
}

@media (min-width: 1248px) {
    .header__mobPanel.mobPanel {
        display: none;
    }
}

.burgerMenu {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 13px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .burgerMenu {
        display: none;
    }
}

.burgerMenu::before,
.burgerMenu::after {
    content: '';
    width: 20px;
    height: 2px;
    background-color: var(--black);
    transition: all .3s linear;
    position: absolute;
    left: 10px;
}

.burgerMenu::before {
    top: 13px;
}

.burgerMenu::after {
    bottom: 13px;
}

.burgerMenu__line {
    width: 100%;
    height: 2px;
    background-color: var(--black);
    display: block;
    border-radius: var(--border-radius-full);
}

/*navDropdown*/
.navDropdown {
    background-color: var(--white);
    box-shadow: 0 3px 8px 0 #00000014;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: opacity .3s linear, visibility .3s linear, height .3s linear;
}

.navHeader__heading {
    font-family: "Onest";
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}

.navHeader__heading__container {
    display: inline-flex;
    gap: var(--spacing-4);
}

.navHeader__heading__icon {
    align-self: center;
    margin-bottom: 12px;
}

@media (min-width: 1248px) {
    .navHeader__heading {
        font-weight: 600;
        font-size: 32px;
        line-height: 1.1;
        letter-spacing: -0.02em;
        color: var(--black);
    }
}

.navHeader__heading:not(:last-child) {
    margin-bottom: 12px;
}

.navHeader__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: var(--gray-400);
}

@media (min-width: 1248px) {
    .navHeader__desc {
        font-size: 16px;
    }
}

.navHeader__desc:not(:last-child) {
    margin-bottom: 8px;
}

.navHeader__link {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--black);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: color .3s linear;
}

@media (min-width: 1248px) {
    .navHeader__link {
        font-size: 24px;
    }
}

.navHeader__link:not(:last-child) {
    margin-bottom: 8px;
}

.navHeader__link:hover {
    color: var(--blue-sky-600);
}

.navDropdown__heading:not(:last-child) {
    margin-bottom: 24px;
}

.navDropdown__content {
    padding: 40px 15px;
}

.navDropdown__main {
    display: grid;
    grid-template-columns: 202px 64px /* Gap 1 */
    calc(934px / 3) 40px /* Gap 2 */
    calc(934px / 3) 40px /* Gap 3 */
    calc(934px / 3);
}

    .navDropdown__main.isThreeColumns .navDropdown__column:nth-child(2) {
        grid-column: span 6;
    }

.navDropdownList__item.nav_tab_item.isActive > .navDropdownList__link {
    color: var(--blue-sky-600);
}

/*.navDropdownList__item.nav_tab_item.isActive {
    border-right: 2px solid var(--blue-sky-600);
}*/
/*    .navDropdown__main.isThreeColumns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }*/
.navDropdown__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: var(--black);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--gray-200);
}

    .navDropdown__title:not(:last-child) {
        margin-bottom: 16px;
    }

.navDropdown__main.isThreeColumns .navDropdownList {
    column-width: 300px;
    column-gap: 24px;
}

.navDropdownList__item {
    break-inside: avoid;
}

    .navDropdownList__item:not(:last-child) {
        margin-bottom: 4px;
    }

.navDropdownList__icon {
    width: 20px;
    height: 20px;
}

.navDropdownList__link {
    font-family: "Onest";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--black);
    padding: 8px 0;
    display: inline-flex;
    vertical-align: middle;
    gap: 12px;
    transition: color .3s linear;
}

    .navDropdownList__link:hover {
        color: var(--blue-sky-600);
    }
/*navDropdown*/

/*mobPanel*/
.mobPanel {
    height: calc(100vh - 66px);
    background-color: var(--white);
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

@media (min-width: 576px) {
    .mobPanel {
        height: calc(100vh - 100px);
    }
}

@media (min-width: 768px) {
    .mobPanel {
        height: calc(100vh - 106px);
    }
}

.mobPanel__search {
    padding: 0 16px;
}

    .mobPanel__search .searchArea__btnSearch {
        color: var(--gray-600);
    }

    .mobPanel__search:not(:last-child) {
        margin-bottom: 28px;
    }

.mobPanel__heading {
    padding: 0 16px;
}

.mobPanel__main {
    overflow-y: auto;
    padding: 16px 0;
    border-bottom: 1px solid var(--gray-250);
    flex: 1;
}

.mobPanel .accordionCustom__btn {
    font-size: 16px;
    padding: 12px 48px 12px 16px;
    width: 100%;
}

.mobPanel .accordionCustom__body {
    padding: 0 16px;
}

.mobPanel .accordionCustom__item {
    border-bottom-color: transparent;
}

    .mobPanel .accordionCustom__item:has(.show) .accordionCustom__btn {
        color: var(--black);
        background-color: var(--gray-100);
    }

        .mobPanel .accordionCustom__item:has(.show) .accordionCustom__btn::after {
            transform: rotate(-180deg) translateY(50%);
        }

.mobPanel .accordionCustom__btn::before {
    display: none;
}

.mobPanel .accordionCustom__btn::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.21733 7.13859C3.52712 6.8288 4.02939 6.8288 4.33918 7.13859L9.46107 12.2605C9.75871 12.5581 10.2413 12.5581 10.5389 12.2605L15.6608 7.13859C15.9706 6.8288 16.4728 6.8288 16.7826 7.13859C17.0924 7.44838 17.0924 7.95066 16.7826 8.26045L11.6608 13.3823C10.7436 14.2995 9.25644 14.2995 8.33921 13.3823L3.21733 8.26045C2.90754 7.95066 2.90754 7.44839 3.21733 7.13859Z' fill='%23444444'/%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    background-color: transparent;
    right: 16px;
}

.mobPanel .navDropdownList__item:not(:last-child) {
    margin-bottom: .4rem;
}

.mobPanel .navDropdownList__link {
    padding: 12px 0;
}

.mobPanel__bottom {
    padding-top: 16px;
}

.mobPanel__actions {
    padding: 0 16px;
}

    .mobPanel__actions:not(:last-child) {
        margin-bottom: 40px;
    }

.mobPanel .headerAction__trigger {
    padding: 12px 0;
}

    .mobPanel .headerAction__trigger:hover .headerAction__text,
    .mobPanel .headerAction__trigger:hover .headerAction__triggerIcon {
        color: var(--blue-sky-600);
    }

.mobPanel__buttons {
    padding: 0 16px;
}

.mobPanel .authorization {
    flex-direction: column;
}

.mobPanel .authorization__btn {
    width: 100%;
}

    .mobPanel .authorization__btn:last-child {
        display: flex;
    }
/*mobPanel*/

/*dropdownList*/
.dropdownList {
    padding: 16px 20px;
    border-radius: var(--border-radius-16);
    background-color: var(--white);
    box-shadow: 0 5px 12px 0 #00000014;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s linear, visibility .3s linear, transform .3s linear;
}

.dropdownList__item:not(:last-child) {
    margin-bottom: 4px;
}

.dropdownList__link {
    display: inline-block;
    padding: 12px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    transition: color .3s linear;
}

    .dropdownList__link:hover {
        color: var(--blue-sky-600);
        cursor: pointer;
    }
/*/dropdownList*/

/**
 * headerNav END
 */

/**
 * headerAction START
 */
.headerAction:not(.mobPanel__headerAction) {
    position: relative;
    border-radius: var(--border-radius-full);
    transition: background-color .3s linear;
}

.headerAction:hover:not(.mobPanel__headerAction):hover {
    background-color: var(--gray-250)
}

.headerAction:not(.mobPanel__headerAction):active {
    background-color: var(--gray-300)
}

.headerAction:not(.mobPanel__headerAction).isActive {
    background-color: var(--gray-250);
}

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

.headerAction__triggerIcon {
    width: 24px;
    height: 24px;
    color: var(--black);
    transition: color .3s linear;
}

.headerAction__text {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    transition: color .3s linear;
}

.headerAction.isActive .headerAction__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header__main.isAuth .headerAction__dropdown,
.header__main.isSignature .headerAction__dropdown {
    left: auto;
    right: -5px;
}

.headerAction__dropdown {
    position: absolute;
    top: calc(100% + 17px);
    left: -36px;
    z-index: 99;
    transform: translateY(-3px);
}

/*servicesDropdown*/
.servicesDropdown:not(.mobPanelSlider__services) {
    padding: 24px 20px;
    border-radius: var(--border-radius-16);
    background-color: var(--white);
    box-shadow: 0 5px 12px 0 #00000014;
    min-width: 424px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s linear, visibility .3s linear, transform .3s linear, transform .3s linear;
}

.servicesDropdown__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: color(var(--black));
}

.servicesDropdown__container:not(:last-child) {
    margin-bottom: 16px;
}

.servicesDropdown__title:not(:last-child) {
    margin-bottom: 16px;
}

.servicesDropdown__container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.headerAction__btn {
    width: 100%;
}

.button__icon {
    width: 20px;
    height: 20px;
}

.servicesItem {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background-color: var(--gray-100);
    border-radius: var(--border-radius-12);
    transition: background-color .3s linear;
    min-height: 80px;
}

    .servicesItem:hover {
        background-color: var(--gray-250);
    }

    .servicesItem:active {
        background-color: var(--gray-250);
    }

    .servicesItem.isItemOff {
        display: none;
    }

.servicesItem__iconWrap {
    width: 40px;
    height: 40px;
    outline: 1px solid var(--gray-300);
    border-radius: var(--border-radius-12);
    overflow: hidden;
    flex: none;
}

.servicesItem__icon {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.servicesItem__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: var(--black);
    white-space: nowrap;
}

.servicesItem__subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: var(--gray-700);
    white-space: nowrap;
}
/*/servicesDropdown*/
/**
 * /headerAction END
 */

/**
 * Hero Section START
 */

.hero {
    border-radius: var(--border-radius-32);
    margin: 12px;
}

    .hero .searchArea__input {
        padding-top: 16px;
        padding-bottom: 16px;
    }

.hero__content {
    min-height: 700px;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) {
    .hero__content {
        padding: 60px 0;
        min-height: 900px;
    }
}

.hero__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

@media (min-width: 768px) {
    .hero__logos {
        gap: 40px;
    }
}

.hero__logos:not(:last-child) {
    margin-bottom: 34px;
}

.hero__main {
    text-align: center;
    max-width: 768px;
    margin: 0 auto;
    position: relative;
}

.hero__heading:not(:last-child) {
    margin-bottom: 60px;
}

.hero__title {
    font-family: "Onest";
    font-weight: 700;
    font-size: 64px;
    font-weight: bold;
    line-height: 1.1;
}

@media (min-width: 992px) {
    .hero__heading:not(:last-child) {
        margin-bottom: 80px;
    }
}

@media (min-width: 480px) {
    .hero__title {
        font-size: 48px;
    }
}

@media (min-width: 768px) {
    .hero__title {
        font-size: 56px;
    }
}

@media (min-width: 992px) {
    .hero__title {
        font-size: 64px;
    }
}

.hero__title:not(:last-child) {
    margin-bottom: 24px;
}

.hero__desc {
    font-family: "Onest";
    font-size: 18px;
    font-weight: 400;
    color: var(--gray-700);
    line-height: 1.3;
}

@media (min-width: 768px) {
    .hero__desc {
        font-size: 18px;
    }
}

.hero__personCard[data-position="top-left"] {
    position: absolute;
    top: 12%;
    left: 17%;
    z-index: 2;
    display: none;
}

@media (min-width: 992px) {
    .hero__personCard[data-position="top-left"] {
        left: 7%;
        display: inline-flex;
    }
}

@media (min-width: 1200px) {
    .hero__personCard[data-position="top-left"] {
        left: 17%;
    }
}

.hero__personCard[data-position="top-right"] {
    position: absolute;
    top: 36%;
    right: 120px;
    z-index: 2;
    display: none;
}

@media (min-width: 992px) {
    .hero__personCard[data-position="top-right"] {
        display: inline-flex;
        right: 0;
    }
}

@media (min-width: 1200px) {
    .hero__personCard[data-position="top-right"] {
        right: 10%;
    }
}

.hero__personCard[data-position="bottom-left"] {
    position: absolute;
    top: 3%;
    left: 3%;
    z-index: 2;
}

@media (min-width: 480px) {
    .hero__personCard[data-position="bottom-left"] {
        left: 5%;
        top: 5%;
        bottom: auto;
    }
}

@media (min-width: 768px) {
    .hero__personCard[data-position="bottom-left"] {
        left: 10%;
        top: 17%;
        bottom: auto;
    }
}

@media (min-width: 992px) {
    .hero__personCard[data-position="bottom-left"] {
        left: 24%;
        top: auto;
        bottom: 5%;
    }
}

@media (min-width: 1200px) {
    .hero__personCard[data-position="bottom-left"] {
        left: 28%;
    }
}

.hero__circlesWrap .circlesAnimation__circles {
    transform: translate(-50%, -79%);
}

@media (min-width: 992px) {
    .hero__circlesWrap .circlesAnimation__circles {
        transform: translate(-50%, -50%);
    }
}

.hero.isInner {
    position: relative;
}

.hero__bgWrap {
    border-radius: var(--border-radius-32);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    pointer-events: none;
}

.hero__bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: auto;
    height: auto;
}

.hero.isInner .hero__content {
    min-height: 600px;
}

@media (max-width: 767px) {
    .hero.isInner .hero__title {
        font-size: 40px;
    }

    .hero.isInner .hero__desc {
        font-size: 18px;
    }
}

.hero.isInner + .anchorsSection {
    padding: 0;
    margin-top: -95px;
}

@media (min-width: 992px) {
    .hero.isInner + .anchorsSection {
        margin-top: -65px;
    }
}

.isLightGray {
    background-color: var(--gray-100);
}

/**
 * Hero Section END
 */

/**
 * heroLogo START
 */
.heroLogo {
    max-width: 80px;
    width: 100%;
}

.heroLogo__logo {
    width: 100%;
    height: auto;
    display: block;
}
/**
 * heroLogo END
 */

/**
 * personCard START
 */
.personCard {
    position: relative;
    display: inline-flex;
    gap: 12px;
}

.personCard__avatarContainer {
    display: inline-flex;
    position: relative;
    transition: transform .3s linear;
}

.personCard__avatarWrap {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--white);
    box-shadow: 0 4px 8px -1px rgba(18, 18, 18, .5);
    z-index: 2;
}

    .personCard__avatarWrap:not(:last-child) {
        margin-right: -20px;
        z-index: 1;
    }

.personCard__avatarContainer::before {
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 3px solid var(--white);
    background-color: var(--blue-sky-600);
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 3;
    animation: pulseShadow 3s ease-out infinite;
}

.personCard__avatar {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.personCard__textContainer {
    padding: 12px;
    border-radius: var(--border-radius-12);
    background-color: var(--white);
    min-height: 84px;
    min-width: 260px;
    position: absolute;
    top: calc(100% + 16px);
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: opacity .3s linear, visibility .3s linear, transform .3s linear;
}

@media (min-width: 480px) {
    .personCard__textContainer {
        top: 0;
        left: calc(100% + 16px);
    }
}

.personCard__subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    color: var(--gray-400);
}

    .personCard__subtitle:not(:last-child) {
        margin-bottom: 5px;
    }

.personCard__desc {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: var(--gray-700);
}

.personCard[data-position="top-right"] .personCard__textContainer {
    left: auto;
    right: calc(100% + 16px);
    transform: translateX(10px);
}

.personCard:hover .personCard__textContainer {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.personCard:hover .personCard__avatarContainer {
    transform: translateY(-2px);
}

.personCard[data-position="top-right"]:hover .personCard__textContainer {
    transform: translateX(0);
}

@keyframes pulseShadow {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 88, 210, .3);
    }

    20% {
        box-shadow: 0 0 2px 4px rgba(0, 88, 210, .3);
    }

    21% {
        box-shadow: none;
    }

    100% {
        box-shadow: none;
    }
}
/**
 * personCard END
 */

/**
 * statsSection START
 */
.statsSection__main {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 40px;
}

@media (min-width: 1200px) {
    .statsSection__main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 60px;
    }
}

.statsSection__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

@media (min-width: 768px) {
    .statsSection__grid {
        gap: 48px;
    }
}
/**
 * statsSection END
 */

/**
 * statistics START
 */

.statistics__numberWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

@media (min-width: 576px) {
    .statistics__numberWrap {
        align-items: center;
        flex-direction: row;
    }
}

.statistics__numberWrap:not(:last-child) {
    margin-bottom: 10px;
}

.statistics__dumber {
    font-weight: 600;
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--gray-700);
    position: relative;
}

    .statistics__dumber.textGradient {
        background: linear-gradient(270deg, #A877FF 24.03%, #0058D2 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.statistics__animationStars {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: flex-end;
    position: absolute;
    top: 0;
    left: -20px;
    z-index: -1;
}

.statistics__animationStar {
    width: 15px;
    height: 15px;
    flex: none;
    color: var(--blue-sky-600);
}

    .statistics__animationStar[data-animation-stars="star-top"],
    .statistics__animationStar[data-animation-stars="star-bottom"] {
        animation: spinScale 4s ease-in-out infinite;
        position: absolute;
    }

    .statistics__animationStar[data-animation-stars="star-top"] {
        top: -2px;
        right: -2px;
    }

    .statistics__animationStar[data-animation-stars="star-bottom"] {
        bottom: 0;
        left: 0;
        animation-name: spinScaleReverse;
    }

.statistics__textWrap {
    display: flex;
    gap: 6px;
}

.statistics__icon {
    width: 20px;
    height: 20px;
    flex: none;
    color: var(--black);
}

.statistics__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: var(--gray-700);
}

@media (min-width: 768px) {
    .statistics__text {
        font-size: 18px;
    }
}

@keyframes spinScale {
    0% {
        transform: rotate(0deg) scale(0.5);
    }

    15% {
        transform: rotate(90deg) scale(1);
    }

    50% {
        transform: rotate(90deg) scale(1);
    }

    65% {
        transform: rotate(0deg) scale(.5);
    }

    100% {
        transform: rotate(0deg) scale(.5);
    }
}

@keyframes spinScaleReverse {
    0% {
        transform: rotate(0deg) scale(1);
    }

    15% {
        transform: rotate(90deg) scale(0.5);
    }

    50% {
        transform: rotate(90deg) scale(0.5);
    }

    65% {
        transform: rotate(0deg) scale(1);
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
}
/**
 * statsSection END
 */

/**
 * statsTag START
 */
.statsTag {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: var(--black);
    padding: 2px 8px;
    border: 1px solid var(--gray-250);
    border-radius: var(--border-radius-4);
}
/**
 * statsTag END
 */

/**
 * servicesSection START
 */
.servicesSection {
    position: relative;
}

.servicesSection__progressBar {
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
}

.servicesSection__header {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}

    .servicesSection__header:not(:last-child) {
        margin-bottom: 24px;
    }

@media (min-width: 768px) {
    .servicesSection__header:not(:last-child) {
        margin-bottom: 64px;
    }
}
/**
 * servicesSection END
 */

/**
 * sectionProgressBar START
 */
.sectionProgressBar {
    height: 8px;
    position: absolute;
    background: var(--gray-250, #D9D9D9);
}

    .sectionProgressBar::before,
    .sectionProgressBar::after {
        content: '';
        width: 15%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 2;
    }

    .sectionProgressBar::before {
        background: linear-gradient(90deg, #F5F5F5 15%, rgba(245, 245, 245, 0) 100%);
        left: 0;
    }

    .sectionProgressBar::after {
        right: 0;
        background: linear-gradient(-90deg, #F5F5F5 15%, rgba(245, 245, 245, 0) 100%);
    }

.sectionProgressBar__active {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(270deg, #A877FF 24.03%, #0157D2 100%);
}

    .sectionProgressBar__active::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: var(--border-radius-full);
        background-color: var(--white);
        box-shadow: 0 0 15px 5px rgba(169, 119, 255, 0.75);
        position: absolute;
        right: -4px;
        top: 50%;
        transform: translateY(-50%);
    }
/**
 * sectionProgressBar END
 */

/**
 * tabsSwitchers START
 */
.tabsSwitchers {
    display: flex;
    justify-content: center;
}

    .tabsSwitchers:not(:last-child) {
        margin-bottom: 24px;
    }

@media (min-width: 768px) {
    .tabsSwitchers:not(:last-child) {
        margin-bottom: 48px;
    }
}

.tabsSwitchers__container {
    display: inline-flex;
    justify-content: center;
    gap: 6px;
    padding: 6px;
    background-color: var(--white);
    border-radius: var(--border-radius-full);
}

.tabsSwitchers:not(:last-child) {
    margin-bottom: 48px;
}

.tabsSwitchers__trigger {
    color: var(--gray-700);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 16px;
    background-color: var(--gray-200);
    border-radius: var(--border-radius-full);
    cursor: pointer;
    transition: background-color .3s linear, color .3s linear;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    border-color: transparent;
}

    .tabsSwitchers__trigger.isActive {
        background-color: var(--gray-900);
        color: var(--white);
    }

    .tabsSwitchers__trigger:hover {
        background-color: var(--gray-250);
        color: var(--gray-700);
    }

.tabsSwitchers__icon {
    width: 20px;
    height: 20px;
    flex: none;
    color: inherit;
}
/**
 * tabsSwitchers END
 */

/**
 * tabsArea START
 */
.tabsArea__body {
    position: relative;
}

    .tabsArea__body:not(:has(.tabsArea__cardsWrap.isClosed)) .tabsArea__bottom {
        display: none;
    }

.tabsArea__cardsWrap {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .tabsArea__cardsWrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .tabsArea__cardsWrap {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.tabsArea__cardsWrap.isClosed {
    max-height: 880px;
}

@media (min-width: 768px) {
    .tabsArea__cardsWrap.isClosed {
        max-height: 1180px;
    }
}

@media (min-width: 992px) {
    .tabsArea__cardsWrap.isClosed {
        max-height: 880px;
    }
}

.tabsArea__bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 0;
    background: linear-gradient(180deg, rgba(245, 245, 245, 0.5) 0%, #F5F5F5 100%);
    box-shadow: 0 -10px 6px -4px rgba(245, 245, 245, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/**
 * tabsArea END
 */

/**
 * servicesCard START
 */
.servicesCard {
    border-radius: var(--border-radius-16);
    padding: 24px;
    background-color: var(--white);
}

.servicesCard__top:not(:last-child) {
    margin-bottom: 24px;
}

.servicesCard__iconWrap {
    max-width: 24px;
}

.servicesCard__icon {
    width: 24px;
    height: 24px;
    color: var(--blue-sky-600);
}

.servicesCard__heading:not(:last-child) {
    margin-bottom: 24px;
}

.servicesCard__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-decoration-line: underline;
    color: var(--black);
    display: inline-block;
}

    .servicesCard__title:hover {
        text-decoration: none;
    }

.servicesCard__btnContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.servicesCard__btn {
    padding: 6px 12px;
    border-radius: var(--border-radius-6);
    background-color: var(--gray-200);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: var(--black);
    text-decoration: none;
    transition: background-color .3s linear;
}

    .servicesCard__btn:hover {
        background-color: var(--gray-250);
    }
/**
 * servicesCard END
 */

/**
 * Footer START
 */
.footer__header {
    gap: 48px;
    padding: 48px 0;
    border-top: 2px solid var(--gray-200);
    border-bottom: 2px solid var(--gray-200);
}

@media (min-width: 1200px) {
    .footer__header {
        gap: 80px;
        padding: 80px 0;
    }
}


@media (min-width: 992px) {
    .footer__header .sectionHeader__buttons {
        align-self: center;
    }
}

.footer__header .sectionHeader__buttons {
    flex-wrap: wrap;
    align-items: center;
}

@media (min-width: 992px) {
    .footer__header .sectionHeader__buttons {
        flex-wrap: nowrap;
    }
}

.footer__main {
    padding: 48px 0;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 48px;
}

@media (min-width: 576px) {
    .footer__main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .footer__main {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .footer__main {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding: 80px 0;
    }
}

.footer__bottom {
    padding: 24px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px;
}

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

@media (min-width: 768px) {
    .footer__logos {
        gap: 24px;
    }
}
/**
 * Footer END
 */

/**
 * evoLogo START
 */
.evoLogo {
    max-width: 115px;
}

.evoLogo__logo {
    width: 100%;
    height: auto;
    display: block;
}
/**
 * evoLogo END
 */

/**
 * footerNav START
 */
.footerNav__title {
    font-family: "Onest";
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: var(--black);
}

    .footerNav__title:not(:last-child) {
        margin-bottom: 16px;
    }

.footerNav__item {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .footerNav__item:not(:last-child) {
        margin-bottom: 16px;
    }

    .footerNav__item.isItemOff {
        display: none;
    }

.footerNav__link {
    font-family: "Onest";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
    color: var(--black);
}

    .footerNav__link:hover {
        text-decoration: underline;
    }

    .footerNav__link.buttonLink {
        color: var(--blue-sky-600);
    }

    .footerNav__link.disabled {
        color: var(--gray-500) !important;
        pointer-events: none;
        cursor: default;
    }

.footerNav__barcode:not(:last-child) {
    margin-bottom: 16px;
}

.footer .footerNav__storeBadges {
    background-color: var(--white);
    padding: 0;
}
/**
 * footerNav END
 */

/**
 * barcode START
 */
.barcode {
    max-width: 140px;
    width: 100%;
    padding: 6px;
    display: flex;
}

.barcode__icon {
    width: 100%;
    height: auto;
    display: block;
}
/**
 * barcode END
 */

/**
 * storeBadges END
 */
.storeBadges {
    padding: 16px;
    border-radius: var(--border-radius-12);
    background-color: var(--gray-100);
}

.storeBadges__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: var(--black);
    display: none;
}

@media (min-width: 992px) {
    .storeBadges__title {
        text-align: center;
        display: block;
    }

    .storeBadges {
        background-color: var(--gray-100);
    }
}

.storeBadges__title:not(:last-child) {
    margin-bottom: 20px;
}

.storeBadges__caption {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: var(--gray-700);
}

    .storeBadges__caption:not(:last-child) {
        margin-bottom: 12px;
    }

.storeBadges__buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}

.storeBadges__btnBadge {
    display: inline-flex;
    max-width: 135px;
    transform: translateZ(0);
}

    .storeBadges__btnBadge:hover .storeBadges__img {
        transform: scale(1.01);
    }

.storeBadges__img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    transition: transform .1s linear;
}

/**
 * storeBadges END
 */

/**
 * tag START
 */
.tag {
    padding: 3px 8px;
    border-radius: var(--border-radius-4);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: var(--black);
    white-space: nowrap;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--gray-250);
    gap: 4px;
}

.tag__icon {
    width: 16px;
    height: 16px;
    flex: none;
    color: inherit;
}

    .tag__icon.isStroked {
        fill: transparent;
        stroke: var(--lavender-600, #561FE5);
    }

.tag.isApricot {
    background-color: var(--apricot-300);
    border-color: var(--apricot-300);
}

.tag.isBlack {
    background-color: var(--gray-900);
    border-color: var(--gray-900);
    color: var(--white);
}

.tag.isGreen {
    background-color: var(--green-600);
    border-color: var(--green-600);
    color: var(--white);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.tag.isLightGreen {
    background-color: var(--green-100);
    border-color: var(--green-100);
    color: var(--green-700);
}

.tag.isGray {
    background-color: var(--gray-200, #F1F1F1);
    border-color: var(--gray-200, #F1F1F1);
    color: var(--black, #121212);
}

.tag.isLavender {
    background-color: var(--lavender-100, #EFEAFC);
    color: var(--lavender-600, #561FE5);
    border-color: var(--lavender-100, #EFEAFC);
}
/**
 * tag END
 */

/**
 * socList START
 */
.socList {
    display: flex;
    align-items: center;
    gap: 24px;
}

.socList__iconWrap {
    width: 24px;
    height: 24px;
    flex: none;
    color: var(--black);
}

    .socList__iconWrap:hover {
        color: var(--blue-sky-600);
    }

.socList__icon {
    width: 100%;
    height: 100%;
    color: inherit;
    transition: color .3s linear;
}
/**
 * socList END
 */

/**
 * subscribeSection START
 */
.subscribeSection__header:not(:last-child) {
    margin-bottom: 48px;
}

@media (min-width: 992px) {
    .subscribeSection__header:not(:last-child) {
        margin-bottom: 80px;
    }
}

.subscribeSection__header .sectionHeader__textContent {
    max-width: 768px;
}

.subscribeSection__mainContainer {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
}

@media (min-width: 992px) {
    .subscribeSection__mainContainer {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/**
 * subscribeSection END
 */

/**
 * subscribeCard START
 */
.subscribeCard {
    padding: 32px;
    border-radius: var(--border-radius-16);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    background-color: var(--gray-100);
}

@media (min-width: 992px) {
    .subscribeCard {
        flex-direction: row;
        gap: 32px;
    }
}

.subscribeCard__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

    .subscribeCard__top:not(:last-child) {
        margin-bottom: 20px;
    }

.subscribeCard__icon {
    width: 36px;
    height: 36px;
    flex: none;
    display: block;
}

.subscribeCard__titleWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

    .subscribeCard__titleWrap:not(:last-child) {
        margin-bottom: 16px;
    }

.subscribeCard__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    color: var(--black);
}

.subscribeCard__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-700);
}

.subscribeCard.isFullWidth {
    grid-column: 1 / -1;
}

@media (min-width: 992px) {
    .subscribeCard__info {
        max-width: 460px;
    }
}

@media (min-width: 1200px) {
    .subscribeCard__info {
        max-width: 564px;
    }
}
/**
 * subscribeCard END
 */

/**
 * subscribeContent START
 */
.subscribeContent {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (min-width: 992px) {
    .subscribeContent {
        flex-direction: row;
        gap: 8px;
        padding: 8px;
        border-radius: var(--border-radius-16);
        border: 1px solid var(--gray-250);
    }
}

.subscribeContent__storeBadges {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 992px) {
    .subscribeContent__storeBadges {
        align-items: center;
    }
}

.subscribeContent__barcode {
    display: none;
}

@media (min-width: 992px) {
    .subscribeContent__barcode {
        display: flex;
    }
}

.subscribeContent__storeBadges {
    padding: 0;
}

@media (min-width: 992px) {
    .subscribeContent__storeBadges {
        padding: 16px;
    }
}

.subscribeContent__btnDownload {
    align-self: flex-start;
}

@media (min-width: 992px) {
    .subscribeContent__btnDownload {
        display: none;
    }
}
/**
 * subscribeContent END
 */

/**
 * sectionTabs START
 */
.sectionTabs {
    padding: 16px;
    margin-left: 0;
    margin-right: 0;
    border-radius: var(--border-radius-32);
}

@media (min-width: 576px) {
    .sectionTabs {
        margin-left: 12px;
        margin-right: 12px;
    }
}

@media (min-width: 768px) {
    .sectionTabs {
        padding: 32px;
    }
}

@media (min-width: 1200px) {
    .sectionTabs {
        padding: 64px;
    }
}

.sectionTabs.isStickBackground {
    position: relative;
    overflow: hidden;
    background: linear-gradient(101.16deg, #D6E4F8 6.05%, rgba(86, 144, 255, 0.56) 57.85%, rgba(14, 113, 250, 0.5) 95.84%), #F5F5F5;
}

    .sectionTabs.isStickBackground::before {
        content: '';
        background-image: url("../Images/SignaturePage/lines.png");
        background-size: cover;
        background-repeat: no-repeat;
        pointer-events: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .sectionTabs.isStickBackground .sectionTabs__previewWrap {
        transform: translateY(16px);
    }

@media (min-width: 576px) {
    .sectionTabs.isStickBackground .sectionTabs__previewWrap {
        transform: translateY(40px);
    }
}

.sectionTabs .container-fluid {
    padding: 0;
}

@media (min-width: 1200px) {
    .sectionTabs .container-fluid {
        padding: 0 16px;
    }
}

.sectionTabs__content {
    padding: 16px;
    background-color: var(--white);
    border-radius: var(--border-radius-32);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 40px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media (min-width: 576px) {
    .sectionTabs__content {
        padding: 40px;
    }
}

@media (min-width: 992px) {
    .sectionTabs__content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.sectionTabs__content input[type="radio"] {
    position: absolute;
    left: -9999px;
    top: -9999px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.sectionTabs__colInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sectionTabs__header:not(:last-child) {
    margin-bottom: 32px;
}

.sectionTabs__accordions {
    width: 100%;
}

    .sectionTabs__accordions:not(:last-child) {
        margin-bottom: 32px;
    }

.sectionTabs__subscribeContent {
    margin-top: auto;
}

.sectionTabs__colPreview {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

.sectionTabs__previewWrap {
    max-width: 410px;
    width: 100%;
    max-height: 100%;
}

.sectionTabs:has(.sectionTabs__accordions) .sectionTabs__previewWrap {
    opacity: 0;
    transition: opacity .3s linear;
    position: absolute;
}

#input-tab-1:checked ~ .sectionTabs__colPreview .sectionTabs__previewWrap[data-accordion='1'] {
    opacity: 1;
    position: relative;
}

#input-tab-2:checked ~ .sectionTabs__colPreview .sectionTabs__previewWrap[data-accordion='2'] {
    opacity: 1;
    position: relative;
}

#input-tab-3:checked ~ .sectionTabs__colPreview .sectionTabs__previewWrap[data-accordion='3'] {
    opacity: 1;
    position: relative;
}

.sectionTabs__preview {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.sectionTabs .accordionCustom__item {
    position: relative;
}

    .sectionTabs .accordionCustom__item::after {
        content: "";
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.32064 14.7677C5.07281 14.4579 5.07281 13.9556 5.32064 13.6458L9.41814 8.52392C9.65625 8.22628 9.65625 7.7437 9.41814 7.44606L5.32064 2.3242C5.07281 2.01441 5.07281 1.51214 5.32064 1.20235C5.56847 0.892553 5.97029 0.892552 6.21812 1.20234L10.3156 6.3242C11.0494 7.24143 11.0494 8.72854 10.3156 9.64577L6.21812 14.7677C5.97029 15.0774 5.56847 15.0774 5.32064 14.7677Z' fill='%23121212'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        transition: opacity .3s linear;
        opacity: 0;
    }

    .sectionTabs .accordionCustom__item:has(.show)::after,
    .sectionTabs .accordionCustom__item:hover::after {
        opacity: 1;
    }

    .sectionTabs .accordionCustom__item .accordionCustom__btn {
        padding-left: 12px;
        padding-right: 40px;
    }

.accordionCustom__item .accordionCustom__label {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    padding: 16px 12px;
    color: var(--gray-700);
    gap: 10px;
}

.sectionTabs .accordionCustom__item .accordionCustom__btn {
    padding: 0;
}

    .sectionTabs .accordionCustom__item .accordionCustom__btn::before,
    .sectionTabs .accordionCustom__item .accordionCustom__btn::after {
        display: none;
    }

    .sectionTabs .accordionCustom__item .accordionCustom__btn:hover {
        padding-left: 0;
    }

.sectionTabs .accordionCustom__item .accordionCustom__body {
    padding-left: 12px;
    padding-right: 40px;
}

.sectionTabs .accordionCustom__item:has(.show) .accordionCustom__progress {
    content: "";
    background: var(--gray-100) !important;
    border-bottom: 3px solid var(--blue-sky-600) !important;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    animation: progressBar 10s linear forwards;
}

@keyframes progressBar {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}
/**
 * sectionTabs END
 */

/**
 * informerSection START
 */
.informerSection {
    overflow: hidden;
}

.informerSection__header,
.informerSection__main {
    margin-bottom: 48px;
}

@media (min-width: 1200px) {
    .informerSection__header,
    .informerSection__main {
        margin-bottom: 80px;
    }
}

.informerSection__imgContentWrap {
    margin-left: -16px;
    margin-right: -16px;
}

@media (min-width: 1200px) {
    .informerSection__imgContentWrap {
        margin-left: -135px;
        margin-right: -135px;
    }
}

.informerSection__imgContent {
    width: 100%;
    height: auto;
    display: block;
}

.informerFeatures {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
}

@media (min-width: 992px) {
    .informerFeatures {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


@media (min-width: 768px) {
    .informerFeatures__card {
        padding: 32px;
    }
}

.informerFeatures__icon {
    width: 36px;
    height: 36px;
    flex: none;
    display: block;
}

    .informerFeatures__icon:not(:last-child) {
        margin-bottom: 16px;
    }

.informerFeatures__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: var(--black);
}

    .informerFeatures__title:not(:last-child) {
        margin-bottom: 16px;
    }

.informerFeatures__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-700);
}

    .informerFeatures__desc:not(:last-child) {
        margin-bottom: 16px;
    }
/**
 * informerSection END
 */

/**
 * toolsSection START
 */
.toolsSection {
    min-height: 1180px;
    padding: 112px 0;
    overflow: hidden;
}

.toolsSection__main {
    position: relative;
    padding: 148px 0;
    min-height: 665px;
    z-index: 1;
}

    .toolsSection__main:not(:last-child) {
        margin-bottom: 80px;
    }

@media (min-width: 768px) {
    .toolsSection__main:not(:last-child) {
        margin-bottom: 150px;
    }
}

.toolsSection__main .sectionProgressBar {
    position: relative;
}

.toolsSection__content {
    max-width: 768px;
    margin: 0 auto;
}

.sectionTabs__header {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}

.sectionHeader__heading:has(.tag) {
    position: relative;
}

.sectionHeader__heading .tag {
    position: absolute;
    margin: 10px 0 0 5px;
}

.sectionTabs__header:not(:last-child) {
    margin-bottom: 24px;
}

@media (min-width: 992px) {
    .isStickBackground .sectionTabs__header:not(:last-child) {
        margin-bottom: 32px;
    }
}

.sectionTabs__header .sectionHeader__desc.rte > *:not(:last-child) {
    margin-bottom: 16px;
}

.sectionTabs__header .sectionHeader__desc.rte a:not([class]):link {
    color: var(--blue-sky-600, #0058D2);
}

.supportInfo {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
}

@media (min-width: 480px) {
    .supportInfo {
        display: grid;
        grid-template-columns: minmax(0, 52%) minmax(0, 1fr);
        gap: 32px;
    }

        .supportInfo > *:not(:last-child) {
            position: relative;
        }

            .supportInfo > *:not(:last-child)::after {
                content: "";
                width: 1px;
                height: 80%;
                background: var(--gray-250, #D9D9D9);
                position: absolute;
                top: 50%;
                right: -16px;
                transform: translateY(-50%);
            }
}

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

.infoSupport__iconWrap {
    width: 44px;
    height: 44px;
    flex: none;
    background: var(--gray-200, #F1F1F1);
    border-radius: var(--border-radius-12, 12px);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.infoSupport__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: var(--gray-700, #383838);
}

.infoSupport__icon {
    color: var(--black, #121212);
}

.infoLogo {
    max-width: 120px;
}

.infoLogo__logo {
    width: 100%;
    height: auto;
    display: block;
}

.sectionTabs__progressBar {
    max-width: 515px;
    margin-left: auto;
    margin-right: auto;
}

    .sectionTabs__progressBar::before {
        background: linear-gradient(90deg, #FFFFFF 15%, rgba(245, 245, 245, 0) 100%);
    }

    .sectionTabs__progressBar::after {
        background: linear-gradient(-90deg, #FFFFFF 15%, rgba(245, 245, 245, 0) 100%);
    }

.toolsSection__buttons {
    display: flex;
    justify-content: center;
}

    .toolsSection__buttons:not(:first-child) {
        margin-top: 48px;
    }

.animationSquares {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: -1;
}

.toolsList {
    display: flex;
    flex-direction: column;
    column-gap: 56px;
    row-gap: 48px;
}

@media (min-width: 768px) {
    .toolsList {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}

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

.toolsList__iconWrap {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    background: var(--gray-100);
    border-radius: var(--border-radius-8);
}

.toolsList__icon {
    width: 24px;
    height: 24px;
    color: var(--blue-sky-600);
}

.toolsList__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: var(--black);
}
/**
 * informerSection END
 */

/**
 * advantagesSection START
 */
.advantagesSection__main {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 48px;
}

@media (min-width: 1200px) {
    .advantagesSection__main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 80px;
    }
}

.advantagesSection__item:not(:last-child) {
    margin-bottom: 24px;
}

.advantagesCard {
    padding: 24px;
    border-radius: var(--border-radius-12);
    background-color: var(--gray-100);
}

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

    .advantagesCard__top:not(:last-child) {
        margin-bottom: 8px;
    }

.advantagesCard__icon {
    width: 24px;
    height: 24px;
    flex: none;
    color: var(--blue-sky-600);
}

.advantagesCard__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--black);
}

.advantagesCard__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-700);
}
/**
 * advantagesSection END
 */

/**
 * blogSection START
 */
.blogSection__header:not(:last-child) {
    margin-bottom: 48px;
}

@media (min-width: 1200px) {
    .blogSection__header:not(:last-child) {
        margin-bottom: 80px;
    }
}

.blogSection__cards {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 16px;
}

@media (min-width: 992px) {
    .blogSection__cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
    }
}

@media (min-width: 1200px) {
    .blogSection__cards {
        gap: 32px;
    }
}

.blogSection__cards:not(:last-child) {
    margin-bottom: 32px;
}

.blogCard {
    border-radius: var(--border-radius-16);
    background-color: var(--gray-100);
    display: flex;
    flex-direction: column;
    padding: 12px;
}

.blogCard__imgWrap {
    border-radius: var(--border-radius-12);
    overflow: hidden;
    aspect-ratio: 16 / 9.8;
    display: flex;
}

    .blogCard__imgWrap:hover .blogCard__img {
        transform: scale(1.03);
    }

.blogCard__img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .3s linear;
}

.blogCard__content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blogCard__contentTop {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

    .blogCard__contentTop:not(:last-child) {
        margin-bottom: 8px;
    }

.blogCard__readInfo {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: var(--black);
}

.blogCard__contentMain:not(:last-child) {
    margin-bottom: 24px;
}

.blogCard__title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    display: block;
    color: var(--black);
}

    .blogCard__title:hover {
        text-decoration: underline;
    }

    .blogCard__title:not(:last-child) {
        margin-bottom: 16px;
    }

.blogCard__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-700);
}

.blogCard__contentBottom {
    margin-top: auto;
}

.blogCardRow {
    padding: 32px;
    border-radius: var(--border-radius-16);
    background-color: var(--gray-100);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
}

@media (min-width: 768px) {
    .blogCardRow {
        flex-direction: row;
    }
}

@media (min-width: 1200px) {
    .blogCardRow {
        gap: 80px;
    }
}

.blogCardRow .blogCardRow__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--black);
}

    .blogCardRow .blogCardRow__title:not(:last-child) {
        margin-bottom: 16px;
    }

.blogCardRow .blogCardRow__desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: var(--gray-700);
}

.blogCardRow .blogCardRow__btnLink {
    text-decoration: none;
    white-space: nowrap;
}

    .blogCardRow .blogCardRow__btnLink:hover {
        text-decoration: underline;
    }
/**
 * blogSection END
 */

/**
 * faqSection START
 */
.faqSection__main {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
}

@media (min-width: 1200px) {
    .faqSection__main {
        gap: 80px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.faqSection__main:not(:last-child) {
    margin-bottom: 48px;
}

@media (min-width: 992px) {
    .faqSection__main:not(:last-child) {
        margin-bottom: 80px;
    }
}

.faqSection__bottom {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
}

@media (min-width: 992px) {
    .faqSection__bottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.cardHelper {
    padding: 40px 32px;
    border-radius: var(--border-radius-16);
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

@media (min-width: 768px) {
    .cardHelper {
        gap: 48px;
        flex-direction: row;
    }
}

.cardHelper__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: var(--black);
}

.cardHelper__btn {
    align-self: center;
}
/**
 * faqSection END
 */

/*search in the header*/
@media (min-width: 992px) {
    .sectionHeader__colRight.is-padding-top-lg {
        padding-top: 40px;
        justify-content: flex-start;
    }
}

@media (min-width: 1200px) {
    .sectionHeader:has(.sectionHeader__colRight) {
        gap: 80px;
    }
}

.unselectable {
    user-select: none;
}

/*fix mobile text start*/
@media(max-width: 576px) {
    .hero__heading > .hero__title,
    .servicesSection__header.sectionHeader.text-center > div > .sectionHeader__heading,
    .advantagesSection__header.sectionHeader > div > .sectionHeader__heading,
    .blogSection__header.sectionHeader > div > .sectionHeader__heading,
    .subscribeSection__header.sectionHeader > div.sectionHeader__textContent > .sectionHeader__heading {
        word-break: break-word;
    }
}
/*fix mobile text end*/

@media(max-width: 767.98px) {
    .avatar-dropdown-mobile {
        display: block !important;
    }

        .avatar-dropdown-mobile.header__headerAction.headerAction > .headerAction__trigger > .avatar-initials-container {
            height: 32px;
            width: 32px;
        }
}

.header__headerAction.headerAction > div > ul > li > .dropdownList__link {
    white-space: nowrap;
    max-width: 21ch;
}