/* Start:/local/templates/new/css/styles.css?1751356924438086*/
@charset "UTF-8";
:root {
    --uxs-padding-x: .75rem;
    --uxs-padding-y: .375rem;
    --uxs-border-width: 1px;
    --uxs-border-style: solid;
    --uxs-border-color: rgb(233, 233, 233);
    --uxs-border-radius: .375rem;
    --uxs-border-hover-color: rgb(189, 193, 198);
    --uxs-font-size: 1rem;
    --uxs-font-weight: 400;
    --uxs-line-height: 1.5;
    --uxs-background-color: rgb(255, 255, 255);
    --uxs-text-color: rgb(34, 34, 34);
    --uxs-dropdown-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4 l-6,6C12.5,15.9,12.3,16,12,16z'/%3E%3C/g%3E%3C/svg%3E%0A");
    --uxs-dropdown-disabled-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(130 130 130)' d='M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4 l-6,6C12.5,15.9,12.3,16,12,16z'/%3E%3C/g%3E%3C/svg%3E%0A");
    --uxs-clear-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M6,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l12-12c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-12,12C6.5,18.9,6.3,19,6,19z' /%3E%3Cpath d='M18,19c-0.3,0-0.5-0.1-0.7-0.3l-12-12c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l12,12c0.4,0.4,0.4,1,0,1.4 C18.5,18.9,18.3,19,18,19z'/%3E%3C/g%3E%3C/svg%3E%0A");
    --uxs-clear-disabled-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(130 130 130)' d='M6,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l12-12c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-12,12C6.5,18.9,6.3,19,6,19z' /%3E%3Cpath fill='rgb(130 130 130)' d='M18,19c-0.3,0-0.5-0.1-0.7-0.3l-12-12c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l12,12c0.4,0.4,0.4,1,0,1.4 C18.5,18.9,18.3,19,18,19z'/%3E%3C/g%3E%3C/svg%3E%0A");
    --uxs-option-hovered-bg-color: rgb(244, 244, 244);
    --uxs-option-selected-bg-color: rgb(244, 244, 244);
    --uxs-option-disabled-color: rgb(244, 244, 244);
    --uxs-option-styled-outline-width: 1px;
    --uxs-option-styled-checkbox-outline-radius: .25rem;
    --uxs-option-styled-border-width: .1875rem;
    --uxs-option-styled-background-color: rgb(0, 224, 255);
    --uxs-search-background-color: rgb(255, 255, 255);
    --uxs-search-text-color: rgb(34, 34, 34);
    --uxs-search-placeholder-color: rgb(169, 169, 169);
    --uxs-transition-duration: .2s;
    --uxs-transition-easing: ease-in-out;
    --uxs-scrollbar-track-color: rgb(189, 189, 189);
    --uxs-scrollbar-thumb-color: rgb(117, 117, 117);
    --uxs-scrollbar-thumb-hover-color: rgb(97, 97, 97);
}

.ux-select {
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: var(--uxs-padding-y) var(--uxs-padding-x);
    border: var(--uxs-border-width) var(--uxs-border-style) var(--uxs-border-color);
    border-radius: var(--uxs-border-radius);
    background-color: var(--uxs-background-color);
    font-size: var(--uxs-font-size);
    font-weight: var(--uxs-font-weight);
    line-height: var(--uxs-line-height);
    color: var(--uxs-text-color);
    transition: border-color var(--uxs-transition-duration) var(--uxs-transition-easing);
}

.ux-select.-disabled {
    cursor: not-allowed;
    color: var(--uxs-option-disabled-color);
}

.ux-select.-filled .ux-select__clear {
    display: block;
}

.ux-select:not(.-disabled).-focus {
    border-color: var(--uxs-border-hover-color);
}

.ux-select:not(.-disabled).-shown {
    border-color: var(--uxs-border-hover-color);
}

.ux-select:not(.-disabled).-shown .ux-select__head:after {
    transform: rotate(-180deg);
}

.ux-select:not(.-disabled).-shown .ux-select__body {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1) translateY(0);
}

.ux-select__head {
    position: relative;
    display: flex;
    align-items: center;
}

.ux-select__head:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1rem;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
    background: transparent var(--uxs-dropdown-image) center no-repeat;
    transition: transform var(--uxs-transition-duration) var(--uxs-transition-easing);
}

.ux-select.-disabled .ux-select__head:after {
    background-image: var(--uxs-dropdown-disabled-image);
}

.ux-select__title {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-grow: 1;
    white-space: nowrap;
}

.ux-select__clear {
    cursor: pointer;
    display: none;
    min-width: 1rem;
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;
    border: none;
    outline: none;
    background: transparent var(--uxs-clear-image) center no-repeat;
}

.ux-select.-disabled .ux-select__clear {
    cursor: not-allowed;
    background-image: var(--uxs-clear-disabled-image);
}

.ux-select__body {
    pointer-events: none;
    position: absolute;
    z-index: 5;
    top: calc(100% + 0.25rem);
    left: 0;
    overflow: hidden;
    width: 100%;
    border: var(--uxs-border-width) solid var(--uxs-border-color);
    border-radius: var(--uxs-border-radius);
    background-color: var(--uxs-background-color);
    opacity: 0;
    transform: scale(0.75) translateY(-0.75rem);
    transition: opacity var(--uxs-transition-duration) var(--uxs-transition-easing), transform var(--uxs-transition-duration) var(--uxs-transition-easing);
}

.ux-select__search {
    padding: 0.25rem;
}

.ux-select-search__input {
    width: 100%;
    padding: var(--uxs-padding-y) calc(var(--uxs-padding-x) - 0.1875rem);
    border: var(--uxs-border-width) solid var(--uxs-border-color);
    border-radius: var(--uxs-border-radius);
    background-color: var(--uxs-search-background-color);
    color: var(--uxs-search-text-color);
    transition: border-color var(--uxs-transition-duration) var(--uxs-transition-easing);
}

.ux-select-search__input::-moz-placeholder {
    color: var(--uxs-search-placeholder-color);
}

.ux-select-search__input::placeholder {
    color: var(--uxs-search-placeholder-color);
}

.ux-select-search__input::-ms-clear, .ux-select-search__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.ux-select-search__input::-webkit-search-decoration, .ux-select-search__input::-webkit-search-cancel-button, .ux-select-search__input::-webkit-search-results-button, .ux-select-search__input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
}

.ux-select-search__input:focus-visible {
    outline: none;
}

.ux-select-search__input:focus {
    border-color: var(--uxs-border-hover-color);
}

.ux-select__dropdown {
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: var(--uxs-scrollbar-track-color) var(--uxs-scrollbar-thumb-color);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc((var(--uxs-font-size) * var(--uxs-line-height) + var(--uxs-padding-y) * 2) * 5);
}

@supports selector(::-webkit-scrollbar) {
    .ux-select__dropdown::-webkit-scrollbar {
        position: absolute;
        max-width: 0.6875rem;
        max-height: 0.6875rem;
    }
    .ux-select__dropdown::-webkit-scrollbar-track {
        background-color: var(--uxs-scrollbar-track-color);
    }
    .ux-select__dropdown::-webkit-scrollbar-thumb {
        background-color: var(--uxs-scrollbar-thumb-color);
    }
    .ux-select__dropdown::-webkit-scrollbar-thumb:hover {
        background-color: var(--uxs-scrollbar-thumb-hover-color);
    }
}
.ux-select-group.-disabled .ux-select-group__title {
    color: var(--uxs-option-disabled-color);
}

.ux-select-group.-empty .ux-select-group__elem {
    padding: var(--uxs-padding-y) var(--uxs-padding-x);
}

.ux-select-group__title {
    cursor: default;
    padding: var(--uxs-padding-y) var(--uxs-padding-x);
    font-weight: 700;
}

.ux-select-group__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ux-select-group__elem {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: var(--uxs-padding-y) var(--uxs-padding-x) var(--uxs-padding-y) calc(var(--uxs-padding-x) * 2);
    background-color: var(--uxs-background-color);
    transition: background-color var(--uxs-transition-duration) var(--uxs-transition-easing);
}

.ux-select.-radio .ux-select-group__elem, .ux-select.-checkbox .ux-select-group__elem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ux-select.-radio .ux-select-group__elem:after, .ux-select.-checkbox .ux-select-group__elem:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--uxs-font-size);
    height: var(--uxs-font-size);
    outline: var(--uxs-option-styled-outline-width) solid var(--uxs-option-styled-background-color);
    border: var(--uxs-option-styled-border-width) solid var(--uxs-background-color);
    transition: background-color var(--uxs-transition-duration) var(--uxs-transition-easing);
}

.ux-select.-radio .ux-select-group__elem:after {
    border-radius: 50%;
}

.ux-select.-checkbox .ux-select-group__elem:after {
    border-radius: var(--uxs-option-styled-checkbox-outline-radius);
}

.ux-select.-image .ux-select-group__elem {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.ux-select-group__elem.-disabled {
    cursor: not-allowed;
    color: var(--uxs-option-disabled-color);
}

.ux-select-group__elem:not(.-disabled):hover {
    background-color: var(--uxs-option-hovered-bg-color);
}

.ux-select.-radio .ux-select-group__elem:not(.-disabled):hover:after, .ux-select.-checkbox .ux-select-group__elem:not(.-disabled):hover:after {
    border: var(--uxs-option-styled-border-width) solid var(--uxs-option-hovered-bg-color);
}

.ux-select-group__elem:not(.-disabled).-selected {
    font-weight: 700;
    background-color: var(--uxs-option-selected-bg-color);
}

.ux-select:not(.-multiple) .ux-select-group__elem:not(.-disabled).-selected {
    cursor: default;
}

.ux-select.-radio .ux-select-group__elem.-selected:after, .ux-select.-checkbox .ux-select-group__elem.-selected:after {
    border: var(--uxs-option-styled-border-width) solid var(--uxs-option-hovered-bg-color);
    background-color: var(--uxs-option-styled-background-color);
}

:root {
    --header-margin: 80px;
    --button-height: 56px;
    --container-padding: 40px;
    --column-gap: 10px;
    --row-gap: 140px;
    --transition-duration: .3s;
}
@media (max-width: 1439px) {
    :root {
        --container-padding: 20px;
        --header-margin: 60px;
        --row-gap: 120px;
    }
}
@media (max-width: 1023px) {
    :root {
        --header-margin: 40px;
        --row-gap: 100px;
    }
}
@media (max-width: 767px) {
    :root {
        --header-margin: 20px;
        --container-padding: 15px;
        --row-gap: 60px;
    }
}

.container-unlimited, .container-outer, .container,
.cards-request__container,
.expert-banner,
.audit-cards__container,
.main-quote__container,
.main-banner__inner,
.audit-banner__inner,
.request-themes__container,
.search-banner__container,
.clients__container,
.partners__inner,
.banner__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    width: 100%;
}

.container,
.cards-request__container,
.expert-banner,
.audit-cards__container,
.main-quote__container,
.main-banner__inner,
.audit-banner__inner,
.request-themes__container,
.search-banner__container,
.clients__container,
.partners__inner,
.banner__container {
    max-width: calc(1320px + var(--container-padding, 0px) * 2);
}
.container-small,
.search-banner__content {
    margin-left: 0;
    max-width: calc(8 * calc(1320px / 12 - var(--column-gap) * 11 / 12) + (8 - 1) * var(--column-gap));
}
.container-outer {
    max-width: calc(1320px + (var(--container-padding, 0px) + 140px) * 2);
}
@media (max-width: 1439px) {
    .container-unlimited {
        padding: 0;
    }
}

@font-face {
    font-family: "Inter";
    src: url(/local/templates/new/fonts/Inter-Bold.woff2);
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url(/local/templates/new/fonts/Inter-Medium.woff2);
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url(/local/templates/new/fonts/Inter-Regular.woff2);
    font-weight: 400;
    font-display: swap;
}
h1,
.h1,
.scroll-preventing-slider__card--type-1 .scroll-preventing-slider__card__title,
.main-quote__text,
.clients__title,
.mobile-menu__nav__item__title,
.partners__header__title {
    font-weight: 500;
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -0.05em;
}
@media (max-width: 1439px) {
    h1,
    .h1,
    .scroll-preventing-slider__card--type-1 .scroll-preventing-slider__card__title,
    .main-quote__text,
    .clients__title,
    .mobile-menu__nav__item__title,
    .partners__header__title {
        font-size: 80px;
        line-height: 80px;
    }
}
@media (max-width: 1023px) {
    h1,
    .h1,
    .scroll-preventing-slider__card--type-1 .scroll-preventing-slider__card__title,
    .main-quote__text,
    .clients__title,
    .mobile-menu__nav__item__title,
    .partners__header__title {
        font-size: 60px;
        line-height: 60px;
    }
}
@media (max-width: 767px) {
    h1,
    .h1,
    .scroll-preventing-slider__card--type-1 .scroll-preventing-slider__card__title,
    .main-quote__text,
    .clients__title,
    .mobile-menu__nav__item__title,
    .partners__header__title {
        font-size: 30px;
        line-height: 36px;
    }
}

h2,
.h2,
.index-links a,
.scroll-preventing-slider__card--type-2 .scroll-preventing-slider__card__title,
.prices__item__title,
.news-detail__offer__title,
.price-card__price__big,
.cards-request__form__title,
.cards-request__cards__item__price__nums,
.team__item__name,
.banner-popup__title,
.steps__item__title,
.steps__item::before {
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
    letter-spacing: -0.05em;
}
@media (max-width: 1439px) {
    h2,
    .h2,
    .index-links a,
    .scroll-preventing-slider__card--type-2 .scroll-preventing-slider__card__title,
    .prices__item__title,
    .news-detail__offer__title,
    .price-card__price__big,
    .cards-request__form__title,
    .cards-request__cards__item__price__nums,
    .team__item__name,
    .banner-popup__title,
    .steps__item__title,
    .steps__item::before {
        font-size: 50px;
        line-height: 40px;
    }
}
@media (max-width: 1023px) {
    h2,
    .h2,
    .index-links a,
    .scroll-preventing-slider__card--type-2 .scroll-preventing-slider__card__title,
    .prices__item__title,
    .news-detail__offer__title,
    .price-card__price__big,
    .cards-request__form__title,
    .cards-request__cards__item__price__nums,
    .team__item__name,
    .banner-popup__title,
    .steps__item__title,
    .steps__item::before {
        font-size: 40px;
        line-height: 40px;
    }
}
@media (max-width: 767px) {
    h2,
    .h2,
    .index-links a,
    .scroll-preventing-slider__card--type-2 .scroll-preventing-slider__card__title,
    .prices__item__title,
    .news-detail__offer__title,
    .price-card__price__big,
    .cards-request__form__title,
    .cards-request__cards__item__price__nums,
    .team__item__name,
    .banner-popup__title,
    .steps__item__title,
    .steps__item::before {
        font-size: 26px;
        line-height: 30px;
    }
}

h3,
.h3,
.support__exactly__title {
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
}

.lead,
.price-card-group__title,
.search-list__item__title,
.license__header {
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
}
@media (max-width: 1023px) {
    .lead,
    .price-card-group__title,
    .search-list__item__title,
    .license__header {
        font-size: 20px;
        line-height: 28px;
    }
}

.big-title,
.cases__portfolio__item__title,
.request__block__title,
.cards-request__form__group__title,
.cards-request__cards__item__title,
.main-banner__sup,
.request-themes__item__title,
.main__portfolio__item__title,
.support__tariff__card__title,
.support__exactly__title--small,
.tariff__table__choose-header {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}
@media (max-width: 767px) {
    .big-title,
    .cases__portfolio__item__title,
    .request__block__title,
    .cards-request__form__group__title,
    .cards-request__cards__item__title,
    .main-banner__sup,
    .request-themes__item__title,
    .main__portfolio__item__title,
    .support__tariff__card__title,
    .support__exactly__title--small,
    .tariff__table__choose-header {
        font-size: 16px;
        line-height: 20px;
    }
}

.title,
.awards__list__item__title,
.pagination__page,
.case-card__body__top__name,
.quote__name,
.advantages__item__titile,
.tabs__controls--buttons .tabs__controls__control__visual,
.services__item__title,
.prices__item__price,
.feedback-block__text,
.blog-card__title,
.cases-filter__big-radio__item__visual,
.price-card__title,
.cards-request__cards__item__terms__value,
.learn__btn,
.why__card__title,
.search-banner__input input,
.team__item__mail,
.team__item__post,
.clients__text,
.certificates__item__title,
.mobile-menu__button,
.license__item__price,
.license__item__info__title,
.support__how,
.tariff__table thead th,
.tariff__tabs__controls__item__visual,
.tariff__tabs__select-control select,
.banner__title,
.banner__img__pill,
.footer__nav__item {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}
@media (max-width: 1023px) {
    .title,
    .awards__list__item__title,
    .pagination__page,
    .case-card__body__top__name,
    .quote__name,
    .advantages__item__titile,
    .tabs__controls--buttons .tabs__controls__control__visual,
    .services__item__title,
    .prices__item__price,
    .feedback-block__text,
    .blog-card__title,
    .cases-filter__big-radio__item__visual,
    .price-card__title,
    .cards-request__cards__item__terms__value,
    .learn__btn,
    .why__card__title,
    .search-banner__input input,
    .team__item__mail,
    .team__item__post,
    .clients__text,
    .certificates__item__title,
    .mobile-menu__button,
    .license__item__price,
    .license__item__info__title,
    .support__how,
    .tariff__table thead th,
    .tariff__tabs__controls__item__visual,
    .tariff__tabs__select-control select,
    .banner__title,
    .banner__img__pill,
    .footer__nav__item {
        font-size: 16px;
        line-height: 20px;
    }
}

.header-60 {
    font: 500 60px/78px Inter;
    letter-spacing: -0.05em;
}
@media (max-width: 1439px) {
    .header-60 {
        font-size: 40px;
        line-height: 1.3;
    }
}
@media (max-width: 767px) {
    .header-60 {
        font-size: 30px;
    }
}

.menu,
.custom-file-input__info__status,
.main-banner__footer,
.clients__sup,
.partners__header__caption,
.tariff__table__td,
.tariff__table__choose__price__sub,
.tariff__advantages__item__text,
.banner__caption,
.header__link,
.header__search-input input {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}
@media (max-width: 1023px) {
    .menu,
    .custom-file-input__info__status,
    .main-banner__footer,
    .clients__sup,
    .partners__header__caption,
    .tariff__table__td,
    .tariff__table__choose__price__sub,
    .tariff__advantages__item__text,
    .banner__caption,
    .header__link,
    .header__search-input input {
        font-size: 12px;
        line-height: 20px;
    }
}

.small-text,
.cases__portfolio__card-text__info small,
.awards__list__item__caption,
.quote__caption,
.tag,
.radio-tags__item__visual,
.tippy-box,
.blog-card__date,
.custom-input__helper,
.custom-input__label,
.cards-request__form__checkbox-group.is-invalid::after,
.cards-request__cards__item__terms__caption,
.cards-request__cards__item__price__caption,
.custom-file-input__info__name,
.main__portfolio__card-text__info small,
.certificates__item__caption,
.search-list__item__way,
.license__item__info__caption,
.tariff__table__rowhead,
.tariff__table__th__body,
.tariff__table__th__caption,
.tariff__table__choose__cost,
.tariff__table__choose__sup,
.tariff__table__legend__item,
.tariff__tabs__content__text,
.footer__contacts,
.footer__copyright {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
@media (max-width: 1439px) {
    .small-text,
    .cases__portfolio__card-text__info small,
    .awards__list__item__caption,
    .quote__caption,
    .tag,
    .radio-tags__item__visual,
    .tippy-box,
    .blog-card__date,
    .custom-input__helper,
    .custom-input__label,
    .cards-request__form__checkbox-group.is-invalid::after,
    .cards-request__cards__item__terms__caption,
    .cards-request__cards__item__price__caption,
    .custom-file-input__info__name,
    .main__portfolio__card-text__info small,
    .certificates__item__caption,
    .search-list__item__way,
    .license__item__info__caption,
    .tariff__table__rowhead,
    .tariff__table__th__body,
    .tariff__table__th__caption,
    .tariff__table__choose__cost,
    .tariff__table__choose__sup,
    .tariff__table__legend__item,
    .tariff__tabs__content__text,
    .footer__contacts,
    .footer__copyright {
        font-size: 12px;
    }
}

.text-content > p, .text-content > .text-content__block p, .case-card__body__bot__text, .scroll-preventing-slider__card .scroll-preventing-slider__card__caption, .advantages__item__caption, .services__item__text, .prices__item__time, .prices__item__text, .blog-card__text, .custom-input, .expert-banner__inner__caption, .team__item__description__block, .tariff__table__choose-header__select select, .banner-popup__caption, .steps__item__caption, .custom-checkbox, .breadcrumbs__item, body,
html {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 1023px) {
    .text-content > p, .text-content > .text-content__block p, .case-card__body__bot__text, .scroll-preventing-slider__card .scroll-preventing-slider__card__caption, .advantages__item__caption, .services__item__text, .prices__item__time, .prices__item__text, .blog-card__text, .custom-input, .expert-banner__inner__caption, .team__item__description__block, .tariff__table__choose-header__select select, .banner-popup__caption, .steps__item__caption, .custom-checkbox, .breadcrumbs__item, body,
    html {
        font-size: 14px;
        line-height: 20px;
    }
}

body,
html {
    color: #000000;
    font-family: "Inter";
    font-style: normal;
}

input,
textarea,
select,
button {
    font-family: inherit;
}

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

.link,
.footer__contacts a {
    color: #306AFF;
    border-bottom-color: #306AFF;
    border-bottom-width: 1px;
    display: inline-flex;
}
.link--underlined {
    border-bottom-style: solid;
    padding-bottom: 5px;
}
.link--dashed {
    border-bottom-style: dashed;
    padding-bottom: 5px;
}
.link--text-underlined {
    text-decoration: underline;
}

.text-colored--blue {
    color: #306AFF;
}
.text-colored--grey,
.vacancy-list__item__content__block__text,
.vacancy-list__item__header__text {
    color: #616177;
}
.text-colored--grey-dark,
.main-quote__text::before {
    color: #264FB8;
}
.text-colored--grey-middle1 {
    color: #616177;
}
.text-colored--grey-middle {
    color: #DFE2EC;
}

.universal-responses header .splide__arrows .splide__arrow, .integration__team .splide__arrow, .integration__cases .splide__arrow {
    --arrow-size: 64px;
    align-self: center;
    width: var(--arrow-size);
    height: var(--arrow-size);
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    background-color: transparent;
    justify-content: center;
    --color: #306AFF;
    --size: 16px;
    cursor: pointer;
    transition: background-color ease 0.3s;
}
.universal-responses header .splide__arrows .splide__arrow::before, .integration__team .splide__arrow::before, .integration__cases .splide__arrow::before {
    content: "";
}
.universal-responses header .splide__arrows .splide__arrow:hover, .integration__team .splide__arrow:hover, .integration__cases .splide__arrow:hover {
    background-color: #fff;
}
.universal-responses header .splide__arrows .splide__arrow:disabled, .integration__team .splide__arrow:disabled, .integration__cases .splide__arrow:disabled {
    cursor: default;
    background-color: transparent;
    --color: #000;
}
@media (max-width: 1439px) {
    .universal-responses header .splide__arrows .splide__arrow, .integration__team .splide__arrow, .integration__cases .splide__arrow {
        --arrow-size: 56px;
    }
}

header {
    margin-bottom: var(--header-margin);
    z-index: 1;
    position: relative;
}

.header {
    position: sticky;
    top: calc(-1 * var(--header-height, 300px));
    z-index: 98;
    transition: top 0.7s;
    transition: all var(--transition-duration, 0.3s) ease;
}
.header.sticky {
    top: 0;
    background-color: #fafafa;
}
@media (min-width: 1439px) {
    .header--inversed {
        background-color: transparent;
        color: #fff;
    }
    .header--inversed .header__logo img:nth-child(1) {
        display: none;
    }
    .header--inversed .header__logo img:nth-child(2) {
        display: block;
    }
    .header--inversed .header__search-toggler .icon, .header--inversed .header__search-toggler .propirtional-img--link::after, .header--inversed .header__search-toggler .integration__reviews .splide__arrow::before, .integration__reviews .header--inversed .header__search-toggler .splide__arrow::before, .header--inversed .header__search-toggler .integration__solve__item__image__button::after, .header--inversed .header__search-toggler .support__about__slider .splide__arrow::before, .support__about__slider .header--inversed .header__search-toggler .splide__arrow::before, .header--inversed .header__search-toggler .support__about__link::after, .header--inversed .header__search-toggler .support__samples .splide__arrow::before, .support__samples .header--inversed .header__search-toggler .splide__arrow::before, .header--inversed .header__search-toggler .support__complex__grid .splide__arrow::before, .support__complex__grid .header--inversed .header__search-toggler .splide__arrow::before, .header--inversed .header__search-toggler .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .header--inversed .header__search-toggler .splide__arrow::before, .header--inversed .header__search-toggler .integration__team .splide__arrow::before, .integration__team .header--inversed .header__search-toggler .splide__arrow::before, .header--inversed .header__search-toggler .integration__cases .splide__arrow::before, .integration__cases .header--inversed .header__search-toggler .splide__arrow::before {
        --color: #fff;
    }
    .header--inversed .button.button--secondary {
        border-color: #fff;
        color: #fff;
    }
    .header--inversed .button.button--secondary:hover {
        background: #fff;
        color: #306AFF;
    }
    .header--inversed .header__link--is-active, .header--inversed .header__link:hover {
        color: #FFF;
    }
}
.header.search-opened {
    background: #306AFF;
    color: #fff;
}
.header.search-opened .header__link--is-active, .header.search-opened .header__link:hover {
    color: #FFF;
}
.header.search-opened .header__search-input {
    opacity: 1;
}
@media (max-width: 767px) {
    .header.search-opened .header__search-input {
        position: fixed;
        background: #306AFF;
        top: var(--header-height);
        left: 0;
        bottom: 0;
        right: 0;
        margin-bottom: 0;
        align-items: flex-start;
        padding: 20px var(--container-padding);
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .header.search-opened .header__search-input::before {
        content: "";
        width: 100%;
        position: relative;
        top: -20px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
}
.header.search-opened .search-opened__hidden {
    display: none;
}
.header.search-opened .header__search-toggler .icon.icon--close, .header.search-opened .header__search-toggler .icon--close.propirtional-img--link::after, .header.search-opened .header__search-toggler .integration__reviews .icon--close.splide__arrow::before, .integration__reviews .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .icon--close.integration__solve__item__image__button::after, .header.search-opened .header__search-toggler .support__about__slider .icon--close.splide__arrow::before, .support__about__slider .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .icon--close.support__about__link::after, .header.search-opened .header__search-toggler .support__samples .icon--close.splide__arrow::before, .support__samples .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .support__complex__grid .icon--close.splide__arrow::before, .support__complex__grid .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .universal-responses header .splide__arrows .icon--close.splide__arrow::before, .universal-responses header .splide__arrows .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .integration__team .icon--close.splide__arrow::before, .integration__team .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .integration__cases .icon--close.splide__arrow::before, .integration__cases .header.search-opened .header__search-toggler .icon--close.splide__arrow::before {
    --size: 44px;
}
@media (max-width: 767px) {
    .header.search-opened .header__search-toggler .icon.icon--close, .header.search-opened .header__search-toggler .icon--close.propirtional-img--link::after, .header.search-opened .header__search-toggler .integration__reviews .icon--close.splide__arrow::before, .integration__reviews .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .icon--close.integration__solve__item__image__button::after, .header.search-opened .header__search-toggler .support__about__slider .icon--close.splide__arrow::before, .support__about__slider .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .icon--close.support__about__link::after, .header.search-opened .header__search-toggler .support__samples .icon--close.splide__arrow::before, .support__samples .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .support__complex__grid .icon--close.splide__arrow::before, .support__complex__grid .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .universal-responses header .splide__arrows .icon--close.splide__arrow::before, .universal-responses header .splide__arrows .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .integration__team .icon--close.splide__arrow::before, .integration__team .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .integration__cases .icon--close.splide__arrow::before, .integration__cases .header.search-opened .header__search-toggler .icon--close.splide__arrow::before {
        --size: 40px;
    }
}
.header.search-opened .header__search-toggler,
.header.search-opened .header__burger .icon,
.header.search-opened .header__burger .propirtional-img--link::after,
.header.search-opened .header__burger .integration__reviews .splide__arrow::before,
.integration__reviews .header.search-opened .header__burger .splide__arrow::before,
.header.search-opened .header__burger .integration__solve__item__image__button::after,
.header.search-opened .header__burger .support__about__slider .splide__arrow::before,
.support__about__slider .header.search-opened .header__burger .splide__arrow::before,
.header.search-opened .header__burger .support__about__link::after,
.header.search-opened .header__burger .support__samples .splide__arrow::before,
.support__samples .header.search-opened .header__burger .splide__arrow::before,
.header.search-opened .header__burger .support__complex__grid .splide__arrow::before,
.support__complex__grid .header.search-opened .header__burger .splide__arrow::before,
.header.search-opened .header__burger .universal-responses header .splide__arrows .splide__arrow::before,
.universal-responses header .splide__arrows .header.search-opened .header__burger .splide__arrow::before,
.header.search-opened .header__burger .integration__team .splide__arrow::before,
.integration__team .header.search-opened .header__burger .splide__arrow::before,
.header.search-opened .header__burger .integration__cases .splide__arrow::before,
.integration__cases .header.search-opened .header__burger .splide__arrow::before {
    --color: #fff;
}
.header.search-opened .header__search-toggler:hover,
.header.search-opened .header__burger .icon:hover,
.header.search-opened .header__burger .propirtional-img--link:hover::after,
.header.search-opened .header__burger .integration__reviews .splide__arrow:hover::before,
.integration__reviews .header.search-opened .header__burger .splide__arrow:hover::before,
.header.search-opened .header__burger .integration__solve__item__image__button:hover::after,
.header.search-opened .header__burger .support__about__slider .splide__arrow:hover::before,
.support__about__slider .header.search-opened .header__burger .splide__arrow:hover::before,
.header.search-opened .header__burger .support__about__link:hover::after,
.header.search-opened .header__burger .support__samples .splide__arrow:hover::before,
.support__samples .header.search-opened .header__burger .splide__arrow:hover::before,
.header.search-opened .header__burger .support__complex__grid .splide__arrow:hover::before,
.support__complex__grid .header.search-opened .header__burger .splide__arrow:hover::before,
.header.search-opened .header__burger .universal-responses header .splide__arrows .splide__arrow:hover::before,
.universal-responses header .splide__arrows .header.search-opened .header__burger .splide__arrow:hover::before,
.header.search-opened .header__burger .integration__team .splide__arrow:hover::before,
.integration__team .header.search-opened .header__burger .splide__arrow:hover::before,
.header.search-opened .header__burger .integration__cases .splide__arrow:hover::before,
.integration__cases .header.search-opened .header__burger .splide__arrow:hover::before {
    --color: #306AFF;
    background: #fff;
}
.header:not(.search-opened).header--white {
    background: #fff;
}
.header:not(.search-opened) .search-opened__visible {
    display: none;
}
.header:not(.search-opened) .header__search-input {
    background: transparent;
    opacity: 0;
}
.header__wrapper {
    padding: 40px 0;
    position: relative;
}
@media (max-width: 1023px) {
    .header__wrapper {
        padding: 30px 0;
    }
}
@media (max-width: 767px) {
    .header__wrapper {
        padding: 10px 0;
    }
}
.header__logo img {
    width: 89px;
    height: auto;
}
@media (max-width: 1023px) {
    .header__logo img {
        width: 60px;
    }
}
.header__logo-subtext {
    font-size: 10px;
}
.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
}
@media (max-width: 1023px) {
    .header__inner {
        gap: 12px;
    }
}
.header__group {
    --group-gap: 50px;
    display: flex;
    align-items: stretch;
    gap: var(--group-gap);
}
.header__group--grow {
    flex: 1 1 0;
}
@media (max-width: 1439px) {
    .header__group {
        --group-gap: 40px;
    }
}
@media (max-width: 1023px) {
    .header__group {
        --group-gap: 14px;
    }
}
.header__item {
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.header__item:not(:hover) .header__item__drop {
    opacity: 0;
    pointer-events: none;
}
.header__item__drop {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    transition: all var(--transition-duration, 0.3s) ease;
    white-space: nowrap;
    z-index: 10;
    color: #000;
}
.header__item__drop .header__link:hover {
    color: #306AFF;
}
.header__search-toggler {
    cursor: pointer;
    margin-left: calc(max(var(--group-gap) - 20px, 0px) * -1);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .header__search-toggler {
        border: #fff 2px solid;
        width: 40px;
        height: 40px;
    }
}
.header__search-input {
    transition: all var(--transition-duration, 0.3s) ease;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 15%;
}
.header__search-input input {
    width: 100%;
    background: transparent;
    outline: none;
    border: none;
    color: #fff;
}
.header__search-input input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5019607843);
}
.header__search-input input::placeholder {
    color: rgba(255, 255, 255, 0.5019607843);
}
.header__link {
    white-space: nowrap;
}
.header__link:hover, .header__link--is-active {
    color: #306AFF;
}
.header__burger .icon, .header__burger .propirtional-img--link::after, .header__burger .integration__reviews .splide__arrow::before, .integration__reviews .header__burger .splide__arrow::before, .header__burger .integration__solve__item__image__button::after, .header__burger .support__about__slider .splide__arrow::before, .support__about__slider .header__burger .splide__arrow::before, .header__burger .support__about__link::after, .header__burger .support__samples .splide__arrow::before, .support__samples .header__burger .splide__arrow::before, .header__burger .support__complex__grid .splide__arrow::before, .support__complex__grid .header__burger .splide__arrow::before, .header__burger .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .header__burger .splide__arrow::before, .header__burger .integration__team .splide__arrow::before, .integration__team .header__burger .splide__arrow::before, .header__burger .integration__cases .splide__arrow::before, .integration__cases .header__burger .splide__arrow::before {
    --color: #306AFF;
    --size: 40px;
    display: block;
}
.breadcrumbs {
    margin-bottom: 20px;
    --main-color: #616177;
    --accent-color: #306AFF;
    font-size: 0;
}
.breadcrumbs--light {
    --main-color: #DFE2EC;
    --accent-color: #fff;
}
.breadcrumbs__item {
    color: var(--main-color);
}
.breadcrumbs__item:last-child {
    color: var(--accent-color);
    pointer-events: none;
}
.breadcrumbs__item:last-child::after {
    display: none;
}
.breadcrumbs__item::after {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--main-color);
    vertical-align: middle;
    margin: 0 8px;
}

.button,
.learn__btn {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    border-radius: 666px;
    transition: all var(--transition-duration, 0.3s) ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    --border: 2px;
    --px: 50px;
    --py: 20px;
    --accent: #306AFF;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (max-width: 1439px) {
    .button,
    .learn__btn {
        font-size: 18px;
        --py: 14px;
    }
}
@media (max-width: 1023px) {
    .button,
    .learn__btn {
        --py: 10px;
        --px: 30px;
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .button,
    .learn__btn {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        --px: 30px;
        --py: 10px;
        width: 100%;
    }
}
.button--small {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    --px: 30px;
    --py: 10px;
}
.button:hover,
.learn__btn:hover {
    --accent: #0C43CF;
}
.button--primary,
.learn__btn {
    padding: var(--py) var(--px);
    color: #fff;
    background-color: var(--accent);
}
.button--secondary {
    padding: calc(var(--py) - var(--border) * 2) calc(var(--px) - var(--border) * 2);
    color: #000;
    border: var(--border) solid var(--accent);
    background-color: transparent;
}
.button--secondary--white {
    color: #fff;
    border-color: #fff;
}
.button--secondary:hover {
    background-color: var(--accent);
    color: #fff;
}
.button--tertiary {
    gap: 10px;
    --size: 24px;
    --border: 1px;
    padding: calc(var(--py) - var(--border) * 2) calc(var(--px) - var(--border) * 2);
    background-color: transparent;
    color: #000;
    border: var(--border) solid #306AFF;
    --color: #000;
}
.button--tertiary:hover:not(:disabled) {
    border-color: #0633A7;
    color: #0633A7;
    --color: #0633A7;
}
.button--tertiary:disabled {
    opacity: 0.4;
}
.button--quaternary {
    --border: 1px;
    padding: calc(var(--py) - var(--border) * 2) calc(var(--px) - var(--border) * 2);
    background-color: transparent;
    color: #fff;
    border: var(--border) solid #fff;
}
.button--quaternary:hover:not(:disabled) {
    border-color: #0633A7;
    color: #0633A7;
}
.button--quaternary:disabled {
    opacity: 0.4;
}
.button--on-blue-bg:hover {
    background-color: #fff;
    color: var(--accent);
}
.button--white-bg {
    background-color: #fff;
    color: #000;
}
.button--white-bg:hover:not(:disabled) {
    color: #306AFF;
}
.button--white-bg:disabled {
    opacity: 0.4;
}
.button--yellow {
    --px: 50px;
    --py: 20px;
    background-color: #fbc117;
    border-color: #fbc117;
    color: #000;
    max-width: 266px;
}
.button--yellow:hover {
    background-color: #fbc117;
    border-color: #fbc117;
    color: #000;
}
@media (max-width: 1023px) {
    .button--yellow {
        --px: 30px;
        --py: 10px;
        width: auto;
    }
}
@media (max-width: 767px) {
    .button--yellow {
        --py: 10px;
        font-size: 16px;
        line-height: 30px;
        max-width: 330px;
    }
}
.button--yellow-contour {
  background-color: transparent;
  color: #000;
}
.button--yellow-contour:hover {
  background-color: transparent;
  color: #ffad0f;
}
@media (max-width: 1439px) {
  .button--yellow-contour {
    font-size: 20px;
  }
}
@media (max-width: 1023px) {
  .button--yellow-contour {
    --px: 50px;
    --py: 20px;
  }
}
@media (max-width: 767px) {
  .button--yellow-contour {
    font-size: 14px;
    line-height: 1.3;
    --px: 20px;
    --py: 10px;
  }
}
.button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    --all-size: 20px;
    --border-width: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.custom-checkbox input[type=checkbox] {
    width: var(--all-size);
    height: var(--all-size);
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.custom-checkbox input[type=checkbox]::before {
    visibility: visible;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-width: var(--border-width);
    border-style: solid;
    border-color: #306AFF;
    border-radius: 5px;
    transition: all var(--transition-duration, 0.3s) ease;
}
.custom-checkbox input[type=checkbox]::after {
    visibility: visible;
    position: absolute;
    content: "";
    opacity: 0;
    --color: #fff;
    --size: var(--all-size);
    transition: all var(--transition-duration, 0.3s) ease;
}
.custom-checkbox input[type=checkbox]:checked::before {
    background-color: #306AFF;
}
.custom-checkbox input[type=checkbox]:checked::after {
    opacity: 1;
}

footer {
    background: #D2D6E1;
    border-radius: 40px 40px 0 0;
    padding: 80px 0;
    margin-top: var(--row-gap);
}
@media (max-width: 1439px) {
    footer {
        padding: 40px 0;
        border-radius: 20px 20px 0 0;
    }
}

.footer__inner {
    display: grid;
    grid-template-columns: auto auto;
    gap: 80px;
}
@media (max-width: 1439px) {
    .footer__inner {
        gap: 60px;
    }
}
@media (max-width: 767px) {
    .footer__inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.footer__nav {
    display: flex;
    gap: 60px;
}
@media (max-width: 1439px) {
    .footer__nav {
        gap: 40px;
    }
}
@media (max-width: 1023px) {
    .footer__nav {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .footer__nav {
        flex-direction: column;
    }
}
.footer__nav__item {
    transition: all var(--transition-duration, 0.3s) ease;
}
.footer__nav__item:hover, .footer__nav__item--is-active {
    color: #306AFF;
    text-decoration: underline;
}
.footer__socials {
    justify-self: flex-end;
}
@media (max-width: 767px) {
    .footer__socials {
        justify-self: flex-start;
    }
}
.footer__copyright {
    color: #616177;
    align-self: flex-end;
}
@media (max-width: 767px) {
    .footer__copyright {
        order: 999;
    }
}
.footer__contacts {
    color: #616177;
    align-self: flex-end;
    text-align: right;
}
.footer__contacts--left {
    text-align: left;
}
@media (max-width: 767px) {
    .footer__contacts {
        text-align: left;
    }
}
.footer__contacts a {
    color: inherit;
}
.footer__contacts a + a {
    margin-left: 40px;
}
.footer__contacts p:not(:first-child) {
    margin-top: 10px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
}
*::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
}

img:where(:not(.custom-style)) {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

main {
    display: flex;
    flex-direction: column;
    gap: var(--row-gap);
}
main.small-gap {
    --row-gap: 80px;
}
@media (max-width: 767px) {
    main.small-gap {
        --row-gap: 60px;
    }
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
    background-color: #fafafa;
}

body.noscroll {
    overflow-x: hidden;
    overflow-y: hidden;
    top: calc(-1 * var(--scroll-position, 0));
    padding-right: var(--scrollbar-width, 0);
    position: fixed;
    width: 100%;
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .d-mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .d-desktop {
        display: none !important;
    }
}

[hidden] {
    display: none !important;
}

.choices__list--dropdown, .tippy-box, .header__item__drop {
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.1));
}

@media (max-width: 1439px) {
    .section--underheader, .main-quote, .main-banner, .clients {
        margin-left: var(--container-padding);
        margin-right: var(--container-padding);
    }
}

.steps {
    display: flex;
    flex-direction: column;
    gap: 80px;
    counter-reset: biba;
}
.steps__item {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--column-gap);
    opacity: 0.3;
    --num-color:#616177;
    --title-color:#616177;
    --caption-color:#616177;
    transition-property: color, opacity;
    transition-duration: 1s;
    transition-delay: 0.5s;
    transition-timing-function: ease;
}
@media (max-width: 767px) {
    .steps__item {
        grid-template-columns: min-content 1fr 1fr 1fr;
    }
}
.steps__item--is-visible {
    opacity: 1;
    --num-color:#306AFF;
    --title-color: #000;
    --caption-color:#616177;
}
.steps__item:nth-child(-n+9)::before {
    content: "0" counter(biba);
}
.steps__item::before {
    counter-increment: biba;
    content: counter(biba);
    grid-column: 1/3;
    color: var(--num-color);
    transition: inherit;
}
@media (max-width: 1023px) {
    .steps__item::before {
        grid-column: 1;
    }
}
.steps__item__title {
    grid-column: 3/8;
    color: var(--title-color);
    transition: inherit;
}
@media (max-width: 1439px) {
    .steps__item__title {
        grid-column: 3/7;
    }
}
@media (max-width: 1023px) {
    .steps__item__title {
        grid-column: 2/6;
    }
}
@media (max-width: 767px) {
    .steps__item__title {
        grid-column: 2/-1;
    }
}
.steps__item__caption {
    grid-column: 10/13;
    padding: 20px 0;
    color: var(--caption-color);
    transition: inherit;
}
@media (max-width: 1439px) {
    .steps__item__caption {
        grid-column: 9/13;
    }
}
@media (max-width: 767px) {
    .steps__item__caption {
        grid-column: 1/-1;
    }
}

.custom-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--gap) * 2);
    --gap: 18px;
}
@media (max-width: 767px) {
    .custom-form {
        --gap: 12px;
    }
}
.custom-form__group {
    display: flex;
    gap: var(--gap);
}
@media (max-width: 767px) {
    .custom-form__group {
        flex-direction: column;
        align-items: stretch;
        gap: calc(var(--gap) * 2);
    }
}
.custom-form__col {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--gap);
}
@media (max-width: 767px) {
    .custom-form__col:empty {
        display: none;
    }
}
.custom-form__row {
    display: flex;
    gap: var(--gap);
}
@media (max-width: 767px) {
    .custom-form__row {
        flex-direction: column;
    }
}
.custom-form__cell {
    flex: 1 1 0;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--gap) / 2);
}
.custom-form__cell--centered {
    justify-content: center;
}
.custom-form__cell--big {
    flex: 3 1 0;
}

.vacancy-list {
    --gap: 40px;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
@media (max-width: 1023px) {
    .vacancy-list {
        --gap: 20px;
    }
}
.vacancy-list__item:not(:last-child) {
    padding-bottom: var(--gap);
    border-bottom: 2px solid #E3E6E6;
}
.vacancy-list__item__header {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 30px var(--column-gap);
    align-items: center;
}
@media (max-width: 1439px) {
    .vacancy-list__item__header {
        gap: 20px var(--column-gap);
    }
}
.vacancy-list__item__header__title {
    grid-row: 1;
    grid-column: 1/11;
}
@media (max-width: 767px) {
    .vacancy-list__item__header__title {
        grid-column: 1/-1;
    }
}
.vacancy-list__item__header__flipper {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vacancy-list__item__header__flipper-wrapper {
    grid-column: 12/13;
}
@media (max-width: 767px) {
    .vacancy-list__item__header__flipper-wrapper {
        grid-column: 1/2;
        grid-row: 3;
    }
}
@media (max-width: 1023px) {
    .vacancy-list__item__header__flipper {
        width: 50px;
        height: 50px;
    }
}
.vacancy-list__item__header__flipper .icon, .vacancy-list__item__header__flipper .propirtional-img--link::after, .vacancy-list__item__header__flipper .integration__reviews .splide__arrow::before, .integration__reviews .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .integration__solve__item__image__button::after, .vacancy-list__item__header__flipper .support__about__slider .splide__arrow::before, .support__about__slider .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .support__about__link::after, .vacancy-list__item__header__flipper .support__samples .splide__arrow::before, .support__samples .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .integration__team .splide__arrow::before, .integration__team .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .integration__cases .splide__arrow::before, .integration__cases .vacancy-list__item__header__flipper .splide__arrow::before {
    --color: #306AFF;
    --size: 30px;
}
.vacancy-list__item__header__text {
    grid-row: 2;
    grid-column: 1/11;
}
@media (max-width: 767px) {
    .vacancy-list__item__header__text {
        grid-column: 1/-1;
    }
}
.vacancy-list__item__content {
    gap: 60px var(--column-gap);
    padding-top: 80px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 1439px) {
    .vacancy-list__item__content {
        padding-top: 40px;
        gap: 40px var(--column-gap);
    }
}
.vacancy-list__item__content__block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    grid-column: 1/8;
}
@media (max-width: 1439px) {
    .vacancy-list__item__content__block {
        grid-column: 1/9;
    }
}
@media (max-width: 1023px) {
    .vacancy-list__item__content__block {
        grid-column: 1/-1;
    }
}
.banner {
    display: block;
    background: #306AFF;
    color: #fff;
    position: relative;
    overflow: hidden;
}
@media (max-width: 767px) {
    .banner {
        display: none;
    }
}
.banner__content {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: minmax(60px, auto);
    align-items: center;
    gap: 20px;
}
@media (max-width: 1023px) {
    .banner__content {
        grid-template-rows: minmax(40px, auto);
    }
}
.banner__img {
    position: relative;
    align-self: stretch;
    height: 100%;
    align-items: stretch;
}
.banner__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    background: #fff;
    filter: blur(125px);
    width: 700px;
    height: 100%;
}
.banner__img__img {
    position: relative;
}
.banner__img__img img {
    width: auto;
    height: 100%;
}
.banner__img__pill {
    position: absolute;
    left: 0;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    padding: 0 20px;
    height: 40px;
    background: #d63971;
    border-radius: 666px;
}
@media (max-width: 1023px) {
    .banner__img__pill {
        height: 30px;
    }
}
.banner__title {
    justify-self: center;
    text-align: center;
}
@media (min-width: 1439px) {
    .banner__title {
        white-space: nowrap;
    }
}
.banner__caption {
    text-align: center;
    justify-self: flex-end;
}
@media (min-width: 768px) {
    .banner-popup {
        display: none !important;
    }
}
.banner-popup__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.banner-popup__btn .button {
    width: -moz-min-content;
    width: min-content;
}
.banner-popup__img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.banner-popup.popup {
    padding: 32px var(--container-padding);
}
.banner-popup.popup .popup__inner {
    overflow: hidden;
    position: relative;
    background: #306AFF;
    border-radius: 20px;
    color: #fff;
    padding: 40px 20px 165px 20px;
    min-height: 0;
}
.banner-popup.popup .popup__selfcloser {
    position: absolute;
    padding: 8px;
    top: 0;
    right: 0;
    --color: #fff;
}

.tariff__tabs__select-control {
    padding-bottom: 10px;
    border-bottom: 2px solid #DFE3EF;
    display: flex;
}
.tariff__tabs__select-control select {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px;
    cursor: pointer;
    background-image: url(/local/templates/new/images/icon/arrow-down.svg);
    background-size: 12px;
    background-position: right center;
    background-repeat: no-repeat;
}
.tariff__tabs__controls {
    display: flex;
    gap: 40px;
}
.tariff__tabs__controls__item {
    cursor: pointer;
}
input[type=radio]:checked ~ .tariff__tabs__controls__item__visual {
    color: #000000;
}
input[type=radio]:checked ~ .tariff__tabs__controls__item__visual::before {
    content: "";
    border-top: 1px solid #306AFF;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.tariff__tabs__controls__item__visual {
    display: block;
    padding-top: 5px;
    position: relative;
    color: #616177;
}
.tariff__tabs__content__text {
    color: #616177;
    max-width: 1098px;
}
.tariff__advantages {
    display: flex;
    gap: var(--column-gap);
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .tariff__advantages {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 1439px) {
    .tariff__advantages {
        gap: 24px;
    }
}
.tariff__advantages::before, .tariff__advantages::after {
    content: "";
    flex-shrink: 0;
    width: calc((100% - var(--column-gap) * 11) / 12);
}
@media (max-width: 1439px) {
    .tariff__advantages::before, .tariff__advantages::after {
        display: none;
    }
}
.tariff__advantages__item {
    flex: 1 1 0;
    text-align: center;
}
@media (min-width: 1439px) {
    .tariff__advantages__item {
        max-width: calc((100% - var(--column-gap) * 11) / 6);
    }
}
.tariff__advantages__item__img {
    --size: 125px;
    --color: #306AFF;
    display: flex;
    justify-content: center;
}
@media (max-width: 1439px) {
    .tariff__advantages__item__img {
        --size: 100px;
    }
}
@media (max-width: 1023px) {
    .tariff__advantages__item__img {
        --size: 85px;
    }
}
@media (max-width: 767px) {
    .tariff__advantages__item__img {
        --size: 70px;
    }
}
.tariff__advantages__item__img img {
    width: var(--size);
    height: var(--size);
}
.tariff__table {
    overflow: visible;
}
@media (max-width: 767px) {
    .tariff__table {
        word-break: break-word;
        margin: 0 -10px;
    }
}
.tariff__table-group {
    --table-row-header-width: 324px;
    overflow: auto;
}
@media (max-width: 1439px) {
    .tariff__table-group {
        margin: calc(var(--container-padding) * -1);
        padding: var(--container-padding);
    }
}
@media (max-width: 767px) {
    .tariff__table-group {
        --table-row-header-width: 155px;
    }
}
.tariff__table--choose {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .tariff__table--choose {
        margin-top: 10px;
    }
}
.tariff__table--choose thead tr th:not(:first-child) {
    border-radius: 10px;
}
.tariff__table--releases:not(:first-child) {
    margin-top: 80px;
}
@media (max-width: 767px) {
    .tariff__table--releases:not(:first-child) {
        margin-top: 40px;
    }
}
.tariff__table--releases tbody tr:first-child td:not(:first-child) {
    position: relative;
}
.tariff__table--releases tbody tr:first-child td:not(:first-child)::after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    border-top: 1px solid #D4D9EF;
    width: calc(100% - 31px);
}
.tariff__table--licenses {
    margin-top: 20px;
}
@media (max-width: 767px) {
    .tariff__table--licenses {
        margin-top: 10px;
    }
}
.tariff__table--licenses .custom-list, .tariff__table--licenses .integration__products__item__body ul, .integration__products__item__body .tariff__table--licenses ul, .tariff__table--licenses .integration__steps__item ul, .integration__steps__item .tariff__table--licenses ul, .tariff__table--licenses .integration__calc__text ul, .integration__calc__text .tariff__table--licenses ul {
    margin-top: 20px;
}
.tariff__table--licenses thead tr th:not(:first-child) {
    border-radius: 10px;
}
.tariff__table--licenses tbody tr td {
    background: #FAFAFA;
}
.tariff__table__legend {
    display: flex;
    justify-content: center;
    padding-left: var(--table-row-header-width);
    padding-right: calc((100% - var(--column-gap) * 11) / 12);
    gap: 20px;
    margin-top: 40px;
}
@media (max-width: 767px) {
    .tariff__table__legend {
        padding-left: 0;
        padding-right: 0;
        gap: 5px;
        justify-content: flex-start;
        position: sticky;
        left: 0;
    }
}
.tariff__table__legend__item {
    color: #616177;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 767px) {
    .tariff__table__legend__item {
        flex-direction: column;
        text-align: center;
        gap: 5px;
        width: 0;
        flex-grow: 1;
        word-break: break-all;
    }
}
.tariff__table__choose {
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: left;
    gap: 10px;
}
@media (max-width: 767px) {
    .tariff__table__choose {
        padding: 10px;
    }
}
.tariff__table__choose-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 21px;
}
.tariff__table__choose-header__select {
    padding-bottom: 10px;
    border-bottom: 2px solid #DFE3EF;
    display: inline-flex;
    max-width: 100%;
}
.tariff__table__choose-header__select select {
    max-width: 100%;
    background: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px;
    cursor: pointer;
    background-image: url(/local/templates/new/images/icon/arrow-down.svg);
    background-size: 12px;
    background-position: right center;
    background-repeat: no-repeat;
}
.tariff__table__choose__sup {
    color: #616177;
}
.tariff__table__choose__price {
    display: flex;
    align-items: baseline;
    gap: 4px;
}
@media (max-width: 767px) {
    .tariff__table__choose__price {
        flex-wrap: wrap;
        align-items: flex-start;
    }
}
.tariff__table__choose__price__sub {
    margin-right: auto;
}
.tariff__table__choose__price__pill {
    padding: 2px 5px;
    border-radius: 666px;
    background: #306AFF;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    align-self: center;
}
.tariff__table__choose__cost {
    color: #616177;
}
.tariff__table__choose__cost__line-through {
    margin-right: 4px;
    text-decoration: line-through;
}
.tariff__table__choose__btn {
    margin-top: auto;
}
.tariff__table__choose__btn .button {
    width: 100%;
}
.tariff__table__th {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.tariff__table__th__caption {
    color: #616177;
}
.tariff__table__th__header {
    padding: 5px 30px;
}
@media (max-width: 767px) {
    .tariff__table__th__header {
        padding: 10px;
    }
}
.tariff__table__th__body {
    padding: 10px 20px;
    background: #FAFAFA;
    border-radius: 10px;
    color: #616177;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .tariff__table__th__body {
        padding: 10px;
    }
}
.tariff__table__rating {
    pointer-events: none;
    --size: 16px;
    --border-width: 2px;
    --color: #306AFF;
    --bg: #EEF0F9;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}
.tariff__table__rating__item {
    width: calc(var(--size) + var(--border-width) * 2);
    height: calc(var(--size) + var(--border-width) * 2);
    border-radius: 50%;
    visibility: hidden;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}
.tariff__table__rating__item:not(:last-child) {
    margin-left: calc(var(--size) * -0.5);
}
.tariff__table__rating__item:last-child {
    display: flex;
}
.tariff__table__rating__item.checked {
    display: flex;
}
.tariff__table__rating__item.checked::before {
    background: var(--color);
}
.tariff__table__rating__item.checked ~ .tariff__table__rating__item {
    display: flex;
}
.tariff__table__rating__item.checked ~ .tariff__table__rating__item::before {
    background: var(--color);
}
.tariff__table__rating__item::before {
    background: transparent;
    visibility: visible;
    position: absolute;
    border-radius: inherit;
    content: "";
    border: var(--border-width) solid var(--color);
    width: var(--size);
    height: var(--size);
}
.tariff__table__rating__item::after {
    background: transparent;
    visibility: visible;
    position: absolute;
    border-radius: inherit;
    content: "";
    width: 100%;
    height: 100%;
    border: var(--border-width) solid var(--bg);
}
.tariff__table__rowhead {
    display: grid;
    grid-template-columns: minmax(24px, min-content) 1fr;
    gap: 20px;
    align-items: center;
}
@media (max-width: 767px) {
    .tariff__table__rowhead {
        grid-template-columns: minmax(20px, min-content) 1fr;
        gap: 10px;
    }
}
.tariff__table__rowhead__hint {
    display: flex;
}
@media (max-width: 767px) {
    .tariff__table__rowhead__hint {
        --size: 20px;
    }
}
.tariff__table__rowhead__text {
    min-width: 0;
    width: 100%;
    color: #616177;
}
@media (max-width: 767px) {
    .tariff__table__rowhead__text {
        word-break: break-word;
    }
}
.tariff__table__rowhead__text:first-child {
    grid-column: 2;
}
.tariff__table__td {
    padding: 15px 10px;
    text-align: center;
}
.tariff__table col:not(:first-child) {
    background: #EEF0F9;
    min-width: 211px;
}
@media (max-width: 1439px) {
    .tariff__table col:not(:first-child) {
        min-width: 190px;
    }
}
@media (max-width: 1023px) {
    .tariff__table col:not(:first-child) {
        min-width: 180px;
    }
}
@media (max-width: 767px) {
    .tariff__table col:not(:first-child) {
        min-width: 120px;
        width: 120px;
    }
}
.tariff__table col:first-child {
    width: var(--table-row-header-width);
    min-width: var(--table-row-header-width);
}
.tariff__table thead th {
    vertical-align: top;
    text-align: left;
}
.tariff__table thead th:not(:first-child) {
    text-align: center;
    border-radius: 10px 10px 0 0;
}
.tariff__table tbody tr:not(:last-child) td:not(:first-child) {
    position: relative;
}
.tariff__table tbody tr:not(:last-child) td:not(:first-child)::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    border-bottom: 1px solid #D4D9EF;
    width: calc(100% - 31px);
}
.tariff__table tbody tr:last-child td {
    border-radius: 0 0 10px 10px;
}
.tariff__table table {
    table-layout: fixed;
    border-spacing: 10px 0;
    height: 1px;
    width: 100%;
}

.partners {
    padding: var(--row-gap) 0;
    border-radius: 40px;
    background: #EFF4FF;
}
.partners__inner {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.partners__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
@media (max-width: 767px) {
    .partners__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}
.partners__header__left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.partners__slider__card {
    height: 260px;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 40px;
    transition: all var(--transition-duration, 0.3s) ease;
    --opacity: 0;
}
.splide__slide.is-active .partners__slider__card {
    --opacity: 0;
}
@media (max-width: 1439px) {
    .partners__slider__card {
        height: 192px;
    }
}
.partners__slider__card:hover {
    --opacity: 1 !important;
}
.partners__slider__card__link {
    transition: inherit;
    opacity: var(--opacity);
    position: absolute;
    right: 0;
    top: 0;
    padding: 30px;
    display: flex;
}
.partners__slider__card__link::before {
    content: "";
    --size: 10px;
    --color: #306AFF;
}
.partners__slider__card__img {
    width: 100%;
    height: 100%;
    -webkit-mask-image: var(--image);
    mask-image: var(--image);
    background: #889DCB;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: inherit;
}
.partners__slider__card__img::after {
    content: "";
    display: block;
    background-image: var(--image);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: inherit;
    opacity: var(--opacity);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.partners__slider__controls .splide__arrows {
    display: flex;
    gap: 10px;
}
.partners__slider__controls .splide__arrow {
    background: transparent;
    border: none;
    outline: none;
    padding: 25px;
    border-radius: 50%;
    display: flex;
    transition: all var(--transition-duration, 0.3s) ease;
    --color: #000;
}
.partners__slider__controls .splide__arrow:not(:disabled) {
    cursor: pointer;
    background: #306AFF;
    --color: #fff;
}
.partners__slider__controls .splide__arrow::before {
    content: "";
    --size: 20px;
}
.support__header {
    display: flex;
    flex-direction: column;
    gap: 200px;
}
@media (max-width: 1023px) {
    .support__header {
        gap: 40px;
    }
}
.support__header .button {
    background-color: #FBC117;
    color: #000;
}
.support__subtitle {
    display: flex;
    gap: 24px 40px;
    align-items: center;
}
@media (max-width: 1023px) {
    .support__subtitle {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .support__subtitle .h3 {
        font-size: 15px;
        line-height: 133%;
    }
}
.support__advantages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px var(--column-gap);
}
@media (max-width: 767px) {
    .support__advantages {
        grid-template-columns: 1fr;
    }
}
.support__advantages__left {
    padding-right: 70px;
}
@media (max-width: 1023px) {
    .support__advantages__left {
        padding-right: 0;
    }
}
.support__advantages__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 60px;
    grid-auto-rows: 1fr;
}
@media (max-width: 1023px) {
    .support__advantages__grid {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .support__advantages__grid {
        grid-template-columns: 1fr;
    }
}
.support__advantages__item {
    padding: 24px 27px;
    background-color: #e8ebf2;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
}
@media (max-width: 1023px) {
    .support__advantages__item {
        padding: 24px 20px;
    }
}
.support__complex__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr auto;
    gap: var(--column-gap);
}
@media (max-width: 1439px) {
    .support__complex__grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 1023px) {
    .support__complex__grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .support__complex__grid {
        display: flex;
        margin-left: calc(var(--container-padding) * -1);
        margin-right: calc(var(--container-padding) * -1);
    }
}
.support__complex__grid .splide {
    width: 100%;
}
@media (min-width: 768px) {
    .support__complex__grid .splide {
        display: contents;
    }
}
.support__complex__grid .splide__arrows {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 40px;
    padding-right: var(--container-padding);
}
@media (min-width: 768px) {
    .support__complex__grid .splide__arrows {
        display: none;
    }
}
.support__complex__grid .splide__arrow {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    background-color: #e8ebf2;
    display: flex;
    align-items: center;
    justify-content: center;
    --color: #306AFF;
    --size: 16px;
    cursor: pointer;
}
.support__complex__grid .splide__arrow::before {
    content: "";
}
.support__complex__grid .splide__arrow:disabled {
    cursor: default;
    background-color: transparent;
    --color: #000;
}
.support__complex__grid .splide__arrow--prev::before {
    transform: scaleX(-1);
}
@media (min-width: 768px) {
    .support__complex__grid .splide__track {
        display: contents;
    }
}
@media (min-width: 768px) {
    .support__complex__grid .splide__list {
        display: contents !important;
    }
}
@media (min-width: 768px) {
    .support__complex__grid .splide__slide {
        display: contents;
    }
}
.support__complex__card {
    transform-style: preserve-3d;
    display: grid;
    grid-template-rows: subgrid;
    grid-template-columns: 1fr auto;
    grid-row: span 2;
    border-radius: 20px;
    transition: transform ease 0.3s;
}
@media (max-width: 767px) {
    .support__complex__card {
        flex-shrink: 0;
        height: 100%;
    }
}
.support__complex__card.is-active {
    transform: rotateY(180deg);
}
.support__complex__card__title {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    align-self: flex-start;
    grid-row: 2;
}
@media (max-width: 767px) {
    .support__complex__card__title {
        font-size: 18px;
        line-height: 25px;
        align-self: flex-end;
    }
}
.support__complex__card__toggler {
    padding: 20px;
    display: flex;
    --size: 24px;
    cursor: pointer;
    border-radius: 50%;
    --color: currentColor;
    transition: background-color ease 0.3s;
    margin-top: auto;
    margin-left: auto;
    grid-row: 2;
}
@media (max-width: 767px) {
    .support__complex__card__toggler {
        padding: 12px;
    }
}
.support__complex__card__toggler:hover {
    background-color: #fff;
    --color: #306AFF;
}
.support__complex__card__back .support__complex__card__toggler {
    transform: rotate(45deg);
}
.support__complex__card__face, .support__complex__card__back {
    grid-column: 1;
    grid-row: 1/3;
    backface-visibility: hidden;
    border-radius: inherit;
    padding: 40px;
    color: #fff;
}
@media (max-width: 767px) {
    .support__complex__card__face, .support__complex__card__back {
        padding: 20px;
    }
}
.support__complex__card__face {
    background-color: #306AFF;
    display: grid;
    grid-template-rows: subgrid;
}
.support__complex__card__back {
    background-color: #0633A7;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    gap: 55px;
}
@media (max-width: 767px) {
    .support__complex__card__back {
        gap: 20px;
    }
}
.support__banner {
    gap: 40px;
    padding: 40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    background-color: #eef0f9;
    position: relative;
}
@media (max-width: 767px) {
    .support__banner {
        padding: 40px 40px 40px 20px;
        flex-direction: column;
        align-items: flex-start;
    }
}
.support__banner * {
    position: relative;
}
.support__banner::before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    border-radius: inherit;
    display: block;
    background-image: url(/local/templates/new/images/support/banner.png);
    background-size: 53% auto;
    background-repeat: no-repeat;
    background-position: top 35% right 0;
    opacity: 0.1;
}
@media (max-width: 767px) {
    .support__banner::before {
        background-size: 145%;
        background-position: top 35% right 60%;
    }
}
.support__banner__title,
.support__banner h2 {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -5%;
    font-weight: 500;
}
@media (max-width: 767px) {
    .support__banner__title,
    .support__banner h2 {
        font-size: 24px;
        line-height: 27px;
    }
}
.support__samples {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
@media (max-width: 767px) {
    .support__samples {
        gap: 24px;
    }
}
.support__samples__header {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    align-items: flex-start;
}
@media (max-width: 767px) {
    .support__samples__header {
        gap: 40px;
        flex-direction: column;
    }
}
.support__samples__slide {
    aspect-ratio: 390/844;
    display: flex;
    align-items: center;
    border-radius: 40px;
    background-color: #e8e8e8;
}
.support__samples .splide__arrows {
    display: flex;
    gap: 20px;
}
@media (max-width: 767px) {
    .support__samples .splide__arrows {
        margin-left: auto;
    }
}
.support__samples .splide__arrow {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    --color: #306AFF;
    --size: 16px;
    cursor: pointer;
}
.support__samples .splide__arrow::before {
    content: "";
}
.support__samples .splide__arrow:disabled {
    cursor: default;
    background-color: transparent;
    --color: #000;
}
.support__samples .splide__arrow--prev::before {
    transform: scaleX(-1);
}
.support__accordion {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.support__accordion__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.support__accordion__item {
    padding-bottom: 30px;
    border-bottom: 1px solid #E3E6E6;
}
.support__accordion__item__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .support__accordion__item__header {
        align-items: center;
        gap: 10px;
    }
}
.support__accordion__item__title {
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: -0.05em;
    padding: 12px 0;
}
@media (max-width: 767px) {
    .support__accordion__item__title {
        font-size: 20px;
        line-height: 24px;
    }
}
.support__accordion__item__flipper {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.support__accordion__item__flipper .icon, .support__accordion__item__flipper .propirtional-img--link::after, .support__accordion__item__flipper .integration__reviews .splide__arrow::before, .integration__reviews .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .integration__solve__item__image__button::after, .support__accordion__item__flipper .support__about__slider .splide__arrow::before, .support__about__slider .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .support__about__link::after, .support__accordion__item__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .integration__team .splide__arrow::before, .integration__team .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .integration__cases .splide__arrow::before, .integration__cases .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .support__samples .splide__arrow::before, .support__samples .support__accordion__item__flipper .splide__arrow::before {
    display: flex;
    --color: #306AFF;
    --size: 24px;
}
.support__accordion__item__content {
    padding-top: 20px;
    padding-right: 80px;
}
@media (max-width: 767px) {
    .support__accordion__item__content {
        padding-right: 0;
    }
}
.support__exactly {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 767px) {
    .support__exactly {
        gap: 40px;
    }
}
.support__exactly__row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}
@media (max-width: 767px) {
    .support__exactly__row {
        grid-template-columns: 1fr;
    }
}
.support__exactly__row > .support__exactly__title {
    grid-column: 1/-1;
}
.support__exactly__row--disproportional .support__exactly__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
}
.support__exactly__row--disproportional .support__exactly__item:last-child {
    grid-column: span 2;
}
.support__exactly__item {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .support__exactly__item {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .support__exactly__title {
        font-size: 20px;
        line-height: 24px;
    }
}
.support__exactly__title--small {
    font-weight: 400;
}
@media (max-width: 767px) {
    .support__exactly__title--small {
        font-size: 18px;
        line-height: 21.96px;
    }
}
.support__exactly__title--accent {
    color: #306AFF;
}
.support__exactly__list.custom-list, .integration__products__item__body ul.support__exactly__list, .integration__steps__item ul.support__exactly__list, .integration__calc__text ul.support__exactly__list {
    font-size: 18px;
    line-height: 24px;
    gap: 12px;
    color: #000;
}
.support__exactly__list.custom-list li::before, .integration__products__item__body ul.support__exactly__list li::before, .integration__steps__item ul.support__exactly__list li::before, .integration__calc__text ul.support__exactly__list li::before {
    margin-top: 7px;
}
.support__how {
    display: grid;
    grid-template-columns: 20% 5% 5% 21% 10% auto;
    gap: 80px 0;
    font-weight: 400;
}
@media (max-width: 767px) {
    .support__how {
        overflow-x: auto;
        grid-template-columns: 24px 168px 62px 218px;
        font-size: 14px;
        line-height: 18.2px;
        gap: 30px 0;
        padding-left: 5px;
        margin-bottom: -10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
}
.support__how__source {
    align-self: center;
    grid-row: span 3;
    grid-column: span 2;
    display: grid;
    grid-template-columns: 4fr 1fr;
    gap: 26px 0;
    position: relative;
}
@media (max-width: 767px) {
    .support__how__source {
        grid-column: 1/-1;
        grid-row: 1;
        gap: 8px;
        display: flex;
    }
}
.support__how__source > * {
    grid-column: 1;
}
.support__how__source__img {
    width: 58%;
    background-color: #306AFF;
    aspect-ratio: 1;
    border-radius: 50%;
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .support__how__source__img {
        width: 100px;
        flex-shrink: 0;
        margin-left: -5px;
    }
}
.support__how__source__img img {
    width: 50%;
}
.support__how__source::after {
    content: "";
    border-bottom: 1px dashed #306AFF;
    grid-row: 1;
    grid-column: 2;
    align-self: center;
    width: calc(100% + 5px);
    display: block;
    margin-left: -5px;
}
@media (max-width: 767px) {
    .support__how__source::after {
        position: absolute;
        left: 0;
        top: 50%;
        border-bottom: none;
        border-left: 1px dashed #306AFF;
        height: 100px;
        width: auto;
        margin-left: unset;
    }
}
.support__how__source p {
    justify-self: center;
}
@media (max-width: 767px) {
    .support__how__source p {
        width: 170px;
    }
}
.support__how__rows {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-column: span 4;
    grid-row: span 3;
    position: relative;
}
.support__how__rows::before {
    content: "";
    border-right: 1px dashed #306AFF;
    position: absolute;
    top: 31px;
    bottom: 31px;
}
@media (max-width: 767px) {
    .support__how__rows::before {
        top: 15px;
        bottom: 70px;
    }
}
.support__how__row {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 4;
    gap: 20px;
}
@media (max-width: 767px) {
    .support__how__row {
        gap: 8px;
    }
}
.support__how__row__divider {
    border-bottom: 1px dashed #306AFF;
    align-self: center;
}
.support__how__row:first-child .support__how__row__divider {
    margin-top: 31px;
    align-self: flex-start;
}
@media (max-width: 767px) {
    .support__how__row:first-child .support__how__row__divider {
        margin-top: 15px;
    }
}
.support__how__row:last-child .support__how__row__divider {
    margin-bottom: 31px;
    align-self: flex-end;
}
@media (max-width: 767px) {
    .support__how__row:last-child .support__how__row__divider {
        margin-bottom: 70px;
    }
}
.support__how__item:last-child {
    height: 0;
}
@media (max-width: 767px) {
    .support__how__item:last-child {
        height: auto;
    }
}
.support__about {
    padding: var(--row-gap) 0;
    background: #E8EBF2;
}
.support__about__content {
    padding: 40px;
    border-radius: 40px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 767px) {
    .support__about__content {
        padding: 40px 20px;
        gap: 40px;
    }
}
.support__about__title {
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
.support__about__body {
    display: grid;
    grid-template-columns: 1fr 434px;
    gap: 40px var(--column-gap);
}
@media (max-width: 1200px) {
    .support__about__body {
        align-items: center;
    }
}
@media (max-width: 767px) {
    .support__about__body {
        grid-template-columns: 1fr;
    }
}
.support__about__body__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 80px;
}
@media (max-width: 1439px) {
    .support__about__body__left {
        display: contents;
    }
}
.support__about__body__rirght {
    align-self: flex-start;
}
@media (max-width: 767px) {
    .support__about__content .support__about__nums__item > * {
        flex: unset;
    }
}
@media (max-width: 767px) {
    .support__about__content .support__about__nums__item strong {
        font-size: 42px;
        line-height: 55px;
    }
}
.support__about__nums {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
}
@media (max-width: 1439px) {
    .support__about__nums {
        grid-column: 1/-1;
    }
}
@media (max-width: 767px) {
    .support__about__nums {
        grid-template-columns: 1fr;
    }
}
.support__about__nums__item {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 767px) {
    .support__about__nums__item > * {
        flex: 1 1 0;
    }
}
.support__about__nums strong {
    font-size: 90px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #306AFF;
}
@media (max-width: 767px) {
    .support__about__nums strong {
        font-size: 60px;
    }
}
.support__about__links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--column-gap);
}
@media (max-width: 1439px) {
    .support__about__links {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .support__about__content .support__about__link {
        font-size: 20px;
        padding: 20px;
        height: auto;
    }
}
.support__about__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    padding: 42px 20px;
    border-radius: 20px;
    background-color: #e8ebf2;
    letter-spacing: -0.05em;
    font-size: 30px;
    font-weight: 500;
    line-height: 120%;
    transition: all ease 0.3s;
}
@media (max-width: 1023px) {
    .support__about__link {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        padding: 35px 20px;
    }
}
@media (max-width: 767px) {
    .support__about__link {
        height: 140px;
        font-size: 24px;
    }
}
.support__about__link::after {
    content: "";
    --size: 24px;
    --color: #306AFF;
}
.support__about__link:hover {
    background-color: #306AFF;
    color: #fff;
    align-items: flex-start;
}
.support__about__link:hover::after {
    --color: #fff;
}
.support__about .support__about__slider .splide__arrow {
    background-color: #e8ebf2;
}
@media (max-width: 767px) {
    .support__about__content .support__about__slider .splide__arrows {
        display: flex;
        justify-content: center;
        margin-top: 26px;
    }
}
@media (max-width: 767px) {
    .support__about__slider {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}
.support__about__slider .splide {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
}
@media (max-width: 767px) {
    .support__about__slider .splide {
        grid-template-columns: 1fr;
    }
}
.support__about__slider .splide__arrows {
    display: contents;
}
@media (max-width: 767px) {
    .support__about__slider .splide__arrows {
        display: none;
    }
}
.support__about__slider .splide__arrow {
    align-self: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    background-color: transparent;
    justify-content: center;
    --color: #306AFF;
    --size: 16px;
    cursor: pointer;
    transition: background-color ease 0.3s;
}
.support__about__slider .splide__arrow::before {
    content: "";
}
.support__about__slider .splide__arrow:hover {
    background-color: #fff;
}
.support__about__slider .splide__arrow:disabled {
    cursor: default;
    background-color: transparent;
    --color: #000;
}
.support__about__slider .splide__arrow--prev::before {
    transform: scaleX(-1);
}
.support__about__slider .splide__arrow--prev {
    order: -99;
}
.support__about__slider .splide__arrow--next {
    order: 99;
}
.support__about__slider .splide__pagination {
    gap: 8px;
    margin-top: 40px;
}
.support__about__slider .splide__pagination li {
    display: flex;
}
.support__about__slider .splide__pagination__page {
    background-color: #fff;
    width: 12px;
    height: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 999px;
    transition: all ease 0.3s;
}
.support__about__slider .splide__pagination__page.is-active {
    background-color: #306aff;
    width: 36px;
}
@media (max-width: 767px) {
    .support__about__content .support__about__slide img {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}
.support__about__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}
.support__about__slide img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    display: block;
}
@media (max-width: 767px) {
    .support__about__slide img {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
    }
}
.support__tariff {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 var(--column-gap);
}
@media (max-width: 1023px) {
    .support__tariff {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}
.support__tariff__headers {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 999;
    font-size: 18px;
    line-height: 27px;
}
@media (max-width: 1023px) {
    .support__tariff__headers {
        display: none;
    }
}
.support__tariff__headers span {
    display: block;
    padding: 14px 20px;
    align-self: center;
}
.support__tariff__card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 999;
    border-radius: 30px;
    text-align: center;
    background-color: #fff;
}
@media (max-width: 1023px) {
    .support__tariff__card {
        grid-row: unset;
        grid-template-rows: unset;
    }
}
.support__tariff__card--priority {
    border: 1px solid #000;
}
.support__tariff__card--priority .support__tariff__card__title {
    background-color: #306AFF;
    color: #fff;
}
.support__tariff__card__title {
    background-color: #e8ebf2;
    padding: 30px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    font-weight: 500;
}
.support__tariff__card__row {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    padding: 16px;
    align-self: center;
}
@media (max-width: 767px) {
    .support__tariff__card__row {
        display: flex;
        gap: 10px;
        padding: 20px;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px solid #D3D3D3;
    }
}
.support__tariff__card__row__caption {
    font-size: 14px;
    line-height: 19.6px;
    color: #7a7a7a;
}
@media (min-width: 768px) {
    .support__tariff__card__row__caption {
        display: none;
    }
}
.support__tariff__card__footer {
    padding: 40px;
}
.support__tariff__card .icon--check {
    --color: #00C853;
}
.support__tariff__card .icon--close {
    --color: #ff0000;
}

.license__wrapper {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.license__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--column-gap);
}
.license__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #EEF0F9;
    border-radius: 40px;
    padding: 40px;
}
.license__item__img {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .license__item__img {
        aspect-ratio: 1;
    }
}
@supports not (aspect-ratio: 1/1) {
    .license__item__img {
        height: 0;
        padding-bottom: 100%;
    }
    .license__item__img > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.license__item__img > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.license__item__info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.license__item__info__caption {
    color: #616177;
}
.license__item__footer {
    margin-top: auto;
}

.search-list__item {
    padding-bottom: 40px;
    border-bottom: 2px solid #E3E6E6;
}
@media (max-width: 767px) {
    .search-list__item {
        padding-bottom: 20px;
    }
}
.search-list__item:not(:first-child) {
    padding-top: 40px;
}
@media (max-width: 767px) {
    .search-list__item:not(:first-child) {
        padding-top: 20px;
    }
}
.search-list__item__inner {
    max-width: 988px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.search-list__item__text {
    color: #616177;
}
.search-list__item__way {
    color: #616177;
}

.custom-list, .integration__products__item__body ul, .integration__steps__item ul, .integration__calc__text ul,
.universal-price .list-container ul,
.vacancy-list__item__content__block__text ul {
    display: flex;
    flex-direction: column;
    color: #616177;
    gap: 10px;
}
.custom-list__disabled:is(li) {
    color: rgba(97, 97, 119, 0.5);
}
.custom-list__disabled:is(li)::before {
    opacity: 0;
}
.custom-list li, .integration__products__item__body ul li, .integration__steps__item ul li, .integration__calc__text ul li,
.universal-price .list-container ul li,
.vacancy-list__item__content__block__text ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.custom-list li::before, .integration__products__item__body ul li::before, .integration__steps__item ul li::before, .integration__calc__text ul li::before,
.universal-price .list-container ul li::before,
.vacancy-list__item__content__block__text ul li::before {
    margin-top: 8px;
    flex-shrink: 0;
    content: "";
    background: #306AFF;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
@media (max-width: 767px) {
    .custom-list li::before, .integration__products__item__body ul li::before, .integration__steps__item ul li::before, .integration__calc__text ul li::before,
    .universal-price .list-container ul li::before,
    .vacancy-list__item__content__block__text ul li::before {
        width: 6px;
        height: 6px;
    }
}

@layer splide;
@layer splide {
    @keyframes splide-loading {
        0% {
            transform: rotate(0);
        }
        to {
            transform: rotate(1turn);
        }
    }
    .splide__track--draggable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }
    .splide__track--fade > .splide__list > .splide__slide {
        margin: 0 !important;
        opacity: 0;
        z-index: 0;
    }
    .splide__track--fade > .splide__list > .splide__slide.is-active {
        opacity: 1;
        z-index: 1;
    }
    .splide--rtl {
        direction: rtl;
    }
    .splide__track--ttb > .splide__list {
        display: block;
    }
    .splide__container {
        box-sizing: border-box;
        position: relative;
    }
    .splide__list {
        backface-visibility: hidden;
        display: flex;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }
    .splide.is-initialized:not(.is-active) .splide__list {
        display: block;
    }
    .splide__pagination {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        pointer-events: none;
    }
    .splide__pagination li {
        display: inline-block;
        line-height: 1;
        list-style-type: none;
        margin: 0;
        pointer-events: auto;
    }
    .splide:not(.is-overflow) .splide__pagination {
        display: none;
    }
    .splide__progress__bar {
        width: 0;
    }
    .splide {
        position: relative;
        visibility: hidden;
    }
    .splide.is-initialized, .splide.is-rendered {
        visibility: visible;
    }
    .splide__slide {
        backface-visibility: hidden;
        box-sizing: border-box;
        flex-shrink: 0;
        list-style-type: none !important;
        margin: 0;
        position: relative;
    }
    .splide__slide img {
        vertical-align: bottom;
    }
    .splide__spinner {
        animation: splide-loading 1s linear infinite;
        border: 2px solid #999;
        border-left-color: transparent;
        border-radius: 50%;
        bottom: 0;
        contain: strict;
        display: inline-block;
        height: 20px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }
    .splide__sr {
        clip: rect(0 0 0 0);
        border: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
        display: none;
    }
    .splide__toggle.is-active .splide__toggle__pause {
        display: inline;
    }
    .splide__track {
        overflow: hidden;
        position: relative;
        z-index: 0;
    }
}
.splide {
    overscroll-behavior: contain;
}

.mobile-menu {
    background: #E8EEF8;
    padding: 40px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
}
.mobile-menu__nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
.mobile-menu__nav__item .spoiler__toggler {
    display: flex;
    align-items: center;
    gap: 10px;
}
.mobile-menu__nav__item .spoiler__toggler .icon, .footer__nav__item .icon, .mobile-menu__nav__item .spoiler__toggler .propirtional-img--link::after, .mobile-menu__nav__item .spoiler__toggler .integration__reviews .splide__arrow::before, .integration__reviews .mobile-menu__nav__item .spoiler__toggler .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler .integration__solve__item__image__button::after, .mobile-menu__nav__item .spoiler__toggler .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .mobile-menu__nav__item .spoiler__toggler .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler .integration__team .splide__arrow::before, .integration__team .mobile-menu__nav__item .spoiler__toggler .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler .integration__cases .splide__arrow::before, .integration__cases .mobile-menu__nav__item .spoiler__toggler .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler .support__complex__grid .splide__arrow::before, .support__complex__grid .mobile-menu__nav__item .spoiler__toggler .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler .support__samples .splide__arrow::before, .support__samples .mobile-menu__nav__item .spoiler__toggler .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler .support__about__link::after, .mobile-menu__nav__item .spoiler__toggler .support__about__slider .splide__arrow::before, .support__about__slider .mobile-menu__nav__item .spoiler__toggler .splide__arrow::before {
    --size: 12px;
}
.mobile-menu__nav__item .spoiler__toggler.is-active {
    color: #306AFF;
}
.mobile-menu__nav__item .spoiler__toggler.is-active .icon, .mobile-menu__nav__item .spoiler__toggler.is-active .propirtional-img--link::after, .mobile-menu__nav__item .spoiler__toggler.is-active .integration__reviews .splide__arrow::before, .integration__reviews .mobile-menu__nav__item .spoiler__toggler.is-active .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler.is-active .integration__solve__item__image__button::after, .mobile-menu__nav__item .spoiler__toggler.is-active .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .mobile-menu__nav__item .spoiler__toggler.is-active .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler.is-active .integration__team .splide__arrow::before, .integration__team .mobile-menu__nav__item .spoiler__toggler.is-active .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler.is-active .integration__cases .splide__arrow::before, .integration__cases .mobile-menu__nav__item .spoiler__toggler.is-active .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler.is-active .support__complex__grid .splide__arrow::before, .support__complex__grid .mobile-menu__nav__item .spoiler__toggler.is-active .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler.is-active .support__samples .splide__arrow::before, .support__samples .mobile-menu__nav__item .spoiler__toggler.is-active .splide__arrow::before, .mobile-menu__nav__item .spoiler__toggler.is-active .support__about__link::after, .mobile-menu__nav__item .spoiler__toggler.is-active .support__about__slider .splide__arrow::before, .support__about__slider .mobile-menu__nav__item .spoiler__toggler.is-active .splide__arrow::before {
    --color:#306AFF;
}
.mobile-menu__nav__item__title a {
    display: block;
}
.mobile-menu__nav__item__sub-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
}
.mobile-menu__footer {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: auto;
}
.mobile-menu__button {
    border: 2px solid #306AFF;
    border-radius: 50px;
    padding: 20px 40px;
}

.certificates {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--column-gap);
}
@media (max-width: 767px) {
    .certificates {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
.certificates__item {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 767px) {
    .certificates__item {
        gap: 16px;
    }
}
@media (min-width: 768px) {
    .certificates__item__img {
        width: 100%;
        display: flex;
        position: relative;
        overflow: hidden;
        -webkit-mask-image: radial-gradient(#000, #000);
        mask-image: radial-gradient(#000, #000);
    }
    @supports (aspect-ratio: 1/1) {
        .certificates__item__img {
            aspect-ratio: 1;
        }
    }
    @supports not (aspect-ratio: 1/1) {
        .certificates__item__img {
            height: 0;
            padding-bottom: 100%;
        }
        .certificates__item__img > :first-child {
            position: absolute;
            top: 0;
            left: 0;
        }
    }
    .certificates__item__img > :first-child {
        border-radius: inherit;
        -webkit-mask-image: inherit;
        mask-image: inherit;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}
.certificates__item__img__inner {
    display: flex;
    align-items: center;
}
.certificates__item__img__inner img {
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center left;
    object-position: center left;
    border-radius: 20px;
}
@media (max-width: 767px) {
    .certificates__item__img__inner img {
        -o-object-position: center;
        object-position: center;
    }
}
.certificates__item__caption {
    color: #616177;
}
.clients {
    background: #EFF4FF;
    border-radius: 40px;
    padding: 160px 0;
}
@media (max-width: 1439px) {
    .clients {
        padding: 60px 0;
        border-radius: 30px;
    }
}
@media (max-width: 1023px) {
    .clients {
        padding: 40px 0;
        border-radius: 20px;
    }
}
@media (max-width: 767px) {
    .clients {
        padding: 20px 0;
        border-radius: 20px;
    }
}
.clients__content {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
@media (max-width: 1023px) {
    .clients__content {
        gap: 30px;
    }
}
@media (max-width: 767px) {
    .clients__content {
        gap: 20px;
    }
}
.clients__header {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.clients__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--column-gap);
}
@media (max-width: 767px) {
    .clients__grid {
        grid-template-columns: 1fr;
    }
}
.clients__grid__item {
    background: #fff;
    border-radius: 40px;
    padding: 30px;
    height: 260px;
}
@media (max-width: 767px) {
    .clients__grid__item {
        height: auto;
        padding: 16px 30px;
    }
}
.clients__grid__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
@media (max-width: 767px) {
    .clients__grid__item img {
        height: auto;
    }
}

.team {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1439px) {
    .team {
        gap: 40px;
    }
}
.team__item {
    display: grid;
    grid-template-columns: 323px 1fr;
    gap: 20px;
}
@media (max-width: 767px) {
    .team__item {
        grid-template-columns: 1fr;
    }
}
.team__item__photo {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .team__item__photo {
        aspect-ratio: 0.7692307692;
    }
}
@supports not (aspect-ratio: 1/1) {
    .team__item__photo {
        height: 0;
        padding-bottom: 130%;
    }
    .team__item__photo > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.team__item__photo > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.team__item__photo {
    border-radius: 40px;
}
@media (max-width: 1439px) {
    .team__item__photo {
        width: 100%;
        display: flex;
        position: relative;
        overflow: hidden;
        -webkit-mask-image: radial-gradient(#000, #000);
        mask-image: radial-gradient(#000, #000);
    }
    @supports (aspect-ratio: 1/1) {
        .team__item__photo {
            aspect-ratio: 0.5646853147;
        }
    }
    @supports not (aspect-ratio: 1/1) {
        .team__item__photo {
            height: 0;
            padding-bottom: 177.0897832817%;
        }
        .team__item__photo > :first-child {
            position: absolute;
            top: 0;
            left: 0;
        }
    }
    .team__item__photo > :first-child {
        border-radius: inherit;
        -webkit-mask-image: inherit;
        mask-image: inherit;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}
@media (max-width: 767px) {
    .team__item__photo {
        width: 100%;
        display: flex;
        position: relative;
        overflow: hidden;
        -webkit-mask-image: radial-gradient(#000, #000);
        mask-image: radial-gradient(#000, #000);
    }
    @supports (aspect-ratio: 1/1) {
        .team__item__photo {
            aspect-ratio: 0.9034267913;
        }
    }
    @supports not (aspect-ratio: 1/1) {
        .team__item__photo {
            height: 0;
            padding-bottom: 110.6896551724%;
        }
        .team__item__photo > :first-child {
            position: absolute;
            top: 0;
            left: 0;
        }
    }
    .team__item__photo > :first-child {
        border-radius: inherit;
        -webkit-mask-image: inherit;
        mask-image: inherit;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}
.team__item__photo img {
    background: #D6DCEA;
    border-radius: 40px;
    -o-object-position: bottom;
    object-position: bottom;
}
.team__item__info {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.team__item__post {
    max-width: 843px;
}
.team__item__description {
    display: flex;
    align-items: flex-start;
    gap: 110px;
}
@media (max-width: 1439px) {
    .team__item__description {
        flex-direction: column;
        gap: 40px;
    }
}
.team__item__description__block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.team__item__description__block__title {
    color: #616177;
}
.team__item__mail {
    color: #306AFF;
}

.main__why__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
@media (max-width: 1439px) {
    .main__why__grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .main__why__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
.main__why__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 18px;
    line-height: 27px;
}
@media (max-width: 767px) {
    .main__why__item {
        font-size: 16px;
        line-height: 24px;
    }
}
.main__why__item b {
    color: #306AFF;
}
.main__contribution {
    padding: var(--row-gap) 0;
    margin-left: 40px;
    margin-right: 40px;
    background-color: #e8ebf2;
    border-radius: 40px;
}
@media (max-width: 1439px) {
    .main__contribution {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media (max-width: 1023px) {
    .main__contribution {
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media (max-width: 767px) {
    .main__contribution {
        padding: 40px 0;
    }
}
@media (max-width: 1023px) {
    .main__contribution h2 {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .main__contribution h2 {
        font-size: 30px;
    }
}
.main__contribution__body {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 60px var(--column-gap);
}
@media (max-width: 1439px) {
    .main__contribution__body {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1023px) {
    .main__contribution__body {
        padding: 0 24px;
    }
}
@media (max-width: 767px) {
    .main__contribution__body {
        padding: 0 5px;
    }
}
@media (max-width: 1439px) {
    .main__contribution__person {
        display: grid;
        grid-template-columns: max-content minmax(auto, max-content) max-content;
        align-items: center;
        gap: 12px 40px;
    }
}
@media (max-width: 1023px) {
    .main__contribution__person {
        grid-template-columns: max-content minmax(auto, max-content);
    }
}
@media (max-width: 767px) {
    .main__contribution__person {
        gap: 12px 20px;
    }
}
.main__contribution__person__img {
    margin-bottom: 40px;
}
@media (max-width: 1439px) {
    .main__contribution__person__img {
        margin-bottom: 0;
        grid-row: span 2;
    }
}
@media (max-width: 1023px) {
    .main__contribution__person__img {
        grid-row: span 3;
    }
}
@media (max-width: 767px) {
    .main__contribution__person__img {
        grid-row: span 2;
    }
}
.main__contribution__person__img img {
    width: 211px;
    height: 211px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    -o-object-position: top;
    object-position: top;
    background-color: #C9CFDC;
}
@media (max-width: 767px) {
    .main__contribution__person__img img {
        width: 60px;
        height: 60px;
    }
}
.main__contribution__person__name {
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
}
@media (max-width: 1439px) {
    .main__contribution__person__name {
        grid-column: 2;
        grid-row: 1;
        align-self: flex-end;
    }
}
@media (max-width: 767px) {
    .main__contribution__person__name {
        font-size: 18px;
        line-height: 1;
    }
}
.main__contribution__person__caption {
    font-size: 18px;
    font-weight: 40;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 40px;
}
@media (max-width: 1439px) {
    .main__contribution__person__caption {
        margin-bottom: 0;
        grid-column: 2;
        grid-row: 2;
        align-self: flex-start;
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .main__contribution__person__caption {
        font-size: 14px;
        line-height: 1;
    }
}
@media (max-width: 1439px) {
    .main__contribution__person .button {
        grid-row: span 2;
    }
}
@media (max-width: 1023px) {
    .main__contribution__person .button {
        grid-row: unset;
        align-self: flex-start;
    }
}
@media (max-width: 767px) {
    .main__contribution__person .button {
        grid-column: 1/span 2;
        margin-top: 8px;
    }
}
.main__contribution__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.main__contribution__text {
    max-width: 654px;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
@media (max-width: 767px) {
    .main__contribution__text {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.main__contribution__list {
    max-width: 654px;
}
.main__contribution__list .custom-list, .main__contribution__list .integration__products__item__body ul, .integration__products__item__body .main__contribution__list ul, .main__contribution__list .integration__steps__item ul, .integration__steps__item .main__contribution__list ul, .main__contribution__list .integration__calc__text ul, .integration__calc__text .main__contribution__list ul {
    color: #000;
    gap: 12px;
    font-size: 18px;
    line-height: 24px;
}
.main__contribution__list .custom-list a, .main__contribution__list .integration__products__item__body ul a, .integration__products__item__body .main__contribution__list ul a, .main__contribution__list .integration__steps__item ul a, .integration__steps__item .main__contribution__list ul a, .main__contribution__list .integration__calc__text ul a, .integration__calc__text .main__contribution__list ul a {
    text-decoration: underline;
    color: #306AFF;
}
.main__services {
    display: grid;
    grid-template-columns: 1fr auto auto;
    --gap: 40px;
    gap: var(--gap) 20px;
}
@media (max-width: 1439px) {
    .main__services {
        grid-template-columns: 1fr 306px;
    }
}
@media (max-width: 767px) {
    .main__services {
        grid-template-columns: 1fr;
    }
}
.main__services__item {
    padding-bottom: var(--gap);
    border-bottom: 1px solid #E3E6E6;
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1/-1;
    align-items: center;
    gap: 20px;
}
@media (max-width: 767px) {
    .main__services__item {
        padding-bottom: 0;
        border-bottom: none;
    }
}
.main__services__item__buttons {
    display: contents;
}
@media (max-width: 767px) {
    .main__services__item__buttons {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
    }
}
.main__services__item__text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 1439px) {
    .main__services__item__text {
        grid-row: span 2;
    }
}
.main__services__item__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
@media (max-width: 767px) {
    .main__services__item__title {
        font-size: 20px;
        line-height: 24px;
    }
}
.main__services__item__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
.main__portfolio {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 767px) {
    .main__portfolio {
        gap: 60px;
    }
}
.main__portfolio__columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--column-gap);
}
@media (max-width: 1439px) {
    .main__portfolio__columns {
        overflow: auto;
        grid-template-columns: repeat(3, minmax(404px, 1fr));
    }
}
@media (max-width: 1023px) {
    .main__portfolio__columns {
        grid-template-columns: repeat(3, minmax(299px, 1fr));
    }
}
@media (max-width: 767px) {
    .main__portfolio__columns {
        grid-template-columns: repeat(3, 90%);
    }
}
.main__portfolio__list {
    display: grid;
    grid-template-columns: minmax(auto, 360px) 1fr auto;
    gap: 20px 58px;
}
@media (max-width: 1439px) {
    .main__portfolio__list {
        gap: 20px;
    }
}
@media (max-width: 1023px) {
    .main__portfolio__list {
        grid-template-columns: minmax(auto, 360px) 1fr;
    }
}
@media (max-width: 767px) {
    .main__portfolio__list {
        grid-template-columns: 1fr;
    }
}
.main__portfolio__item {
    display: grid;
    grid-template-columns: subgrid;
    align-items: center;
    grid-column: 1/-1;
    background-color: #E8EBF2;
    border-radius: 20px;
    padding: 40px;
}
@media (max-width: 1023px) {
    .main__portfolio__item {
        gap: 20px 40px;
    }
}
@media (max-width: 767px) {
    .main__portfolio__item {
        padding: 20px;
    }
}
.main__portfolio__item__number {
    font: 18px/1.2 Inter;
    color: #616177;
}
.main__portfolio__item__title {
    font-weight: 500;
}
@media (max-width: 767px) {
    .main__portfolio__item__title {
        font-size: 20px;
    }
}
.main__portfolio__item__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
@media (max-width: 767px) {
    .main__portfolio__item__text {
        font-size: 16px;
        line-height: 24px;
    }
}
.main__portfolio__item__buttons {
    display: flex;
    gap: 20px;
}
@media (max-width: 1439px) {
    .main__portfolio__item__buttons {
        flex-direction: column;
        margin-left: 15px;
    }
}
@media (max-width: 1023px) {
    .main__portfolio__item__buttons {
        flex-direction: row;
        grid-column: 1/-1;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .main__portfolio__item__buttons {
        flex-direction: column;
        margin-top: 20px;
    }
}
@media (max-width: 1023px) {
    .main__portfolio__item__buttons .button {
        flex: 1 1 0;
    }
}
.main__portfolio__card-picture {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    border: 1px solid #616177;
}
.main__portfolio__card-picture:hover .main__portfolio__card-picture__link, .main__portfolio__card-picture:hover .main__portfolio__card-picture__title {
    color: #306AFF;
    --color: #306AFF;
}
.main__portfolio__card-picture:hover .main__portfolio__card-picture__link {
    background-color: #fff;
}
.main__portfolio__card-picture__img img {
    border-radius: 20px 20px 0 0;
    display: block;
    height: 313px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 1023px) {
    .main__portfolio__card-picture__img img {
        height: 173px;
    }
}
.main__portfolio__card-picture__body {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px 20px;
    color: #000;
    padding: 20px;
}
.main__portfolio__card-picture:has(.main__portfolio__card-picture__link:hover) .main__portfolio__card-picture__title {
    color: #306AFF;
}
.main__portfolio__card-picture__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    transition: color ease 0.3s;
}
.main__portfolio__card-picture__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
@media (max-width: 767px) {
    .main__portfolio__card-picture__text {
        display: block;
    }
}
.main__portfolio__card-picture__link {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: 1/span 2;
    grid-column: 2;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    --size: 24px;
}
.main__portfolio__card-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: #e8ebf2;
    border-radius: 20px;
}
.main__portfolio__card-text__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: auto;
    transition: color ease 0.3s;
}
@media (max-width: 767px) {
    .main__portfolio__card-text__header {
        margin-bottom: 0;
        flex-grow: 1;
        align-items: flex-start;
    }
}
.main__portfolio__card-text__header:hover {
    color: #306AFF;
    --color: #306AFF;
}
.main__portfolio__card-text__link {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 2;
    width: 64px;
    height: 64px;
    --size: 24px;
}
.main__portfolio__card-text__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
@media (max-width: 767px) {
    .main__portfolio__card-text__title {
        font-size: 20px;
        margin-top: auto;
    }
}
.main__portfolio__card-text__info {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.main__portfolio__card-text__info small {
    color: #616177;
}
.main__portfolio__card-text__info span {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
.main__discuss__header {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .main__discuss__header {
        margin-bottom: 60px;
    }
}
@media (max-width: 767px) {
    .main__discuss__header h2 {
        font-size: 30px;
    }
}
.main__discuss__subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
@media (max-width: 767px) {
    .main__discuss__subtitle {
        font-size: 18px;
        line-height: 21.8px;
    }
}
.main__discuss__footer {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
@media (max-width: 767px) {
    .main__discuss__footer {
        grid-template-columns: 1fr;
    }
}
.main__discuss__footer .button {
    border: none;
    align-self: center;
}
.main__discuss__footer__caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #616177;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
@media (max-width: 1023px) {
    .main__discuss__footer__caption {
        display: block;
    }
}
.main__discuss__footer__caption a {
    text-decoration: underline;
    color: #306AFF;
    text-underline-offset: 5px;
}
.main__discuss__form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
    gap: 40px 20px;
}
@media (max-width: 1439px) {
    .main__discuss__form {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 1439px) {
    .main__discuss__form {
        grid-template-columns: 1fr;
    }
}
.main__discuss__form textarea {
    resize: none;
}
.main__discuss__form .choices__inner,
.main__discuss__form input,
.main__discuss__form textarea {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}
@media (max-width: 767px) {
    .main__discuss__form .choices__inner,
    .main__discuss__form input,
    .main__discuss__form textarea {
        font-size: 16px;
    }
}
.main__discuss__form input,
.main__discuss__form textarea {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #DFE3EF;
    background: none;
    color: #000;
    padding-bottom: 8px;
    transition: all ease 0.3s;
    width: 100%;
}
.main__discuss__form input:not(:-moz-placeholder-shown), .main__discuss__form textarea:not(:-moz-placeholder-shown) {
    border-color: #000;
}
.main__discuss__form input:hover, .main__discuss__form input:not(:placeholder-shown),
.main__discuss__form textarea:hover,
.main__discuss__form textarea:not(:placeholder-shown) {
    border-color: #000;
}
.main__discuss__form input::-moz-placeholder, .main__discuss__form textarea::-moz-placeholder {
    color: inherit;
}
.main__discuss__form input::placeholder,
.main__discuss__form textarea::placeholder {
    color: inherit;
}
.main__discuss__form input:user-invalid,
.main__discuss__form textarea:user-invalid {
    border-color: #f00;
    color: #f00;
}
.main__discuss__files {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.main__discuss__files__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
@media (max-width: 767px) {
    .main__discuss__files__item {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .main__discuss__files__item br {
        display: none;
    }
}
.main__discuss__files__item a,
.main__discuss__files__item label {
    color: #306AFF;
    padding-bottom: 5px;
    border-bottom: 1px solid #306AFF;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
}
.main__discuss__files__item input {
    display: none;
}

.search-banner {
    color: #fff;
}
.search-banner__container {
    padding-bottom: 80px;
    position: relative;
}
@media (max-width: 1439px) {
    .search-banner__container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media (max-width: 1023px) {
    .search-banner__container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.search-banner__container::after {
    position: absolute;
    bottom: 0;
    right: -128px;
    width: 448px;
    height: 448px;
    background-image: url(/local/templates/new/images/search-woman.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (min-width: 1023px) {
    .search-banner__container::after {
        content: "";
    }
}
.search-banner__content {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.search-banner__input {
    margin-top: 80px;
    display: flex;
    align-items: center;
}
@media (max-width: 1439px) {
    .search-banner__input {
        margin-top: 60px;
    }
}
@media (max-width: 1023px) {
    .search-banner__input {
        margin-top: 40px;
    }
}
.search-banner__input__cleaner {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    --color: #fff;
    --size: 24px;
    cursor: pointer;
}
.search-banner__input input {
    width: 100%;
    background: transparent;
    outline: none;
    border: none;
    color: #fff;
}
.search-banner__input input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5019607843);
}
.search-banner__input input::placeholder {
    color: rgba(255, 255, 255, 0.5019607843);
}

.request-themes {
    padding: var(--row-gap) 0;
    background: #fff;
    border-radius: 40px;
}
.request-themes__content {
    justify-content: space-between;
    display: flex;
    gap: 24px;
}
@media (max-width: 1439px) {
    .request-themes__content {
        gap: var(--column-gap);
    }
}
@media (max-width: 767px) {
    .request-themes__content {
        flex-direction: column;
        gap: 20px;
    }
}
.request-themes__item {
    flex: 0 1 25%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
@media (max-width: 1439px) {
    .request-themes__item {
        flex: 1 1 0;
    }
}
.request-themes__item:nth-child(1n+1) {
    grid-column: 1/4;
}
.request-themes__item:nth-child(2n+2) {
    grid-column: 5/8;
}
.request-themes__item:nth-child(3n+3) {
    grid-column: 9/12;
}
.request-themes__item__text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.request-themes__item__text p {
    color: #616177;
}
.request-themes__item__body {
    display: flex;
    flex-direction: column;
    gap: 40px;
    flex-grow: 1;
}
@media (max-width: 1439px) {
    .request-themes__item__body {
        padding: 0 20px;
    }
}
.request-themes__item__img {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .request-themes__item__img {
        aspect-ratio: 1.5380952381;
    }
}
@supports not (aspect-ratio: 1/1) {
    .request-themes__item__img {
        height: 0;
        padding-bottom: 65.0154798762%;
    }
    .request-themes__item__img > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.request-themes__item__img > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.request-themes__item__img img {
    -o-object-fit: contain !important;
    object-fit: contain !important;
}
.request-themes__item__footer {
    margin-top: auto;
}

.audit-banner {
    padding-bottom: 100px;
    position: relative;
}
@media (max-width: 1439px) {
    .audit-banner {
        padding-bottom: 80px;
        padding-top: 40px;
    }
}
@media (max-width: 1023px) {
    .audit-banner {
        padding-bottom: 126px;
        padding-top: 20px;
    }
}
@media (max-width: 767px) {
    .audit-banner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.audit-banner__inner {
    display: grid;
    grid-template-columns: auto auto;
    grid-auto-rows: min-content;
    align-items: flex-start;
    gap: 20px var(--column-gap);
    position: relative;
    z-index: 1;
}
@media (max-width: 1439px) {
    .audit-banner__inner {
        padding: 0 8px 0 40px;
    }
}
@media (max-width: 1023px) {
    .audit-banner__inner {
        padding: 0 20px;
    }
}
@media (max-width: 767px) {
    .audit-banner__inner {
        grid-template-columns: 1fr;
    }
}
.audit-banner__title {
    margin-top: 20px;
    grid-column: 1;
    max-width: 936px;
}
@media (max-width: 1439px) {
    .audit-banner__title {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .audit-banner__title {
        margin-top: 10px;
    }
}
.audit-banner__text {
    margin-top: 60px;
    grid-column: 1;
    max-width: 544px;
}
@media (max-width: 1023px) {
    .audit-banner__text {
        max-width: 355px;
    }
}
@media (max-width: 767px) {
    .audit-banner__text {
        margin-top: 20px;
    }
}
.audit-banner__breadcrumbs {
    grid-column: 1;
}
.audit-banner__breadcrumbs .breadcrumbs {
    margin-bottom: 0;
}
.audit-banner__btn {
    margin-top: 16px;
    grid-row: 1/3;
    align-items: flex-start;
    justify-self: flex-end;
}
@media (min-width: 768px) {
    .audit-banner__btn {
        grid-column: 2;
    }
}
@media (max-width: 1439px) {
    .audit-banner__btn {
        margin-top: 0;
        grid-row: 2;
    }
}
@media (max-width: 767px) {
    .audit-banner__btn {
        grid-row: 3;
        justify-self: center;
    }
}
.audit-banner__img {
    position: absolute;
    bottom: 69px;
    right: 76px;
    width: 985px;
    height: 675px;
}
.audit-banner__img--1 {
    bottom: 0;
    width: 873px;
}
@media (max-width: 1439px) {
    .audit-banner__img {
        width: 690px;
        height: 473px;
        bottom: 0;
        right: -175px;
    }
}
@media (max-width: 1023px) {
    .audit-banner__img {
        bottom: 15px;
        right: -223px;
    }
}
@media (max-width: 767px) {
    .audit-banner__img {
        display: none;
    }
}

.spoiler__content {
    overflow: hidden;
    transition: all var(--transition-duration, 0) ease;
    max-height: var(--scroll-height, auto);
}
.spoiler__content:not(.is-active) {
    max-height: var(--initial-height, 0);
}

.spoiler__toggler {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.spoiler__flipper {
    display: flex;
    flex-direction: column;
    transition: all var(--transition-duration, 0) ease;
}

.spoiler.is-active .spoiler__flipper,
.spoiler__toggler.is-active .spoiler__flipper,
.spoiler__content.is-active .spoiler__flipper {
    transform: scaleY(-1);
}
.spoiler.is-active .spoiler__initial,
.spoiler__toggler.is-active .spoiler__initial,
.spoiler__content.is-active .spoiler__initial {
    display: none;
}
.spoiler.is-active .spoiler__final,
.spoiler__toggler.is-active .spoiler__final,
.spoiler__content.is-active .spoiler__final {
    display: block;
}
.spoiler:not(.is-active) .spoiler__initial,
.spoiler__toggler:not(.is-active) .spoiler__initial,
.spoiler__content:not(.is-active) .spoiler__initial {
    display: block;
}
.spoiler:not(.is-active) .spoiler__final,
.spoiler__toggler:not(.is-active) .spoiler__final,
.spoiler__content:not(.is-active) .spoiler__final {
    display: none;
}

.why {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 30px 0;
}
@media (max-width: 767px) {
    .why {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
}
.why__card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    padding-right: 40px;
}
@media (max-width: 767px) {
    .why__card {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}
.why__card__text {
    color: #616177;
}

.main-banner {
    position: relative;
}
.main-banner__inner {
    position: relative;
    z-index: 2;
    pointer-events: none;
}
@media (max-width: 1439px) {
    .main-banner__inner {
        padding-left: 0;
        padding-right: 0;
    }
}
.main-banner__content {
    max-width: 1172px;
    display: flex;
    flex-direction: column;
}
.main-banner__gallery {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@media (max-width: 767px) {
    .main-banner__gallery {
        order: -1;
        position: static;
    }
}
.main-banner__footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 140px;
    position: relative;
    z-index: 1;
    pointer-events: auto;
    align-items: flex-start;
}
.main-banner__footer a {
    color: #306AFF;
}
@media (max-width: 1439px) {
    .main-banner__footer {
        margin-top: 110px;
    }
}
@media (max-width: 767px) {
    .main-banner__footer {
        margin-top: 60px;
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .main-banner h1 {
        font-size: 36px;
    }
}
.main-banner__sup {
    margin-bottom: 40px;
    color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
    .main-banner__sup {
        margin-bottom: 20px;
    }
}

.hover-gallery {
    height: 100%;
    position: relative;
    --size: 212px;
}
@media (max-width: 767px) {
    .hover-gallery {
        height: calc(var(--size) * 1.3);
    }
}
.hover-gallery__img {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 40px;
    pointer-events: none;
}
@media (max-width: 767px) {
    .hover-gallery__img {
        opacity: 1 !important;
        transform: none !important;
    }
}
@media (max-width: 767px) {
    .hover-gallery__img:nth-child(n+4) {
        display: none;
    }
}
@media (max-width: 767px) {
    .hover-gallery__img:nth-child(3) {
        z-index: 3 !important;
        top: initial;
        left: initial;
        bottom: 0;
        right: 0;
        width: var(--size);
        height: var(--size);
    }
}
@media (max-width: 767px) {
    .hover-gallery__img:nth-child(2) {
        opacity: 0.5 !important;
        z-index: 2 !important;
        top: 50%;
        width: calc(var(--size) * 0.75);
        height: calc(var(--size) * 0.75);
        left: 50%;
        transform: translate(-70%, -70%) !important;
    }
}
@media (max-width: 767px) {
    .hover-gallery__img:nth-child(1) {
        z-index: 1 !important;
        position: static;
        width: calc(var(--size) * 0.65);
        height: calc(var(--size) * 0.65);
        opacity: 0.1 !important;
    }
}

.main-quote {
    background: #306AFF;
    color: #fff;
    padding: 140px 0;
    border-radius: 40px;
    overflow-wrap: break-word;
}
@media (max-width: 1439px) {
    .main-quote {
        padding: 100px 0;
        border-radius: 40px;
    }
}
@media (max-width: 767px) {
    .main-quote {
        padding: 40px 0;
        border-radius: 20px;
    }
}
@media (max-width: 767px) {
    .main-quote__container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.main-quote__content {
    flex-direction: column;
    gap: 30px;
    display: grid;
    grid-template-columns: max-content auto;
}
@media (max-width: 1439px) {
    .main-quote__content {
        grid-template-columns: 1fr;
        gap: 60px;
    }
}
@media (max-width: 767px) {
    .main-quote__content {
        gap: 40px;
        grid-template-columns: 1fr;
    }
}
.main-quote__person {
    display: flex;
    flex-direction: column;
    grid-column: 1;
}
@media (max-width: 1439px) {
    .main-quote__person {
        order: 999;
        display: grid;
        grid-template-columns: max-content auto max-content;
        gap: 24px 40px;
        align-items: center;
    }
}
@media (max-width: 1023px) {
    .main-quote__person {
        grid-template-columns: max-content minmax(auto, max-content);
    }
}
@media (max-width: 767px) {
    .main-quote__person {
        grid-template-columns: max-content 1fr;
        gap: 20px;
    }
}
.main-quote__person__photo {
    width: 211px;
    height: 211px;
    margin-bottom: 40px;
}
@media (max-width: 1439px) {
    .main-quote__person__photo {
        grid-row: span 2;
        margin-bottom: 0;
    }
}
@media (max-width: 1023px) {
    .main-quote__person__photo {
        grid-row: span 3;
    }
}
@media (max-width: 767px) {
    .main-quote__person__photo {
        width: 60px;
        height: 60px;
        grid-row: unset;
    }
}
.main-quote__person img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.main-quote__person__name {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.05em;
    margin-bottom: 24px;
}
@media (max-width: 1439px) {
    .main-quote__person__name {
        margin-bottom: 0;
        grid-column: 2;
        grid-row: 1;
        align-self: flex-end;
    }
}
@media (max-width: 1023px) {
    .main-quote__person__name {
        grid-column: unset;
        grid-row: unset;
        font-size: 18px;
        line-height: 1;
        align-self: center;
    }
}
.main-quote__person__caption {
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 1439px) {
    .main-quote__person__caption {
        margin-bottom: 0;
        grid-column: 2;
        grid-row: 2;
        align-self: flex-start;
    }
}
@media (max-width: 1023px) {
    .main-quote__person__caption {
        grid-column: unset;
        grid-row: unset;
    }
}
@media (max-width: 767px) {
    .main-quote__person__caption {
        grid-column: 1/-1;
        gap: 4px;
        font-size: 14px;
    }
}
@media (max-width: 1439px) {
    .main-quote__person .button {
        grid-row: span 2;
    }
}
@media (max-width: 1023px) {
    .main-quote__person .button {
        grid-row: unset;
        justify-self: flex-start;
        margin-top: 16px;
        justify-self: stretch;
    }
}
@media (max-width: 767px) {
    .main-quote__person .button {
        grid-column: 1/-1;
        margin-top: 0;
    }
}
.main-quote__text {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    min-width: 0;
    width: auto;
}
@media (max-width: 767px) {
    .main-quote__text {
        font-size: 36px;
        gap: 4px;
    }
}
.main-quote__text::before {
    content: "“";
}
@media (max-width: 767px) {
    .main-quote__text {
        grid-column: 1;
    }
}

.custom-file-input {
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    cursor: pointer;
    --status: "Прикрепить файл";
    --name-visibility: none;
    --icon-bg: #E8EBF2;
    --icon-color: #616177;
}
.custom-file-input--chosen {
    --icon-bg: #306AFF;
    --icon-color: #fff;
    --status: "Файл прикреплен";
    --name-visibility: flex;
}
.custom-file-input__input {
    position: absolute;
    width: 0;
    height: 0;
}
.custom-file-input__icon {
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--icon-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}
.custom-file-input__icon::before {
    content: "";
    --size: 24px;
    --color: var(--icon-color);
}
.custom-file-input__info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    gap: 5px;
    position: relative;
}
.custom-file-input__info__status::before {
    content: var(--status);
}
.custom-file-input__info__name {
    color: #616177;
    flex: 1 1 0;
    display: var(--name-visibility);
}
.custom-file-input__info__name__start {
    white-space: nowrap;
    width: 0;
    flex-grow: 1;
    max-width: -moz-max-content;
    max-width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
}
.icon--arrow-down, .choices[data-type*=select-one]::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-down.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-down.svg);
}

.icon--arrow-left, .techsupport-what-we-done .splide__arrow--prev::before, .landing2-expertise .splide__arrow--prev::before, .pagination__arrow--prev::before, .partners__slider__controls .splide__arrow--prev::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-left.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-left.svg);
}

.icon--arrow-out, .outer-link::before, .partners__slider__card__link::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-out.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-out.svg);
}

.icon--arrow-right, .integration__reviews .splide__arrow::before, .universal-responses header .splide__arrows .splide__arrow::before, .integration__team .splide__arrow::before, .integration__cases .splide__arrow::before, .support__complex__grid .splide__arrow::before, .support__samples .splide__arrow::before, .support__about__slider .splide__arrow::before, .techsupport-what-we-done .splide__arrow--next::before, .landing2-expertise .splide__arrow--next::before, .pagination__arrow--next::before, .partners__slider__controls .splide__arrow--next::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-right.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-right.svg);
}

.icon--arrow-up-right, .support__about__link::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-up-right.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-up-right.svg);
}

.icon--award {
    -webkit-mask-image: url(/local/templates/new/images/icon/award.svg);
    mask-image: url(/local/templates/new/images/icon/award.svg);
}

.icon--burger-close, .header.search-opened .header__search-toggler .icon.icon--close, .header.search-opened .header__search-toggler .icon--close.propirtional-img--link::after, .header.search-opened .header__search-toggler .integration__reviews .icon--close.splide__arrow::before, .integration__reviews .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .icon--close.integration__solve__item__image__button::after, .header.search-opened .header__search-toggler .universal-responses header .splide__arrows .icon--close.splide__arrow::before, .universal-responses header .splide__arrows .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .integration__team .icon--close.splide__arrow::before, .integration__team .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .integration__cases .icon--close.splide__arrow::before, .integration__cases .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header__burger.popup-controller--active .icon, .header__burger.popup-controller--active .propirtional-img--link::after, .header__burger.popup-controller--active .integration__reviews .splide__arrow::before, .integration__reviews .header__burger.popup-controller--active .splide__arrow::before, .header__burger.popup-controller--active .integration__solve__item__image__button::after, .header__burger.popup-controller--active .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .header__burger.popup-controller--active .splide__arrow::before, .header__burger.popup-controller--active .integration__team .splide__arrow::before, .integration__team .header__burger.popup-controller--active .splide__arrow::before, .header__burger.popup-controller--active .integration__cases .splide__arrow::before, .integration__cases .header__burger.popup-controller--active .splide__arrow::before, .header.search-opened .header__search-toggler .support__complex__grid .icon--close.splide__arrow::before, .support__complex__grid .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header__burger.popup-controller--active .support__complex__grid .splide__arrow::before, .support__complex__grid .header__burger.popup-controller--active .splide__arrow::before, .header.search-opened .header__search-toggler .support__samples .icon--close.splide__arrow::before, .support__samples .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header__burger.popup-controller--active .support__samples .splide__arrow::before, .support__samples .header__burger.popup-controller--active .splide__arrow::before, .header.search-opened .header__search-toggler .icon--close.support__about__link::after, .header__burger.popup-controller--active .support__about__link::after, .header.search-opened .header__search-toggler .support__about__slider .icon--close.splide__arrow::before, .support__about__slider .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header__burger.popup-controller--active .support__about__slider .splide__arrow::before, .support__about__slider .header__burger.popup-controller--active .splide__arrow::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/burger-close.svg);
    mask-image: url(/local/templates/new/images/icon/burger-close.svg);
}

.icon--burger, .header__burger .icon, .header__burger .propirtional-img--link::after, .header__burger .integration__reviews .splide__arrow::before, .integration__reviews .header__burger .splide__arrow::before, .header__burger .integration__solve__item__image__button::after, .header__burger .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .header__burger .splide__arrow::before, .header__burger .integration__team .splide__arrow::before, .integration__team .header__burger .splide__arrow::before, .header__burger .integration__cases .splide__arrow::before, .integration__cases .header__burger .splide__arrow::before, .header__burger .support__complex__grid .splide__arrow::before, .support__complex__grid .header__burger .splide__arrow::before, .header__burger .support__samples .splide__arrow::before, .support__samples .header__burger .splide__arrow::before, .header__burger .support__about__link::after, .header__burger .support__about__slider .splide__arrow::before, .support__about__slider .header__burger .splide__arrow::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/burger.svg);
    mask-image: url(/local/templates/new/images/icon/burger.svg);
}

.icon--check, .custom-checkbox input[type=checkbox]::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/check.svg);
    mask-image: url(/local/templates/new/images/icon/check.svg);
}

.icon--close {
    -webkit-mask-image: url(/local/templates/new/images/icon/close.svg);
    mask-image: url(/local/templates/new/images/icon/close.svg);
}

.icon--config {
    -webkit-mask-image: url(/local/templates/new/images/icon/config.svg);
    mask-image: url(/local/templates/new/images/icon/config.svg);
}

.icon--connect {
    -webkit-mask-image: url(/local/templates/new/images/icon/connect.svg);
    mask-image: url(/local/templates/new/images/icon/connect.svg);
}

.icon--cup {
    -webkit-mask-image: url(/local/templates/new/images/icon/cup.svg);
    mask-image: url(/local/templates/new/images/icon/cup.svg);
}

.icon--file, .custom-file-input__icon::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/file.svg);
    mask-image: url(/local/templates/new/images/icon/file.svg);
}

.icon--key {
    -webkit-mask-image: url(/local/templates/new/images/icon/key.svg);
    mask-image: url(/local/templates/new/images/icon/key.svg);
}

.icon--like {
    -webkit-mask-image: url(/local/templates/new/images/icon/like.svg);
    mask-image: url(/local/templates/new/images/icon/like.svg);
}

.icon--marker {
    -webkit-mask-image: url(/local/templates/new/images/icon/marker.svg);
    mask-image: url(/local/templates/new/images/icon/marker.svg);
}

.icon--minus, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .icon, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .propirtional-img--link::after, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .integration__reviews .splide__arrow::before, .integration__reviews .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .integration__solve__item__image__button::after, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .integration__team .splide__arrow::before, .integration__team .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .integration__cases .splide__arrow::before, .integration__cases .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .support__samples .splide__arrow::before, .support__samples .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .support__about__link::after, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .support__about__slider .splide__arrow::before, .support__about__slider .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .icon, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .propirtional-img--link::after, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .integration__reviews .splide__arrow::before, .integration__reviews .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .integration__solve__item__image__button::after, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .integration__team .splide__arrow::before, .integration__team .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .integration__cases .splide__arrow::before, .integration__cases .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .support__complex__grid .splide__arrow::before, .support__complex__grid .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .support__samples .splide__arrow::before, .support__samples .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .icon, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .propirtional-img--link::after, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .integration__reviews .splide__arrow::before, .integration__reviews .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .integration__solve__item__image__button::after, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .integration__team .splide__arrow::before, .integration__team .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .integration__cases .splide__arrow::before, .integration__cases .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .support__samples .splide__arrow::before, .support__samples .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .support__about__link::after, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .support__about__link::after, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .support__about__slider .splide__arrow::before, .support__about__slider .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .support__about__slider .splide__arrow::before, .support__about__slider .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/minus.svg);
    mask-image: url(/local/templates/new/images/icon/minus.svg);
}

.icon--people {
    -webkit-mask-image: url(/local/templates/new/images/icon/people.svg);
    mask-image: url(/local/templates/new/images/icon/people.svg);
}

.icon--play, .propirtional-img--link::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/play.svg);
    mask-image: url(/local/templates/new/images/icon/play.svg);
}

.icon--plus, .audit-cards__item__header__flipper .icon, .audit-cards__item__header__flipper .propirtional-img--link::after, .audit-cards__item__header__flipper .integration__reviews .splide__arrow::before, .integration__reviews .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .integration__solve__item__image__button::after, .audit-cards__item__header__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .integration__team .splide__arrow::before, .integration__team .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .integration__cases .splide__arrow::before, .integration__cases .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .support__samples .splide__arrow::before, .support__samples .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .support__about__link::after, .audit-cards__item__header__flipper .support__about__slider .splide__arrow::before, .support__about__slider .audit-cards__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .icon, .vacancy-list__item__header__flipper .propirtional-img--link::after, .vacancy-list__item__header__flipper .integration__reviews .splide__arrow::before, .integration__reviews .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .integration__solve__item__image__button::after, .vacancy-list__item__header__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .integration__team .splide__arrow::before, .integration__team .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .integration__cases .splide__arrow::before, .integration__cases .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .support__samples .splide__arrow::before, .support__samples .vacancy-list__item__header__flipper .splide__arrow::before, .support__accordion__item__flipper .icon, .support__accordion__item__flipper .propirtional-img--link::after, .support__accordion__item__flipper .integration__reviews .splide__arrow::before, .integration__reviews .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .integration__solve__item__image__button::after, .support__accordion__item__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .integration__team .splide__arrow::before, .integration__team .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .integration__cases .splide__arrow::before, .integration__cases .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .support__samples .splide__arrow::before, .support__samples .support__accordion__item__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .support__about__link::after, .support__accordion__item__flipper .support__about__link::after, .vacancy-list__item__header__flipper .support__about__slider .splide__arrow::before, .support__about__slider .vacancy-list__item__header__flipper .splide__arrow::before, .support__accordion__item__flipper .support__about__slider .splide__arrow::before, .support__about__slider .support__accordion__item__flipper .splide__arrow::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/plus.svg);
    mask-image: url(/local/templates/new/images/icon/plus.svg);
}

.icon--refresh {
    -webkit-mask-image: url(/local/templates/new/images/icon/refresh.svg);
    mask-image: url(/local/templates/new/images/icon/refresh.svg);
}

.icon--search {
    -webkit-mask-image: url(/local/templates/new/images/icon/search.svg);
    mask-image: url(/local/templates/new/images/icon/search.svg);
}

.icon--search1, .integration__solve__item__image__button::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/search1.svg);
    mask-image: url(/local/templates/new/images/icon/search1.svg);
}

.icon--slider-arrow-left {
    -webkit-mask-image: url(/local/templates/new/images/icon/slider-arrow-left.svg);
    mask-image: url(/local/templates/new/images/icon/slider-arrow-left.svg);
}

.icon--success {
    -webkit-mask-image: url(/local/templates/new/images/icon/success.svg);
    mask-image: url(/local/templates/new/images/icon/success.svg);
}

.icon--tg {
    -webkit-mask-image: url(/local/templates/new/images/icon/tg.svg);
    mask-image: url(/local/templates/new/images/icon/tg.svg);
}

.icon--tooltip {
    -webkit-mask-image: url(/local/templates/new/images/icon/tooltip.svg);
    mask-image: url(/local/templates/new/images/icon/tooltip.svg);
}

.icon--verified-folder {
    -webkit-mask-image: url(/local/templates/new/images/icon/verified-folder.svg);
    mask-image: url(/local/templates/new/images/icon/verified-folder.svg);
}

.icon--vk {
    -webkit-mask-image: url(/local/templates/new/images/icon/vk.svg);
    mask-image: url(/local/templates/new/images/icon/vk.svg);
}

.icon--yt {
    -webkit-mask-image: url(/local/templates/new/images/icon/yt.svg);
    mask-image: url(/local/templates/new/images/icon/yt.svg);
}

.icon, .propirtional-img--link::after, .integration__reviews .splide__arrow::before, .integration__solve__item__image__button::after, .universal-responses header .splide__arrows .splide__arrow::before, .integration__team .splide__arrow::before, .integration__cases .splide__arrow::before, .support__complex__grid .splide__arrow::before, .support__samples .splide__arrow::before, .support__about__link::after, .support__about__slider .splide__arrow::before,
.techsupport-what-we-done .splide__arrow::before,
.landing2-expertise .splide__arrow::before,
.choices[data-type*=select-one]::after,
.pagination__arrow::before,
.outer-link::before,
.custom-checkbox input[type=checkbox]::after,
.partners__slider__card__link::before,
.partners__slider__controls .splide__arrow::before,
.custom-file-input__icon::before {
    display: inline-flex;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
    transition: all var(--transition-duration, 0.3s) ease;
    width: var(--size, 24px);
    height: var(--size, 24px);
    background: var(--color, #000);
}
.icon--flex,
.awards__list__item__icon .icon,
.awards__list__item__icon .universal-responses header .splide__arrows .splide__arrow::before,
.universal-responses header .splide__arrows .awards__list__item__icon .splide__arrow::before,
.awards__list__item__icon .support__complex__grid .splide__arrow::before,
.support__complex__grid .awards__list__item__icon .splide__arrow::before,
.awards__list__item__icon .support__samples .splide__arrow::before,
.support__samples .awards__list__item__icon .splide__arrow::before,
.awards__list__item__icon .support__about__link::after,
.awards__list__item__icon .support__about__slider .splide__arrow::before,
.support__about__slider .awards__list__item__icon .splide__arrow::before,
.awards__list__item__icon .integration__solve__item__image__button::after,
.awards__list__item__icon .integration__cases .splide__arrow::before,
.integration__cases .awards__list__item__icon .splide__arrow::before,
.awards__list__item__icon .integration__team .splide__arrow::before,
.integration__team .awards__list__item__icon .splide__arrow::before,
.awards__list__item__icon .integration__reviews .splide__arrow::before,
.integration__reviews .awards__list__item__icon .splide__arrow::before,
.awards__list__item__icon .propirtional-img--link::after {
    width: 100%;
    padding-bottom: 100%;
    height: 0;
}
.icon--color--blue {
    --color:#306AFF;
}

.learn {
    display: flex;
    justify-content: center;
    gap: 140px;
}
@media (max-width: 1023px) {
    .learn {
        gap: 32px;
    }
}
@media (max-width: 767px) {
    .learn {
        flex-direction: column;
    }
}
.learn__btn {
    display: flex;
    align-items: center;
    color: #fff;
    height: 80px;
    border-radius: 666px;
    padding: 0 50px;
    gap: 10px;
}
@media (max-width: 767px) {
    .learn__btn {
        height: 50px;
    }
}
.learn__btn hr {
    height: 40px;
    width: 1px;
    background-color: #fff;
}
@media (max-width: 767px) {
    .learn__btn img {
        width: 70px;
        height: auto;
    }
}

.step-cards {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.step-cards__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    text-align: left;
}
@media (min-width: 767px) {
    .step-cards__title {
        display: none;
    }
}
.step-cards__cards {
    display: grid;
    gap: var(--column-gap);
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-template-rows: auto auto minmax(269px, max-content);
}
@media (max-width: 767px) {
    .step-cards__cards {
        grid-template-columns: 1fr;
        grid-template-rows: unset;
        gap: 40px;
    }
}
.step-cards__card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    position: relative;
}
@media (max-width: 767px) {
    .step-cards__card {
        display: flex;
        flex-direction: column;
        grid-row: unset;
    }
}
.step-cards__card__header {
    padding: 30px;
    gap: 10px;
    border-radius: 20px 20px 5px 5px;
    background-color: #EFEEFB;
    text-align: center;
    color: #2A2546;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step-cards__card__body {
    background-color: #fff;
    padding: 20px 30px;
    border-radius: 5px 5px 20px 20px;
}
.step-cards__card__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .step-cards__card__step {
        margin-bottom: 20px;
    }
}
.step-cards__card__step__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 767px) {
    .step-cards__card__step__content {
        display: grid;
        align-items: center;
        grid-template-columns: 60px auto;
    }
}
.step-cards__card__step__title {
    font-size: 46px;
    font-weight: 700;
    line-height: 56.07px;
}
@media (max-width: 767px) {
    .step-cards__card__step__title {
        grid-row: 1;
        grid-column: 1;
        font-size: 36px;
    }
}
.step-cards__card__step__caption {
    font-size: 24px;
    font-weight: 400;
    line-height: 29.26px;
    color: #595571;
    align-self: stretch;
}
@media (max-width: 767px) {
    .step-cards__card__step__caption {
        grid-row: 2;
        grid-column: 1;
        font-size: 18px;
        line-height: 22px;
    }
}
.step-cards__card__step__decorator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #306AFF;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .step-cards__card__step__decorator {
        grid-row: 1;
        grid-column: 2;
        margin-top: 0;
    }
}
.step-cards__card__step__decorator::before {
    content: "";
    width: 150%;
    height: 1px;
    position: absolute;
    background-color: #306AFF;
}
@media (max-width: 767px) {
    .step-cards__card__step__decorator::before {
        width: 1px;
        height: 150%;
        z-index: -1;
    }
}
.step-cards__card:first-child .step-cards__card__step__decorator {
    justify-content: flex-start;
}
@media (max-width: 767px) {
    .step-cards__card:first-child .step-cards__card__step__decorator {
        justify-content: center;
        align-items: flex-start;
    }
}
.step-cards__card:last-child .step-cards__card__step__decorator {
    justify-content: flex-end;
}
@media (max-width: 767px) {
    .step-cards__card:last-child .step-cards__card__step__decorator {
        justify-content: center;
        align-items: flex-end;
    }
}

@media (min-width: calc(1023px + 1px)) {
    .audit-cards {
        --gap: 40px;
    }
}
@media (max-width: 1023px) {
    .audit-cards {
        --gap: 20px;
    }
}
.audit-cards__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.audit-cards__item:not(:last-child) {
    padding-bottom: var(--gap);
    border-bottom: 1px solid #E3E6E6;
}
.audit-cards__item__header {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
    gap: 20px;
}
.audit-cards__item__header__text {
    grid-column: 1/8;
}
@media (max-width: 1439px) {
    .audit-cards__item__header__text {
        grid-column: 1/12;
    }
}
@media (max-width: 767px) {
    .audit-cards__item__header__text {
        grid-column: 1/13;
    }
}
.audit-cards__item__header__img {
    grid-column: 1/2;
    width: 84px;
    height: 84px;
}
@media (max-width: 767px) {
    .audit-cards__item__header__img {
        width: 64px;
        height: 64px;
    }
}
.audit-cards__item__header__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
.audit-cards__item__header__title {
    grid-column: 2/12;
}
@media (max-width: 767px) {
    .audit-cards__item__header__title {
        grid-column: 2/13;
    }
}
.audit-cards__item__header__flipper {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .audit-cards__item__header__flipper {
        width: 50px;
        height: 50px;
    }
}
.audit-cards__item__header__flipper-wrapper {
    margin-left: auto;
    grid-column: 12/13;
}
@media (max-width: 767px) {
    .audit-cards__item__header__flipper-wrapper {
        align-self: flex-start;
        grid-column: 1/2;
        grid-row: 3;
        margin-left: 0;
    }
}
.audit-cards__item__header__flipper .icon, .audit-cards__item__header__flipper .propirtional-img--link::after, .audit-cards__item__header__flipper .integration__reviews .splide__arrow::before, .integration__reviews .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .integration__solve__item__image__button::after, .audit-cards__item__header__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .integration__team .splide__arrow::before, .integration__team .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .integration__cases .splide__arrow::before, .integration__cases .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .support__samples .splide__arrow::before, .support__samples .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .support__about__link::after, .audit-cards__item__header__flipper .support__about__slider .splide__arrow::before, .support__about__slider .audit-cards__item__header__flipper .splide__arrow::before {
    display: flex;
    --color: #306AFF;
    --size: 30px;
}
.audit-cards__item .spoiler {
    display: grid;
    gap: 20px;
}
.audit-cards__item__limited-text p {
    margin: 1em 0;
}
.audit-cards__item__limited-text p:first-child {
    margin-top: 0;
}
.audit-cards__item__limited-text p:last-child {
    margin-bottom: 0;
}

.expert-banner__img {
    background-image: url(/local/templates/new/images/laurel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 767px) {
    .expert-banner__img {
        max-width: 320px;
    }
}
.expert-banner__inner {
    display: flex;
    gap: var(--column-gap);
}
@media (max-width: 767px) {
    .expert-banner__inner {
        flex-direction: column;
    }
}
.expert-banner__inner__left, .expert-banner__inner__right {
    flex: 1 1 0;
}
.expert-banner__inner__left {
    padding-bottom: 60px;
}
.expert-banner__inner__right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.expert-banner__inner__caption {
    margin-top: 80px;
    color: #616177;
}
@media (max-width: 1439px) {
    .expert-banner__inner__caption {
        margin-top: 60px;
    }
}
@media (max-width: 1023px) {
    .expert-banner__inner__caption {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .expert-banner__inner__caption {
        margin-top: 20px;
    }
}
.expert-banner__inner__footer {
    margin-top: 60px;
}
@media (max-width: 1439px) {
    .expert-banner__inner__footer {
        margin-top: 45px;
    }
}
@media (max-width: 1023px) {
    .expert-banner__inner__footer {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .expert-banner__inner__footer {
        margin-top: 15px;
    }
}

.integration-tabs {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
@media (max-width: 767px) {
    .integration-tabs {
        gap: 40px;
    }
}
.cards-request {
    padding: var(--row-gap) 0;
    background: #EFF4FF;
    border-radius: 40px;
}
.cards-request__content {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 1439px) {
    .cards-request__content {
        grid-template-columns: 656px 1fr;
    }
}
@media (max-width: 1023px) {
    .cards-request__content {
        grid-template-columns: 1fr 267px;
    }
}
@media (max-width: 767px) {
    .cards-request__content {
        grid-template-columns: 1fr;
    }
}
.cards-request__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: var(--column-gap);
}
@media (min-width: 1439px) {
    .cards-request__cards {
        grid-column: 1/7;
    }
}
@media (max-width: 767px) {
    .cards-request__cards {
        grid-template-columns: 1fr;
    }
}
.cards-request__cards__item {
    min-width: 0;
    padding: 40px;
    border-radius: 40px;
    background: #fff;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    gap: 20px;
}
@media (max-width: 1023px) {
    .cards-request__cards__item {
        padding: 30px 20px;
    }
}
.cards-request__cards__item__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (min-width: 1439px) {
    .cards-request__cards__item__title {
        white-space: nowrap;
    }
}
.cards-request__cards__item__price__caption {
    color: #616177;
    margin-bottom: 5px;
}
@media (max-width: 767px) {
    .cards-request__cards__item__price__nums {
        display: inline;
    }
}
.cards-request__cards__item__price__measure {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.05em;
}
@media (max-width: 1023px) {
    .cards-request__cards__item__price__measure {
        font-size: 20px;
        line-height: 30px;
    }
}
@media (max-width: 767px) {
    .cards-request__cards__item__price__measure {
        font-size: 16px;
        display: inline;
    }
}
.cards-request__cards__item__terms__caption {
    display: inline;
    color: #616177;
}
.cards-request__cards__item__terms__value {
    display: inline;
}
.cards-request__cards__item__footer {
    margin-top: auto;
}
.cards-request__form {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
@media (min-width: 1439px) {
    .cards-request__form {
        grid-column: 9/13;
    }
}
@media (max-width: 1439px) {
    .cards-request__form {
        gap: 40px;
    }
}
.cards-request__form__group {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 1439px) {
    .cards-request__form__group {
        gap: 20px;
    }
}
.cards-request__form__group__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.cards-request__form__checkbox-group {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 40px;
    position: relative;
}
.cards-request__form__checkbox-group.is-invalid::after {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    color: #E8002A;
    content: "* Укажите вид услуги";
}
@media (max-width: 1439px) {
    .cards-request__form__checkbox-group {
        grid-template-columns: 1fr;
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5019607843);
    overflow: auto;
    display: flex;
    justify-content: center;
    padding: 64px;
    opacity: 1;
    z-index: 9999;
    transition: all var(--transition-duration, 0.3s) ease;
    cursor: pointer;
}
@media (max-width: 1439px) {
    .popup {
        padding: 48px;
    }
}
@media (max-width: 1023px) {
    .popup {
        padding: 32px;
    }
}
@media (max-width: 767px) {
    .popup {
        padding: 0;
    }
}
.popup:not(.show) {
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
}
.popup--fit .popup__inner {
    padding: 0;
}
.popup--header-loyal {
    top: var(--header-height, 0);
}
.popup__inner {
    display: flex;
    flex-direction: column;
    cursor: initial;
    flex-shrink: 0;
    background-color: #FAFAFA;
    border-radius: 40px;
    padding: 160px;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    position: relative;
}
@media (max-width: 1439px) {
    .popup__inner {
        padding: 80px;
        border-radius: 30px;
    }
}
@media (max-width: 1023px) {
    .popup__inner {
        padding: 40px;
        border-radius: 20px;
    }
}
@media (max-width: 767px) {
    .popup__inner {
        padding: 20px;
        border-radius: 0px;
        width: 100%;
        min-height: 100%;
    }
}
.popup--header-loyal .popup__selfcloser--mobile {
    top: calc(12px + var(--header-height, 0));
}
.popup__selfcloser {
    cursor: pointer;
}
.popup__selfcloser--corner {
    position: absolute;
    right: 40px;
    top: 40px;
    display: flex;
}
@media (max-width: 767px) {
    .popup__selfcloser--corner {
        position: fixed;
        right: 12px;
        top: 12px;
    }
}
.popup__selfcloser--corner .icon, .popup__selfcloser--corner .propirtional-img--link::after, .popup__selfcloser--corner .integration__reviews .splide__arrow::before, .integration__reviews .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .integration__solve__item__image__button::after, .popup__selfcloser--corner .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .integration__team .splide__arrow::before, .integration__team .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .integration__cases .splide__arrow::before, .integration__cases .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .support__complex__grid .splide__arrow::before, .support__complex__grid .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .support__samples .splide__arrow::before, .support__samples .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .support__about__link::after, .popup__selfcloser--corner .support__about__slider .splide__arrow::before, .support__about__slider .popup__selfcloser--corner .splide__arrow::before {
    --size: 40px;
    --color: #306AFF;
}
@media (max-width: 767px) {
    .popup__selfcloser--corner .icon, .popup__selfcloser--corner .propirtional-img--link::after, .popup__selfcloser--corner .integration__reviews .splide__arrow::before, .integration__reviews .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .integration__solve__item__image__button::after, .popup__selfcloser--corner .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .integration__team .splide__arrow::before, .integration__team .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .integration__cases .splide__arrow::before, .integration__cases .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .support__complex__grid .splide__arrow::before, .support__complex__grid .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .support__samples .splide__arrow::before, .support__samples .popup__selfcloser--corner .splide__arrow::before, .popup__selfcloser--corner .support__about__link::after, .popup__selfcloser--corner .support__about__slider .splide__arrow::before, .support__about__slider .popup__selfcloser--corner .splide__arrow::before {
        --size: 32px;
    }
}

.request {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1439px) {
    .request {
        gap: 60px;
    }
}
@media (max-width: 1023px) {
    .request {
        gap: 40px;
    }
}
.request__icon {
    display: flex;
    justify-content: flex-start;
    --size: 100px;
    --color: #306AFF;
}
.request--success {
    gap: 60px;
}
@media (max-width: 1439px) {
    .request--success {
        gap: 45px;
    }
}
@media (max-width: 1023px) {
    .request--success {
        gap: 30px;
    }
}
.request__block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 1439px) {
    .request__block {
        gap: 30px;
    }
}
@media (max-width: 1023px) {
    .request__block {
        gap: 20px;
    }
}
.request__block__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.request__block__content__row {
    display: flex;
    gap: var(--column-gap);
}
.request__block__content__row__cell {
    flex: 1 1 0;
}
.popup .request_new,
.popup .request_done {
    --container-padding: 0px;
    padding: 60px;
    color: #000;
    max-width: 1320px;
    width: 100%;
}
@media (max-width: 767px) {
    .popup .request_new,
    .popup .request_done {
        padding: 40px 15px;
    }
}
.popup .request_new .popup__selfcloser--corner,
.popup .request_done .popup__selfcloser--corner {
    top: 60px;
    right: 60px;
}
@media (max-width: 767px) {
    .popup .request_new .popup__selfcloser--corner,
    .popup .request_done .popup__selfcloser--corner {
        top: 40px;
        right: 15px;
    }
}
.popup .request_new header,
.popup .request_done header {
    margin-right: 144px;
    margin-bottom: 80px;
}
.popup .request_new header:last-child,
.popup .request_done header:last-child {
    margin-bottom: 0;
}
@media (max-width: 1023px) {
    .popup .request_new header,
    .popup .request_done header {
        margin-right: 84px;
    }
}
@media (max-width: 767px) {
    .popup .request_new header,
    .popup .request_done header {
        margin-bottom: 60px;
    }
    .popup .request_new header .h2 {
        font-size: 43px;
        line-height: 46px;
    }
}
.popup .request_new h1,
.popup .request_done h1 {
    font: 500 60px/70px Inter;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .popup .request_new h1,
    .popup .request_done h1 {
        font-size: 30px;
        line-height: 1.2;
    }
}
.popup .request_new .subheader,
.popup .request_done .subheader {
    margin-top: 20px;
    font: 500 20px/1.5 Inter;
}
@media (max-width: 1023px) {
    .popup .request_new .subheader,
    .popup .request_done .subheader {
        max-width: 510px;
    }
}
@media (max-width: 767px) {
    .popup .request_new .subheader,
    .popup .request_done .subheader {
        font-size: 18px;
        line-height: 1.2;
    }
}
.popup .request_new .formFields,
.popup .request_done .formFields {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}
@media (max-width: 1023px) {
    .popup .request_new .formFields,
    .popup .request_done .formFields {
        grid-template-columns: 1fr;
    }
}
.popup .request_new .formField,
.popup .request_done .formField {
    font: 16px/1.5 Inter;
}
.popup .request_new .formField input,
.popup .request_done .formField input {
    width: 100%;
    border: none;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #dfe3ef;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.popup .request_new .formField input::-moz-placeholder, .popup .request_done .formField input::-moz-placeholder {
    color: #000;
    opacity: 1;
}
.popup .request_new .formField input::placeholder,
.popup .request_done .formField input::placeholder {
    color: #000;
    opacity: 1;
}
.popup .request_new .formField input:hover, .popup .request_new .formField input:focus,
.popup .request_done .formField input:hover,
.popup .request_done .formField input:focus {
    border-bottom-color: #000;
}
.popup .request_new .formField input.is-invalid,
.popup .request_done .formField input.is-invalid {
    border-bottom-color: red;
    color: red;
}
.popup .request_new .formField input.is-invalid::-moz-placeholder, .popup .request_done .formField input.is-invalid::-moz-placeholder {
    color: red;
}
.popup .request_new .formField input.is-invalid::placeholder,
.popup .request_done .formField input.is-invalid::placeholder {
    color: red;
}
.popup .request_new .underline,
.popup .request_done .underline {
    --agreement-width: calc(2 * (100% - 80px) / 3 + 40px);
    margin-top: 40px;
    display: grid;
    grid-template-columns: var(--agreement-width) 1fr;
    gap: 20px;
}
@media (max-width: 1023px) {
    .popup .request_new .underline,
    .popup .request_done .underline {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .popup .request_new .underline,
    .popup .request_done .underline {
        grid-template-columns: 1fr;
    }
}
.popup .request_new .agreement,
.popup .request_done .agreement {
    color: #616177;
    font: 14px/20px Inter;
}
.popup .request_new .agreement a,
.popup .request_done .agreement a {
    color: #306aff;
    text-decoration: underline;
}
.popup .request_new .agreement a:hover,
.popup .request_done .agreement a:hover {
    text-decoration: none;
}
.popup .request_new button[type=submit],
.popup .request_done button[type=submit] {
    border: none;
}
@media (max-width: 767px) {
    .popup .request_new button[type=submit],
    .popup .request_done button[type=submit] {
        max-width: 420px;
        justify-self: center;
    }
}

.price-card {
    padding: 40px;
    background: #EEF0F9;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: auto;
}
@media (max-width: 767px) {
    .price-card {
        border-radius: 16px;
        padding: 24px;
    }
}
.price-card__caption {
    color: #616177;
}
.price-card__header {
    display: flex;
    gap: 12px 24px;
}
@media (max-width: 767px) {
    .price-card__header {
        flex-wrap: wrap;
    }
}
.price-card__header__block {
    display: flex;
    flex-direction: column;
    gap: 5px;
    white-space: nowrap;
}
@media (min-width: 768px) {
    .price-card__header__block {
        margin-left: auto;
        margin-right: auto;
    }
    .price-card__header__block:first-child {
        margin-left: 0;
    }
}
.price-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    gap: 16px;
}
@media (max-width: 767px) {
    .price-card__footer {
        flex-direction: column;
    }
}
.price-card__price {
    white-space: nowrap;
}
.price-card__price__small {
    font-weight: 500;
    font-size: 30px;
}
.price-card-after {
    padding: 40px;
}
@media (max-width: 767px) {
    .price-card-after {
        padding: 24px;
    }
}
.price-card-group {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
@media (max-width: 1439px) {
    .price-card-group {
        gap: 40px;
    }
}
@media (max-width: 767px) {
    .price-card-group {
        gap: 24px;
    }
}
.price-card-group__inner {
    display: flex;
    gap: var(--column-gap);
}
@media (max-width: 1439px) {
    .price-card-group__inner {
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .price-card-group__inner {
        flex-direction: column;
    }
}
.price-card-group__item {
    flex: 1 1 0;
}

.contacts__info {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--column-gap);
}
.contacts__info__left {
    grid-column: 1/6;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 767px) {
    .contacts__info__left {
        grid-column: 1/-1;
    }
}
.contacts__info__right {
    grid-column: 8/13;
}
@media (max-width: 767px) {
    .contacts__info__right {
        grid-column: 1/-1;
    }
}
.contacts__info__links {
    display: flex;
    gap: 30px;
}
.contacts__info__request {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}
.contacts__map {
    height: 600px;
    background: #D9D9D9;
    border-radius: 40px;
    max-height: 70vh;
    overflow: hidden;
}
.contacts__map iframe,
.contacts__map > div {
    border-radius: inherit;
    height: 100% !important;
    width: 100% !important;
}

.news-detail__with-more {
    margin-top: var(--row-gap);
}
.news-detail__with-more__column {
    display: flex;
    flex-direction: column;
    gap: var(--row-gap);
}
.news-detail__with-more__column .container {
    --container-padding: 0px;
}
@media (min-width: 1440px) {
    .news-detail__with-more {
        display: grid;
        grid-template-columns: 1fr 433px;
        grid-auto-flow: dense;
        align-items: start;
        gap: 0 40px;
    }
    .news-detail__with-more section {
        grid-column: 1;
    }
    .news-detail__with-more aside {
        grid-column: 2;
    }
}
.news-detail__more {
    display: none;
}
@media (min-width: 1440px) {
    .news-detail__more {
        display: flex;
        flex-direction: column;
        gap: 20px;
        position: sticky;
        top: calc(var(--header-height) - 68px);
    }
    .news-detail__more:is(header.header:not(.sticky) ~ main > section > .news-detail__more) {
        --header-height: 0px;
    }
    .news-detail__more h2 {
        font: 500 40px/1.2 Inter;
        color: #000;
    }
    .news-detail__more .news-detail__more-article {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 20px;
        border-radius: 20px;
        border: 1px solid #616177;
        color: #000;
        font: 500 20px/1.3 Inter;
    }
    .news-detail__more .news-detail__more-article:hover {
        border-color: #306AFF;
        color: #306AFF;
    }
    .news-detail__more .news-detail__more-article img {
        border-radius: 10px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 207px;
    }
    .news-detail__more-want100 {
        margin-top: 40px;
        background-color: #EEF0F9;
        position: sticky;
        top: 125px;
    }
    .news-detail__more-want100 img {
        width: 100%;
        height: auto;
    }
    .news-detail__more-want100 .button {
        position: absolute;
        bottom: 40px;
        left: 20px;
    }
}
.news-detail__offer {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    background: #EEF0F9;
    border-radius: 40px;
    color: #616177;
}
.news-detail__offer__title {
    color: #000;
}
.news-detail__header {
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .news-detail__header {
        margin-bottom: 24px;
        gap: 24px;
    }
}
.news-detail__header__info {
    display: flex;
    align-items: center;
    gap: 20px;
}
.news-detail > p {
    margin-top: 40px;
    margin-bottom: 40px;
    color: #616177;
}
@media (max-width: 767px) {
    .news-detail > p {
        margin-bottom: 16px;
        margin-top: 16px;
    }
}
.news-detail > .title {
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .news-detail > .title {
        margin-bottom: 16px;
    }
}
.news-detail > .button {
    margin-top: 60px;
    margin-bottom: 60px;
}
@media (max-width: 767px) {
    .news-detail > .button {
        margin-bottom: 24px;
        margin-top: 24px;
    }
}
.news-detail > .lead {
    margin-bottom: 26px;
}
.news-detail > *:last-child {
    margin-bottom: 0;
}
.news-detail > *:first-child {
    margin-top: 0;
}
.news-detail img {
    border-radius: 40px;
}
@media (max-width: 767px) {
    .news-detail img {
        border-radius: 20px;
    }
}

.radio-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.radio-tags--centered {
    justify-content: center;
}
.radio-tags__item {
    cursor: pointer;
}
.radio-tags__item input[type=radio],
.radio-tags__item input[type=checkbox] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}
.icon--arrow-down, .choices[data-type*=select-one]::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-down.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-down.svg);
}

.icon--arrow-left, .techsupport-what-we-done .splide__arrow--prev::before, .landing2-expertise .splide__arrow--prev::before, .pagination__arrow--prev::before, .partners__slider__controls .splide__arrow--prev::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-left.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-left.svg);
}

.icon--arrow-out, .outer-link::before, .partners__slider__card__link::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-out.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-out.svg);
}

.icon--arrow-right, .integration__reviews .splide__arrow::before, .universal-responses header .splide__arrows .splide__arrow::before, .integration__team .splide__arrow::before, .integration__cases .splide__arrow::before, .support__complex__grid .splide__arrow::before, .support__samples .splide__arrow::before, .support__about__slider .splide__arrow::before, .techsupport-what-we-done .splide__arrow--next::before, .landing2-expertise .splide__arrow--next::before, .pagination__arrow--next::before, .partners__slider__controls .splide__arrow--next::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-right.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-right.svg);
}

.icon--arrow-up-right, .support__about__link::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/arrow-up-right.svg);
    mask-image: url(/local/templates/new/images/icon/arrow-up-right.svg);
}

.icon--award {
    -webkit-mask-image: url(/local/templates/new/images/icon/award.svg);
    mask-image: url(/local/templates/new/images/icon/award.svg);
}

.icon--burger-close, .header.search-opened .header__search-toggler .icon.icon--close, .header.search-opened .header__search-toggler .icon--close.propirtional-img--link::after, .header.search-opened .header__search-toggler .integration__reviews .icon--close.splide__arrow::before, .integration__reviews .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .icon--close.integration__solve__item__image__button::after, .header.search-opened .header__search-toggler .universal-responses header .splide__arrows .icon--close.splide__arrow::before, .universal-responses header .splide__arrows .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .integration__team .icon--close.splide__arrow::before, .integration__team .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header.search-opened .header__search-toggler .integration__cases .icon--close.splide__arrow::before, .integration__cases .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header__burger.popup-controller--active .icon, .header__burger.popup-controller--active .propirtional-img--link::after, .header__burger.popup-controller--active .integration__reviews .splide__arrow::before, .integration__reviews .header__burger.popup-controller--active .splide__arrow::before, .header__burger.popup-controller--active .integration__solve__item__image__button::after, .header__burger.popup-controller--active .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .header__burger.popup-controller--active .splide__arrow::before, .header__burger.popup-controller--active .integration__team .splide__arrow::before, .integration__team .header__burger.popup-controller--active .splide__arrow::before, .header__burger.popup-controller--active .integration__cases .splide__arrow::before, .integration__cases .header__burger.popup-controller--active .splide__arrow::before, .header.search-opened .header__search-toggler .support__complex__grid .icon--close.splide__arrow::before, .support__complex__grid .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header__burger.popup-controller--active .support__complex__grid .splide__arrow::before, .support__complex__grid .header__burger.popup-controller--active .splide__arrow::before, .header.search-opened .header__search-toggler .support__samples .icon--close.splide__arrow::before, .support__samples .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header__burger.popup-controller--active .support__samples .splide__arrow::before, .support__samples .header__burger.popup-controller--active .splide__arrow::before, .header.search-opened .header__search-toggler .icon--close.support__about__link::after, .header__burger.popup-controller--active .support__about__link::after, .header.search-opened .header__search-toggler .support__about__slider .icon--close.splide__arrow::before, .support__about__slider .header.search-opened .header__search-toggler .icon--close.splide__arrow::before, .header__burger.popup-controller--active .support__about__slider .splide__arrow::before, .support__about__slider .header__burger.popup-controller--active .splide__arrow::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/burger-close.svg);
    mask-image: url(/local/templates/new/images/icon/burger-close.svg);
}

.icon--burger, .header__burger .icon, .header__burger .propirtional-img--link::after, .header__burger .integration__reviews .splide__arrow::before, .integration__reviews .header__burger .splide__arrow::before, .header__burger .integration__solve__item__image__button::after, .header__burger .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .header__burger .splide__arrow::before, .header__burger .integration__team .splide__arrow::before, .integration__team .header__burger .splide__arrow::before, .header__burger .integration__cases .splide__arrow::before, .integration__cases .header__burger .splide__arrow::before, .header__burger .support__complex__grid .splide__arrow::before, .support__complex__grid .header__burger .splide__arrow::before, .header__burger .support__samples .splide__arrow::before, .support__samples .header__burger .splide__arrow::before, .header__burger .support__about__link::after, .header__burger .support__about__slider .splide__arrow::before, .support__about__slider .header__burger .splide__arrow::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/burger.svg);
    mask-image: url(/local/templates/new/images/icon/burger.svg);
}

.icon--check, .custom-checkbox input[type=checkbox]::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/check.svg);
    mask-image: url(/local/templates/new/images/icon/check.svg);
}

.icon--close {
    -webkit-mask-image: url(/local/templates/new/images/icon/close.svg);
    mask-image: url(/local/templates/new/images/icon/close.svg);
}

.icon--config {
    -webkit-mask-image: url(/local/templates/new/images/icon/config.svg);
    mask-image: url(/local/templates/new/images/icon/config.svg);
}

.icon--connect {
    -webkit-mask-image: url(/local/templates/new/images/icon/connect.svg);
    mask-image: url(/local/templates/new/images/icon/connect.svg);
}

.icon--cup {
    -webkit-mask-image: url(/local/templates/new/images/icon/cup.svg);
    mask-image: url(/local/templates/new/images/icon/cup.svg);
}

.icon--file, .custom-file-input__icon::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/file.svg);
    mask-image: url(/local/templates/new/images/icon/file.svg);
}

.icon--key {
    -webkit-mask-image: url(/local/templates/new/images/icon/key.svg);
    mask-image: url(/local/templates/new/images/icon/key.svg);
}

.icon--like {
    -webkit-mask-image: url(/local/templates/new/images/icon/like.svg);
    mask-image: url(/local/templates/new/images/icon/like.svg);
}

.icon--marker {
    -webkit-mask-image: url(/local/templates/new/images/icon/marker.svg);
    mask-image: url(/local/templates/new/images/icon/marker.svg);
}

.icon--minus, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .icon, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .propirtional-img--link::after, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .integration__reviews .splide__arrow::before, .integration__reviews .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .integration__solve__item__image__button::after, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .integration__team .splide__arrow::before, .integration__team .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .integration__cases .splide__arrow::before, .integration__cases .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .support__complex__grid .splide__arrow::before, .support__complex__grid .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .support__samples .splide__arrow::before, .support__samples .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .icon, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .propirtional-img--link::after, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .integration__reviews .splide__arrow::before, .integration__reviews .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .integration__solve__item__image__button::after, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .integration__team .splide__arrow::before, .integration__team .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .integration__cases .splide__arrow::before, .integration__cases .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .support__samples .splide__arrow::before, .support__samples .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .support__about__link::after, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .support__about__link::after, .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .support__about__slider .splide__arrow::before, .support__about__slider .vacancy-list__item__header__flipper-wrapper .spoiler__flipper.is-active .splide__arrow::before, .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .support__about__slider .splide__arrow::before, .support__about__slider .support__accordion__item .spoiler__flipper.is-active .support__accordion__item__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .icon, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .propirtional-img--link::after, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .integration__reviews .splide__arrow::before, .integration__reviews .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .integration__solve__item__image__button::after, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .integration__team .splide__arrow::before, .integration__team .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .integration__cases .splide__arrow::before, .integration__cases .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .support__samples .splide__arrow::before, .support__samples .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .support__about__link::after, .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .support__about__slider .splide__arrow::before, .support__about__slider .audit-cards__item__header .spoiler__flipper.is-active .audit-cards__item__header__flipper .splide__arrow::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/minus.svg);
    mask-image: url(/local/templates/new/images/icon/minus.svg);
}

.icon--people {
    -webkit-mask-image: url(/local/templates/new/images/icon/people.svg);
    mask-image: url(/local/templates/new/images/icon/people.svg);
}

.icon--play, .propirtional-img--link::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/play.svg);
    mask-image: url(/local/templates/new/images/icon/play.svg);
}

.icon--plus, .vacancy-list__item__header__flipper .icon, .vacancy-list__item__header__flipper .propirtional-img--link::after, .vacancy-list__item__header__flipper .integration__reviews .splide__arrow::before, .integration__reviews .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .integration__solve__item__image__button::after, .vacancy-list__item__header__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .integration__team .splide__arrow::before, .integration__team .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .integration__cases .splide__arrow::before, .integration__cases .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .vacancy-list__item__header__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .support__samples .splide__arrow::before, .support__samples .vacancy-list__item__header__flipper .splide__arrow::before, .support__accordion__item__flipper .icon, .support__accordion__item__flipper .propirtional-img--link::after, .support__accordion__item__flipper .integration__reviews .splide__arrow::before, .integration__reviews .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .integration__solve__item__image__button::after, .support__accordion__item__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .integration__team .splide__arrow::before, .integration__team .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .integration__cases .splide__arrow::before, .integration__cases .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .support__accordion__item__flipper .splide__arrow::before, .support__accordion__item__flipper .support__samples .splide__arrow::before, .support__samples .support__accordion__item__flipper .splide__arrow::before, .vacancy-list__item__header__flipper .support__about__link::after, .support__accordion__item__flipper .support__about__link::after, .vacancy-list__item__header__flipper .support__about__slider .splide__arrow::before, .support__about__slider .vacancy-list__item__header__flipper .splide__arrow::before, .support__accordion__item__flipper .support__about__slider .splide__arrow::before, .support__about__slider .support__accordion__item__flipper .splide__arrow::before, .audit-cards__item__header__flipper .icon, .audit-cards__item__header__flipper .propirtional-img--link::after, .audit-cards__item__header__flipper .integration__reviews .splide__arrow::before, .integration__reviews .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .integration__solve__item__image__button::after, .audit-cards__item__header__flipper .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .integration__team .splide__arrow::before, .integration__team .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .integration__cases .splide__arrow::before, .integration__cases .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .support__complex__grid .splide__arrow::before, .support__complex__grid .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .support__samples .splide__arrow::before, .support__samples .audit-cards__item__header__flipper .splide__arrow::before, .audit-cards__item__header__flipper .support__about__link::after, .audit-cards__item__header__flipper .support__about__slider .splide__arrow::before, .support__about__slider .audit-cards__item__header__flipper .splide__arrow::before {
    -webkit-mask-image: url(/local/templates/new/images/icon/plus.svg);
    mask-image: url(/local/templates/new/images/icon/plus.svg);
}

.icon--refresh {
    -webkit-mask-image: url(/local/templates/new/images/icon/refresh.svg);
    mask-image: url(/local/templates/new/images/icon/refresh.svg);
}

.icon--search {
    -webkit-mask-image: url(/local/templates/new/images/icon/search.svg);
    mask-image: url(/local/templates/new/images/icon/search.svg);
}

.icon--search1, .integration__solve__item__image__button::after {
    -webkit-mask-image: url(/local/templates/new/images/icon/search1.svg);
    mask-image: url(/local/templates/new/images/icon/search1.svg);
}

.icon--slider-arrow-left {
    -webkit-mask-image: url(/local/templates/new/images/icon/slider-arrow-left.svg);
    mask-image: url(/local/templates/new/images/icon/slider-arrow-left.svg);
}

.icon--success {
    -webkit-mask-image: url(/local/templates/new/images/icon/success.svg);
    mask-image: url(/local/templates/new/images/icon/success.svg);
}

.icon--tg {
    -webkit-mask-image: url(/local/templates/new/images/icon/tg.svg);
    mask-image: url(/local/templates/new/images/icon/tg.svg);
}

.icon--tooltip {
    -webkit-mask-image: url(/local/templates/new/images/icon/tooltip.svg);
    mask-image: url(/local/templates/new/images/icon/tooltip.svg);
}

.icon--verified-folder {
    -webkit-mask-image: url(/local/templates/new/images/icon/verified-folder.svg);
    mask-image: url(/local/templates/new/images/icon/verified-folder.svg);
}

.icon--vk {
    -webkit-mask-image: url(/local/templates/new/images/icon/vk.svg);
    mask-image: url(/local/templates/new/images/icon/vk.svg);
}

.icon--yt {
    -webkit-mask-image: url(/local/templates/new/images/icon/yt.svg);
    mask-image: url(/local/templates/new/images/icon/yt.svg);
}

.idunno {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--column-gap);
}
.idunno--center {
    align-items: center;
}
@media (max-width: 767px) {
    .idunno--center {
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .idunno {
        flex-direction: column;
    }
}

.custom-input {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    position: relative;
}
.custom-input__label {
    order: 1;
    color: #616177;
}
.custom-input__helper {
    order: 3;
    transition: all var(--transition-duration, 0.3s) ease;
    height: 0;
    opacity: 0;
}
.custom-input .pagination__arrow, .custom-input .pagination__page, .custom-input input,
.custom-input textarea {
    --pb: 10px;
    order: 2;
    outline: none;
    transition: all var(--transition-duration, 0.3s) ease;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    padding-bottom: var(--pb);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border: none;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DFE3EF;
    width: 100%;
    color: #000000;
}
.custom-input input::-moz-placeholder, .custom-input textarea::-moz-placeholder {
    color: #616177;
}
.custom-input input::placeholder,
.custom-input textarea::placeholder {
    color: #616177;
}
.custom-input input:not(:disabled):not(:focus):not(:hover):not(:-moz-placeholder-shown):invalid, .custom-input textarea:not(:disabled):not(:focus):not(:hover):not(:-moz-placeholder-shown):invalid {
    border-bottom-color: #E8002A;
}
.custom-input input:not(:disabled):not(:focus):not(:hover):not(:placeholder-shown):invalid,
.custom-input textarea:not(:disabled):not(:focus):not(:hover):not(:placeholder-shown):invalid {
    border-bottom-color: #E8002A;
}
.custom-input input:not(:disabled):not(:focus):not(:hover):not(:-moz-placeholder-shown):invalid ~ .custom-input__helper, .custom-input textarea:not(:disabled):not(:focus):not(:hover):not(:-moz-placeholder-shown):invalid ~ .custom-input__helper {
    color: #E8002A;
}
.custom-input input:not(:disabled):not(:focus):not(:hover):not(:placeholder-shown):invalid ~ .custom-input__helper,
.custom-input textarea:not(:disabled):not(:focus):not(:hover):not(:placeholder-shown):invalid ~ .custom-input__helper {
    color: #E8002A;
}
.custom-input input:not(:disabled).is-invalid,
.custom-input textarea:not(:disabled).is-invalid {
    border-bottom-color: #E8002A;
}
.custom-input input:not(:disabled).is-invalid ~ .custom-input__helper,
.custom-input textarea:not(:disabled).is-invalid ~ .custom-input__helper {
    opacity: 1;
    color: #E8002A;
}
.custom-input textarea {
    resize: none;
    height: calc(4em + var(--pb) + 10px);
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
textarea {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
input[type=text]::-webkit-inner-spin-button, input[type=text]::-webkit-inner-spin-button,
input[type=password]::-webkit-inner-spin-button,
input[type=password]::-webkit-inner-spin-button,
input[type=email]::-webkit-inner-spin-button,
input[type=email]::-webkit-inner-spin-button,
input[type=tel]::-webkit-inner-spin-button,
input[type=tel]::-webkit-inner-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-inner-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.cases-filter__big-radio {
    display: flex;
    gap: 10px;
}
.cases-filter__big-radio__item {
    position: relative;
    cursor: pointer;
}
.cases-filter__big-radio__item input[type=radio] {
    position: absolute;
    opacity: 0;
    bottom: 0;
    z-index: -999;
}
.cases-filter__big-radio__item__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;
    border-width: 2px;
    border-style: solid;
    border-radius: 666px;
    border-color: #E3E6E6;
}
input[type=radio]:checked ~ .cases-filter__big-radio__item__visual {
    background: #306AFF;
    border-color: #306AFF;
    color: #fff;
}
.cases-filter__tags {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.cases-filter__tags__more {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cases-filter__tags .spoiler {
    display: flex;
    flex-direction: column;
    gap: 20px;
    --initial-height: 30px;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px var(--column-gap);
}
@media (max-width: 767px) {
    .blog-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.blog-card__header {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .blog-card__header {
        aspect-ratio: 1.4931034483;
    }
}
@supports not (aspect-ratio: 1/1) {
    .blog-card__header {
        height: 0;
        padding-bottom: 66.974595843%;
    }
    .blog-card__header > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.blog-card__header > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.blog-card__header {
    border-radius: 20px;
}
.blog-card__body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 1439px) {
    .blog-card__body {
        padding: 20px 10px 0 10px;
        gap: 10px;
    }
}
.blog-card__date {
    color: #616177;
}
.blog-card__text {
    color: #616177;
}

.feedback-block {
    display: flex;
    flex-direction: column;
}
.feedback-block__title {
    margin-bottom: 60px;
}
@media (max-width: 1439px) {
    .feedback-block__title {
        margin-bottom: 48px;
    }
}
@media (max-width: 767px) {
    .feedback-block__title {
        margin-bottom: 24px;
    }
}
.feedback-block__text {
    margin-bottom: 40px;
}
@media (max-width: 1439px) {
    .feedback-block__text {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .feedback-block__text {
        margin-bottom: 16px;
    }
}
.prices {
    --gap: 40px;
}
@media (max-width: 1023px) {
    .prices {
        --gap: 20px;
    }
}
.prices__item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
}
@media (max-width: 767px) {
    .prices__item {
        grid-template-columns: 1fr;
    }
}
.prices__item:not(:last-of-type) {
    padding-bottom: var(--gap);
}
.prices__item:not(:first-of-type) {
    padding-top: var(--gap);
    border-top: 2px solid #E3E6E6;
}
.prices__item__title {
    align-self: flex-end;
    display: flex;
    align-items: center;
}
.prices__item__title__emoji {
    display: inline-block;
    margin-right: 20px;
}
.prices__item__title__emoji img {
    height: 40px;
    width: auto;
}
.prices__item__text {
    color: #616177;
}
.prices__item__time {
    color: #616177;
}
@media (max-width: 767px) {
    .prices__item__time {
        order: 4;
    }
}
@media (min-width: 768px) {
    .prices__item__time {
        text-align: right;
    }
}
.prices__item__price {
    align-self: flex-end;
}
@media (max-width: 767px) {
    .prices__item__price {
        order: 3;
    }
}
@media (min-width: 768px) {
    .prices__item__price {
        text-align: right;
    }
}

.services {
    --gap: 60px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1439px) {
    .services {
        --gap: 40px;
    }
}
@media (max-width: 1023px) {
    .services {
        --gap: 20px;
    }
}
.services__item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
}
.services__item:not(:first-of-type) {
    padding-top: var(--gap);
    border-top: 1px solid #E3E6E6;
}
.services__item:not(:last-of-type) {
    padding-bottom: var(--gap);
}
.services__item__link {
    grid-column: 2;
    grid-row: 1/span 2;
}
.services__item__text {
    color: #616177;
}
.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0;
}

[data-tippy-root] {
    max-width: calc(100vw - 10px);
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
    bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
}

[data-tippy-content] {
    cursor: help;
}

.tippy-box {
    background: #fff;
    color: #616177;
    padding: 20px;
}
.tabs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.tabs__controls--buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.tabs__controls--buttons--right {
    justify-content: flex-end;
}
@media (max-width: 1439px) {
    .tabs__controls--buttons--right {
        justify-content: flex-start;
    }
}
.tabs__controls--buttons .tabs__controls__control__visual {
    white-space: nowrap;
    padding: 10px 20px;
    transition: all var(--transition-duration, 0.3s) ease;
    border-radius: 60px;
}
.tabs__controls--buttons .tabs__controls__control__visual:is(input:checked ~ *) {
    background: #306AFF;
    border: 2px solid #306AFF;
    color: #FFFFFF;
}
.tabs__controls--buttons .tabs__controls__control__visual:is(input:not(:checked) ~ *) {
    border: 2px solid #E3E6E6;
    background: transparent;
}
.tabs__controls__control {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    max-width: 100%;
}
.tabs__controls__control input {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}
.tabs__controls__control__visual {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.tabs__content__controller:is(input) {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}
.tabs__content__controller:is(input):not(:checked) ~ .tabs__content__visual {
    display: none;
}

.socials {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.socials__item {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EBF2;
    display: flex;
    justify-content: center;
    align-items: center;
    --icon-size: 24px;
    --color: #AFB5CE;
}
.socials__item .icon, .socials__item .propirtional-img--link::after, .socials__item .integration__reviews .splide__arrow::before, .integration__reviews .socials__item .splide__arrow::before, .socials__item .integration__solve__item__image__button::after, .socials__item .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .socials__item .splide__arrow::before, .socials__item .integration__team .splide__arrow::before, .integration__team .socials__item .splide__arrow::before, .socials__item .integration__cases .splide__arrow::before, .integration__cases .socials__item .splide__arrow::before, .socials__item .support__complex__grid .splide__arrow::before, .support__complex__grid .socials__item .splide__arrow::before, .socials__item .support__samples .splide__arrow::before, .support__samples .socials__item .splide__arrow::before, .socials__item .support__about__link::after, .socials__item .support__about__slider .splide__arrow::before, .support__about__slider .socials__item .splide__arrow::before {
    --size: var(--icon-size);
}
.socials__item img {
    width: var(--icon-size);
    height: var(--icon-size);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    display: block;
}
.socials__item--tg:hover {
    --color: #2AABEE ;
}
.socials__item--yt:hover {
    --color: #f00 ;
}
.socials__item--vk:hover {
    --color: #0077FF ;
}

.advantages {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 95px;
}
@media (max-width: 1439px) {
    .advantages {
        gap: 32px;
    }
}
@media (max-width: 767px) {
    .advantages {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}
.advantages__item {
    flex: 0 1 260px;
    text-align: center;
}
.advantages__item__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}
@media (max-width: 1439px) {
    .advantages__item__inner {
        gap: 20px;
    }
}
.advantages__item__icon {
    display: flex;
}
.advantages__item__icon .icon, .advantages__item__icon .propirtional-img--link::after, .advantages__item__icon .integration__reviews .splide__arrow::before, .integration__reviews .advantages__item__icon .splide__arrow::before, .advantages__item__icon .integration__solve__item__image__button::after, .advantages__item__icon .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .advantages__item__icon .splide__arrow::before, .advantages__item__icon .integration__team .splide__arrow::before, .integration__team .advantages__item__icon .splide__arrow::before, .advantages__item__icon .integration__cases .splide__arrow::before, .integration__cases .advantages__item__icon .splide__arrow::before, .advantages__item__icon .support__complex__grid .splide__arrow::before, .support__complex__grid .advantages__item__icon .splide__arrow::before, .advantages__item__icon .support__samples .splide__arrow::before, .support__samples .advantages__item__icon .splide__arrow::before, .advantages__item__icon .support__about__link::after, .advantages__item__icon .support__about__slider .splide__arrow::before, .support__about__slider .advantages__item__icon .splide__arrow::before {
    --size: 100px;
    --color: #306AFF;
}
@media (max-width: 1439px) {
    .advantages__item__icon .icon, .advantages__item__icon .propirtional-img--link::after, .advantages__item__icon .integration__reviews .splide__arrow::before, .integration__reviews .advantages__item__icon .splide__arrow::before, .advantages__item__icon .integration__solve__item__image__button::after, .advantages__item__icon .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .advantages__item__icon .splide__arrow::before, .advantages__item__icon .integration__team .splide__arrow::before, .integration__team .advantages__item__icon .splide__arrow::before, .advantages__item__icon .integration__cases .splide__arrow::before, .integration__cases .advantages__item__icon .splide__arrow::before, .advantages__item__icon .support__complex__grid .splide__arrow::before, .support__complex__grid .advantages__item__icon .splide__arrow::before, .advantages__item__icon .support__samples .splide__arrow::before, .support__samples .advantages__item__icon .splide__arrow::before, .advantages__item__icon .support__about__link::after, .advantages__item__icon .support__about__slider .splide__arrow::before, .support__about__slider .advantages__item__icon .splide__arrow::before {
        --size: 80px;
    }
}
.advantages__item__caption {
    color: #616177;
}
.advantages__item__caption p {
    margin-top: 1em;
    margin-bottom: 1em;
}
.advantages__item__caption p:first-child {
    margin-top: 0;
}
.advantages__item__caption p:last-child {
    margin-bottom: 0;
}

.custom-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    --size: 20px;
    --border-width: 2px;
    --check-size: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.custom-radio input[type=radio] {
    width: var(--size);
    height: var(--size);
    visibility: hidden;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-radio input[type=radio]::before {
    visibility: visible;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-width: var(--border-width);
    border-style: solid;
    border-color: #306AFF;
    border-radius: 50%;
    transition: all var(--transition-duration, 0.3s) ease;
}
.custom-radio input[type=radio]:checked::before {
    border-width: calc((var(--size) - var(--check-size)) / 2);
}

section {
    transition: transform var(--transition-duration, 0.3s) ease;
    z-index: 0;
    transform: translateY(0);
}
section:not(.is-visible, .section--underheader) {
    transform: translateY(100px);
}

.section__inner {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1439px) {
    .section__inner {
        gap: 60px;
    }
}
@media (max-width: 767px) {
    .section__inner {
        gap: 50px;
    }
}
.section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .section__header {
        flex-direction: column;
        align-items: flex-start;
    }
}
.section__header--align-start {
    align-items: flex-start;
}
@media (max-width: 767px) {
    .section__header .button {
        width: auto;
    }
}
.section--near {
    margin-top: calc(var(--column-gap) - var(--row-gap));
}
.section--no-overflow {
    overflow: hidden;
}
@media (min-width: 1440px) {
    .section--underheader {
        --offset: calc((var(--header-margin) + var(--header-height, 124px)));
        margin-top: calc(var(--offset) * -1);
    }
}
.section--underheader--grey .section__inner {
    background: #EEF0F9;
}
.section--underheader--purple .section__inner {
    background: #EEF0F9;
}
.section--underheader--blue .section__inner {
    background: #306AFF;
}
.section--underheader .section__inner {
    padding-top: var(--offset);
    border-radius: 40px;
    overflow: hidden;
}
.section__footer {
    display: flex;
    justify-content: center;
}

.integration__mainscreen {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__mainscreen {
        grid-template-columns: 1fr;
    }
}
.integration__mainscreen__img {
    align-self: center;
}
@media (max-width: 767px) {
    .integration__mainscreen__img {
        max-width: 400px;
        justify-self: center;
    }
}
.integration__mainscreen__text {
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: space-between;
}
.integration__mainscreen__title {
    font-size: 60px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.05em;
}
@media (max-width: 1439px) {
    .integration__mainscreen__title {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .integration__mainscreen__title {
        font-size: 40px;
    }
}
.integration__mainscreen__subtitle {
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.05em;
}
@media (max-width: 1439px) {
    .integration__mainscreen__subtitle {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .integration__mainscreen__subtitle {
        font-size: 18px;
    }
}
.integration__calc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: var(--column-gap);
}
@media (max-width: 767px) {
    .integration__calc {
        grid-template-columns: 1fr;
    }
}
.integration__calc__info {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__calc__info {
        order: -1;
        gap: 30px;
    }
}
.integration__calc__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__calc__title {
        font-size: 30px;
        line-height: 30px;
    }
}
.integration__calc__text ul li {
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.05em;
    color: #000;
}
@media (max-width: 1439px) {
    .integration__calc__text ul li {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .integration__calc__text ul li {
        font-size: 18px;
    }
}
.integration__calc__text ul li::before {
    margin-top: 13px;
}
@media (max-width: 1439px) {
    .integration__calc__text ul li::before {
        margin-top: 9px;
    }
}
@media (max-width: 767px) {
    .integration__calc__text ul li::before {
        margin-top: 7px;
    }
}
.integration__calc__button .button {
    background-color: #FBC117;
    color: #000;
}
.integration__problems {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__problems {
        gap: 30px;
    }
}
.integration__problems__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__problems__title {
        font-size: 30px;
        font-weight: 500;
        line-height: 39px;
    }
}
.integration__problems__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: var(--column-gap);
}
@media (max-width: 1439px) {
    .integration__problems__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .integration__problems__grid {
        grid-template-columns: 1fr;
    }
}
.integration__problems__item {
    padding: 40px;
    border-radius: 20px;
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.05em;
    border: 1px solid #306AFF;
}
@media (max-width: 767px) {
    .integration__problems__item {
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
        padding: 20px;
    }
}
.integration__problems__button {
    align-self: center;
    justify-self: center;
}
.integration__solve {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__solve {
        gap: 30px;
    }
}
.integration__solve__title {
    max-width: 1058px;
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__solve__title {
        font-size: 30px;
        line-height: 30px;
    }
}
.integration__solve__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__solve__list {
        gap: 30px;
    }
}
.integration__solve__item {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    gap: 40px;
}
@media (max-width: 1023px) {
    .integration__solve__item {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }
}
@media (max-width: 767px) {
    .integration__solve__item {
        gap: 30px;
    }
}
.integration__solve__item__title {
    font-size: 32px;
    font-weight: 400;
    line-height: 41.6px;
    letter-spacing: -0.05em;
    color: #306AFF;
}
@media (max-width: 767px) {
    .integration__solve__item__title {
        font-size: 24px;
        line-height: 31.2px;
    }
}
.integration__solve__item__text {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__solve__item__text {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__solve__item__image {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    grid-row: 1/-1;
    grid-column: 2;
    border-radius: 20px;
    position: relative;
    align-self: flex-end;
    width: 433px;
}
@media (max-width: 1023px) {
    .integration__solve__item__image {
        grid-row: auto;
        grid-column: auto;
    }
}
@media (max-width: 767px) {
    .integration__solve__item__image {
        width: 100%;
        max-width: 400px;
    }
}
.integration__solve__item__image__button {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.integration__solve__item__image__button::after {
    content: "";
    --size: 24px;
}
.integration__solve__item__image img {
    border-radius: inherit;
    aspect-ratio: 433/245;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 767px) {
    .integration__solve__item__image img {
        aspect-ratio: 330/187;
    }
}
.integration__solve__item__image::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-color: rgba(0, 0, 0, 0.2);
}
.integration__about {
    background-color: #e8ebf2;
    padding: 80px 0;
    margin: 0 40px;
    border-radius: 40px;
}
@media (max-width: 1439px) {
    .integration__about {
        margin: 0 var(--container-padding);
    }
}
@media (max-width: 767px) {
    .integration__about {
        padding: 60px 0;
    }
}
.integration__about .support__about__link {
    border: 1px solid #306AFF;
}
.integration__steps {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__steps {
        gap: 30px;
    }
}
.integration__steps__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__steps__title {
        font-size: 30px;
        font-weight: 500;
        line-height: 39px;
    }
}
.integration__steps__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 10px;
}
@media (max-width: 767px) {
    .integration__steps__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}
.integration__steps__item {
    display: grid;
    grid-template-rows: subgrid;
    gap: 40px;
    grid-row: span 2;
}
@media (max-width: 767px) {
    .integration__steps__item {
        gap: 30px;
    }
}
.integration__steps__item__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.05em;
    display: flex;
    gap: 1ch;
}
@media (max-width: 767px) {
    .integration__steps__item__title {
        font-size: 24px;
        line-height: 30px;
    }
}
.integration__steps__item__title strong {
    font: inherit;
    color: #306AFF;
    white-space: nowrap;
}
.integration__steps__item ul li {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__steps__item ul li {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__steps__item ul li::before {
    margin-top: 14px;
}
.integration__products {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__products {
        gap: 30px;
    }
}
.integration__products__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.integration__products__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__products__title {
        font-size: 30px;
        font-weight: 500;
        line-height: 39px;
    }
}
.integration__products__item {
    --bg-right-offset: 66px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px;
    border-radius: 20px;
    border: 1px solid #616177;
}
@media (max-width: 767px) {
    .integration__products__item {
        padding: 20px;
        gap: 30px;
    }
}
.integration__products__item.blue-bg {
    background-color: #0633A7;
    color: #fff;
}
.integration__products__item.blue-bg .integration__products__item__body ul {
    color: #fff;
}
.integration__products__item.blue-bg .integration__products__item__body ul li::before {
    background-color: #fff;
}
@media (max-width: 1365px) {
    .integration__products__item {
        --bg-right-offset: 60px;
    }
}
@media (max-width: 1023px) {
    .integration__products__item {
        --bg-right-offset: 34px;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg {
        --top-offset: 40%;
        background-repeat: no-repeat;
        background-position: right var(--bg-right-offset) top var(--top-offset);
    }
    .integration__products__item.item-bg-1 {
        --top-offset: 34%;
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/person.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/person-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/person.webp" 1x, "/local/templates/new/images/integration-tilda/bg/person-2x.webp" 2x);
        background-size: auto 143.56%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-1 {
        --top-offset: 15%;
        background-size: auto 97%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-1 {
        --top-offset: 53%;
        background-size: auto 82%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-2 {
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/megaphone.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/megaphone-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/megaphone.webp" 1x, "/local/templates/new/images/integration-tilda/bg/megaphone-2x.webp" 2x);
        background-size: auto 144.38%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-2 {
        --top-offset: 40%;
        background-size: auto 75%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-2 {
        --top-offset: 51%;
        background-size: auto 68%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-3 {
        --top-offset: 5%;
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/funnel.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/funnel-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/funnel.webp" 1x, "/local/templates/new/images/integration-tilda/bg/funnel-2x.webp" 2x);
        background-size: auto 148.51%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-3 {
        --top-offset: 350%;
        background-size: auto 95%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-3 {
        --top-offset: 47%;
        background-size: auto 78%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-4 {
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/cubes.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/cubes-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/cubes.webp" 1x, "/local/templates/new/images/integration-tilda/bg/cubes-2x.webp" 2x);
        background-size: auto 110.95%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-4 {
        --top-offset: 50%;
        background-size: auto 73%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-4 {
        --top-offset: 50%;
        background-size: auto 50%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-5 {
        --top-offset: 17%;
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/queen.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/queen-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/queen.webp" 1x, "/local/templates/new/images/integration-tilda/bg/queen-2x.webp" 2x);
        background-size: auto;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-5 {
        --top-offset: 20%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-5 {
        --top-offset: 20%;
        --bg-right-offset: 20px;
        background-size: auto 110%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-crm {
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/tools.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/tools-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/tools.webp" 1x, "/local/templates/new/images/integration-tilda/bg/tools-2x.webp" 2x);
        background-size: auto 122.52%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-crm {
        background-size: auto 64.5%;
        background-position: right var(--bg-right-offset) center;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-crm {
        --top-offset: 50%;
        background-size: auto 45%;
    }
}
.integration__products__item__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__products__item__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
.integration__products__item__header {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.integration__products__item__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__products__item__title {
        font-size: 24px;
        line-height: 30px;
    }
}
.integration__products__item__subtitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__products__item__subtitle {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__products__item__time {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.integration__products__item__time__caption {
    color: #616177;
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__products__item__time__caption {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__products__item__time__value {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__products__item__time__value {
        font-size: 24px;
        line-height: 30px;
    }
}
.integration__products__item__body {
    display: flex;
    flex-wrap: wrap;
    gap: 40px var(--column-gap);
}
@media (max-width: 767px) {
    .integration__products__item__body {
        gap: 8px;
    }
}
@media (min-width: 1366px) {
    .integration__products__item__body.body-3-cols .integration__products__item__block {
        max-width: 434px;
    }
}
@media (max-width: 1365px) {
    .integration__products__item__body.body-3-cols {
        flex-direction: column;
    }
}
.integration__products__item__body ul {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
    color: #000;
    gap: 8px;
}
@media (max-width: 767px) {
    .integration__products__item__body ul {
        font-size: 18px;
        line-height: 23.4px;
    }
}
.integration__products__item__body ul li::before {
    margin-top: 14px;
}
@media (max-width: 767px) {
    .integration__products__item__body ul li::before {
        margin-top: 7px;
        width: 10px;
        height: 10px;
    }
}
.integration__products__item__body ul li div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.integration__products__item__body ul ul {
    gap: 8px;
}
.integration__products__item__body ul ul li::before {
    content: "-";
    background-color: unset;
    width: auto;
    height: auto;
    margin-top: 0;
}
.integration__products__item__block {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.integration__products__item__block + .integration__products__item__block {
    max-width: calc(50% - 6px);
}
@media (max-width: 767px) {
    .integration__products__item__block + .integration__products__item__block {
        max-width: unset;
    }
}
@media (max-width: 1365px) {
    .integration__products__item__block {
        max-width: 447px;
    }
}
@media (max-width: 1439px) {
    .integration__products__item__block {
        flex-basis: 40%;
    }
}
@media (max-width: 1023px) {
    .integration__products__item__block {
        max-width: 382px;
    }
}
@media (max-width: 767px) {
    .integration__products__item__block {
        flex-basis: 100%;
    }
}
@media (max-width: 767px) {
    .integration__products__item__block:not(:first-child) .integration__products__item__block__title {
        margin-top: 22px;
    }
}
.integration__products__item__block__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
@media (max-width: 767px) {
    .integration__products__item__block__title {
        font-size: 18px;
        line-height: 23.4px;
    }
}
.integration__features {
    margin: 0 40px;
    background-color: #306AFF;
    border-radius: 40px;
    padding: 80px 0;
    color: #fff;
}
@media (max-width: 1439px) {
    .integration__features {
        margin: 0 var(--container-padding);
        padding: 80px var(--container-padding);
    }
}
@media (max-width: 767px) {
    .integration__features {
        padding: 60px var(--container-padding);
    }
}
.integration__features__inner {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.integration__features__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px var(--column-gap);
}
@media (max-width: 1023px) {
    .integration__features__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
.integration__features__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
@media (min-width: 1024px) {
    .integration__features__button {
        display: none;
    }
}
@media (max-width: 767px) {
    .integration__features__button {
        display: none;
    }
}
.integration__features__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__features__title {
        font-size: 30px;
        line-height: 39px;
    }
}
.integration__features__item {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__features__item {
        gap: 30px;
    }
}
.integration__features__item__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__features__item__title {
        font-size: 24px;
        line-height: 30px;
    }
}
.integration__features__item__text {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__features__item__text {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__cases {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__cases {
        gap: 30px;
    }
}
.integration__cases__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1439px) {
    .integration__cases__header {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 40px;
        align-items: center;
    }
}
@media (max-width: 767px) {
    .integration__cases__header {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}
.integration__cases__header .button {
    justify-self: flex-start;
}
.integration__cases__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__cases__title {
        font-size: 30px;
        line-height: 39px;
    }
}
.integration__cases__slider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 20px var(--column-gap);
}
@media (max-width: 1439px) {
    .integration__cases__slider {
        display: flex;
        margin-left: calc(var(--container-padding) * -1);
        margin-right: calc(var(--container-padding) * -1);
    }
}
@media (max-width: 767px) {
    .integration__cases__slider {
        margin-left: 0;
        margin-right: 0;
    }
}
.integration__cases .splide {
    width: 100%;
}
@media (min-width: 1440px) {
    .integration__cases .splide {
        display: contents;
    }
}
@media (max-width: 1439px) {
    .integration__cases .splide__slide {
        width: 41.6666666667%;
    }
}
@media (max-width: 767px) {
    .integration__cases .splide__slide {
        width: 100%;
    }
}
.integration__cases .splide__arrows {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}
@media (min-width: 1440px) {
    .integration__cases .splide__arrows {
        display: none;
    }
}
@media (max-width: 767px) {
    .integration__cases .splide__arrows {
        display: none;
    }
}
.integration__cases .splide__arrow--prev::before {
    transform: scaleX(-1);
}
@media (min-width: 1440px) {
    .integration__cases .splide__track {
        display: contents;
    }
}
@media (min-width: 1440px) {
    .integration__cases .splide__list {
        display: contents;
    }
}
@media (max-width: 767px) {
    .integration__cases .splide__list {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
}
@media (min-width: 1440px) {
    .integration__cases .splide__slide {
        display: contents;
    }
}
.integration__cases__card {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    border-radius: 20px;
    border: 1px solid #616177;
    height: 100%;
}
.integration__cases__card__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.integration__cases__card__image img {
    aspect-ratio: 393/183;
}
.integration__cases__card__footer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.integration__cases__card__text {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 1023px) {
    .integration__cases__card__text {
        font-size: 18px;
        font-weight: 400;
        line-height: 21.6px;
    }
}
.integration__cases__card__tags {
    display: flex;
    gap: 10px;
}
.integration__cases__card__tag {
    background-color: #e8ebf2;
    border-radius: 666px;
    padding: 5px 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
}
.integration__team {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.integration__team__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.integration__team__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__team__title {
        font-size: 30px;
        line-height: 39px;
    }
}
.integration__team__card {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
@media (max-width: 767px) {
    .integration__team__card {
        gap: 20px;
    }
}
.integration__team__card__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--column-gap);
}
@media (max-width: 767px) {
    .integration__team__card__top {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .integration__team__card__img {
        max-width: 400px;
    }
}
.integration__team__card__img img {
    aspect-ratio: 323/350;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 40px;
}
.integration__team__card__info {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-left: 30px;
}
@media (max-width: 767px) {
    .integration__team__card__info {
        padding-left: 0;
        gap: 30px;
    }
}
.integration__team__card__person {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.integration__team__card__name {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__team__card__name {
        font-size: 24px;
        line-height: 30px;
    }
}
.integration__team__card__post {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__team__card__post {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__team__card__exp {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.integration__team__card__exp__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
@media (max-width: 767px) {
    .integration__team__card__exp__title {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__team__card__exp__info {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__team__card__exp__info {
        display: flex;
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .integration__team__card__exp__info {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__team__card__exp__info strong {
    font: inherit;
    color: #306AFF;
}
@media (max-width: 767px) {
    .integration__team__card__exp__info p {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}
@media (max-width: 767px) {
    .integration__team__card__bottom {
        margin-top: 10px;
    }
}
.integration__team__card__role {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.integration__team__card__role__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
@media (max-width: 767px) {
    .integration__team__card__role__title {
        font-size: 18px;
        line-height: 23.4px;
    }
}
.integration__team__card__role__text {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__team__card__role__text {
        font-size: 18px;
        line-height: 21.6px;
    }
}
@media (max-width: 1439px) {
    .integration__team .splide {
        margin-left: calc(var(--container-padding) * -1);
        margin-right: calc(var(--container-padding) * -1);
    }
}
@media (max-width: 767px) {
    .integration__team .splide {
        margin-left: 0;
        margin-right: 0;
    }
}
.integration__team .splide__slide {
    width: 66.6666666667%;
}
@media (max-width: 1023px) {
    .integration__team .splide__slide {
        width: 90.9090909091%;
    }
}
@media (max-width: 767px) {
    .integration__team .splide__slide {
        width: 100%;
    }
}
.integration__team .splide__arrows {
    display: flex;
    gap: 10px;
}
@media (max-width: 767px) {
    .integration__team .splide__arrows {
        display: none;
    }
}
.integration__team .splide__arrow--prev {
    order: -99;
}
.integration__team .splide__arrow--prev::before {
    transform: scaleX(-1);
}
.integration__team .splide__arrow--next {
    order: 99;
}
@media (max-width: 767px) {
    .integration__team .splide__list {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }
}
.integration__reviews {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .integration__reviews {
        gap: 30px;
    }
}
.integration__reviews__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.integration__reviews__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__reviews__title {
        font-size: 30px;
        line-height: 39px;
    }
}
.integration__reviews:has(.splide:not(.is-overflow)) .splide__arrows {
    display: none;
}
.integration__reviews .splide:not(.is-overflow) .splide__list {
    transform: none !important;
}
@media (max-width: 1439px) {
    .integration__reviews .splide {
        margin-left: calc(var(--container-padding) * -1);
        margin-right: calc(var(--container-padding) * -1);
    }
}
@media (max-width: 1439px) {
    .integration__reviews .splide__slide {
        width: 40%;
    }
}
@media (max-width: 1023px) {
    .integration__reviews .splide__slide {
        width: 55.5555555556%;
    }
}
@media (max-width: 767px) {
    .integration__reviews .splide__slide {
        width: 100%;
    }
}
.integration__reviews .splide__arrows {
    display: flex;
    gap: 10px;
}
.integration__reviews .splide__arrow {
    --arrow-size: 64px;
    align-self: center;
    width: var(--arrow-size);
    height: var(--arrow-size);
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    background-color: transparent;
    justify-content: center;
    --color: #306AFF;
    --size: 16px;
    cursor: pointer;
    transition: background-color ease 0.3s;
}
.integration__reviews .splide__arrow::before {
    content: "";
}
.integration__reviews .splide__arrow:hover {
    background-color: #fff;
}
.integration__reviews .splide__arrow:disabled {
    cursor: default;
    background-color: transparent;
    --color: #000;
}
.integration__reviews .splide__arrow--prev::before {
    transform: scaleX(-1);
}
.integration__reviews .splide__arrow--prev {
    order: -99;
}
.integration__reviews .splide__arrow--next {
    order: 99;
}
.integration__reviews__card {
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-radius: 40px;
    padding: 40px;
    background-color: #e8ebf2;
    height: 100%;
}
@media (max-width: 767px) {
    .integration__reviews__card {
        padding: 20px;
        gap: 30px;
    }
}
.integration__reviews__card__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__reviews__card__title {
        font-size: 24px;
        line-height: 30px;
    }
}
.integration__reviews__card__text {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__reviews__card__text {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__reviews__card__person {
    margin-top: auto;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 10px 20px;
    align-items: center;
}
.integration__reviews__card__person__img {
    grid-row: 1/-1;
}
.integration__reviews__card__person__img img {
    width: 80px;
    aspect-ratio: 1;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}
.integration__reviews__card__person__name {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
.integration__reviews__card__person__post {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
}
.integration__support {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px var(--column-gap);
}
@media (max-width: 1439px) {
    .integration__support {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .integration__support {
        gap: 30px;
    }
}
.integration__support__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.05em;
}
@media (max-width: 767px) {
    .integration__support__title {
        font-size: 30px;
        line-height: 39px;
    }
}
.integration__support__caption {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
}
@media (max-width: 767px) {
    .integration__support__caption {
        font-size: 18px;
        line-height: 21.6px;
    }
}
.integration__support__main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 1439px) {
    .integration__support__main {
        display: contents;
    }
}
.integration__support__main__footer {
    margin-top: auto;
}
@media (max-width: 1439px) {
    .integration__support__main__footer {
        order: 999;
    }
}
.integration__support__main__footer .button {
    background-color: #FBC117;
    color: #000;
}
.integration__support__features {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
}
@media (max-width: 1439px) {
    .integration__support__features {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1023px) {
    .integration__support__features {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 10px;
    }
}
@media (max-width: 767px) {
    .integration__support__features {
        grid-template-columns: repeat(1, 1fr);
        font-size: 18px;
        line-height: 21.6px;
    }
}

.case__header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 70px;
}
@media (max-width: 1439px) {
    .case__header {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.case__header__title {
    grid-column: 1/-1;
}
.case__header__tags {
    grid-column: 1;
}
@media (max-width: 1439px) {
    .case__header__link {
        grid-column: 1;
    }
}

.scroll-preventing-slider {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--column-gap);
}
.scroll-preventing-slider--type-1 .splide {
    grid-column: 1/-1;
}
@media (min-width: 768px) {
    .scroll-preventing-slider--type-1 .splide {
        grid-column: span 8;
    }
}
@media (min-width: 768px) {
    .scroll-preventing-slider--type-1::before, .scroll-preventing-slider--type-1::after {
        content: "";
        grid-column: span 2;
    }
}
.scroll-preventing-slider--type-2 .splide {
    grid-column: 1/-1;
}
.scroll-preventing-slider .splide {
    min-width: 0;
}
.scroll-preventing-slider .splide__track {
    overflow: visible;
}
.scroll-preventing-slider__card {
    background: #EEF0F9;
    border-radius: 40px;
    padding: 40px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1023px) {
    .scroll-preventing-slider__card {
        padding: 20px;
    }
}
.scroll-preventing-slider__card--type-1 {
    gap: 40px;
}
@media (max-width: 1439px) {
    .scroll-preventing-slider__card--type-1 {
        gap: 20px;
    }
}
.scroll-preventing-slider__card--type-2 {
    gap: 20px;
}
.scroll-preventing-slider__card .scroll-preventing-slider__card__gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
@media (max-width: 767px) {
    .scroll-preventing-slider__card .scroll-preventing-slider__card__gallery {
        display: grid;
        grid-template-columns: repeat(2, 111px);
        justify-content: center;
    }
}
.scroll-preventing-slider__card .scroll-preventing-slider__card__gallery__item {
    height: 72px;
}
@media (max-width: 767px) {
    .scroll-preventing-slider__card .scroll-preventing-slider__card__gallery__item {
        height: auto;
        width: 100%;
    }
}
.scroll-preventing-slider__card .scroll-preventing-slider__card__gallery__item img {
    height: 100%;
    width: auto;
}
@media (max-width: 767px) {
    .scroll-preventing-slider__card .scroll-preventing-slider__card__gallery__item img {
        width: 100%;
        height: auto;
    }
}
.scroll-preventing-slider__card .scroll-preventing-slider__card__caption {
    color: #616177;
}

.tag,
.radio-tags__item__visual {
    padding: 5px 15px;
    background: #E3E6E6;
    border-radius: 10px;
    color: #616177;
    transition: all var(--transition-duration, 0.3s) ease;
}
.tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tag.is-active, input[type=radio]:checked ~ .radio-tags__item__visual:is(.tag,
.radio-tags__item__visual), input[type=checkbox]:checked ~ .radio-tags__item__visual:is(.tag,
.radio-tags__item__visual),
.is-active.radio-tags__item__visual {
    background: #306AFF;
    color: #fff;
}

.outer-link {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all var(--transition-duration, 0.3s) ease;
}
.outer-link:hover {
    background: #306AFF;
}
.outer-link:hover::before {
    --color: #fff;
}
@media (max-width: 1023px) {
    .outer-link {
        width: 50px;
        height: 50px;
        background: #306AFF;
        border-radius: 50%;
    }
}
.outer-link::before {
    content: "";
    --size: 10px;
    --color: #306AFF;
}
@media (max-width: 1023px) {
    .outer-link::before {
        --color: #fff;
    }
}
.outer-link--inverted::before {
    --color: #fff;
}
.outer-link--inverted:hover {
    background: #fff;
}
.outer-link--inverted:hover::before {
    --color: #306AFF;
}
.outer-link--inverted:hover::before:hover {
    background: #306AFF;
}
.outer-link--inverted:hover::before:hover::before {
    --color: #fff;
}

.quote {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: min-content min-content 1fr;
    gap: 16px 10px;
}
@media (max-width: 1439px) {
    .quote {
        gap: 10px;
    }
}
@media (max-width: 1023px) {
    .quote {
        grid-template-columns: min-content min-content 1fr 1fr 1fr;
        grid-template-rows: auto auto auto;
    }
}
.quote__photo {
    grid-column: 1/span 2;
    grid-row: 1;
}
@media (max-width: 1023px) {
    .quote__photo {
        grid-row: 1/span 2;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}
.quote__photo img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@media (max-width: 1439px) {
    .quote__photo img {
        width: 100px;
        height: 100px;
    }
}
.quote__name {
    grid-column: 1/span 2;
    grid-row: 2;
}
@media (max-width: 1023px) {
    .quote__name {
        grid-row: 1;
        grid-column: 3/span 3;
        align-self: flex-end;
    }
}
.quote__caption {
    grid-column: 1/span 2;
    grid-row: 3;
}
@media (max-width: 1023px) {
    .quote__caption {
        grid-row: 2;
        grid-column: 3/span 3;
        align-self: flex-start;
    }
}
.quote__text {
    grid-column: 3/-1;
    grid-row: 2/span 2;
}
@media (max-width: 1023px) {
    .quote__text {
        grid-row: 3/span 1;
        grid-column: 1/-1;
    }
}

.case-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 767px) {
    .case-card {
        gap: 0;
    }
}
.case-card__header {
    border-radius: 40px;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .case-card__header {
        aspect-ratio: 1.2653846154;
    }
}
@supports not (aspect-ratio: 1/1) {
    .case-card__header {
        height: 0;
        padding-bottom: 79.0273556231%;
    }
    .case-card__header > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.case-card__header > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@media (max-width: 767px) {
    .case-card__header {
        width: 100%;
        display: flex;
        position: relative;
        overflow: hidden;
        -webkit-mask-image: radial-gradient(#000, #000);
        mask-image: radial-gradient(#000, #000);
    }
    @supports (aspect-ratio: 1/1) {
        .case-card__header {
            aspect-ratio: 1;
        }
    }
    @supports not (aspect-ratio: 1/1) {
        .case-card__header {
            height: 0;
            padding-bottom: 100%;
        }
        .case-card__header > :first-child {
            position: absolute;
            top: 0;
            left: 0;
        }
    }
    .case-card__header > :first-child {
        border-radius: inherit;
        -webkit-mask-image: inherit;
        mask-image: inherit;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}
@media (min-width: 768px) {
    .case-card__header--wide {
        width: 100%;
        display: flex;
        position: relative;
        overflow: hidden;
        -webkit-mask-image: radial-gradient(#000, #000);
        mask-image: radial-gradient(#000, #000);
    }
    @supports (aspect-ratio: 1/1) {
        .case-card__header--wide {
            aspect-ratio: 2.5384615385;
        }
    }
    @supports not (aspect-ratio: 1/1) {
        .case-card__header--wide {
            height: 0;
            padding-bottom: 39.3939393939%;
        }
        .case-card__header--wide > :first-child {
            position: absolute;
            top: 0;
            left: 0;
        }
    }
    .case-card__header--wide > :first-child {
        border-radius: inherit;
        -webkit-mask-image: inherit;
        mask-image: inherit;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}
@media (max-width: 767px) {
    .case-card__header--wide {
        width: 100%;
        display: flex;
        position: relative;
        overflow: hidden;
        -webkit-mask-image: radial-gradient(#000, #000);
        mask-image: radial-gradient(#000, #000);
    }
    @supports (aspect-ratio: 1/1) {
        .case-card__header--wide {
            aspect-ratio: 1;
        }
    }
    @supports not (aspect-ratio: 1/1) {
        .case-card__header--wide {
            height: 0;
            padding-bottom: 100%;
        }
        .case-card__header--wide > :first-child {
            position: absolute;
            top: 0;
            left: 0;
        }
    }
    .case-card__header--wide > :first-child {
        border-radius: inherit;
        -webkit-mask-image: inherit;
        mask-image: inherit;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}
.case-card__body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 1439px) {
    .case-card__body {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .case-card__body {
        padding: 20px 10px;
    }
}
.case-card__body__top {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px 40px;
}
.case-card__body__top__name {
    grid-column: 1;
    grid-row: 1;
}
.case-card__body__top__tags {
    grid-column: 1;
    grid-row: 2;
}
@media (max-width: 1439px) {
    .case-card__body__top__tags {
        grid-column: 1/-1;
    }
}
.case-card__body__top__link {
    grid-column: 2;
    grid-row: 1/span 2;
}
@media (max-width: 1439px) {
    .case-card__body__top__link {
        grid-row: 1;
    }
}
.case-card__body__bot__text {
    color: #616177;
}

.pseudo-scroll__static {
    position: sticky;
    height: 100vh;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
}
@media (max-width: 767px) {
    .pseudo-scroll__static {
        height: auto;
    }
}
.propirtional-img {
    border-radius: 40px;
}
.propirtional-img--link {
    position: relative;
    align-items: center;
    justify-content: center;
}
.propirtional-img--link::before {
    content: "";
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #306AFF;
    z-index: 10;
}
.propirtional-img--link::after {
    content: "";
    position: absolute;
    --size: 24px;
    --color: #fff;
    z-index: 10;
}
.propirtional-img img {
    border-radius: inherit;
}
@media (max-width: 767px) {
    .propirtional-img {
        border-radius: 20px;
    }
}
.propirtional-img--131by60 {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .propirtional-img--131by60 {
        aspect-ratio: 2.1833333333;
    }
}
@supports not (aspect-ratio: 1/1) {
    .propirtional-img--131by60 {
        height: 0;
        padding-bottom: 45.8015267176%;
    }
    .propirtional-img--131by60 > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.propirtional-img--131by60 > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.propirtional-img--131by140 {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .propirtional-img--131by140 {
        aspect-ratio: 0.9357142857;
    }
}
@supports not (aspect-ratio: 1/1) {
    .propirtional-img--131by140 {
        height: 0;
        padding-bottom: 106.8702290076%;
    }
    .propirtional-img--131by140 > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.propirtional-img--131by140 > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.propirtional-img--656by404 {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .propirtional-img--656by404 {
        aspect-ratio: 1.6237623762;
    }
}
@supports not (aspect-ratio: 1/1) {
    .propirtional-img--656by404 {
        height: 0;
        padding-bottom: 61.5853658537%;
    }
    .propirtional-img--656by404 > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.propirtional-img--656by404 > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.propirtional-img--11by6 {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .propirtional-img--11by6 {
        aspect-ratio: 1.8333333333;
    }
}
@supports not (aspect-ratio: 1/1) {
    .propirtional-img--11by6 {
        height: 0;
        padding-bottom: 54.5454545455%;
    }
    .propirtional-img--11by6 > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.propirtional-img--11by6 > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.propirtional-img--1by1 {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .propirtional-img--1by1 {
        aspect-ratio: 1;
    }
}
@supports not (aspect-ratio: 1/1) {
    .propirtional-img--1by1 {
        height: 0;
        padding-bottom: 100%;
    }
    .propirtional-img--1by1 > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.propirtional-img--1by1 > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.propirtional-img--23by10 {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#000, #000);
    mask-image: radial-gradient(#000, #000);
}
@supports (aspect-ratio: 1/1) {
    .propirtional-img--23by10 {
        aspect-ratio: 2.3;
    }
}
@supports not (aspect-ratio: 1/1) {
    .propirtional-img--23by10 {
        height: 0;
        padding-bottom: 43.4782608696%;
    }
    .propirtional-img--23by10 > :first-child {
        position: absolute;
        top: 0;
        left: 0;
    }
}
.propirtional-img--23by10 > :first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@media (max-width: 1439px) {
    .propirtional-img--after-desktop {
        border-radius: 0;
    }
    @supports (aspect-ratio: 1/1) {
        .propirtional-img--after-desktop {
            aspect-ratio: initial;
        }
    }
    @supports not (aspect-ratio: 1/1) {
        .propirtional-img--after-desktop {
            padding-bottom: initial;
            height: initial;
        }
        .propirtional-img--after-desktop > :first-child {
            position: initial;
            top: initial;
            left: initial;
        }
    }
}

.two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px var(--column-gap);
}
@media (max-width: 1439px) {
    .two-columns {
        gap: 20px var(--column-gap);
    }
}
@media (max-width: 767px) {
    .two-columns {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}
@media (max-width: 1439px) {
    .two-columns--freak {
        grid-template-columns: 5fr 7fr;
    }
    .two-columns--freak .two-columns__column--indented:not(:first-of-type) .two-columns__column__content {
        grid-column: 1/-1;
    }
}
@media (max-width: 1023px) {
    .two-columns--freak {
        grid-template-columns: 7fr 5fr;
    }
}
@media (max-width: 767px) {
    .two-columns--freak {
        grid-template-columns: 1fr;
    }
}
.two-columns--vertical-centered {
    align-items: center;
}
@media (max-width: 767px) {
    .two-columns--mobile-reversed > :first-child {
        order: 2;
    }
}
.two-columns__column {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
.two-columns__column .two-columns__column__content {
    grid-column: 1/-1;
}
@media (min-width: 768px) {
    .two-columns__column--wide {
        grid-column: span 2;
    }
}
@media (min-width: 768px) {
    .two-columns__column--indented:first-of-type .two-columns__column__content {
        grid-column: 1/-2;
    }
    .two-columns__column--indented:not(:first-of-type) .two-columns__column__content {
        grid-column: 2/-1;
    }
}
@media (min-width: 1439px) {
    .two-columns__column--desktop-indented:first-of-type .two-columns__column__content {
        grid-column: 1/-2;
    }
    .two-columns__column--desktop-indented:not(:first-of-type) .two-columns__column__content {
        grid-column: 2/-1;
    }
}
@media (min-width: 768px) {
    .two-columns__column--intented-both .two-columns__column__content {
        grid-column: 2/-2;
    }
}
@media (min-width: 768px) and (max-width: 1439px) {
    .two-columns__column--intented-both .two-columns__column__content {
        grid-column: 2/-1;
    }
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination--left {
    justify-content: flex-start;
}
.pagination .pagination__arrow, .pagination .pagination__page, .pagination .custom-input input, .custom-input .pagination input,
.pagination .custom-input textarea,
.custom-input .pagination textarea {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    --color: #000;
}
@media (max-width: 767px) {
    .pagination .pagination__arrow, .pagination .pagination__page, .pagination .custom-input input, .custom-input .pagination input,
    .pagination .custom-input textarea,
    .custom-input .pagination textarea {
        width: 40px;
        height: 40px;
    }
}
.pagination__page {
    position: relative;
}
.pagination__page--current {
    background: #E3E6E6;
}
.pagination__page:not(.pagination__page--current):hover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 2px solid #306AFF;
}
.pagination__arrow::before {
    content: "";
    --size: 12px;
}
.text-content {
    --p-magrin: 1em;
}
.text-content > .text-content__block {
    margin-top: 100px;
    margin-bottom: 100px;
}
@media (max-width: 767px) {
    .text-content > .text-content__block {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}
.text-content > .text-content__block :last-child {
    margin-bottom: 0;
}
.text-content > .text-content__block p {
    color: #616177;
    margin: var(--p-magrin) 0;
}
.text-content > .text-content__title {
    color: #000;
    margin-bottom: 60px;
    margin-top: 100px;
}
@media (max-width: 1439px) {
    .text-content > .text-content__title {
        margin-bottom: 40px;
    }
}
@media (max-width: 1023px) {
    .text-content > .text-content__title {
        margin-top: 60px;
    }
}
@media (max-width: 767px) {
    .text-content > .text-content__title {
        margin-bottom: 20px;
    }
}
.text-content > p {
    color: #616177;
    margin: var(--p-magrin) 0;
}
.text-content > img {
    margin: var(--p-magrin) 0;
}
.text-content > ul,
.text-content > ol {
    margin: var(--p-magrin) 0;
    list-style-position: inside;
}
.text-content__equal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.text-content__equal--big {
    gap: 60px;
}
@media (max-width: 1023px) {
    .text-content__equal {
        gap: 20px;
    }
}
.text-content > :first-child {
    margin-top: 0;
}
.text-content > :last-child {
    margin-bottom: 0;
}

.awards {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--column-gap);
}
@media (max-width: 767px) {
    .awards {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}
@media (min-width: 768px) {
    .awards__text {
        grid-column: 1/9;
    }
}
.awards__list {
    display: flex;
    gap: 60px;
}
@media (min-width: 768px) {
    .awards__list {
        grid-column: 11/13;
        flex-direction: column;
    }
}
@media (max-width: 1023px) {
    .awards__list {
        gap: 40px;
    }
}
@media (max-width: 767px) {
    .awards__list {
        gap: var(--column-gap);
    }
}
.awards__list__item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 767px) {
    .awards__list__item {
        flex: 1 1 0;
    }
}
.awards__list__item__icon {
    width: 60%;
}
@media (max-width: 1439px) {
    .awards__list__item__icon {
        width: calc(100% - 31px);
    }
}
@media (max-width: 1023px) {
    .awards__list__item__icon {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .awards__list__item__icon {
        width: calc(100% - 31px);
    }
}
.awards__list__item__icon .icon, .awards__list__item__icon .universal-responses header .splide__arrows .splide__arrow::before, .universal-responses header .splide__arrows .awards__list__item__icon .splide__arrow::before, .awards__list__item__icon .support__complex__grid .splide__arrow::before, .support__complex__grid .awards__list__item__icon .splide__arrow::before, .awards__list__item__icon .support__samples .splide__arrow::before, .support__samples .awards__list__item__icon .splide__arrow::before, .awards__list__item__icon .support__about__link::after, .awards__list__item__icon .support__about__slider .splide__arrow::before, .support__about__slider .awards__list__item__icon .splide__arrow::before, .awards__list__item__icon .integration__solve__item__image__button::after, .awards__list__item__icon .integration__cases .splide__arrow::before, .integration__cases .awards__list__item__icon .splide__arrow::before, .awards__list__item__icon .integration__team .splide__arrow::before, .integration__team .awards__list__item__icon .splide__arrow::before, .awards__list__item__icon .integration__reviews .splide__arrow::before, .integration__reviews .awards__list__item__icon .splide__arrow::before, .awards__list__item__icon .propirtional-img--link::after {
    --color: #306AFF;
}
/* ===============================
=            Choices            =
=============================== */
.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 16px;
}
.choices:focus {
    outline: none;
}
.choices:last-child {
    margin-bottom: 0;
}
.choices.is-open {
    overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.choices.is-disabled .choices__item {
    cursor: not-allowed;
}
.choices [hidden] {
    display: none !important;
}

.choices[data-type*=select-one] {
    cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px;
}
.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0;
}
.choices[data-type*=select-one] .choices__button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: 0.25;
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
    opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4;
}
.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none;
}
.choices[data-type*=select-one]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent #333 transparent;
    margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]::after {
    left: 11.5px;
    right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid rgb(0, 142.7735849057, 161);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: 0.75;
    border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
    opacity: 1;
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden;
}
.is-focused .choices__inner, .is-open .choices__inner {
    border-color: rgb(182.75, 182.75, 182.75);
}
.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%;
}
[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px;
}
.choices__list--single .choices__item {
    width: 100%;
}

.choices__list--multiple {
    display: inline;
}
.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid rgb(0, 165.3867924528, 186.5);
    color: #fff;
    word-break: break-all;
    box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
    background-color: rgb(0, 165.3867924528, 186.5);
    border: 1px solid rgb(0, 142.7735849057, 161);
}
.is-disabled .choices__list--multiple .choices__item {
    background-color: rgb(170.25, 170.25, 170.25);
    border: 1px solid rgb(144.75, 144.75, 144.75);
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility;
}
.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
    visibility: visible;
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: rgb(182.75, 182.75, 182.75);
}
.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}
.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px;
}
[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right;
}
@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
        padding-right: 100px;
    }
    .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px;
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
        right: auto;
        left: 10px;
    }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: rgb(242.25, 242.25, 242.25);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: 0.5;
}

.choices__item {
    cursor: default;
}

.choices__item--selectable {
    cursor: pointer;
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.5;
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid rgb(246.5, 246.5, 246.5);
    color: rgb(127.5, 127.5, 127.5);
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.choices__button:focus {
    outline: none;
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px;
}
.choices__input:focus {
    outline: 0;
}
.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
    display: none;
}
.choices__input::-ms-clear, .choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0;
}

.choices__placeholder {
    opacity: 0.5;
}

/* =====  End of Choices  ====== */
.choices {
    width: 100%;
    display: flex;
    align-items: center;
}
.choices__list--dropdown {
    border: none !important;
}
.choices__list--dropdown .choices__item {
    padding: 15px !important;
}
.choices__list--dropdown .choices__item::after {
    display: none;
}
.choices__list--dropdown .choices__item--disabled {
    display: none !important;
}
.choices__list--dropdown .choices__item.is-highlighted {
    background-color: #EEF0F9 !important;
    border-radius: 5px;
}
.choices[data-type*=select-one]::after {
    width: 12px;
    height: 12px;
    border: none;
    --color: #306AFF;
    transform: none;
    margin-top: 0 !important;
    top: initial;
    margin-bottom: 10px;
}
.choices[data-type*=select-one].is-open::after {
    transform: scaleY(-1);
}
.choices[data-type*=select-one] .choices__inner {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DFE3EF;
    background: transparent;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-top: 0;
    min-height: 0;
}
.choices__inner .choices__list {
    padding: 0;
}
.choices__placeholder {
    color: #616177;
}

.text-autoprint {
    position: relative;
    display: flex;
}
.text-autoprint__origin {
    opacity: 0;
    width: 0;
    display: block;
    white-space: nowrap;
    order: 1;
}
.text-autoprint__origin::before {
    content: " ";
}
.text-autoprint::before {
    content: attr(data-text);
    display: inline;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.text-autoprint::after {
    content: "|";
    display: inline;
    animation: pulse 0.3s ease infinite alternate both;
}
@keyframes pulse {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.landing2-tariffs .tariff__text .element-block, .landing2-cost .element-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.landing2-tariffs .tariff__text .element-block .block-name, .landing2-cost .element-block .block-name {
    color: #595571;
    font: 16px/1.5 Inter;
}
.landing2-tariffs .tariff__text .element-block .block-value, .landing2-cost .element-block .block-value {
    font: bold 26px/32px Inter;
    color: #2A2546;
}

.landing2-get-offer .section__content, .landing2-test-runner .section__content {
    padding: 40px;
    background-color: #EEF0F9;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 40px;
    color: #616177;
}
@media (max-width: 767px) {
    .landing2-get-offer .section__content, .landing2-test-runner .section__content {
        padding: 40px 15px;
        gap: 20px;
        border-radius: 20px;
    }
}
.landing2-get-offer .lead, .landing2-test-runner .lead {
    color: #000;
}
@media (max-width: 767px) {
    .landing2-get-offer .button, .landing2-test-runner .button {
        max-width: 300px;
        font-size: 16px;
        line-height: 1.2;
    }
}

section[class^=landing2-] {
    scroll-margin-top: 100px;
}
section[class^=landing2-]:is(.is-visible) {
    scroll-margin-top: 75px;
}

.landing2-caption .section__inner {
    padding-bottom: 182px;
}
.landing2-caption .section__content {
    display: grid;
    grid-template-columns: 766px 1fr;
    row-gap: 50px;
}
.landing2-caption .section__content .img-container {
    grid-row: span 2;
    width: min(553px, 100%);
}
.landing2-caption .section__content .img-container img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
}
.landing2-caption .section__content .subtitle {
    font-size: 25px;
    line-height: 1.5;
}
@media (max-width: 1439px) {
    .landing2-caption {
        margin-top: calc(-1 * var(--header-margin));
    }
    .landing2-caption .section__inner {
        padding-top: var(--header-margin);
        padding-bottom: var(--header-margin);
        overflow-x: hidden;
    }
    .landing2-caption .section__content {
        grid-template-columns: 1fr 318px;
        gap: 40px 50px;
    }
    .landing2-caption .section__content .img-container {
        width: 553px;
    }
}
@media (max-width: 1023px) {
    .landing2-caption .section__content .img-container {
        height: 270px;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .landing2-caption .section__content .img-container img {
        transform: translateY(-30px);
    }
    .landing2-caption .section__content .subtitle {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .landing2-caption .section__inner {
        padding-bottom: 35px;
    }
    .landing2-caption .section__content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .landing2-caption .section__content .img-container {
        grid-row: 1;
        margin-bottom: 20px;
        height: 180px;
        width: min(100%, 300px);
    }
    .landing2-caption .section__content .img-container img {
        width: 100%;
        transform: none;
    }
    .landing2-caption .section__content .subtitle {
        font-size: 14px;
    }
}

.landing2-inner-navigation {
    margin-top: calc(40px - var(--row-gap));
    z-index: 1;
    position: sticky;
    top: var(--header-height);
    transition: top 0.7s;
}
.landing2-inner-navigation:is(header.header:not(.sticky) ~ * > .landing2-inner-navigation) {
    top: 0;
}
.landing2-inner-navigation .section__content {
    background-color: #EEF0F9;
    padding: 20px 40px;
    font: 500 20px/1.5 Inter;
    color: #616177;
    border-radius: 20px;
    display: flex;
    justify-content: center;
}
@media (max-width: 1230px) {
    .landing2-inner-navigation .section__content {
        background-color: transparent;
        padding: 0;
    }
}
.landing2-inner-navigation .mobile-view {
    display: none;
}
@media (max-width: 1230px) {
    .landing2-inner-navigation .mobile-view {
        display: block;
        width: 100%;
    }
    .landing2-inner-navigation .mobile-view .ux-select {
        min-width: 330px;
        --uxs-font-size: 16px;
        --uxs-line-height: 20px;
        --uxs-padding-x: 15px;
        --uxs-padding-y: 9px;
        --uxs-border-radius: 20px;
        --uxs-border-width: 0;
        --uxs-text-color: #616177;
        --uxs-background-color: #eef0f9;
        --uxs-option-selected-bg-color: transparent;
        --uxs-option-hovered-bg-color: transparent;
    }
    .landing2-inner-navigation .mobile-view .ux-select.custom-select {
        padding-top: 20px;
        padding-bottom: 20px;
        /* &:is(.sticked .custom-select) {
    	border-top-left-radius: 0;
    	border-top-right-radius: 0;
    } */
    }
    .landing2-inner-navigation .mobile-view .ux-select-group__elem, .landing2-inner-navigation .mobile-view .ux-select__title {
        font: 500 20px/1.5 Inter;
    }
    .landing2-inner-navigation .mobile-view .ux-select-group__elem:last-child {
        padding-bottom: 20px;
    }
    .landing2-inner-navigation .mobile-view .ux-select-group__elem:not(.-disabled) {
        font-weight: 500;
    }
    .landing2-inner-navigation .mobile-view .ux-select-group__elem:not(.-disabled):hover {
        color: #000;
    }
    .landing2-inner-navigation .mobile-view .ux-select-group__elem:not(.-disabled):active {
        color: #306AFF;
    }
    .landing2-inner-navigation .mobile-view .ux-select-group__elem:not(.-disabled):not(.-disabled).-selected {
        font-weight: 500;
        position: relative;
    }
    .landing2-inner-navigation .mobile-view .ux-select-group__elem.-disabled {
        display: none;
    }
    .landing2-inner-navigation .mobile-view .ux-select__head::after {
        margin-left: auto;
    }
    .landing2-inner-navigation .mobile-view .ux-select__title {
        position: relative;
        flex-grow: 0;
        color: #000;
    }
    .landing2-inner-navigation .mobile-view .ux-select__body {
        top: 0;
        padding-top: 70px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        z-index: -1;
    }
    .landing2-inner-navigation .mobile-view .ux-select__dropdown {
        max-height: calc((var(--uxs-font-size) * var(--uxs-line-height) + var(--uxs-padding-y) * 2) * 8);
    }
    .landing2-inner-navigation .mobile-view .ux-select__clear {
        display: none;
    }
}
.landing2-inner-navigation .navUl {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 40px;
}
@media (max-width: 1230px) {
    .landing2-inner-navigation .navUl {
        display: none;
    }
}
.landing2-inner-navigation .navUl li {
    position: relative;
    cursor: pointer;
}
.landing2-inner-navigation .navUl li:hover, .landing2-inner-navigation .navUl li.active {
    color: #000;
}
.landing2-inner-navigation .navUl li:hover::before, .landing2-inner-navigation .navUl li.active::before {
    position: absolute;
    content: "";
    top: -5px;
    left: 0;
    width: 100%;
    border-top: 1px solid #306AFF;
}

.landing2-transportation .section__content {
    background-color: #306AFF;
    color: #fff;
    padding: 40px;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 767px) {
    .landing2-transportation .section__content {
        border-radius: 20px;
        padding: 40px 15px;
        gap: 30px;
    }
}
.landing2-transportation .info {
    font: 500 20px/1.5 Inter;
}
@media (max-width: 767px) {
    .landing2-transportation .info {
        font: 14px/20px Inter;
    }
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .landing2-transportation .h2 {
        line-height: 1.2;
    }
}
@media (max-width: 767px) {
    .landing2-transportation .h2 {
        font-size: 16px;
        line-height: 1.25;
    }
}

.landing2-trusters .section__inner {
    background-color: #EFF4FF;
    border-radius: 40px;
    padding: 160px 0;
}
@media (max-width: 767px) {
    .landing2-trusters .section__inner {
        margin: 0 15px;
        padding: 20px 0;
    }
}
.landing2-trusters .partners {
    padding: 0;
}
.landing2-trusters .partners__inner {
    max-width: 100%;
    padding: 0;
}
@media (max-width: 767px) {
    .landing2-trusters .partners__inner {
        gap: 0;
    }
    .landing2-trusters .partners__inner .splide__track .splide__list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .landing2-trusters .partners__inner .splide__track .splide__list .partners__slider__card__link {
        display: none;
    }
    .landing2-trusters .partners__inner .splide__track .splide__list .partners__slider__card {
        padding: 22px;
        height: 100px;
        --opacity: 1;
    }
}
.landing2-trusters header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .landing2-trusters header .partners__slider__controls {
        display: none;
    }
}
@media (max-width: 767px) {
    .landing2-trusters .h2 {
        font-size: 30px;
        line-height: 1.2;
        padding: 14px 0 9px 16px;
    }
}

.landing2-suit-for .section__content {
    display: flex;
    flex-direction: column;
    gap: 70px;
}
@media (max-width: 767px) {
    .landing2-suit-for .section__content {
        gap: 40px;
    }
}
.landing2-suit-for .suit-elements {
    max-width: 976px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 95px;
    column-gap: 95px;
}
@media (max-width: 767px) {
    .landing2-suit-for .suit-elements {
        -moz-column-gap: 15px;
        column-gap: 15px;
    }
}
@media (max-width: 767px) {
    .landing2-suit-for h2 {
        font-size: 30px;
        line-height: 1.2;
    }
}
.landing2-suit-for .suit-element {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 44px;
}
.landing2-suit-for .suit-element img {
    height: 96px;
}
@media (max-width: 767px) {
    .landing2-suit-for .suit-element {
        gap: 20px;
    }
    .landing2-suit-for .suit-element img {
        height: 60px;
    }
}

.landing2-crm .section__content {
    display: flex;
    flex-direction: column;
}
.landing2-crm h2 {
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .landing2-crm h2 {
        margin-bottom: 40px;
        font-size: 30px;
        line-height: 1.2;
    }
}
.landing2-crm .crm-elements-grid {
    --columns-count: 3;
    --padding: 40px;
    display: grid;
    grid-template-columns: repeat(var(--columns-count), 1fr);
    gap: 60px calc(2 * var(--padding));
    padding: 0 var(--padding);
    margin-bottom: 40px;
}
@media (max-width: 1023px) {
    .landing2-crm .crm-elements-grid {
        --columns-count: 2;
    }
}
@media (max-width: 767px) {
    .landing2-crm .crm-elements-grid {
        --columns-count: 1;
        gap: 40px;
        padding: 0;
    }
}
.landing2-crm .crm-element {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.landing2-crm .crm-element__value {
    color: #616177;
    text-wrap: balance;
}
@media (max-width: 767px) {
    .landing2-crm .crm-element {
        gap: 20px;
    }
}
.landing2-crm .button {
    align-self: center;
}
@media (max-width: 767px) {
    .landing2-crm .button {
        align-self: start;
        max-width: 330px;
        font-size: 16px;
        line-height: 1.2;
    }
}

.landing2-workplan .section__content {
    gap: 40px;
    padding: 40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #eef0f9;
    position: relative;
}
@media (max-width: 767px) {
    .landing2-workplan .section__content {
        padding: 40px 40px 40px 20px;
        flex-direction: column;
        align-items: flex-start;
    }
}
.landing2-workplan .section__content * {
    position: relative;
}
.landing2-workplan .section__content::before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    border-radius: inherit;
    display: block;
    background-image: url(/local/templates/new/images/support/banner.png);
    background-size: 53% auto;
    background-repeat: no-repeat;
    background-position: top 35% right 0;
    opacity: 0.1;
}
@media (max-width: 767px) {
    .landing2-workplan .section__content::before {
        background-size: 145%;
        background-position: top 35% right 60%;
    }
}
.landing2-workplan h3 {
    font: 500 50px/60px Inter;
}
@media (max-width: 767px) {
    .landing2-workplan h3 {
        font-size: 24px;
        line-height: 27px;
    }
}

.landing2-advantages .section__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 80px;
}
@media (max-width: 767px) {
    .landing2-advantages .section__content {
        gap: 40px;
    }
}
@media (max-width: 767px) {
    .landing2-advantages h2 {
        font-size: 30px;
        line-height: 1.2;
    }
}
.landing2-advantages .advantages-grid {
    max-width: 100%;
}
@media (min-width: 768px) {
    .landing2-advantages .advantages-grid .splide__track .splide__list {
        visibility: visible;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .landing2-advantages .advantages-grid .splide__track .splide__list {
        grid-template-columns: 1fr 1fr;
    }
}
.landing2-advantages .advantage {
    --padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: var(--padding);
    background-color: #EEF0F9;
    border-radius: var(--padding);
    color: #616177;
}
.landing2-advantages .advantage .title {
    color: #000;
}
@media (max-width: 767px) {
    .landing2-advantages .advantage {
        --padding: 20px;
    }
    .landing2-advantages .advantage .title {
        font-size: 26px;
        line-height: 30px;
    }
}
.landing2-advantages .splide__pagination {
    margin-top: 20px;
    gap: 8px;
}
.landing2-advantages .splide__pagination li {
    font-size: 0;
}
.landing2-advantages .splide__pagination__page {
    background-color: #d2d6e1;
    width: 8px;
    height: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 50%;
}
.landing2-advantages .splide__pagination__page.is-active {
    background-color: #306aff;
}

.landing2-why-bitrix .section__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 80px;
}
@media (max-width: 767px) {
    .landing2-why-bitrix .section__content {
        gap: 40px;
    }
}
.landing2-why-bitrix .features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 40px;
}
@media (max-width: 1023px) {
    .landing2-why-bitrix .features-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .landing2-why-bitrix .features-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
.landing2-why-bitrix .feature {
    display: flex;
    flex-direction: column;
    gap: 30px;
    color: #616177;
}
.landing2-why-bitrix .feature .title {
    color: #000;
}
@media (max-width: 767px) {
    .landing2-why-bitrix .feature {
        gap: 20px;
    }
}
@media (max-width: 767px) {
    .landing2-why-bitrix h2 {
        font-size: 30px;
        line-height: 1.2;
    }
}
.landing2-why-bitrix .button {
    align-self: center;
    text-align: center;
}
@media (max-width: 767px) {
    .landing2-why-bitrix .button {
        --px: 30px;
        align-self: start;
        max-width: 330px;
        font-size: 16px;
        line-height: 1.2;
        text-wrap: unset;
        text-wrap: balance;
    }
}

.landing2-start-acting .section__content, .landing2-tariffs .section__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 40px;
}
.landing2-start-acting .steps, .landing2-tariffs .steps, .landing2-start-acting .tariffs, .landing2-tariffs .tariffs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 433px));
    gap: 10px;
}
@media (max-width: 1359px) {
    .landing2-start-acting .steps, .landing2-tariffs .steps, .landing2-start-acting .tariffs, .landing2-tariffs .tariffs {
        grid-template-columns: minmax(auto, 433px);
        justify-content: center;
        gap: 40px;
    }
}
.landing2-start-acting .step, .landing2-tariffs .step, .landing2-start-acting .tariff, .landing2-tariffs .tariff {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.landing2-start-acting .step__caption, .landing2-tariffs .step__caption, .landing2-start-acting .tariff__caption, .landing2-tariffs .tariff__caption {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 30px;
    color: #2A2546;
    min-height: 92px;
    border-radius: 20px 20px 5px 5px;
    background-color: #EEF0F9;
    font: bold 26px/32px Montserrat, Inter;
}
.landing2-start-acting .step__text, .landing2-tariffs .step__text, .landing2-start-acting .tariff__text, .landing2-tariffs .tariff__text {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px 30px;
}
.landing2-start-acting .step__text:last-child, .landing2-tariffs .step__text:last-child, .landing2-start-acting .tariff__text:last-child, .landing2-tariffs .tariff__text:last-child {
    border-radius: 5px 5px 20px 20px;
}
@media (max-width: 1359px) {
    .landing2-start-acting .step, .landing2-tariffs .step, .landing2-start-acting .tariff, .landing2-tariffs .tariff {
        max-width: 433px;
    }
}
@media (min-width: 768px) {
    .landing2-start-acting .tall_element, .landing2-tariffs .tall_element {
        min-height: 269px;
    }
}
.landing2-start-acting .button, .landing2-tariffs .button {
    align-self: center;
}
@media (max-width: 1359px) {
    .landing2-start-acting .button, .landing2-tariffs .button {
        align-self: center;
    }
}
@media (max-width: 767px) {
    .landing2-start-acting .button, .landing2-tariffs .button {
        --px: 30px;
        max-width: 330px;
        font-size: 16px;
        line-height: 1.2;
    }
}

.landing2-cost .section__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.landing2-cost .elements-grid {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-rows: auto 1fr;
    grid-auto-flow: dense;
    gap: 40px 100px;
    padding-right: 196px;
}
@media (max-width: 1439px) {
    .landing2-cost .elements-grid {
        padding-right: 0;
    }
}
@media (max-width: 767px) {
    .landing2-cost .elements-grid {
        max-width: 433px;
        align-self: center;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
    .landing2-cost .elements-grid ul {
        margin-top: 20px;
    }
}
.landing2-cost .custom-list, .landing2-cost .integration__calc__text ul, .integration__calc__text .landing2-cost ul, .landing2-cost .integration__steps__item ul, .integration__steps__item .landing2-cost ul, .landing2-cost .integration__products__item__body ul, .integration__products__item__body .landing2-cost ul {
    grid-row: 1/span 2;
}
@media (max-width: 767px) {
    .landing2-cost .custom-list, .landing2-cost .integration__calc__text ul, .integration__calc__text .landing2-cost ul, .landing2-cost .integration__steps__item ul, .integration__steps__item .landing2-cost ul, .landing2-cost .integration__products__item__body ul, .integration__products__item__body .landing2-cost ul {
        order: 4;
    }
}
.landing2-cost .button {
    grid-column: 2/span 2;
    align-self: start;
}
@media (max-width: 767px) {
    .landing2-cost .button {
        order: 3;
        max-width: 330px;
    }
}
@media (max-width: 767px) {
    .landing2-cost .element-block {
        gap: 10px;
        flex-direction: row;
    }
    .landing2-cost .element-block.price {
        order: 1;
    }
    .landing2-cost .element-block.period {
        order: 2;
        margin-bottom: 20px;
    }
    .landing2-cost .element-block .block-name {
        width: 90px;
        flex-shrink: 0;
        font-size: 14px;
        line-height: 20px;
    }
}

.landing2-tariffs .tariff {
    grid-row: 1/span 5;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: subgrid;
}
@media (max-width: 1359px) {
    .landing2-tariffs .tariff {
        grid-row: auto;
        grid-template-rows: auto;
    }
}
@media (max-width: 915px) {
    .landing2-tariffs .tariff {
        grid-row: auto;
        grid-template-rows: auto;
    }
}
.landing2-tariffs .tariff__caption {
    flex-direction: column;
    justify-content: start;
    border-radius: 40px 40px 5px 5px;
}
.landing2-tariffs .tariff__caption .tariff__name {
    font: bold 24px/1.25 Inter;
    color: #2A2546;
}
.landing2-tariffs .tariff__caption .tariff__description {
    font: 16px/24px Inter;
    color: #595571;
}
@media (max-width: 1359px) {
    .landing2-tariffs .tariff__caption {
        min-height: 80px;
    }
    .landing2-tariffs .tariff__caption .tariff__name {
        font-size: 16px;
    }
    .landing2-tariffs .tariff__caption .tariff__description {
        font-size: 14px;
        line-height: 20px;
    }
}
.landing2-tariffs .tariff__text {
    color: #616177;
}
@media (max-width: 1359px) {
    .landing2-tariffs .tariff__text .element-block .block-name {
        font-size: 14px;
        line-height: 20px;
    }
    .landing2-tariffs .tariff__text .element-block .block-value {
        font-size: 24px;
        line-height: 30px;
    }
}
.landing2-tariffs .button {
    margin-top: 23px;
}
@media (max-width: 1359px) {
    .landing2-tariffs .button {
        margin-top: 20px;
        max-width: 100%;
        min-height: 39px;
    }
    .landing2-tariffs .button.button--primary {
        font-size: 16;
        line-height: 1.2;
    }
}

.landing2-choosing .section__content {
    background-color: #306AFF;
    color: #fff;
    padding: 40px;
    border-radius: 40px;
    display: grid;
    grid-template-columns: 668px 1fr;
    gap: 80px;
    justify-items: start;
}
@media (max-width: 1226px) {
    .landing2-choosing .section__content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .landing2-choosing .section__content .title {
        grid-row: 2;
    }
    .landing2-choosing .section__content img {
        max-width: 98px;
        justify-self: center;
    }
    .landing2-choosing .section__content .button {
        margin-left: 0;
        justify-self: center;
    }
}
@media (max-width: 767px) {
    .landing2-choosing .section__content {
        border-radius: 20px;
        padding: 30px 15px;
        gap: 24px;
    }
}
.landing2-choosing img {
    max-width: 178px;
    max-height: 212px;
}
.landing2-choosing .button {
    margin-left: 16px;
}
@media (max-width: 767px) {
    .landing2-choosing .button {
        max-width: 300px;
        font-size: 16px;
        line-height: 1.2;
    }
}

.landing2-banner .section__inner {
    background: center/cover url("/local/templates/new/images/landing2/banner.webp") no-repeat;
    background-image: -webkit-image-set(url("/local/templates/new/images/landing2/banner.webp") 1x, url("/local/templates/new/images/landing2/banner-2x.webp") 2x);
    background-image: image-set(url("/local/templates/new/images/landing2/banner.webp") 1x, url("/local/templates/new/images/landing2/banner-2x.webp") 2x);
    border-radius: 40px;
    overflow: hidden;
    color: #fff;
    min-height: 682px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1439px) {
    .landing2-banner .section__inner {
        margin-left: var(--container-padding);
        margin-right: var(--container-padding);
    }
    .landing2-banner .section__inner .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media (max-width: 767px) {
    .landing2-banner .section__inner {
        min-height: unset;
        border-radius: 20px;
    }
    .landing2-banner .section__inner .container {
        padding-bottom: 20px;
    }
}
@media (max-width: 360px) {
    .landing2-banner .section__inner {
        background-image: -webkit-image-set(url("/local/templates/new/images/landing2/banner-mobile.webp") 1x, url("/local/templates/new/images/landing2/banner-mobile-2x.webp") 2x);
        background-image: image-set(url("/local/templates/new/images/landing2/banner-mobile.webp") 1x, url("/local/templates/new/images/landing2/banner-mobile-2x.webp") 2x);
    }
}
.landing2-banner .section__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 30px;
    max-width: 543px;
}
@media (max-width: 767px) {
    .landing2-banner .section__content {
        margin-top: 233px;
        gap: 20px;
    }
}
.landing2-banner .button {
    max-width: 340px;
}
@media (max-width: 767px) {
    .landing2-banner .button {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.2;
    }
}

.landing2-expertise .section__content {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 767px) {
    .landing2-expertise .section__content {
        overflow: hidden;
        gap: 40px;
    }
}
.landing2-expertise header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.landing2-expertise .splide__arrows {
    display: flex;
    gap: 20px;
}
@media (max-width: 767px) {
    .landing2-expertise .splide__arrows {
        display: none;
    }
}
.landing2-expertise .splide__arrow {
    background: transparent;
    border: none;
    outline: none;
    padding: 25px;
    border-radius: 50%;
    display: flex;
    transition: all var(--transition-duration, 0.3s) ease;
    --color: #000;
}
.landing2-expertise .splide__arrow:not(:disabled) {
    cursor: pointer;
    background: #306AFF;
    --color: #fff;
}
.landing2-expertise .splide__arrow::before {
    content: "";
    --size: 20px;
}
.landing2-expertise .splide__slide {
    display: grid;
    grid-template-columns: 1fr 310px;
    -moz-column-gap: 111px;
    column-gap: 111px;
}
@media (max-width: 1439px) {
    .landing2-expertise .splide__slide {
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}
@media (max-width: 767px) {
    .landing2-expertise .splide__slide {
        grid-template-columns: 100%;
    }
}
.landing2-expertise blockquote {
    display: flex;
    gap: 51px;
    align-items: flex-start;
}
.landing2-expertise blockquote > img {
    width: auto;
    height: 46px;
}
@media (max-width: 767px) {
    .landing2-expertise blockquote {
        gap: 20px;
        flex-direction: column;
    }
    .landing2-expertise blockquote > img {
        height: 28px;
    }
}
.landing2-expertise .author {
    --imageSize: 100px;
    display: grid;
    grid-template: auto 1fr/var(--imageSize) 1fr;
    gap: 18px;
}
.landing2-expertise .author img {
    width: var(--imageSize);
    height: var(--imageSize);
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    grid-row: 1/span 2;
}
.landing2-expertise .author__position {
    color: #616177;
}
@media (max-width: 767px) {
    .landing2-expertise .author {
        --imageSize: 69px;
        row-gap: 14px;
        margin-top: 40px;
    }
    .landing2-expertise .author__position {
        font-size: 12px;
        line-height: 1.3;
    }
}

.landing2-cases .section__content {
    display: flex;
    flex-direction: column;
    gap: 140px;
}
@media (max-width: 767px) {
    .landing2-cases .section__content {
        gap: 40px;
    }
}
.landing2-cases .cases-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 10px;
}
@media (max-width: 767px) {
    .landing2-cases .cases-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.landing2-cases .case {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (max-width: 767px) {
    .landing2-cases .case {
        max-width: 430px;
        gap: 20px;
    }
}
.landing2-cases .case img {
    border-radius: 40px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}
.landing2-cases .case .name-and-link {
    --link-size: 70px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 40px;
}
.landing2-cases .case__name-tags {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.landing2-cases .case__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.landing2-cases .case__tag {
    background-color: #e3e6e6;
    color: #616177;
    border-radius: 10px;
    padding: 5px 15px;
}
@media (max-width: 1439px) {
    .landing2-cases .case__tag {
        line-height: 1.3;
    }
}
.landing2-cases .case__description {
    color: #616177;
}
.landing2-cases .show-all-cases {
    --py: 22px;
    display: none;
    max-width: 300px;
    margin-top: -20px;
    font: 500 16px/1.25 Inter;
}
@media (max-width: 767px) {
    .landing2-cases .show-all-cases {
        display: flex;
    }
}

.landing2-guaranties .section__content {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
@media (max-width: 767px) {
    .landing2-guaranties .section__content {
        gap: 40px;
    }
}
.landing2-guaranties .giaranties-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
@media (max-width: 767px) {
    .landing2-guaranties .giaranties-grid {
        grid-template-columns: 1fr;
    }
}
.landing2-guaranties .guarantee {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px;
    border-radius: 40px;
    background-color: #EEF0F9;
}
.landing2-guaranties .guarantee__detail {
    color: #616177;
    font-size: 18px;
    line-height: 1.2;
}
@media (max-width: 767px) {
    .landing2-guaranties .guarantee {
        padding: 20px;
        border-radius: 20px;
    }
    .landing2-guaranties .guarantee .lead {
        font-size: 16px;
        line-height: 20px;
    }
    .landing2-guaranties .guarantee__detail {
        font-size: 14px;
        line-height: 20px;
    }
}

.landing2-faq .section__content {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
@media (max-width: 767px) {
    .landing2-faq .section__content {
        gap: 40px;
    }
}
.landing2-faq .faq__question {
    --expander-size: 64px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 0;
    border-bottom: 1px solid #e3e6e6;
}
.landing2-faq .faq__question:first-child {
    padding-top: 0;
}
@media (max-width: 767px) {
    .landing2-faq .faq__question {
        --expander-size: 70px;
        gap: 16px;
    }
    .landing2-faq .faq__question + .faq__question {
        padding-top: 58px;
    }
}
.landing2-faq .faq__answer {
    color: #000;
    padding-right: calc(var(--expander-size) + 10px);
    font: 24px/1.3 Inter;
}
.landing2-faq .faq__answer:is(:not(.faq__question.open .faq__answer)) {
    display: none;
}
@media (max-width: 767px) {
    .landing2-faq .faq__answer {
        color: #616177;
        font-size: 14px;
        line-height: 20px;
    }
}
.landing2-faq .lead {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    letter-spacing: normal;
    cursor: pointer;
}
.landing2-faq header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 0;
}
.landing2-faq .expander {
    --line-length: 14px;
    flex: 0 0 var(--expander-size);
    width: var(--expander-size);
    height: var(--expander-size);
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.landing2-faq .expander::before, .landing2-faq .expander::after {
    content: "";
    border-radius: 1px;
    width: var(--line-length);
    background-color: #306AFF;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: width var(--transition-duration, 0.3s);
}
.landing2-faq .expander::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.landing2-faq .expander:is(.faq__question.open .expander)::after {
    width: 0;
}

.landing2-lets-discuss .section__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 50px;
}
@media (max-width: 1439px) {
    .landing2-lets-discuss .section__content {
        gap: 40px;
    }
}
@media (max-width: 767px) {
    .landing2-lets-discuss .section__content {
        gap: 24px;
    }
}
.landing2-lets-discuss .button {
    max-width: 330px;
}
@media (max-width: 767px) {
    .landing2-lets-discuss .button {
        font-size: 16px;
        line-height: 1.2;
    }
}

.section-caption {
    font: 500 60px/70px Inter;
    color: #000;
    letter-spacing: -0.05em;
}
@media (max-width: 1439px) {
    .section-caption {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .section-caption {
        font-size: 30px;
        line-height: 30px;
    }
}

.techsupport-caption .section__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .techsupport-caption .section__content {
        gap: 50px;
    }
}
@media (max-width: 1439px) {
    .techsupport-caption h1 {
        font-size: 50px;
        line-height: 1;
    }
}
@media (max-width: 767px) {
    .techsupport-caption h1 {
        font-size: 36px;
    }
}
@media (max-width: 1439px) {
    .techsupport-caption .lead {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .techsupport-caption .lead {
        font-size: 18px;
    }
}

.techsupport-about {
    color: #000;
}
.techsupport-about .section__content {
    --summary-width: 322px;
    display: grid;
    grid-template: auto 1fr/1fr var(--summary-width);
    gap: 80px 120px;
}
@media (max-width: 1200px) {
    .techsupport-about .section__content {
        -moz-column-gap: 80px;
        column-gap: 80px;
    }
}
@media (max-width: 1439px) {
    .techsupport-about .section__content {
        gap: 60px 10px;
    }
}
@media (max-width: 1023px) {
    .techsupport-about .section__content {
        --summary-width: 237px;
    }
}
@media (max-width: 767px) {
    .techsupport-about .section__content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
.techsupport-about .about__summary {
    grid-row: span 2;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}
.techsupport-about .about__summary__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font: 16px/1.2 Inter;
}
@media (max-width: 767px) {
    .techsupport-about .about__summary {
        grid-row: auto;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
}
.techsupport-about .company-info {
    display: flex;
    align-items: center;
    gap: 80px;
}
@media (max-width: 1439px) {
    .techsupport-about .company-info {
        gap: 40px;
    }
}
@media (max-width: 1023px) {
    .techsupport-about .company-info {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .techsupport-about .company-info {
        margin-top: 20px;
        grid-row: 2;
    }
}
.techsupport-about .company-info__logo {
    width: 180px;
    height: 180px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 10px 20px 60px 0px rgba(0, 0, 0, 0.05);
}
.techsupport-about .company-info__logo img {
    width: 146px;
}
.techsupport-about .company-info__details {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.techsupport-about .company-info__name {
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
}
.techsupport-about .company-info__description p {
    --line-height: 1.3em;
    font: 24px/var(--line-height) Inter;
}
.techsupport-about .company-info__description p + p {
    margin-top: var(--line-height);
}
@media (max-width: 767px) {
    .techsupport-about .company-info__description p {
        --line-height: 1.2em;
        font-size: 18px;
    }
}

.techsupport-client, .techsupport-form, .techsupport-response {
    color: #000;
}
@media (max-width: 1439px) {
    .techsupport-client .container-unlimited, .techsupport-form .container-unlimited, .techsupport-response .container-unlimited {
        padding-inline: var(--container-padding);
    }
}
.techsupport-client .container-unlimited .section__inner, .techsupport-form .container-unlimited .section__inner, .techsupport-response .container-unlimited .section__inner {
    background-color: #e8ebf2;
    padding-block: 140px;
    border-radius: 40px;
}
@media (max-width: 1439px) {
    .techsupport-client .container-unlimited .section__inner, .techsupport-form .container-unlimited .section__inner, .techsupport-response .container-unlimited .section__inner {
        padding-block: 80px;
    }
}
@media (max-width: 767px) {
    .techsupport-client .container-unlimited .section__inner, .techsupport-form .container-unlimited .section__inner, .techsupport-response .container-unlimited .section__inner {
        padding-block: 40px;
    }
}
.techsupport-client .container, .techsupport-form .container, .techsupport-response .container {
    --client-info-width: 322px;
    display: grid;
    grid-template: auto 1fr/1fr var(--client-info-width);
    gap: 80px;
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .techsupport-client .container, .techsupport-form .container, .techsupport-response .container {
        --container-padding: 40px;
    }
}
@media (max-width: 1439px) {
    .techsupport-client .container, .techsupport-form .container, .techsupport-response .container {
        --client-info-width: 281px;
        gap: 60px 40px;
    }
}
@media (max-width: 1023px) {
    .techsupport-client .container, .techsupport-form .container, .techsupport-response .container {
        --client-info-width: 216px;
    }
}
@media (max-width: 767px) {
    .techsupport-client .container, .techsupport-form .container, .techsupport-response .container {
        --container-padding: 20px;
        gap: 40px;
        grid-template: auto/1fr;
    }
}
.techsupport-client .client-quote, .techsupport-form .client-quote, .techsupport-response .client-quote {
    display: flex;
    gap: 10px;
    margin-top: 52px;
}
@media (max-width: 1439px) {
    .techsupport-client .client-quote, .techsupport-form .client-quote, .techsupport-response .client-quote {
        margin-top: 0;
    }
}
.techsupport-client .client-quote::before, .techsupport-form .client-quote::before, .techsupport-response .client-quote::before {
    content: url(/local/templates/new/images/techsupport/quote.svg);
    width: 20px;
    flex-shrink: 0;
}
.techsupport-client .client-quote .quote-caption, .techsupport-form .client-quote .quote-caption, .techsupport-response .client-quote .quote-caption {
    font: 500 32px/1 Inter;
    letter-spacing: -0.05em;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .techsupport-client .client-quote .quote-caption, .techsupport-form .client-quote .quote-caption, .techsupport-response .client-quote .quote-caption {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }
}
.techsupport-client .client-quote q, .techsupport-form .client-quote q, .techsupport-response .client-quote q {
    quotes: none;
}
.techsupport-client .client-quote p, .techsupport-form .client-quote p, .techsupport-response .client-quote p {
    --line-height: 1.3em;
    font: 24px/var(--line-height) Inter;
}
.techsupport-client .client-quote p + p, .techsupport-form .client-quote p + p, .techsupport-response .client-quote p + p {
    margin-top: var(--line-height);
}
@media (max-width: 767px) {
    .techsupport-client .client-quote p, .techsupport-form .client-quote p, .techsupport-response .client-quote p {
        --line-height: 1.2em;
        font-size: 18px;
    }
}
.techsupport-client .client-info, .techsupport-form .client-info, .techsupport-response .client-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (min-width: 768px) {
    .techsupport-client .client-info, .techsupport-form .client-info, .techsupport-response .client-info {
        grid-column: 2;
        grid-row: 1/span 2;
    }
}
@media (max-width: 767px) {
    .techsupport-client .client-info, .techsupport-form .client-info, .techsupport-response .client-info {
        max-width: 290px;
    }
}
.techsupport-client .client-info__picture, .techsupport-form .client-info__picture, .techsupport-response .client-info__picture {
    border-radius: 50%;
    width: 180px;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
}
.techsupport-client .client-info__name, .techsupport-form .client-info__name, .techsupport-response .client-info__name {
    margin-top: 10px;
    font: 500 24px/1.25 Inter;
}
@media (max-width: 767px) {
    .techsupport-client .client-info__name, .techsupport-form .client-info__name, .techsupport-response .client-info__name {
        font-size: 20px;
        line-height: 1.4;
    }
}
.techsupport-client .client-info__position, .techsupport-form .client-info__position, .techsupport-response .client-info__position, .techsupport-client .client-info__organization, .techsupport-form .client-info__organization, .techsupport-response .client-info__organization {
    font: 18px/24px Inter;
}
.techsupport-client .button, .techsupport-form .button, .techsupport-response .button {
    max-width: 427px;
    font: 500 20px/30px Inter;
}
@media (min-width: 1440px) {
    .techsupport-client .button, .techsupport-form .button, .techsupport-response .button {
        --py: 21px;
    }
}
@media (max-width: 1023px) {
    .techsupport-client .button, .techsupport-form .button, .techsupport-response .button {
        font-size: 16px;
        max-width: 257px;
    }
}
@media (max-width: 767px) {
    .techsupport-client .button, .techsupport-form .button, .techsupport-response .button {
        max-width: 290px;
    }
}

.techsupport-workplan .section__content {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1439px) {
    .techsupport-workplan .section__content {
        gap: 60px;
    }
}
@media (max-width: 767px) {
    .techsupport-workplan .section__content {
        gap: 40px;
    }
}
.techsupport-workplan .workplan-list {
    max-width: 988px;
    gap: 12px;
    color: #000;
}
.techsupport-workplan .workplan-list li {
    font-size: 24px;
    line-height: 1.3;
}
@media (max-width: 767px) {
    .techsupport-workplan .workplan-list li {
        font-size: 16px;
        line-height: 1.25;
    }
}
.techsupport-workplan .button {
    max-width: 427px;
}
@media (max-width: 1439px) {
    .techsupport-workplan .button {
        --py: 20px;
        font-size: 20px;
    }
}
@media (max-width: 1023px) {
    .techsupport-workplan .button {
        --py: 10px;
        max-width: 229px;
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .techsupport-workplan .button {
        max-width: 330px;
    }
}

.techsupport-client-profit .section__content {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1023px) {
    .techsupport-client-profit .section__content {
        gap: 60px;
    }
}
@media (max-width: 767px) {
    .techsupport-client-profit .section__content {
        gap: 40px;
    }
}
.techsupport-client-profit .section-caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .techsupport-client-profit .section-caption {
        line-height: 1;
        align-items: flex-start;
        flex-direction: column;
        gap: 40px;
    }
}
.techsupport-client-profit .section-caption .button {
    --px: 40px;
    letter-spacing: normal;
}
@media (max-width: 1439px) {
    .techsupport-client-profit .section-caption .button {
        --py: 20px;
        font-size: 20px;
    }
}
@media (max-width: 1023px) {
    .techsupport-client-profit .section-caption .button {
        --py: 10px;
        --px: 30px;
        font-size: 16px;
        line-height: 30px;
    }
}
@media (max-width: 767px) {
    .techsupport-client-profit .section-caption .button {
        --px: 10px;
        max-width: 330px;
    }
}
.techsupport-client-profit .client-profits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    font: 24px/1.3 Inter;
}
@media (max-width: 1023px) {
    .techsupport-client-profit .client-profits {
        font-size: 18px;
        line-height: 1.2;
    }
}
@media (max-width: 767px) {
    .techsupport-client-profit .client-profits {
        grid-template-columns: 1fr;
        font: 500 16px/1.25 Inter;
    }
}
.techsupport-client-profit .client-profits__card {
    display: grid;
    grid-auto-rows: 554px;
    background-color: #E8EBF2;
    border-radius: 20px;
    padding: 40px 0 0 40px;
}
@media (max-width: 1439px) {
    .techsupport-client-profit .client-profits__card {
        grid-auto-rows: 484px;
    }
}
@media (max-width: 1023px) {
    .techsupport-client-profit .client-profits__card {
        grid-auto-rows: 374px;
    }
}
@media (max-width: 767px) {
    .techsupport-client-profit .client-profits__card {
        grid-auto-rows: 374px;
        padding: 20px 0 20px 20px;
    }
}
.techsupport-client-profit .client-profits__card span {
    grid-row: 1;
    grid-column: 1;
    display: block;
    max-width: 390px;
}
@media (max-width: 1439px) {
    .techsupport-client-profit .client-profits__card span {
        max-width: 280px;
    }
}
@media (max-width: 767px) {
    .techsupport-client-profit .client-profits__card span {
        max-width: 100%;
        padding-right: 20px;
    }
}
.techsupport-client-profit .client-profits__card img {
    grid-row: 1;
    grid-column: 1;
    align-self: end;
    justify-self: end;
    width: 400px;
    opacity: 0.4;
}
@media (max-width: 1439px) {
    .techsupport-client-profit .client-profits__card img {
        width: 290px;
    }
}
@media (max-width: 1023px) {
    .techsupport-client-profit .client-profits__card img {
        width: 205px;
    }
}
@media (max-width: 767px) {
    .techsupport-client-profit .client-profits__card img {
        width: 210px;
        margin-right: -20px;
    }
}

.techsupport-what-we-done .section__content {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.techsupport-what-we-done .section-caption {
    margin-bottom: 20px;
}
@media (max-width: 1439px) {
    .techsupport-what-we-done .section-caption {
        margin-bottom: 0;
    }
}
.techsupport-what-we-done .done-item {
    display: flex;
    flex-direction: column;
    gap: 40px;
    font: 32px/1.3 Inter;
}
@media (max-width: 767px) {
    .techsupport-what-we-done .done-item:nth-child(2) {
        margin-top: -20px;
    }
}
.techsupport-what-we-done .done-item__title {
    letter-spacing: -0.05em;
    color: #306AFF;
}
@media (max-width: 767px) {
    .techsupport-what-we-done .done-item__title {
        font: 500 20px/1.4 Inter;
    }
}
.techsupport-what-we-done .done-item__content {
    font-size: 24px;
}
@media (max-width: 767px) {
    .techsupport-what-we-done .done-item__content {
        font-size: 16px;
        line-height: 1.25;
    }
}
.techsupport-what-we-done .done-item img {
    border-radius: 20px;
}
.techsupport-what-we-done .done-slider {
    display: grid;
    grid-template-columns: 1fr 100px;
    gap: 10px;
    margin-top: -20px;
}
@media (max-width: 767px) {
    .techsupport-what-we-done .done-slider {
        grid-template-columns: 1fr;
    }
}
.techsupport-what-we-done .splide__arrows {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
@media (max-width: 767px) {
    .techsupport-what-we-done .splide__arrows {
        justify-content: space-between;
    }
}
.techsupport-what-we-done .splide__arrow {
    background: transparent;
    border: none;
    outline: none;
    padding: 14px;
    border-radius: 50%;
    display: flex;
    transition: all var(--transition-duration, 0.3s) ease;
    --color: #000;
}
.techsupport-what-we-done .splide__arrow:not(:disabled) {
    cursor: pointer;
    background: #e3e6e6;
}
.techsupport-what-we-done .splide__arrow::before {
    content: "";
    --size: 12px;
}
.techsupport-response .client-quote {
    margin-top: 0;
}

.techsupport-similar-cases .section__content {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.techsupport-similar-cases .section-caption {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 767px) {
    .techsupport-similar-cases .section-caption {
        line-height: 1;
        align-items: flex-start;
        flex-direction: column;
    }
}
.techsupport-similar-cases .section-caption .button {
    --px: 50px;
    --py: 21px;
    gap: 20px;
    letter-spacing: normal;
}
@media (max-width: 1439px) {
    .techsupport-similar-cases .section-caption .button {
        --py: 21px;
        font-size: 20px;
    }
}
@media (max-width: 1023px) {
    .techsupport-similar-cases .section-caption .button {
        --px: 30px;
        --py: 11px;
        font-size: 16px;
        line-height: 30px;
    }
}
@media (max-width: 767px) {
    .techsupport-similar-cases .section-caption .button {
        --px: 10px;
        max-width: 330px;
    }
}
.techsupport-similar-cases .section-caption .button img {
    width: 10px;
    height: 10px;
    filter: grayscale(1) contrast(5);
}
.techsupport-similar-cases .case-cards__card {
    flex-grow: 1;
    max-width: 433.33px;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    border: 1px solid #616177;
    border-radius: 20px;
}
@media (max-width: 1439px) {
    .techsupport-similar-cases .case-cards__card {
        max-width: 404px;
    }
}
@media (max-width: 1023px) {
    .techsupport-similar-cases .case-cards__card {
        max-width: 321px;
    }
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-cards__card {
        max-width: 330px;
    }
}
.techsupport-similar-cases .case-cards__card.card-with-image {
    grid-template-rows: 313px 1fr;
}
@media (min-width: 768px) and (max-width: 1023px) {
    .techsupport-similar-cases .case-cards__card.card-with-image {
        grid-template-rows: 173px 1fr;
    }
}
.techsupport-similar-cases .case-cards__card.card-text-only {
    border: none;
    background-color: #e8ebf2;
    grid-template-rows: 1fr;
    padding: 20px;
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-cards__card.card-text-only {
        grid-template-rows: 245px auto;
    }
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-cards .splide__list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}
.techsupport-similar-cases .case-card__image {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.techsupport-similar-cases .case-card__name {
    font: 500 24px/30px Inter;
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-card__name {
        font-size: 20px;
        line-height: 1.4;
    }
}
.techsupport-similar-cases .case-card__name {
    color: #000;
}
.techsupport-similar-cases .case-card__details {
    display: grid;
    grid-template-columns: 1fr 64px;
    gap: 12px 20px;
    padding: 20px;
}
.techsupport-similar-cases .case-card__active-zone:hover {
    border-color: #306AFF;
}
.techsupport-similar-cases .case-card__active-zone:hover .case-card__name {
    color: #306AFF;
}
.techsupport-similar-cases .case-card__active-zone:hover .case-card__arrow {
    background-color: #fff;
}
.techsupport-similar-cases .case-card__active-zone:hover .case-card__arrow img {
    filter: none;
}
.techsupport-similar-cases .case-card__arrow {
    grid-row: span 2;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.techsupport-similar-cases .case-card__arrow img {
    transition: filter var(--transition-duration, 0.3s);
    filter: grayscale(1) contrast(5);
    width: 10px;
    height: 10px;
    -o-object-fit: contain;
    object-fit: contain;
}
.techsupport-similar-cases .case-card__description {
    font: 18px/1.2 Inter;
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-card__description {
        font-size: 16px;
        line-height: 1.25;
    }
}
@media (max-width: 1023px) {
    .techsupport-similar-cases .case-card__description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
}
.techsupport-similar-cases .case-card__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.techsupport-similar-cases .case-card__area {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.techsupport-similar-cases .case-card__area__name {
    color: #616177;
    font: 14px/20px Inter;
}
.techsupport-similar-cases .case-card__area__value {
    font: 18px/1.2 Inter;
}
.techsupport-similar-cases .case-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-list {
        margin-top: 20px;
    }
}
.techsupport-similar-cases .case-list__entry {
    background-color: #e8ebf2;
    border-radius: 20px;
    padding: 40px;
    display: grid;
    grid-template-columns: 200px 1fr 502px;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1439px) {
    .techsupport-similar-cases .case-list__entry {
        grid-template-columns: 180px 1fr 233px;
    }
}
@media (max-width: 1023px) {
    .techsupport-similar-cases .case-list__entry {
        grid-template-columns: 180px 1fr;
    }
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-list__entry {
        grid-template-columns: 1fr;
        padding: 20px;
    }
}
.techsupport-similar-cases .case-entry__name {
    font: 500 24px/30px Inter;
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-entry__name {
        font-size: 20px;
        line-height: 1.4;
    }
}
.techsupport-similar-cases .case-entry__description {
    font: 18px/1.2 Inter;
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-entry__description {
        font-size: 16px;
        line-height: 1.25;
    }
}
.techsupport-similar-cases .case-entry__description {
    margin-right: 38px;
}
@media (max-width: 1439px) {
    .techsupport-similar-cases .case-entry__description {
        margin-right: 21px;
    }
}
@media (max-width: 1023px) {
    .techsupport-similar-cases .case-entry__description {
        margin-right: 0;
    }
}
.techsupport-similar-cases .case-entry__buttons {
    display: flex;
    gap: 20px;
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .techsupport-similar-cases .case-entry__buttons {
        flex-direction: column;
    }
}
@media (max-width: 1023px) {
    .techsupport-similar-cases .case-entry__buttons {
        grid-column: 1/-1;
    }
}
@media (max-width: 767px) {
    .techsupport-similar-cases .case-entry__buttons {
        flex-direction: column;
        margin-top: 20px;
    }
}
.techsupport-similar-cases .case-entry__buttons .button {
    --py: 21px;
    flex-shrink: 0;
    gap: 20px;
}
@media (min-width: 1440px) {
    .techsupport-similar-cases .case-entry__buttons .button {
        flex-basis: 241px;
    }
}
@media (max-width: 1023px) {
    .techsupport-similar-cases .case-entry__buttons .button {
        --py: 11px;
        flex-grow: 1;
    }
}
.techsupport-similar-cases .case-entry__buttons .button svg path {
    stroke: var(--color);
}

.techsupport-warranty .section__content {
    display: grid;
    grid-template-columns: 1fr 351px;
    align-items: center;
    gap: 40px;
}
@media (max-width: 767px) {
    .techsupport-warranty .section__content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.techsupport-warranty .section-caption {
    align-self: end;
}
@media (max-width: 1023px) {
    .techsupport-warranty .section-caption {
        line-height: 44px;
    }
}
@media (max-width: 767px) {
    .techsupport-warranty .section-caption {
        font-size: 30px;
        line-height: 1;
    }
}
.techsupport-warranty .warranty__subheader {
    align-self: start;
    font: 24px/1.3 Inter;
}
@media (max-width: 767px) {
    .techsupport-warranty .warranty__subheader {
        font-size: 16px;
        line-height: 1.25;
        margin-bottom: 20px;
    }
}
.techsupport-warranty .warranty__image {
    width: 100%;
    grid-row: 1/span 2;
    grid-column: 2;
}
@media (max-width: 767px) {
    .techsupport-warranty .warranty__image {
        grid-row: auto;
        grid-column: 1;
        width: 227px;
        justify-self: center;
    }
}

.techsupport-form .container-unlimited .section__inner {
    background-color: #d2d6e1;
}
.techsupport-form .container {
    grid-template-columns: 1fr;
    align-items: center;
    gap: 20px;
}
.techsupport-form .custom-input input {
    --pb: 8px;
    border-bottom-color: #000;
}
.techsupport-form .custom-input input:not(:disabled).is-invalid {
    color: #f00;
    border-bottom-color: #f00;
}
.techsupport-form .form__subheader {
    font: 500 20px/1.5 Inter;
}
@media (max-width: 767px) {
    .techsupport-form .form__subheader {
        font-size: 16px;
        line-height: 1.25;
    }
}
.techsupport-form .form__body {
    margin-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 20px;
}
@media (max-width: 767px) {
    .techsupport-form .form__body {
        margin-top: 20px;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.techsupport-form .form__second-line {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: subgrid;
}
@media (max-width: 1439px) {
    .techsupport-form .form__second-line {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}
@media (max-width: 1023px) {
    .techsupport-form .form__second-line {
        grid-template-columns: 1fr 190px;
    }
}
@media (max-width: 767px) {
    .techsupport-form .form__second-line {
        grid-template-columns: 1fr;
    }
}
.techsupport-form .form__notice {
    grid-column: span 2;
    font: 14px/20px Inter;
}
@media (max-width: 1439px) {
    .techsupport-form .form__notice {
        grid-column: 1;
    }
}
@media (max-width: 767px) {
    .techsupport-form .form__notice br {
        display: none;
    }
}
.techsupport-form .form__notice a {
    color: #306AFF;
    text-decoration: underline;
}
.techsupport-form .form__notice a:hover {
    text-decoration: none;
}
.techsupport-form .button {
    --py: 20px;
    border: none;
}
@media (max-width: 1023px) {
    .techsupport-form .button {
        --py: 10px;
    }
}

.universal-inner-navigation {
    position: sticky;
    top: var(--header-height);
    z-index: 1;
    transition: top 0.7s;
}
.universal-inner-navigation:is(header.header:not(.sticky) + * > .universal-inner-navigation) {
    top: 0;
}
.universal-inner-navigation .section__content {
    padding-block: 20px;
    display: flex;
    justify-content: center;
    font: 500 14px/1.3 Inter;
    background-color: #e8ebf2;
    border-radius: 20px;
}
@media (max-width: 1023px) {
    .universal-inner-navigation .section__content {
        padding: 23px 28.5px;
    }
}
@media (max-width: 767px) {
    .universal-inner-navigation .section__content {
        padding: 22px 20px;
        font-size: 12px;
        line-height: 20px;
    }
}
.universal-inner-navigation .navUl {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
@media (min-width: 1024px) {
    .universal-inner-navigation .navUl {
        gap: 30px;
    }
}
.universal-inner-navigation .navUl li {
    cursor: pointer;
}
.universal-inner-navigation .splide--slide {
    display: flex;
    overflow-x: hidden;
    gap: 30px;
}
@media (max-width: 767px) {
    .universal-inner-navigation .splide--slide {
        gap: 10px;
    }
}
.universal-inner-navigation .splide__track {
    order: 2;
}
.universal-inner-navigation .splide__arrows {
    display: none;
}
.universal-inner-navigation .splide__arrows img {
    filter: grayscale(1) contrast(10);
}
@media (max-width: 1023px) {
    .universal-inner-navigation .splide__arrows {
        display: contents;
    }
}
.universal-inner-navigation .splide__arrows .splide__arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    width: 24px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.universal-inner-navigation .splide__arrow--prev {
    order: 1;
}
.universal-inner-navigation .splide__arrow--next {
    order: 3;
}
.universal-inner-navigation .splide__arrow--next img {
    transform: rotate(180deg);
}
.universal-problems h2 {
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    .universal-problems h2 {
        margin-bottom: 30px;
    }
}
.universal-problems__cards {
    --columns-count: 3;
    display: grid;
    grid-template-columns: repeat(var(--columns-count), 1fr);
    align-items: center;
    justify-items: center;
    gap: 10px;
}
@media (max-width: 1023px) {
    .universal-problems__cards {
        --columns-count: 2;
    }
}
@media (max-width: 767px) {
    .universal-problems__cards {
        --columns-count: 1;
    }
}
.universal-problems__cards .button {
    max-width: 100%;
    line-height: 1.3;
    grid-column: -2;
}
@media (max-width: 1023px) {
    .universal-problems__cards .button {
        --py: 14px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .universal-problems__cards .button {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .universal-problems__cards .button {
        width: 100%;
        margin-block: 20px;
    }
}
.universal-problems__card {
    width: 100%;
    border: 1px solid #306AFF;
    border-radius: 20px;
    min-height: 170px;
    padding: 37px 40px;
    font: 32px/1 Inter;
    letter-spacing: -0.05em;
}
@media (max-width: 1439px) {
    .universal-problems__card {
        padding: 40px;
        min-height: 176px;
    }
}
@media (max-width: 1439px) {
    .universal-problems__card {
        min-height: 208px;
    }
}
@media (max-width: 767px) {
    .universal-problems__card {
        min-height: 112px;
        padding: 20px;
        font-size: 24px;
    }
}
.universal-banner .support__banner {
    gap: 100px;
}
.universal-banner .support__banner::before {
    background-image: url(/local/templates/new/images/support/banner-logo.svg);
    background-position: center right 195px;
    background-size: auto 170%;
}
@media (max-width: 1439px) {
    .universal-banner .support__banner::before {
        background-position: center right 28px;
    }
}
@media (max-width: 1023px) {
    .universal-banner .support__banner::before {
        background-position: center right -100px;
    }
}
@media (max-width: 767px) {
    .universal-banner .support__banner::before {
        background-size: auto 250%;
        background-position: center right -310px;
    }
}
@media (max-width: 1439px) {
    .universal-banner .support__banner {
        gap: 20px;
    }
}
@media (max-width: 1023px) {
    .universal-banner .support__banner {
        flex-direction: column;
        gap: 40px;
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .universal-banner .support__banner {
        padding: 20px;
    }
}
.universal-banner h2 {
    font: 500 40px/1.2 Inter;
    letter-spacing: normal;
}
@media (max-width: 767px) {
    .universal-banner h2 {
        font-size: 20px;
        line-height: 1.4;
    }
}
.universal-abilities .header-60 {
    margin-bottom: 60px;
}
.universal-abilities .crm-elements-grid {
    --columns-count: 2;
    -moz-column-gap: 30px;
    column-gap: 30px;
    padding: 0;
    margin: 0;
}
@media (max-width: 1439px) {
    .universal-abilities .crm-elements-grid {
        gap: 30px;
    }
}
@media (max-width: 767px) {
    .universal-abilities .crm-elements-grid {
        --columns-count: 1;
    }
}
@media (max-width: 1439px) {
    .universal-abilities .crm-element {
        gap: 10px;
    }
}
.universal-abilities .crm-element .title {
    font-size: 32px;
    line-height: 1.2;
    color: #306AFF;
}
@media (max-width: 1439px) {
    .universal-abilities .crm-element .title {
        font: bold 18px/1.5 Inter;
    }
}
@media (max-width: 767px) {
    .universal-abilities .crm-element .title {
        font-size: 14px;
        line-height: 20px;
    }
}
.universal-abilities .crm-element__value {
    color: #000;
    font-size: 24px;
    line-height: 1.3;
}
@media (max-width: 1439px) {
    .universal-abilities .crm-element__value {
        font-size: 18px;
        line-height: 1.5;
    }
}
@media (max-width: 767px) {
    .universal-abilities .crm-element__value {
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 1439px) {
    .universal-whyitrack .container-unlimited {
        padding-inline: var(--container-padding);
    }
}
.universal-whyitrack .section__content {
    background-color: #e8ebf2;
    border-radius: 40px;
    padding-block: 80px;
}
@media (max-width: 767px) {
    .universal-whyitrack .section__content {
        padding-block: 60px;
    }
}
.universal-whyitrack .container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-inline: 40px;
}
@media (max-width: 767px) {
    .universal-whyitrack .container {
        padding-inline: 20px;
    }
}
.universal-whyitrack .support__about__body__left {
    gap: 132px;
}
.universal-whyitrack .support__about__nums {
    gap: 12px 30px;
}
@media (min-width: 1440px) {
    .universal-whyitrack .support__about__nums {
        padding-right: 30px;
    }
}
@media (max-width: 1023px) {
    .universal-whyitrack .support__about__nums {
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}
@media (max-width: 767px) {
    .universal-whyitrack .support__about__nums {
        gap: 18px;
    }
}
.universal-whyitrack .support__about__nums strong {
    font-size: 100px;
}
@media (max-width: 1439px) {
    .universal-whyitrack .support__about__nums strong {
        font-size: 80px;
    }
}
@media (max-width: 767px) {
    .universal-whyitrack .support__about__nums strong {
        font-size: 60px;
    }
}
.universal-whyitrack .support__about__nums__item {
    gap: 20px;
    font-size: 24px;
    line-height: 1.5;
}
@media (max-width: 1023px) {
    .universal-whyitrack .support__about__nums__item {
        font-size: 18px;
        line-height: 1.3;
    }
}
@media (max-width: 767px) {
    .universal-whyitrack .support__about__nums__item {
        font-size: 16px;
        line-height: 1.1;
        display: grid;
        grid-template-columns: 150px 1fr;
    }
}
.universal-whyitrack .support__about__link {
    border: 1px solid #306AFF;
    align-items: flex-start;
}
.universal-whyitrack .support__about__slider .splide__arrow {
    --color: #000;
}
.universal-whyitrack .support__about__slider .splide__arrow:hover:not(:disabled) {
    --color: #306AFF;
}
.universal-whyitrack .support__about__slide span {
    font: 500 20px/1.3 Inter;
}
@media (max-width: 767px) {
    .universal-whyitrack .support__about__slide span {
        font: 18px/1.2 Inter;
    }
}
@media (max-width: 1023px) {
    .universal-price .header-60 {
        padding-top: 50px;
    }
}
@media (max-width: 1439px) {
    .universal-price .container-unlimited {
        padding-inline: var(--container-padding);
    }
}
.universal-price .section__content {
    background-color: #e8ebf2;
    border-radius: 40px;
}
.universal-price .container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 80px 40px 40px;
    background-position: right top 118px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: auto 788px;
    background-image: -webkit-image-set(url("/local/templates/new/images/universal/bag.webp") 1x, url("/local/templates/new/images/universal/bag-2x.webp") 2x);
    background-image: image-set("/local/templates/new/images/universal/bag.webp" 1x, "/local/templates/new/images/universal/bag-2x.webp" 2x);
}
@media (max-width: 1439px) {
    .universal-price .container {
        background-size: 539px auto;
        background-position: right top 192px;
    }
}
@media (max-width: 1023px) {
    .universal-price .container {
        padding-top: 30px;
        background-size: 468px auto;
        background-position: top right 30px;
    }
}
@media (max-width: 767px) {
    .universal-price .container {
        padding: 30px 20px;
        gap: 30px;
        background-size: 343px auto;
        background-position: top 10px center;
    }
}
.universal-price .elements-grid {
    --list-width: 615px;
    grid-template-columns: var(--list-width) 1fr auto auto;
    gap: 40px;
    padding-right: 0;
}
@media (max-width: 1439px) {
    .universal-price .elements-grid {
        --list-width: 447px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}
@media (max-width: 1023px) {
    .universal-price .elements-grid {
        grid-template-columns: auto 1fr;
    }
}
@media (max-width: 767px) {
    .universal-price .elements-grid {
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr auto;
        justify-items: space-between;
    }
    .universal-price .elements-grid .custom-list, .universal-price .elements-grid .integration__calc__text ul, .integration__calc__text .universal-price .elements-grid ul, .universal-price .elements-grid .integration__steps__item ul, .integration__steps__item .universal-price .elements-grid ul, .universal-price .elements-grid .integration__products__item__body ul, .integration__products__item__body .universal-price .elements-grid ul {
        margin-top: 0;
    }
}
.universal-price .elements-grid .button {
    width: 100%;
    max-width: 100%;
}
@media (max-width: 1023px) {
    .universal-price .elements-grid .button {
        max-width: 344px;
    }
}
.universal-price .elements-grid .element-block, .universal-price .elements-grid .button {
    grid-column-start: 3;
}
@media (max-width: 1023px) {
    .universal-price .elements-grid .element-block, .universal-price .elements-grid .button {
        grid-column-start: 1;
    }
}
.universal-price .elements-grid .element-block + .element-block {
    grid-column-start: 4;
}
@media (max-width: 1439px) {
    .universal-price .elements-grid .element-block + .element-block {
        margin-left: 30px;
    }
}
@media (max-width: 1023px) {
    .universal-price .elements-grid .element-block + .element-block {
        grid-column: 2;
    }
}
.universal-price .list-container {
    grid-row: 1/span 2;
}
@media (max-width: 1023px) {
    .universal-price .list-container {
        grid-column: 1/span 2;
        grid-row: 3;
    }
}
.universal-price .list-container ul {
    color: #000;
    gap: 8px;
    font: 24px/1.3 Inter;
}
.universal-price .element-block {
    align-items: flex-start;
}
@media (max-width: 767px) {
    .universal-price .element-block {
        flex-direction: column;
        gap: 6px;
    }
    .universal-price .element-block.period {
        margin: 0;
    }
}
.universal-price .element-block .block-name {
    color: #616177;
    font-size: 24px;
    line-height: 1.3;
}
@media (max-width: 767px) {
    .universal-price .element-block .block-name {
        font-size: 16px;
        line-height: 1.25;
    }
}
.universal-price .element-block .block-value {
    font: 500 32px/1.2 Inter;
    color: #000;
}
@media (max-width: 767px) {
    .universal-price .element-block .block-value {
        font-size: 20px;
        line-height: 1.4;
    }
}
@media (min-width: 768px) {
    .universal-fast-calculation .header-60 {
        max-width: 70%;
    }
}
.universal-cases .section__content {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.universal-cases header {
    --header-margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
}
@media (max-width: 767px) {
    .universal-cases header {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .universal-cases header .button--tertiary {
        max-width: 390px;
        --py: 25px;
    }
}
.universal-cases .main__portfolio__columns.splide__list {
    display: flex;
    gap: 0;
    overflow: visible;
}
@media (max-width: 767px) {
    .universal-cases .main__portfolio__columns.splide__list {
        flex-direction: column;
        gap: 60px;
    }
}
.universal-responses header {
    --header-margin: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.universal-responses header .splide__arrow:not(:disabled)::before {
    background-color: #000;
}
.universal-responses header .splide__arrow:not(:disabled):hover::before {
    background-color: #306AFF;
}
.universal-responses header .splide__arrows {
    --btn-size: 56px;
    gap: 10px;
    display: flex;
}
@media (min-width: 1201px) {
    .universal-responses header .splide__arrows {
        display: none;
    }
}
.universal-responses header .splide__arrows .splide__arrow--prev::before {
    transform: scaleX(-1);
}
@media (min-width: 1201px) {
    .universal-responses__grid .splide__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
}
.universal-responses__response {
    background-color: #e8ebf2;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-radius: 40px;
    color: #000;
}
@media (max-width: 767px) {
    .universal-responses__response {
        padding: 20px;
    }
}
.universal-responses__response__author {
    --image-size: 80px;
    display: grid;
    grid-template-columns: var(--image-size) 1fr;
    grid-template-rows: auto 1fr;
    align-items: center;
    gap: 10px 20px;
}
@media (max-width: 1439px) {
    .universal-responses__response__author {
        order: 3;
    }
}
.universal-responses__response__author img {
    grid-row: 1/span 2;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1;
}
.universal-responses__response__author-name {
    font: 500 24px/1.25 Inter;
}
.universal-responses__response__author-position {
    font: 18px/1.2 Inter;
}
.universal-responses__response h3 {
    margin-bottom: 10px;
    font: 500 32px/1.2 Inter;
}
@media (max-width: 1439px) {
    .universal-responses__response h3 {
        order: 1;
    }
}
@media (max-width: 767px) {
    .universal-responses__response h3 {
        font-size: 24px;
        line-height: 1.25;
        margin-bottom: 0;
    }
}
.universal-responses__response__text {
    font: 500 20px/1.3 Inter;
}
@media (max-width: 1439px) {
    .universal-responses__response__text {
        font-size: 24px;
        font-weight: normal;
        order: 2;
    }
}
@media (max-width: 767px) {
    .universal-responses__response__text {
        font-size: 18px;
        line-height: 1.2;
    }
}
.universal-our-team header {
    --header-margin: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.universal-our-team header .splide__arrow:not(:disabled)::before {
    background-color: #000;
}
.universal-our-team header .splide__arrow:not(:disabled):hover::before {
    background-color: #306AFF;
}
.universal-our-team header .splide__arrows {
    display: flex;
}
@media (max-width: 767px) {
    .universal-our-team header .splide__arrows {
        display: none;
    }
}
.universal-our-team .integration__team__card__name {
    display: flex;
    flex-direction: column;
}
@media (max-width: 767px) {
    .universal-our-team .integration__team__card__info {
        padding: 20px 15px 0 15px;
    }
}
.universal-faq .section__content {
    gap: 60px;
}
@media (max-width: 1439px) {
    .universal-profit .container-unlimited {
        padding-inline: var(--container-padding);
    }
}
.universal-profit .section__content {
    background-color: #e8ebf2;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.universal-profit .container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 80px 40px 40px;
}
@media (max-width: 1023px) {
    .universal-profit .container {
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .universal-profit .container {
        padding: 30px 20px;
        gap: 30px;
    }
}
.universal-profit .blog-grid.splide {
    display: flex;
    gap: unset;
}
.universal-profit .blog-card__body {
    padding: 40px 16px 0 16px;
    font: 400 24px/1.25 Inter;
}
@media (max-width: 767px) {
    .universal-profit .splide__list {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
    .universal-profit .splide__track {
        width: 100%;
    }
}
.universal-services .section__content {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
@media (min-width: 1440px) {
    .universal-services .main__services {
        grid-template-columns: 1fr 355px auto;
    }
}
@media (max-width: 1439px) {
    .universal-services .main__services__item {
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
}
@media (max-width: 1023px) {
    .universal-services .main__services__item {
        align-items: start;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
    .universal-services .main__services__item__buttons {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}
@media (min-width: 1440px) {
    .universal-services .main__services__item__text {
        max-width: 640px;
    }
}
.universal-services .main__services__item__title {
    font: 500 32px/1.2 Inter;
}
@media (max-width: 767px) {
    .universal-services .main__services__item__title {
        font-size: 20px;
        line-height: 1.4;
    }
}
.universal-services .main__services__item__caption {
    font: 24px/1.3 Inter;
}
@media (max-width: 767px) {
    .universal-services .main__services__item__caption {
        font-size: 16px;
        line-height: 1.25;
    }
}
.universal-services .button--yellow {
    width: 100%;
    max-width: 355px;
}
@media (max-width: 767px) {
    .universal-services .button--yellow {
        max-width: unset;
    }
}
@media (min-width: 1024px) {
    .universal-services .button--tertiary {
        --py: 21px;
    }
}
@media (max-width: 1023px) {
    .universal-services .button--tertiary {
        --py: 11px;
    }
}

.cases__header {
    color: #000;
    display: grid;
    grid-template-columns: 1fr 138px;
    gap: 40px;
    visibility: visible;
}
@media (max-width: 767px) {
    .cases__header {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1439px) {
    .cases__header h1 {
        font-size: 50px;
        line-height: 1;
    }
}
@media (max-width: 767px) {
    .cases__header h1 {
        font-size: 36px;
    }
}
.cases__header__subheader {
    font: 24px/1.3 Inter;
    grid-row: 2;
    margin-left: 9px;
}
@media (max-width: 1439px) {
    .cases__header__subheader {
        margin-left: 4px;
    }
}
@media (max-width: 767px) {
    .cases__header__subheader {
        margin-left: 2px;
        font-size: 18px;
        line-height: 1.2;
    }
}
.cases__header__slider-arrows {
    grid-row: 1/span 2;
    align-self: end;
    display: flex;
    gap: 10px;
}
.cases__header__slider-arrows .splide__arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    aspect-ratio: 1;
    flex-shrink: 0;
    border-radius: 50%;
    border: 2px solid #616177;
    cursor: pointer;
    transition: border var(--transition-duration, 0.3s) ease;
}
.cases__header__slider-arrows .splide__arrow svg {
    width: 24px;
    flex-shrink: 0;
    transition: all var(--transition-duration, 0.3s) ease;
}
.cases__header__slider-arrows .splide__arrow:hover {
    border-color: #0633a7;
}
.cases__header__slider-arrows .splide__arrow:hover svg path {
    stroke: #0633a7;
}
.cases__header__slider-arrows .splide__arrow:disabled {
    pointer-events: none;
}
@media (max-width: 767px) {
    .cases__header__slider-arrows {
        margin-left: 2px;
        grid-row: auto;
        display: flex;
        gap: 10px;
    }
    .cases__header__slider-arrows .splide__arrow {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        aspect-ratio: 1;
        flex-shrink: 0;
        border-radius: 50%;
        border: 2px solid #616177;
        cursor: pointer;
        transition: border var(--transition-duration, 0.3s) ease;
    }
    .cases__header__slider-arrows .splide__arrow svg {
        width: 24px;
        flex-shrink: 0;
        transition: all var(--transition-duration, 0.3s) ease;
    }
    .cases__header__slider-arrows .splide__arrow:hover {
        border-color: #0633a7;
    }
    .cases__header__slider-arrows .splide__arrow:hover svg path {
        stroke: #0633a7;
    }
    .cases__header__slider-arrows .splide__arrow:disabled {
        pointer-events: none;
    }
}
.cases__cards {
    margin-top: 40px;
    grid-column: 1/-1;
}
.cases__cards .splide__list:not([role]) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
@media (max-width: 1439px) {
    .cases__cards {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .cases__cards {
        margin-top: 0;
        max-width: calc(100vw - 2 * var(--container-padding));
    }
}
.cases__cards-card {
    --image-height: 313px;
    --card-height: 700px;
    --grid-template: auto auto 1fr;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    display: grid;
    grid-template-rows: var(--grid-template);
    gap: 20px;
    height: var(--card-height);
}
@media (max-width: 767px) {
    .cases__cards-card {
        --image-height: 225px;
        --card-height: 557px;
        gap: 24px;
    }
}
.cases__cards .case__card-grey {
    --grid-template: auto 1fr;
    background-color: #e8ebf2;
}
.cases__cards .case__card-grey:hover {
    background-color: #e3eafd;
}
.cases__cards .case__card-orange {
    --grid-template: auto 1fr;
    background-color: #fbc117;
}
.cases__cards .case__card-orange:hover {
    background-color: #ffad0f;
}
.cases__cards .case__card-picture {
    height: var(--image-height);
    border-radius: 10px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.cases__cards .case__card-picture-replacer {
    height: var(--image-height);
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.cases__cards .case__card-link {
    --text-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.cases__cards .case__card-link svg path {
    transition: all var(--transition-duration, 0.3s) ease;
}
.cases__cards .case__card-link:not(:is(.case__card-grey a, .case__card-orange a)):hover {
    --text-color: #306AFF;
}
.cases__cards .case__card-link:not(:is(.case__card-grey a, .case__card-orange a)):hover svg path {
    stroke: #306AFF;
}
.cases__cards .case__card-name {
    font: 500 24px/1.25 Inter;
    color: var(--text-color);
    transition: color var(--transition-duration, 0.3s) ease;
}
.cases__cards .case__card-description {
    font: 18px/1.2 Inter;
    margin-top: auto;
    min-height: 3.6em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow-y: hidden;
}
.cases__cards .case__card-tags {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (max-width: 767px) {
    .cases__cards .case__card-tags {
        margin-top: 2px;
    }
}
.cases__cards .case__card-tags-tag {
    font: 14px/1.2 Inter;
    padding: 8px 16px;
    border-radius: 17px;
    background-color: #e8ebf2;
    border: 1px solid #e8ebf2;
}
.cases__cards .case__card-tags-tag:hover {
    color: #0633a7;
    border-color: currentColor;
    background-color: #bbdefb;
}
@media (max-width: 767px) {
    .cases__cards .case__card-tags-tag {
        font-size: 12px;
        line-height: 1.3;
    }
}
.cases__cards .case__card-result {
    flex-grow: 1;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    font: 18px/1.2 Inter;
}
.cases__cards .case__card-result label {
    font: 14px/1.2 Inter;
    margin-bottom: 4px;
    color: #616177;
}
.cases__cards .case__card-metainfo {
    margin-top: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.cases__cards .case__card-metainfo-info {
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    font: 18px/1.2 Inter;
}
.cases__cards .case__card-metainfo-info label {
    font: 14px/1.2 Inter;
    margin-bottom: 4px;
    color: #616177;
}
.cases__tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
@media (max-width: 1439px) {
    .cases__tags {
        margin-bottom: 60px;
    }
}
@media (max-width: 640px) {
    .cases__tags {
        display: grid;
        grid-template-columns: 115px auto;
        gap: 20px;
    }
}
.cases__tags__tag-wrapper {
    padding: 10px 10px 21px;
    border: 2px solid transparent;
    border-bottom: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 2;
    transition: border-color var(--transition-duration, 0.3s) ease;
}
.cases__tags__tag-wrapper:first-child {
    padding-left: 0;
}
@media (min-width: 641px) {
    .cases__tags__tag-wrapper.tag-open {
        border-color: #e8ebf2;
        background-color: #fafafa;
    }
}
@media (max-width: 640px) {
    .cases__tags__tag-wrapper {
        padding: 0;
    }
}
.cases__tags__tag {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 157px;
    height: 69px;
    border-radius: 35px;
    background-color: #fbc117;
    font: 14px/1.2 Inter;
}
@media (max-width: 767px) {
    .cases__tags__tag {
        width: 115px;
        height: 48px;
        font: 12px/1.3 Inter;
    }
}
.cases__tags__tag:hover {
    background-color: #ffad0f;
}
.cases__tags__tag.tag-blue {
    background-color: #306AFF;
    color: #fff;
}
.cases__tags__tag.tag-blue:hover, .cases__tags__tag.tag-blue:is(.tag-open .tag-blue) {
    background-color: #0633a7;
}
.cases__tags__tag i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    aspect-ratio: 1;
    margin-left: 10px;
    border-radius: 50%;
    background-color: #fff;
    font: 14px/1.2 Inter;
    color: #000;
}
.cases__tags__tag i:empty {
    display: none;
}
@media (max-width: 767px) {
    .cases__tags__tag i {
        width: 24px;
        font: 12px/1.3 Inter;
    }
}
.cases__tags__folder {
    display: none;
    margin-top: -2px;
    width: 100%;
    flex-shrink: 0;
    border-radius: 20px;
    border: 2px solid #e8ebf2;
}
@media (max-width: 640px) {
    .cases__tags__folder {
        display: none !important;
    }
}
.cases__tags__folder-tag {
    padding: 26px 30px;
    font: 14px/1.2 Inter;
    background-color: #e8ebf2;
    border-radius: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}
.cases__tags__folder-tag:hover, .cases__tags__folder-tag.tag-selected {
    background-color: #e3eafd;
    color: #306AFF;
}
@media (max-width: 1439px) {
    .cases__tags__folder-tag {
        font: 12px/1.3 Inter;
        padding: 16px;
    }
}
.cases__tags__folder-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 40px;
}
.cases__tags__folder--mobile {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    background-color: #fafafa;
    padding: 40px 15px;
    display: none;
    flex-direction: column;
    gap: 60px;
}
.cases__tags__folder--mobile.open {
    display: flex;
}
@media (min-width: 641px) {
    .cases__tags__folder--mobile {
        display: none !important;
    }
}
.cases__tags__folder--mobile .tags-dialog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
}
.cases__tags__folder--mobile .tags-dialog__title {
    font: 500 30px/1.2 Inter;
    letter-spacing: -0.05em;
}
.cases__tags__folder--mobile .tags-dialog__close {
    font-size: 0;
    cursor: pointer;
}
.cases__tags__folder--mobile .tags-dialog__tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    overflow-y: auto;
}
.cases__tags__folder--mobile .tags-dialog__tags-list-tag {
    padding: 26px 30px;
    font: 14px/1.2 Inter;
    background-color: #e8ebf2;
    border-radius: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}
.cases__tags__folder--mobile .tags-dialog__tags-list-tag:hover, .cases__tags__folder--mobile .tags-dialog__tags-list-tag.tag-selected {
    background-color: #e3eafd;
    color: #306AFF;
}
@media (max-width: 1439px) {
    .cases__tags__folder--mobile .tags-dialog__tags-list-tag {
        font: 12px/1.3 Inter;
        padding: 16px;
    }
}
.cases__portfolio {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 767px) {
    .cases__portfolio {
        gap: 60px;
    }
}
.cases__portfolio__columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--column-gap);
}
@media (max-width: 1439px) {
    .cases__portfolio__columns {
        overflow: auto;
        grid-template-columns: repeat(3, minmax(404px, 1fr));
    }
}
@media (max-width: 1023px) {
    .cases__portfolio__columns {
        grid-template-columns: repeat(3, minmax(299px, 1fr));
    }
}
@media (max-width: 767px) {
    .cases__portfolio__columns {
        grid-template-columns: repeat(3, 90%);
    }
}
.cases__portfolio__list {
    display: grid;
    grid-template-columns: minmax(auto, 360px) 1fr auto;
    gap: 20px 58px;
}
@media (max-width: 1439px) {
    .cases__portfolio__list {
        gap: 20px;
    }
}
@media (max-width: 1023px) {
    .cases__portfolio__list {
        grid-template-columns: minmax(auto, 360px) 1fr;
    }
}
@media (max-width: 767px) {
    .cases__portfolio__list {
        grid-template-columns: 1fr;
    }
}
.cases__portfolio__item {
    display: grid;
    grid-template-columns: subgrid;
    align-items: center;
    grid-column: 1/-1;
    background-color: #E8EBF2;
    border-radius: 20px;
    padding: 40px;
}
@media (max-width: 1023px) {
    .cases__portfolio__item {
        gap: 20px 40px;
    }
}
@media (max-width: 767px) {
    .cases__portfolio__item {
        padding: 20px;
    }
}
.cases__portfolio__item__number {
    font: 18px/1.2 Inter;
    color: #616177;
}
.cases__portfolio__item__title {
    font-weight: 500;
}
@media (max-width: 767px) {
    .cases__portfolio__item__title {
        font-size: 20px;
    }
}
.cases__portfolio__item__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
@media (max-width: 767px) {
    .cases__portfolio__item__text {
        font-size: 16px;
        line-height: 24px;
    }
}
.cases__portfolio__item__buttons {
    display: flex;
    gap: 20px;
}
@media (max-width: 1439px) {
    .cases__portfolio__item__buttons {
        flex-direction: column;
        margin-left: 15px;
    }
}
@media (max-width: 1023px) {
    .cases__portfolio__item__buttons {
        flex-direction: row;
        grid-column: 1/-1;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    .cases__portfolio__item__buttons {
        flex-direction: column;
        margin-top: 20px;
    }
}
@media (max-width: 1023px) {
    .cases__portfolio__item__buttons .button {
        flex: 1 1 0;
    }
}
.cases__portfolio__card-picture {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    border: 1px solid #616177;
}
.cases__portfolio__card-picture:hover .cases__portfolio__card-picture__link, .cases__portfolio__card-picture:hover .cases__portfolio__card-picture__title {
    color: #306AFF;
    --color: #306AFF;
}
.cases__portfolio__card-picture:hover .cases__portfolio__card-picture__link {
    background-color: #fff;
}
.cases__portfolio__card-picture__img img {
    border-radius: 20px 20px 0 0;
    display: block;
    height: 313px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 1023px) {
    .cases__portfolio__card-picture__img img {
        height: 173px;
    }
}
.cases__portfolio__card-picture__body {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px 20px;
    color: #000;
    padding: 20px;
}
.cases__portfolio__card-picture:has(.cases__portfolio__card-picture__link:hover) .cases__portfolio__card-picture__title {
    color: #306AFF;
}
.cases__portfolio__card-picture__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    transition: color ease 0.3s;
}
.cases__portfolio__card-picture__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
@media (max-width: 767px) {
    .cases__portfolio__card-picture__text {
        display: block;
    }
}
.cases__portfolio__card-picture__link {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: 1/span 2;
    grid-column: 2;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    --size: 24px;
}
.cases__portfolio__card-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    background-color: #e8ebf2;
    border-radius: 20px;
}
.cases__portfolio__card-text__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: auto;
    transition: color ease 0.3s;
}
@media (max-width: 767px) {
    .cases__portfolio__card-text__header {
        margin-bottom: 0;
        flex-grow: 1;
        align-items: flex-start;
    }
}
.cases__portfolio__card-text__header:hover {
    color: #306AFF;
    --color: #306AFF;
}
.cases__portfolio__card-text__link {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 2;
    width: 64px;
    height: 64px;
    --size: 24px;
}
.cases__portfolio__card-text__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}
@media (max-width: 767px) {
    .cases__portfolio__card-text__title {
        font-size: 20px;
        margin-top: auto;
    }
}
.cases__portfolio__card-text__info {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.cases__portfolio__card-text__info small {
    color: #616177;
}
.cases__portfolio__card-text__info span {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
.cases__portfolio__list {
    -moz-column-gap: 10px;
    column-gap: 10px;
    grid-template-columns: 72px 363px 1fr auto;
    align-items: start;
}
@media (max-width: 1439px) {
    .cases__portfolio__list {
        grid-template-columns: 60px 180px 1fr auto;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}
@media (max-width: 1023px) {
    .cases__portfolio__list {
        grid-template-columns: 40px 180px 1fr;
    }
}
@media (max-width: 767px) {
    .cases__portfolio__list {
        grid-template-columns: 1fr;
    }
}
.cases__portfolio__item {
    align-items: start;
}
@media (max-width: 1023px) {
    .cases__portfolio__item {
        padding: 20px;
    }
}
.cases__portfolio__item__title {
    font: bold 18px/1.2 Inter;
}
@media (max-width: 1439px) {
    .cases__portfolio__item__title {
        font: 500 24px/30px Inter;
    }
}
@media (max-width: 767px) {
    .cases__portfolio__item__title {
        font-size: 20px;
    }
}
.cases__portfolio__item__text {
    line-height: 1.2;
    margin-right: 65px;
}
@media (max-width: 1439px) {
    .cases__portfolio__item__text {
        margin-right: 20px;
    }
}
@media (max-width: 1023px) {
    .cases__portfolio__item__text {
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .cases__portfolio__item__text {
        font-size: 16px;
        line-height: 1.5;
    }
}
.cases__portfolio__item__buttons {
    justify-content: flex-end;
}
@media (min-width: 1440px) and (max-width: 1439px) {
    .cases__portfolio__item__buttons {
        flex-direction: column;
        justify-content: center;
    }
}
@media (max-width: 1023px) {
    .cases__portfolio__item__buttons {
        grid-column: 3;
        grid-row: 2;
    }
}
@media (max-width: 767px) {
    .cases__portfolio__item__buttons {
        grid-column: 1;
        grid-row: auto;
        margin-top: 20px;
        flex-direction: row;
        justify-content: flex-start;
    }
}
.cases__portfolio__item__buttons .button {
    width: 148px;
    height: 42px;
}
@media (max-width: 1439px) {
    .cases__portfolio__item__buttons .button {
        flex-basis: 42px;
    }
}
@media (max-width: 1023px) {
    .cases__portfolio__item__buttons .button {
        flex-basis: 135px;
        width: 135px;
        flex-grow: 0;
    }
}
@media (max-width: 767px) {
    .cases__portfolio__item__buttons .button {
        height: 50px;
        width: 126px;
        flex-basis: 126px;
    }
}
.cases__portfolio__item__buttons .button span {
    font: 18px/1.2 Inter;
}
@media (max-width: 767px) {
    .cases__portfolio__item__buttons .button span {
        font-size: 16px;
        line-height: 30px;
    }
}
.cases__portfolio__pager {
    grid-column: 1/-1;
    margin-top: 60px;
    display: flex;
}
@media (max-width: 1439px) {
    .cases__portfolio__pager {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .cases__portfolio__pager {
        gap: 18px;
    }
}
.cases__portfolio__pager-btn {
    flex-shrink: 0;
    width: 64px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font: 500 20px/1.5 Inter;
    transition: all var(--transition-duration, 0.3s) ease;
}
@media (max-width: 767px) {
    .cases__portfolio__pager-btn {
        width: 40px;
    }
    .cases__portfolio__pager-btn.btn--invisible-mobile {
        display: none;
    }
}
.cases__portfolio__pager-btn svg path {
    transition: all var(--transition-duration, 0.3s) ease;
}
.cases__portfolio__pager-btn:hover {
    background-color: #fff;
    color: #306AFF;
}
.cases__portfolio__pager-btn:hover svg path {
    stroke: #306AFF;
}
.cases__portfolio__pager .btn--inactive, .cases__portfolio__pager .btn--current {
    pointer-events: none;
}
.cases__portfolio__pager .btn--current {
    color: #306AFF;
}

.tariffs-caption .section__content {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
@media (max-width: 1439px) {
    .tariffs-caption .section__content {
        flex-direction: column;
    }
}
.tariffs-caption .section-caption {
    line-height: 1;
}
@media (max-width: 1439px) {
    .tariffs-caption .section-caption {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .tariffs-caption .section-caption {
        font-size: 36px;
    }
}
.tariffs-caption__text {
    max-width: 625px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
@media (max-width: 1439px) {
    .tariffs-caption__text {
        max-width: 100%;
    }
}
.tariffs-caption__subheader {
    font: 500 24px/1.25 Inter;
}
@media (max-width: 767px) {
    .tariffs-caption__subheader {
        font-size: 16px;
    }
}
.tariffs-caption__subheader mark {
    background-color: transparent;
    color: #306AFF;
}
.tariffs-caption__button {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .tariffs-caption__button {
        width: 100%;
        max-width: 330px;
        align-self: center;
    }
    .tariffs-caption__button .button {
        width: 100%;
    }
}
@media (max-width: 1439px) {
    .tariffs-caption__img {
        max-width: 64%;
        align-self: center;
    }
}
@media (max-width: 767px) {
    .tariffs-caption__img {
        max-width: 330px;
    }
}

.tariffs-cloud-or-box .cloud-or-box__caption {
    display: grid;
    grid-template-columns: 630px 400px;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1439px) {
    .tariffs-cloud-or-box .cloud-or-box__caption {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
.tariffs-cloud-or-box .cloud-or-box__text, .tariffs-cloud-or-box .cloud-or-box__buttons {
    grid-row: span 2;
    display: grid;
    grid-template-rows: subgrid;
}
.tariffs-cloud-or-box .cloud-or-box__text .button, .tariffs-cloud-or-box .cloud-or-box__buttons .button {
    max-width: 100%;
    font-size: 20px;
    line-height: 1.3;
}
@media (max-width: 767px) {
    .tariffs-cloud-or-box .cloud-or-box__text .button, .tariffs-cloud-or-box .cloud-or-box__buttons .button {
        font-size: 14px;
    }
}
@media (max-width: 1439px) {
    .tariffs-cloud-or-box .cloud-or-box__buttons {
        justify-self: start;
        grid-template-rows: auto;
        grid-template-columns: auto auto;
        gap: 24px;
    }
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .tariffs-cloud-or-box .cloud-or-box__buttons .button {
        min-width: 398px;
    }
}
@media (max-width: 767px) {
    .tariffs-cloud-or-box .cloud-or-box__buttons {
        width: 330px;
        max-width: 100%;
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
.tariffs-cloud-or-box .cloud-or-box__subheader {
    font: 20px/1.2 Inter;
}
@media (max-width: 767px) {
    .tariffs-cloud-or-box .cloud-or-box__subheader {
        font-size: 14px;
        line-height: 20px;
    }
}
.tariffs-cloud-or-box .cloud-or-box__variants {
    --offset: 80px;
    margin-top: var(--offset);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 60px;
}
@media (max-width: 1439px) {
    .tariffs-cloud-or-box .cloud-or-box__variants {
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}
@media (max-width: 1023px) {
    .tariffs-cloud-or-box .cloud-or-box__variants {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .tariffs-cloud-or-box .cloud-or-box__variants {
        --offset: 60px;
    }
}
.tariffs-cloud-or-box .cloud-or-box__variants .variant__line {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: subgrid;
    align-items: center;
    row-gap: 40px;
}
@media (min-width: 1440px) {
    .tariffs-cloud-or-box .cloud-or-box__variants .variant__line--asymmetrical {
        grid-template-columns: 623px 1fr;
        gap: 40px 60px;
    }
}
.tariffs-cloud-or-box .cloud-or-box__variants .variant__line img {
    border-radius: 20px;
}
.tariffs-cloud-or-box .cloud-or-box__variants .variant-description {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.tariffs-cloud-or-box .cloud-or-box__variants .variant-name {
    font: 500 32px/1.2 Inter;
    letter-spacing: -5%;
}
@media (max-width: 767px) {
    .tariffs-cloud-or-box .cloud-or-box__variants .variant-name {
        font-size: 20px;
        letter-spacing: 0;
    }
}
.tariffs-cloud-or-box .cloud-or-box__variants .variant-details {
    font: 20px/1.2 Inter;
}
@media (max-width: 767px) {
    .tariffs-cloud-or-box .cloud-or-box__variants .variant-details {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 1439px) {
    .tariffs-comparison {
        --container-padding: 20px;
    }
}
@media (max-width: 767px) {
    .tariffs-comparison {
        --container-padding: 0px;
    }
}
.tariffs-comparison .section__inner {
    padding-block: var(--row-gap);
    background-color: #e8ebf2;
}
.tariffs-comparison .container {
    --base-container-width: 1400px;
}
@media (max-width: 767px) {
    .tariffs-comparison .container {
        padding-inline: 0;
    }
}
.tariffs-comparison .section__content {
    border-radius: 20px;
    background-color: #fff;
    padding: 40px;
}
@media (max-width: 767px) {
    .tariffs-comparison .section__content {
        padding-inline: 15px;
    }
}
.tariffs-comparison header {
    --header-gap: 80px;
    display: grid;
    grid-template-columns: 623px 1fr;
    align-items: end;
    gap: 20px;
    margin-bottom: var(--header-gap);
}
@media (max-width: 1439px) {
    .tariffs-comparison header {
        --header-gap: 60px;
        grid-template-columns: 522px 1fr;
    }
}
@media (max-width: 1023px) {
    .tariffs-comparison header {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .tariffs-comparison header {
        --header-gap: 20px;
    }
}
.tariffs-comparison header .link {
    font: 500 20px/1.3 Inter;
    color: #306AFF;
    justify-self: end;
    text-decoration: underline;
}
.tariffs-comparison header .link:hover {
    text-decoration: none;
}
@media (max-width: 1023px) {
    .tariffs-comparison header .link {
        justify-self: start;
    }
}
@media (max-width: 767px) {
    .tariffs-comparison header .link {
        font-size: 14px;
    }
}
.tariffs-comparison__table {
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
@media (max-width: 767px) {
    .tariffs-comparison__table {
        display: none;
    }
}
.tariffs-comparison__table th, .tariffs-comparison__table td:not(:first-child) {
    text-align: center;
}
.tariffs-comparison__table th {
    font: 500 20px/1.3 Inter;
    background-color: #e8ebf2;
    padding: 20px 14px;
    width: 33.3333333333%;
}
.tariffs-comparison__table td {
    font: 20px/1.2 Inter;
    padding: 14px;
    vertical-align: middle;
}
.tariffs-comparison__table td.accent, .tariffs-comparison__table td .accent {
    color: #306AFF;
}
.tariffs-comparison__table td:first-child > span {
    display: inline-flex;
    align-items: center;
}
@media (max-width: 1439px) {
    .tariffs-comparison__table td:first-child > span {
        min-height: 3.6em;
    }
}
.tariffs-comparison__table tr:nth-child(even) td {
    background-color: rgba(232, 235, 242, 0.4);
}
.tariffs-comparison__table:not(.expanded) tbody tr:nth-child(n+4) {
    display: none;
}
.section__content:has(.tariffs-comparison__table.expanded) .tariffs-comparison__compare-more {
    display: none;
}
.tariffs-comparison__more-info {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 767px) {
    .tariffs-comparison__more-info {
        display: none;
    }
}
.tariffs-comparison__more-info span {
    color: #616177;
    font: 18px/1.3 Inter;
}
.tariffs-comparison__more-info a {
    color: #306AFF;
    font: 500 20px/1.3 Inter;
    text-decoration: underline;
}
.tariffs-comparison__more-info a:hover {
    text-decoration: none;
}
.tariffs-comparison__buttons {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}
@media (max-width: 767px) {
    .tariffs-comparison__buttons {
        display: none;
    }
}
.tariffs-comparison__buttons .button {
    width: calc((100% - 40px) / 3);
    max-width: unset;
    line-height: 1.3;
}
.tariffs-comparison__mobile-block {
    background-color: rgba(232, 235, 242, 0.4);
    border-radius: 16px;
    margin-top: 20px;
}
@media (min-width: 768px) {
    .tariffs-comparison__mobile-block {
        display: none;
    }
}

.mobile-comparison__caption {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    font: 500 20px/1.2 Inter;
    padding: 16px 16px 12px;
}
.mobile-comparison__caption:is(.open div) {
    border-bottom: 1px solid rgba(97, 97, 119, 0.4);
}
.mobile-comparison__caption .expander {
    --expander-size: 40px;
    --line-length: 14px;
    flex: 0 0 var(--expander-size);
    width: var(--expander-size);
    height: var(--expander-size);
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.mobile-comparison__caption .expander::before, .mobile-comparison__caption .expander::after {
    content: "";
    border-radius: 1px;
    width: var(--line-length);
    background-color: #306AFF;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: width var(--transition-duration, 0.3s);
}
.mobile-comparison__caption .expander::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.mobile-comparison__caption .expander:is(.open .expander)::after {
    width: 0;
}
.mobile-comparison__summary {
    margin-top: 24px;
    display: flex;
    gap: 24px;
    font: 12px/1.3 Inter;
    color: rgba(97, 97, 119, 0.6);
}
.mobile-comparison__summary--col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mobile-comparison__summary--cost {
    color: #000;
    font: 500 16px/1.25 Inter;
}
.mobile-comparison__summary--cost.accent {
    color: #306AFF;
}
.mobile-comparison__details {
    padding: 20px 16px 16px;
}
.mobile-comparison__details:not(:is(.open div)) {
    display: none;
}
.mobile-comparison__details--line {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 24px;
    justify-content: space-between;
    font: 14px/20px Inter;
    color: rgba(97, 97, 119, 0.6);
}
.mobile-comparison__details--line:not(:first-child) {
    margin-top: 12px;
}
.mobile-comparison__details .details--value {
    color: #000;
    text-align: right;
}
.mobile-comparison__details--note {
    margin-block: 24px;
    font: 14px/20px Inter;
    color: #616177;
}
.mobile-comparison__details .button {
    width: 100%;
    max-width: 300px;
}

.tariffs-how-to-choose .section__content {
    display: grid;
    grid-template-columns: 625px 1fr;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1439px) {
    .tariffs-how-to-choose .section__content {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 1439px) {
    .tariffs-how-to-choose h2 br {
        display: none;
    }
}
.tariffs-how-to-choose__description {
    font: 20px/1.2 Inter;
}
@media (max-width: 767px) {
    .tariffs-how-to-choose__description {
        font-size: 14px;
        line-height: 20px;
    }
}
.tariffs-how-to-choose__buttons {
    justify-self: end;
    display: flex;
    flex-direction: column;
    gap: 24px;
    grid-column: 2;
    grid-row: 1/span 2;
}
.tariffs-how-to-choose__buttons .button {
    max-width: unset;
}
@media (max-width: 1439px) {
    .tariffs-how-to-choose__buttons {
        margin-top: 20px;
        grid-row: auto;
        grid-column: 1;
        justify-self: start;
        flex-direction: row;
    }
    .tariffs-how-to-choose__buttons .button {
        min-width: 398px;
        font-size: 20px;
    }
}
@media (max-width: 1023px) {
    .tariffs-how-to-choose__buttons .button {
        min-width: revert;
    }
}
@media (max-width: 767px) {
    .tariffs-how-to-choose__buttons {
        gap: 14px;
        flex-direction: column;
        width: 100%;
    }
    .tariffs-how-to-choose__buttons .button {
        --py: 13px;
        font-size: 14px;
        line-height: 1.3;
        width: 100%;
        max-width: 330px;
    }
}

.tariffs-live-show .section__inner .support__banner {
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}
@media (max-width: 1439px) {
    .tariffs-live-show .section__inner .support__banner {
        gap: 40px;
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .tariffs-live-show .section__inner .support__banner {
        gap: 20px;
        border-radius: 16px;
    }
}
.tariffs-live-show h2 {
    max-width: 560px;
}
@media (max-width: 1439px) {
    .tariffs-live-show h2 {
        font-size: 32px;
        line-height: 1.2;
    }
}
@media (max-width: 767px) {
    .tariffs-live-show h2 {
        font-size: 20px;
    }
}
.tariffs-live-show .button {
    max-width: unset;
    line-height: 1.3;
}
@media (max-width: 1023px) {
    .tariffs-live-show .button {
        --px: 50px;
        --py: 20px;
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .tariffs-live-show .button {
        --px: 30px;
        --py: 13px;
        font-size: 14px;
    }
}

.tariffs-cloud-comparison {
    --table-column-width: calc((1024px - var(--container-padding) * 2 - 80px) / 4);
}
@media (max-width: 1439px) {
    .tariffs-cloud-comparison {
        --container-padding: 20px;
    }
}
@media (max-width: 767px) {
    .tariffs-cloud-comparison {
        --container-padding: 0px;
    }
}
.tariffs-cloud-comparison .section__inner {
    padding-block: var(--row-gap);
    background-color: #e8ebf2;
}
.tariffs-cloud-comparison .container {
    --base-container-width: 1400px;
}
@media (max-width: 767px) {
    .tariffs-cloud-comparison .container {
        padding-inline: 0;
    }
}
.tariffs-cloud-comparison .section__content {
    border-radius: 20px;
    background-color: #fff;
    padding: 40px;
}
@media (max-width: 767px) {
    .tariffs-cloud-comparison .section__content {
        padding-inline: 15px;
    }
}
.tariffs-cloud-comparison header {
    --header-gap: 80px;
    display: grid;
    grid-template-columns: 623px 1fr;
    align-items: end;
    gap: 20px;
    margin-bottom: var(--header-gap);
}
@media (max-width: 1439px) {
    .tariffs-cloud-comparison header {
        --header-gap: 60px;
        grid-template-columns: 522px 1fr;
    }
}
@media (max-width: 1023px) {
    .tariffs-cloud-comparison header {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .tariffs-cloud-comparison header {
        --header-gap: 20px;
    }
}
.tariffs-cloud-comparison header .link {
    font: 500 20px/1.3 Inter;
    color: #306AFF;
    justify-self: end;
    text-decoration: underline;
}
.tariffs-cloud-comparison header .link:hover {
    text-decoration: none;
}
@media (max-width: 1023px) {
    .tariffs-cloud-comparison header .link {
        justify-self: start;
    }
}
@media (max-width: 767px) {
    .tariffs-cloud-comparison header .link {
        font-size: 14px;
    }
}
.tariffs-cloud-comparison__table {
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
@media (max-width: 767px) {
    .tariffs-cloud-comparison__table {
        display: none;
    }
}
.tariffs-cloud-comparison__table th, .tariffs-cloud-comparison__table td:not(:first-child) {
    text-align: center;
}
.tariffs-cloud-comparison__table th {
    font: 500 20px/1.3 Inter;
    background-color: #e8ebf2;
    padding: 20px 14px;
    width: 16.6666666667%;
}
.tariffs-cloud-comparison__table td {
    font: 20px/1.2 Inter;
    padding: 14px;
    vertical-align: middle;
}
.tariffs-cloud-comparison__table td.accent, .tariffs-cloud-comparison__table td .accent {
    color: #306AFF;
}
.tariffs-cloud-comparison__table td:first-child > span {
    display: inline-flex;
    align-items: center;
}
@media (max-width: 1439px) {
    .tariffs-cloud-comparison__table td:first-child > span {
        min-height: 3.6em;
    }
}
.tariffs-cloud-comparison__table tr:nth-child(even) td {
    background-color: rgba(232, 235, 242, 0.4);
}
.tariffs-cloud-comparison__table:not(.expanded) tbody tr:nth-child(n+4) {
    display: none;
}
.section__content:has(.tariffs-cloud-comparison__table.expanded) .tariffs-comparison__compare-more {
    display: none;
}
.tariffs-cloud-comparison__more-info {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 767px) {
    .tariffs-cloud-comparison__more-info {
        display: none;
    }
}
.tariffs-cloud-comparison__more-info span {
    color: #616177;
    font: 18px/1.3 Inter;
}
.tariffs-cloud-comparison__more-info a {
    color: #306AFF;
    font: 500 20px/1.3 Inter;
    text-decoration: underline;
}
.tariffs-cloud-comparison__more-info a:hover {
    text-decoration: none;
}
.tariffs-cloud-comparison__buttons {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}
@media (max-width: 767px) {
    .tariffs-cloud-comparison__buttons {
        display: none;
    }
}
.tariffs-cloud-comparison__buttons .button {
    width: calc((100% - 100px) / 6);
    max-width: unset;
    line-height: 1.3;
}
.tariffs-cloud-comparison__mobile-block {
    background-color: rgba(232, 235, 242, 0.4);
    border-radius: 16px;
    margin-top: 20px;
}
@media (min-width: 768px) {
    .tariffs-cloud-comparison__mobile-block {
        display: none;
    }
}
@media (max-width: 1439px) {
    .tariffs-cloud-comparison .table-scroller {
        overflow-x: auto;
    }
}
@media (max-width: 1439px) {
    .tariffs-cloud-comparison__table th {
        width: var(--table-column-width);
        min-width: var(--table-column-width);
    }
}
.tariffs-cloud-comparison__table td:first-child > span {
    min-height: 2.4em;
}
@media (max-width: 1439px) {
    .tariffs-cloud-comparison__buttons {
        justify-content: flex-start;
        padding-left: calc(var(--table-column-width) + 10px);
        padding-right: 10px;
        overflow-x: auto;
        scrollbar-width: thin;
    }
    .tariffs-cloud-comparison__buttons .button {
        min-width: calc(var(--table-column-width) - 20px);
    }
}

.tariffs-box-comparison {
    --table-column-width: calc((768px - var(--container-padding) * 2 - 80px) / 3);
}
@media (max-width: 1439px) {
    .tariffs-box-comparison {
        --container-padding: 20px;
    }
}
@media (max-width: 767px) {
    .tariffs-box-comparison {
        --container-padding: 0px;
    }
}
.tariffs-box-comparison .section__inner {
    padding-block: var(--row-gap);
    background-color: #e8ebf2;
}
.tariffs-box-comparison .container {
    --base-container-width: 1400px;
}
@media (max-width: 767px) {
    .tariffs-box-comparison .container {
        padding-inline: 0;
    }
}
.tariffs-box-comparison .section__content {
    border-radius: 20px;
    background-color: #fff;
    padding: 40px;
}
@media (max-width: 767px) {
    .tariffs-box-comparison .section__content {
        padding-inline: 15px;
    }
}
.tariffs-box-comparison header {
    --header-gap: 80px;
    display: grid;
    grid-template-columns: 623px 1fr;
    align-items: end;
    gap: 20px;
    margin-bottom: var(--header-gap);
}
@media (max-width: 1439px) {
    .tariffs-box-comparison header {
        --header-gap: 60px;
        grid-template-columns: 522px 1fr;
    }
}
@media (max-width: 1023px) {
    .tariffs-box-comparison header {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .tariffs-box-comparison header {
        --header-gap: 20px;
    }
}
.tariffs-box-comparison header .link {
    font: 500 20px/1.3 Inter;
    color: #306AFF;
    justify-self: end;
    text-decoration: underline;
}
.tariffs-box-comparison header .link:hover {
    text-decoration: none;
}
@media (max-width: 1023px) {
    .tariffs-box-comparison header .link {
        justify-self: start;
    }
}
@media (max-width: 767px) {
    .tariffs-box-comparison header .link {
        font-size: 14px;
    }
}
.tariffs-box-comparison__table {
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
@media (max-width: 767px) {
    .tariffs-box-comparison__table {
        display: none;
    }
}
.tariffs-box-comparison__table th, .tariffs-box-comparison__table td:not(:first-child) {
    text-align: center;
}
.tariffs-box-comparison__table th {
    font: 500 20px/1.3 Inter;
    background-color: #e8ebf2;
    padding: 20px 14px;
    width: 25%;
}
.tariffs-box-comparison__table td {
    font: 20px/1.2 Inter;
    padding: 14px;
    vertical-align: middle;
}
.tariffs-box-comparison__table td.accent, .tariffs-box-comparison__table td .accent {
    color: #306AFF;
}
.tariffs-box-comparison__table td:first-child > span {
    display: inline-flex;
    align-items: center;
}
@media (max-width: 1439px) {
    .tariffs-box-comparison__table td:first-child > span {
        min-height: 3.6em;
    }
}
.tariffs-box-comparison__table tr:nth-child(even) td {
    background-color: rgba(232, 235, 242, 0.4);
}
.tariffs-box-comparison__table:not(.expanded) tbody tr:nth-child(n+4) {
    display: none;
}
.section__content:has(.tariffs-box-comparison__table.expanded) .tariffs-comparison__compare-more {
    display: none;
}
.tariffs-box-comparison__more-info {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 767px) {
    .tariffs-box-comparison__more-info {
        display: none;
    }
}
.tariffs-box-comparison__more-info span {
    color: #616177;
    font: 18px/1.3 Inter;
}
.tariffs-box-comparison__more-info a {
    color: #306AFF;
    font: 500 20px/1.3 Inter;
    text-decoration: underline;
}
.tariffs-box-comparison__more-info a:hover {
    text-decoration: none;
}
.tariffs-box-comparison__buttons {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}
@media (max-width: 767px) {
    .tariffs-box-comparison__buttons {
        display: none;
    }
}
.tariffs-box-comparison__buttons .button {
    width: calc((100% - 60px) / 4);
    max-width: unset;
    line-height: 1.3;
}
.tariffs-box-comparison__mobile-block {
    background-color: rgba(232, 235, 242, 0.4);
    border-radius: 16px;
    margin-top: 20px;
}
@media (min-width: 768px) {
    .tariffs-box-comparison__mobile-block {
        display: none;
    }
}
@media (max-width: 1023px) {
    .tariffs-box-comparison .table-scroller {
        overflow-x: auto;
    }
}
@media (max-width: 1023px) {
    .tariffs-box-comparison__table th {
        width: var(--table-column-width);
        min-width: var(--table-column-width);
    }
}
.tariffs-box-comparison__table td:first-child > span {
    min-height: 2.4em;
}
@media (max-width: 1023px) {
    .tariffs-box-comparison__buttons {
        justify-content: flex-start;
        padding-left: calc(var(--table-column-width) + 10px);
        padding-right: 10px;
        overflow-x: auto;
        scrollbar-width: thin;
    }
    .tariffs-box-comparison__buttons .button {
        min-width: calc(var(--table-column-width) - 20px);
    }
}

.tariffs-get-in-2-minutes header {
    --header-margin: 80px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: var(--header-margin);
}
@media (max-width: 1439px) {
    .tariffs-get-in-2-minutes header {
        --header-margin: 60px;
    }
}
@media (max-width: 767px) {
    .tariffs-get-in-2-minutes header {
        --header-margin: 40px;
    }
}
.tariffs-get-in-2-minutes header span {
    font: 20px/1.2 Inter;
}
@media (max-width: 767px) {
    .tariffs-get-in-2-minutes header span {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 1439px) {
    .tariffs-whyitrack {
        --row-gap: 100px;
    }
}
@media (max-width: 767px) {
    .tariffs-whyitrack {
        --row-gap: 60px;
    }
}
.tariffs-whyitrack .container {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
@media (max-width: 1439px) {
    .tariffs-whyitrack .container {
        gap: 60px;
    }
}
@media (max-width: 767px) {
    .tariffs-whyitrack .container {
        gap: 40px;
        padding-inline: 0;
    }
    .tariffs-whyitrack .container .header-tariffs {
        padding-inline: var(--container-padding);
    }
}
.tariffs-whyitrack .support__about__body {
    margin-left: -40px;
    background-color: #fff;
    border-radius: 40px;
    padding: 40px;
    width: calc(var(--base-container-width) + 80px);
}
@media (max-width: 1439px) {
    .tariffs-whyitrack .support__about__body {
        width: 100%;
        margin-inline: 0;
    }
}
@media (max-width: 1023px) {
    .tariffs-whyitrack .support__about__body {
        border-radius: 20px;
        padding-inline: 20px;
    }
}
@media (max-width: 767px) {
    .tariffs-whyitrack .support__about__body {
        padding-inline: var(--container-padding);
    }
}
.tariffs-whyitrack .support__about__nums {
    row-gap: 12px;
}
@media (max-width: 1023px) {
    .tariffs-whyitrack .support__about__nums {
        row-gap: 16px;
    }
}
@media (max-width: 767px) {
    .tariffs-whyitrack .support__about__nums {
        row-gap: 18px;
    }
}
@media (max-width: 1439px) and (min-width: 1024px) {
    .tariffs-whyitrack .support__about__nums strong {
        font-size: 80px;
    }
}
.tariffs-whyitrack .support__about__nums__item {
    font-size: 20px;
}
@media (max-width: 1439px) {
    .tariffs-whyitrack .support__about__nums__item {
        line-height: 1.5;
    }
}
@media (max-width: 1023px) {
    .tariffs-whyitrack .support__about__nums__item {
        font-size: 14px;
        line-height: 1.4;
    }
}
@media (max-width: 767px) {
    .tariffs-whyitrack .support__about__nums__item {
        font-size: 16px;
        line-height: 1.1;
    }
}
.tariffs-whyitrack .support__about__slide {
    font-size: 20px;
    line-height: 1.2;
}

.tariffs-answers .section__content {
    gap: 80px;
}
@media (max-width: 1439px) {
    .tariffs-answers .section__content {
        gap: 60px;
    }
}
@media (max-width: 767px) {
    .tariffs-answers .section__content {
        gap: 40px;
    }
}
.tariffs-answers .lead {
    letter-spacing: -0.05em;
}
@media (max-width: 1439px) {
    .tariffs-answers .lead {
        font-size: 32px;
        line-height: 1.2;
    }
}
@media (max-width: 767px) {
    .tariffs-answers .lead {
        font-size: 20px;
        letter-spacing: 0;
    }
}
.tariffs-answers .faq__questions {
    --mobile-visible-questions-count: 7;
}
@media (max-width: 767px) {
    .tariffs-answers .faq__questions.show-more-visible + .showMore {
        display: inline-block;
    }
}
.tariffs-answers .faq__questions.show-all .faq__question {
    display: block;
}
@media (max-width: 767px) {
    .tariffs-answers .faq__question {
        --expander-size: 40px;
        gap: 20px;
    }
    .tariffs-answers .faq__question + .faq__question {
        padding-block: 30px 16px;
    }
    .tariffs-answers .faq__question .faq__answer {
        padding-right: 0;
    }
    .tariffs-answers .faq__question:nth-child(n+8) {
        display: none;
    }
}
.tariffs-answers .showMore {
    font: 14px/1.3 Inter;
    color: #306AFF;
    text-decoration: underline;
    cursor: pointer;
    align-self: center;
    margin-top: -20px;
    display: none;
}
.tariffs-answers .showMore:hover {
    text-decoration: none;
}
.tariffs-answers .button {
    --px: 50px;
    --py: 20px;
    max-width: unset;
    align-self: center;
    font-size: 20px;
    line-height: 1.3;
}
@media (max-width: 767px) {
    .tariffs-answers .button {
        --px: 30px;
        --py: 13px;
        font-size: 14px;
    }
}

.index-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 30px;
}
@media (max-width: 1023px) {
    .index-links {
        grid-template-columns: 1fr;
    }
}
.index-links a::after {
    content: attr(href);
}
/*# sourceMappingURL=styles.css.map */

.table-wrapper {
    max-width: calc(100vw - 4 * var(--container-padding));
    width: 100%;
    overflow-x: auto;
}

@media (max-width: 767px) {
    .button {
        white-space: normal;
        line-height: 1.2;
        min-height: 50px;
    }
}
/* End */


/* Start:/local/templates/new/template_styles.css?17506708768377*/
.audit-banner__title {
    margin-top: 30px;
}
.audit-banner {
    padding-bottom: 60px;

}
.audit-banner__text {
    margin-top: 30px;
}
.footer__contacts.footer__contacts--left {
    margin-top: 30px;
}
.why__card__title {
    font-size: 150%;
}
.why__card__title {
    font-size: 26px;
}
.step-cards__card__header {
    font-size: 26px;
    font-weight: 500;
    font-family: 'Inter';
}
.step-cards__title h2 {
    padding: 60px 0 53px 0;
}



.offer-background {
    padding: 60px 0 0 0;
}

.offer-background .container-icon-demo {
    width: 150px;
    padding: 30px 15px 25px 35px;
}

.offer-background .container-small {
    padding: 34px 0 0 0;
}

.offer-background .container-small .h3 {
    line-height: 120%;
}

.offer-background .button.button--primary {
    margin: 37px 30px 0 0px;
}

.offer-background .idunno {
    background: white;
    border-radius: 29px;
    border: 5px dashed #333;
}

.offer-background.count-2 {
    padding: 60px 0 40px 0;
}

.offer-background.count-2 .idunno {
    background: #efeefb;
    border: 5px dashed #fff;
}

section.case-section, section.why-section {
    padding-top: 30px;
}


@media (max-width: 767px) {
.offer-background .container-small {
    padding: 0px 36px 0 36px;
}
.offer-background .container-small .h3 {
    font-size: 26px;
}
.offer-background .button.button--primary {
    margin: 18px 0px 23px 35px;
    width: calc(100% - 70px);
}
.offer-background .idunno {
    background: white;
    border-radius: 29px;
    border: 5px dashed #eee;
}
.audit-banner__title h1 {
    font-size: 50px;
    padding: 0 18px 0 18px;
}
.audit-banner__title {
    margin-top: 15px;
}
.audit-banner__text {
    margin-top: 15px;
    padding: 0 0 0 24px;
}
.audit-banner__text .footer__contacts a + a {
    margin-left: 2px;
}
.step-cards__title h2 {
    padding: 30px 0 5px 10px;
    font-size: 36px;
    line-height: 1.3;
}
}



.news-detail__title h1 {
line-height: 58px;
}

.news-detail__title h2 {
line-height: 43px;
}


    .b-article__body h2 {
        padding: 60px 0 0px 1px !important;
        line-height: 43px;
    }

.b-article__body h3 {
    font-size: 1.5em !important;
    margin: 1.5em 0 1em 0 !important;
    padding: 0 0 0 30px !important;
}



    .b-article__body table {
        padding: 30px 20px 30px 20px !important;
    }
    .b-article__body img {
        padding: 40px 0 40px 0;
    }
    .b-article__body table th {
        border: 1px solid #E3E6E6;
        padding: 10px 10px 10px 10px;
    }
     .b-article__body table td {
        padding: 15px 20px 15px 20px;
        min-width: 160px;
        border: 1px solid #E3E6E6;
    }
    .b-article__body .interview-q{
         font-weight: 600;
         margin: 35px 0px 15px 0px;
         display: block;
         font-size: 115%;
    }
    .b-article__body .interview-a{
        display: block;
    }
    .b-article__body .experts-position{
         font-weight: 600;
         margin: 35px 0px 15px 0px;
         display: block;
         font-size: 115%;
    }
    .b-article__body .experts-text{
        display: block;
    }
     .b-article__body span.quote-blog {
        display: block;
        padding: 10px 10px 20px 0px;
    }
    .b-article__body .quote-text {
        display: block;
        margin: 15px 0px 35px 30px;
    }
    .b-article__body .quote-name{
        font-weight:600;
        font-size: 120%;
    }
    .b-article__body .quote-age{
        font-weight:600;
    }
    .b-article__body .quote-city{
        font-weight:600;
    }
    .b-article__body .blockquote {
        font-style: italic;
        color: #ababab;
        margin: 50px 0 50px 45px;
        border-left: 5px solid #e6e6e6;
        padding-left: 30px;
        line-height: 1.4em;
        position: relative;
    }
    .b-article__body .blockquote::before {
        content: '';
        background: url('/local/templates/new/icon.svg');
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        position: absolute;
        left: -45px;
        top: 50%;
        transform: translate(0%,-50%);
    }
    .b-article__body .default-block-container{
        padding: 25px;
        margin-top: 15px;
        position: relative;
        border: 1px solid #e8e8e8;
        border-radius: 10px;
        margin-bottom: 20px;
        word-wrap: break-word;
        font-size: 1.1428572em;
    }
    .b-article__body .question_item{
        margin: 35px 0px 15px 0px;
        font-size: 115%;
        font-weight: 600;
    }

    .b-article__body .podzagolovok {
        font-size: 150%;
        background: #eff;
        padding: 11px 22px;
    }

    .b-article__body ol,.b-article__body ul {
        padding: 2px 0 30px 20px;
    }
.b-article ul, .b-article ol {
    margin: 55px 0 20px;
}


    .b-article__body ol li {
        position: relative;
        margin-left: 25px;
        border-left: 4px solid #ddf;
        padding: 0px 0 15px 15px;
    }
    .b-article__body ul li {
        position: relative;
        margin-left: 25px;
        padding: 0px 0 15px 15px;
    list-style: none;
    }
    .b-article__body .summary-class {
        border: 5px dotted #eef;
        padding: 0px 30px 0 30px;
        margin: 62px 0 62px 0;
    }

    .b-article__body .step-by-step-class {
        border: 5px dashed #eef;
        padding: 0px 25px 30px 25px;
        margin: 60px 0 0 0;
    }

    .b-article__body .questions-class {
        border-left: 3px solid #eef;
        padding: 0 0px 0 35px;
        margin: 60px 0 20px 0
    }

    .b-article__body .implementation-class{
        padding: 0px 20px 10px 35px;
        margin: 60px 0 0 0;
        font-weight: 500;
        border-radius: 0 60px 60px 0;
        background: #03a9f4;
        color: #fff !important;
        font-size: 110%;
    }

    .b-article__body .implementation-class h2 {
        color: #fff;
    }


.audit-banner__text .banner_subtext {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 140%;
    margin: 1em 0 0 0;
}
.audit-banner__text .banner_subtext .big-title span {
    font-size: 20px;
}
@media (max-width: 1024px) {
    .audit-banner__text .banner_subtext {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 1em;
    }
    .audit-banner__text .banner_subtext .big-title span {
        font-size: 14px;
    }
}
.section_block_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    width: 100%;
    margin: 3em 0;
}

@media (max-width: 767px) {
    .support__complex__card__title {
        font-size: 25px;
        line-height: 38px;
    }
}


@media (max-width: 767px) {
    .support__how {
    grid-template-columns: 16px 135px 22px 195px;
    font-size: 16px !important;
    line-height: 23px !important;
    }
}

@media (max-width: 767px) {
    .support__how__source p {
        width: 212px;
        padding-left: 13px;
        margin-top: 4px;
    }
}

@media (max-width: 767px) {
    .support__how__row:first-child .support__how__row__divider {
        margin-top: 0px !important;
    align-self: center;
    }
}



.integration__mainscreen__subtitle li {
    padding: 0 0 15px 0;
}

.integration__calc__img {
    padding: 50px;
}

.b-article__body a {
    text-decoration: underline;
}



.universal-freetext {
    padding-top: 60px !important;
    font-size: 18px !important;
}

.universal-freetext h3 {
    padding: 50px 0 20px 0 !important;
    font: 500 32px / 1.2 Inter !important;
}

.universal-freetext h4 {
    padding: 30px 0 20px 0 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
}

.universal-freetext li {
    padding: 0 0 10px 0 !important;
}

.universal-freetext a {
    text-decoration: underline !important;
    color: #306AFF !important;
}




@media (max-width: 767px) {
    .universal-problems__cards {
        display: inline-block;
    }
}


@media (max-width: 767px) {
    .universal-problems__card {
        min-height: 90px;
        padding: 20px;
        font-size: 24px;
        width: 63%;
        margin: 0px 0px 24px 0px;
    }
}

.universal-cases header {
    align-items: flex-start;
}

@media (max-width: 767px) {
    .universal-cases header .button--tertiary {
        display: none;
    }
.integration__products__item__body ul li {
    display: block;
}
}

@media (max-width: 400px) {
.popup__inner.request_new .h2 {
    font-size: 35px;
    line-height: 40px;
}
}










/* End */


/* Start:/local/templates/new/css/custom.css?175135692417047*/
.calltoaction_text {
    font-weight: 400;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0.005em;
}

@media (max-width: 465px) {
    .support__subtitle .calltoaction_text {
        font-size: 15px;
    }

    .support__banner .calltoaction_text {
        font-size: 20px;
        font-weight: 500;
    }
}

.support__exactly__item .support__exactly__text {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}
/*
.button--yellow {
    max-width: max-content;
}
 */
.support__about__slider .support__about__slide span{
    /*font-size: 18px;
    text-transform: uppercase;*/
}
.support__how {
    font-size: 18px;
    line-height: 28px;
}
.support__how__item_color {
    color: #306AFF;
}
.landing2-banner-img {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}
.landing2-inner-navigation .section__content {
    transition: all 0.3s;
}
.landing2-inner-navigation.sticky .section__content {
    /*margin-top: 100px;*/
    transform: translateY(100px);
}
@media (max-width: 767px) {
    .landing2-inner-navigation.sticky .section__content {
        /* margin-top: 55px; */
        transform: translateY(55px);
    }
}
.support__about__slider .splide__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.questions{
    margin-bottom: 50px;
}
.question{
    border-bottom: 1px solid #e3e3e3;
}
.question .name{
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.05em;
    margin: 0.25em 0 0.25em;
    cursor: pointer;
    position: relative;

    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    transition: all 0.3s;

    gap: 1em;
}
.question .name .collapsator {
    min-width: 70px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    border-radius: 50%;
}
.question .name .collapsator svg path {
    transition: all 0.3s;
}
.question.active .name .collapsator svg path:first-child {
    stroke: #fff;
}
.question .name:hover{
    color: #306aff;
}
.question .answer{
    color: #333;
    line-height: 1.6;
    margin-bottom: 1em;
    max-height: 100%;
    display: none;
    opacity: 0;
    transition: all 0.3s;
}
.question.active .answer{
    display: block;
    opacity: 1;
}
@media (max-width: 1023px) {
    .question .name {
        font-size: 20px;
        line-height: 22px;
    }
    .question .name .collapsator {
        min-width: 55px;
        min-height: 55px;
    }
}
.news-detail .page_link {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3em;
    gap: 1em;
    align-items: center;
}
.partners__content__button {
    align-self: flex-end;
}
.b-article__body h3 {
    font-size: 2em;
    margin: 1em 0;
}
.b-article__body p{
    margin-bottom: 1.5em;
}
.b-article__body > p{
    margin-left: 1em;
}
.b-article__body ul li {
    margin-left: 1em;
}
.b-article__body ul li::marker {
    color: #0C43CF;
}
.audit-banner__title {
    margin-top: 60px;
}
.audit-banner {
    padding-bottom: 60px;

}
.audit-banner__text {
    margin-top: 30px;
}
.footer__contacts.footer__contacts--left {
    margin-top: 30px;
}
.why__card__title {
    font-size: 150%;
}
.why__card__title {
    font-size: 26px;
}
.step-cards__card__header {
    font-size: 26px;
    font-weight: 500;
    font-family: 'Inter';
}
.step-cards__title h2 {
    padding: 60px 0 53px 0;
}

.whatcms {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-start;
    margin-bottom: 3em;
}
.whatcms h1{
    width: 60%;
}
.whatcms .preview_sub_title{
    width: 35%;
    font-weight: 600;
}
@media (max-width: 767px){
    .whatcms h1 {
        width: 100%;
    }
    .whatcms .preview_sub_title{
        display: none;
    }
}
.whatcms_top {
    display: flex;
    margin-bottom: 5em;
}
.search-toggler {
    cursor: pointer;
    margin-left: calc(max(var(--group-gap) - 20px, 0px)* -1);
    border-radius: 50%;
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    --color: #FFF;
    background: #306AFF;
    border: 1px solid #306AFF;
    transition: all 0.3s;
}
.search-toggler:hover {
    --color: #306AFF;
    background: #FFF;
}

.techsupport__workline-img-mobile{
    display: none;
}

@media (max-width: 767px){
    .steps__item.full::before{
        margin-right: 0.5em;
    }
    .steps__item.full .steps__item__title {
        font-size: 24px;
        line-height: 28px;
    }
    .steps{
        gap: 2em;
    }
    .techsupport__workline-img{
        display: none;
    }
    .techsupport__workline-img-mobile{
        display: block;
    }
}
.propirtional-img--131by140>:first-child {
    border-radius: inherit;
    -webkit-mask-image: inherit;
    mask-image: inherit;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
/*.header {
    transition: all var(--transition-duration, 0.75s) ease-in-out;
    position: sticky;
    z-index: 99;
    top: 0;
    background-color: transparent;
}*/
@media (min-width: 1439px) {
    .section--underheader {
        --offset: var(--header-height, 124px);
        margin-top: calc(var(--offset) * -1);
    }
    .section--underheader.no-margin{
        margin-top: 0 !important;
    }
}
.section--underheader--grey .section__inner {
    background: #EEF0F9;
}
.section--underheader--purple{
    /*z-index: -1;*/
}
.section--underheader--purple .section__inner {
    background: #EEF0F9;
}
.section--underheader--blue .section__inner {
    background: #306AFF;
}
.section--underheader .section__inner {
    padding-top: var(--offset);
    border-radius: 40px;
    overflow: hidden;
}
.section__footer {
    display: flex;
    justify-content: center;
}
/*
.header__wrapper {
    padding: 30px 0;
    position: relative;
}
@media (max-width: 1023px) {
    .header__wrapper {
        padding: 30px 0;
    }
}
@media (max-width: 767px) {
    .header__wrapper {
        padding: 10px 0;
    }
}
.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
}
@media (max-width: 1023px) {
    .header__inner {
        gap: 12px;
    }
}*/
/*
.header.sticky{
    position: sticky;
    z-index: 98;
    top: -300px;
    background-color: #fafafa;
    animation: animate-up_to_down-move 0.7s forwards;
}
.header.stick.search-opened {
    background-color: #306aff !important;
}
.landing2-inner-navigation.sticky .section__content{
    position: sticky;

}
@keyframes animate-up_to_down-move {
    0% {
        top: -300px;
    }
    100% {
        top: 0;
    }
}
@media (max-width: 1023px) {
    .noscroll .header {
        position: fixed;
        width: 100%;
        background-color: #E8EEF8;
    }
    .noscroll .header.search-opened {
        background-color: #306AFF;
    }
}*/

.popup--header-loyal {
    top: var(--header-height, 0);
}
.popup.popup--header-loyal {
    top: var(--header-height, 0);
}

/*
.button--yellow {
    --py: 22px;
    background-color: #fbc118;
    border-color: #fbc118;
    color: #000;
    max-width: 266px;
}
.button--yellow:hover {
    background-color: #fbc118;
    border-color: #fbc118;
    color: #000;
}
@media (max-width: 767px) {
    .button--yellow {
        --py: 15px;
        font-size: 16px;
        max-width: 330px;
    }
}
*/
 */
.button--white-bg {
    background-color: #fff;
    color: #000;
}
.support__exactly__item .button--secondary.button--yellow {
    max-width: max-content;
    transform: translateY(-4em);
}
.support__how__item:last-child{
    height: auto;
}
.integration__cases__card__tags .integration__cases__card__tag {
    text-wrap: nowrap;
    max-width: 65%;
    overflow: hidden;
}
.integration__support__main__footer {
    margin-top: unset;
}
.integration__support__features__item {
    padding: 1em;
    background-color: #fafafa;
    border-radius: 20px;
}
.integration__cases__card__image {
    height: 185px;
}
@media (max-width: 1023px){
    .custom-file-input__info__status {
        font-size: 14px !important;
    }
    .main__potrfolio__columns {
        min-height: 450px !important;
        overflow-y: hidden;
    }
    .main__potrfolio__card-text {
        overflow: hidden;
        max-height: 500px;
    }
    .button--tertiary {
        --size: 15px !important;
    }
    .header__search-input input {
        font-size: 16px;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg {
        --top-offset: 40%;
        background-repeat: no-repeat;
        background-position: right var(--bg-right-offset) top var(--top-offset);
    }
    .integration__products__item.item-bg-1 {
        --top-offset: 34%;
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/person.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/person-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/person.webp" 1x, "/local/templates/new/images/integration-tilda/bg/person-2x.webp" 2x);
        background-size: auto 143.56%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-1 {
        --top-offset: 15%;
        background-size: auto 97%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-1 {
        --top-offset: 53%;
        background-size: auto 82%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-2 {
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/megaphone.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/megaphone-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/megaphone.webp" 1x, "/local/templates/new/images/integration-tilda/bg/megaphone-2x.webp" 2x);
        background-size: auto 144.38%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-2 {
        --top-offset: 40%;
        background-size: auto 75%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-2 {
        --top-offset: 51%;
        background-size: auto 68%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-3 {
        --top-offset: 5%;
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/funnel.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/funnel-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/funnel.webp" 1x, "/local/templates/new/images/integration-tilda/bg/funnel-2x.webp" 2x);
        background-size: auto 148.51%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-3 {
        --top-offset: 350%;
        background-size: auto 95%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-3 {
        --top-offset: 47%;
        background-size: auto 78%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-4 {
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/cubes.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/cubes-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/cubes.webp" 1x, "/local/templates/new/images/integration-tilda/bg/cubes-2x.webp" 2x);
        background-size: auto 110.95%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-4 {
        --top-offset: 50%;
        background-size: auto 73%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-4 {
        --top-offset: 50%;
        background-size: auto 50%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-5 {
        --top-offset: 17%;
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/queen.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/queen-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/queen.webp" 1x, "/local/templates/new/images/integration-tilda/bg/queen-2x.webp" 2x);
        background-size: auto;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-5 {
        --top-offset: 20%;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-5 {
        --top-offset: 20%;
        --bg-right-offset: 20px;
        background-size: auto 110%;
    }
}
@media (min-width: 768px) {
    .integration__products__item.item-bg-6 {
        background-image: -webkit-image-set(url("/local/templates/new/images/integration-tilda/bg/tools.webp") 1x, url("/local/templates/new/images/integration-tilda/bg/tools-2x.webp") 2x);
        background-image: image-set("/local/templates/new/images/integration-tilda/bg/tools.webp" 1x, "/local/templates/new/images/integration-tilda/bg/tools-2x.webp" 2x);
        background-size: auto 122.52%;
    }
}
@media (min-width: 768px) and (max-width: 1365px) {
    .integration__products__item.item-bg-6 {
        background-size: auto 64.5%;
        background-position: right var(--bg-right-offset) center;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .integration__products__item.item-bg-6 {
        --top-offset: 50%;
        background-size: auto 45%;
    }
}
.button--quaternary {
    --border: 1px;
    padding: calc(var(--py) - var(--border) * 2) calc(var(--px) - var(--border) * 2);
    background-color: transparent;
    color: #fff;
    border: var(--border) solid #fff;
}
.button--quaternary:hover:not(:disabled) {
    border-color: #0633A7;
    color: #0633A7;
}
.button--quaternary:disabled {
    opacity: 0.4;
}
.button--on-blue-bg:hover {
    background-color: #fff;
    color: var(--accent);
}
@media (min-width: 1366px) {
    .integration__products__item__body.body-3-cols .integration__products__item__block {
        max-width: 434px;
    }
}
@media (max-width: 1365px) {
    .integration__products__item__body.body-3-cols {
        flex-direction: column;
    }
}
.footer__nav__item:hover, .footer__nav__item--is-active{
    color: #000000 !important;
    text-decoration: none !important;
}
.footer__nav__item a:hover, .footer__nav__item--is-active{
    color: #306AFF !important;
    text-decoration: underline !important;
}

.main__potrfolio__card-picture__link,
.main__potrfolio__card-text__link
{
    border-radius: 50%;
    transition: all 0.3s;
}

.main__potrfolio__card-picture:hover {
    border-color: #306AFF;
}
.main__potrfolio__card-picture:hover .main__potrfolio__card-picture__link,
.main__potrfolio__card-picture:hover .main__potrfolio__card-picture__title,
.main__potrfolio__card-text:hover .main__potrfolio__card-text__title,
.main__potrfolio__card-text:hover .main__potrfolio__card-text__link
{
    color: #306AFF;
    --color: #306AFF;
}
.main__potrfolio__card-picture:hover .main__potrfolio__card-picture__link,
.main__potrfolio__card-text:hover .main__potrfolio__card-text__link
{
    background-color: #FFF;
}
.techsupport-response .client-quote p {
    --line-height: 1.3em;
    font: 24px / var(--line-height) Inter;
}

.form-group.form-check.mb-1{
    width: max-content;
    height: max-content;
    display: flex;
}
.cases__tags__tag-wrapper.tag-selected:not(.tag-blue) .cases__tags__tag{
    background-color: #ffad0f;
}

.change_btn_form form .submit_btn {
    background-color: #FBC117;
    color: #0a0b12;
}
form .submit_btn {
    background-color: #FBC117;
    color: #0a0b12;
}
.marquiz-widget .marquiz-widget__container {
    z-index: 100 !important;
}

.grecaptcha-badge {
    display: none !important;
}

.splide__arrow:disabled{
    visibility: hidden;
}
.cases__cards-card {
    --image-height: 250px;
    --card-height: 525px;
}
.cases__tags {
    margin-bottom: 40px;
}
.cases__tags__folder-content {
    gap: 10px;
    padding: 30px;
}
.cases__tags__folder-tag {
    padding: 13px 15px;
}

.formField.hidden {
    display: none;
}
#catalogBlock {
    scroll-margin-top: 250px;
}
.b-article__body > iframe {
    width: 100%;
    max-height: 400px;
    margin: 1em 0;
}
.tariff__table thead th .tariff__table__choose__price {
font-size:18px;
}
.universal-freetext ul,
.universal-freetext ol,
.universal-freetext dl {
    list-style-position: inside;
}
.universal-freetext h2 {
    margin-bottom: 40px;
}
.universal-freetext h3 {
    padding: 16px 0;
}
.universal-freetext h4 {
    padding: 10px 0;
}
.universal-freetext p {
    padding: 5px 0;
}
.universal-problems__cards-button-cell {
    grid-row: span 1;
    grid-column: 3;
}
/* End */


/* Start:/local/templates/new/css/footer.css?174967070010443*/
#d-wrap:after {
    content: unset;
}
.footer__nav__item {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    max-width: 130px;
}
.footer__nav__item__title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.footer__nav__item__title.active {
    color: #306AFF;
}
.footer__nav__item__title.active .icon {
    background: #306AFF;
}
.footer__nav__item .icon {
    display: none;
}
.footer__inner .footer__nav .footer__nav__item > a > span {
    text-wrap: nowrap;
}
@media (max-width: 1440px) {
    .footer__nav{
        gap: 2em;
    }
    .footer__nav__item {
        font-size: 16px;
        line-height: 20px;
    }
}
.footer__contacts,
.footer__copyright {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
@media (max-width: 1439px) {
    .footer__contacts,
    .footer__copyright {
        font-size: 12px;
    }
}
.footer__contacts a {
    color: #306AFF;
    border-bottom-color: #306AFF;
    border-bottom-width: 1px;
    display: inline-flex;
}
footer {
    background: #D2D6E1;
    border-radius: 40px 40px 0 0;
    padding: 80px 0;
    margin-top: var(--row-gap);
}
@media (max-width: 1439px) {
    footer {
        padding: 40px 0;
        border-radius: 20px 20px 0 0;
    }
}

.footer__inner {
    display: grid;
    grid-template-columns: auto auto;
    gap: 80px;
}
@media (max-width: 1439px) {
    .footer__inner {
        gap: 60px;
    }
}
@media (max-width: 1248px) {
    .footer__inner {
        gap: 40px;
    }
}
@media (max-width: 767px) {
    .footer__inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .footer__contacts {
        max-width: 100% !important;
    }
    .footer__nav__item .list_parent_items {
        display: none;
    }
    .footer__nav__item .icon {
        display: block;
    }
}
.footer__nav {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
}
@media (max-width: 1439px) {
    .footer__nav {
        gap: 2em;
    }
}

@media (max-width: 1248px) {
    .footer__nav{
        gap: 1.5em;
    }
}
@media (max-width: 1023px) {
    .footer__nav {
        gap: 1em;
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    .footer__nav {
        flex-direction: column;
    }
}
.footer__nav__item, .footer__nav__item > a {
    transition: all var(--transition-duration, 0.3s) ease;
}
.footer__nav__item > a:hover, .footer__nav__item--is-active > a {
    color: #306AFF;
    text-decoration: underline;
}
.footer__nav__item > .list_parent_items {
    color: #616177;
}
.footer__nav__item > .list_parent_items > .footer__nav__item {
    font-size: 14px;
    padding-top: 15px;
    line-height: 17px;
}
@media (max-width: 767px) {
    .footer__nav__item > .list_parent_items > .footer__nav__item {
        font-size: 12px;
        line-height: 20px;
    }
}
.footer__socials {
    justify-self: flex-end;
}
@media (max-width: 767px) {
    .footer__socials {
        justify-self: flex-start;
    }
}
.socials {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.socials__item {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EBF2;
    display: flex;
    justify-content: center;
    align-items: center;
    --icon-size: 24px;
    --color: #AFB5CE;
}
.icon--yt {
    -webkit-mask-image: url(/local/templates/new/css/../images/icon/yt.svg);
    mask-image: url(/local/templates/new/css/../images/icon/yt.svg);
}
.icon--vk {
    -webkit-mask-image: url(/local/templates/new/css/../images/icon/vk.svg);
    mask-image: url(/local/templates/new/css/../images/icon/vk.svg);
}
.icon--tg {
    -webkit-mask-image: url(/local/templates/new/css/../images/icon/tg.svg);
    mask-image: url(/local/templates/new/css/../images/icon/tg.svg);
}
.icon, .choices[data-type*=select-one]::after, .pagination__arrow::before, .outer-link::before, .custom-checkbox input[type=checkbox]::after, .partners__slider__card__link::before, .partners__slider__controls .splide__arrow::before, .custom-file-input__icon::before {
    display: inline-flex;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
    transition: all var(--transition-duration, 0.3s) ease;
    width: var(--size, 24px);
    height: var(--size, 24px);
    background: var(--color, #000);
}
.icon--yt {
    -webkit-mask-image: url(/local/templates/new/css/../images/icon/yt.svg);
    mask-image: url(/local/templates/new/css/../images/icon/yt.svg);
}
.icon--vk {
    -webkit-mask-image: url(/local/templates/new/css/../images/icon/vk.svg);
    mask-image: url(/local/templates/new/css/../images/icon/vk.svg);
}
.icon--tg {
    -webkit-mask-image: url(/local/templates/new/css/../images/icon/tg.svg);
    mask-image: url(/local/templates/new/css/../images/icon/tg.svg);
}
.socials__item .icon {
    --size: var(--icon-size);
}
.footer__copyright {
    color: #616177;
    align-self: flex-end;
}
@media (max-width: 767px) {
    .footer__copyright {
        order: 999;
    }
}
.footer__contacts {
    color: #616177;
    align-self: flex-start;
    text-align: right;
}
@media (max-width: 1440px) {
    .footer__contacts {
        max-width: 20em;
    }
}
@media (max-width: 1250px) {
    .footer__contacts {
        max-width: 15em;
    }
}
@media (max-width: 767px) {
    .footer__contacts {
        text-align: left;
    }
}
.footer__contacts a {
    color: inherit;
}
.footer__contacts a + a {
    margin-left: 40px;
}
.footer__contacts p:not(:first-child) {
    margin-top: 10px;
}

.license__item__footer {
    margin-top: auto;
}

.mobile-menu__footer {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: auto;
}

.request-themes__item__footer {
    margin-top: auto;
}

.expert-banner__inner__footer {
    margin-top: 60px;
}
@media (max-width: 1439px) {
    .expert-banner__inner__footer {
        margin-top: 45px;
    }
}
@media (max-width: 1023px) {
    .expert-banner__inner__footer {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .expert-banner__inner__footer {
        margin-top: 15px;
    }
}

.cards-request__cards__item__footer {
    margin-top: auto;
}

.price-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    gap: 16px;
}
@media (max-width: 767px) {
    .price-card__footer {
        flex-direction: column;
    }
}

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

.container, .cards-request__container, .expert-banner, .audit-cards__container, .main-quote__container, .main-banner__inner, .audit-banner__inner, .request-themes__container, .search-banner__container, .clients__container, .partners__inner, .banner__container {
    max-width: calc(1320px + var(--container-padding, 0) * 2);
}
.container-unlimited, .container-outer, .container, .cards-request__container, .expert-banner, .audit-cards__container, .main-quote__container, .main-banner__inner, .audit-banner__inner, .request-themes__container, .search-banner__container, .clients__container, .partners__inner, .banner__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    width: 100%;
}

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

.request__block__content__row__cell {
    flex: 1 1 0;
}


.big-title,
.request__block__title,
.cards-request__form__group__title,
.cards-request__cards__item__title,
.main-quote__team__text,
.main-quote__person__name,
.main-banner__sup,
.request-themes__item__title,
.tariff__table__choose-header {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}
@media (max-width: 1023px) {
    .big-title,
    .request__block__title,
    .cards-request__form__group__title,
    .cards-request__cards__item__title,
    .main-quote__team__text,
    .main-quote__person__name,
    .main-banner__sup,
    .request-themes__item__title,
    .tariff__table__choose-header {
        font-size: 18px;
        line-height: 24px;
    }
}
@media (max-width: 767px) {
    .big-title,
    .request__block__title,
    .cards-request__form__group__title,
    .cards-request__cards__item__title,
    .main-quote__team__text,
    .main-quote__person__name,
    .main-banner__sup,
    .request-themes__item__title,
    .tariff__table__choose-header {
        font-size: 16px;
        line-height: 20px;
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5019607843);
    overflow: auto;
    display: flex;
    justify-content: center;
    padding: 40px;
    opacity: 1;
    z-index: 9999;
    transition: all var(--transition-duration, 0.3s) ease;
    cursor: pointer;
}
.popup__inner {
    display: flex;
    flex-direction: column;
    cursor: initial;
    flex-shrink: 0;
    background-color: #FAFAFA;
    border-radius: 40px;
    padding: 90px;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    position: relative;
}
@media (max-width: 767px) {
    .popup {
        padding: 0px;
    }
    .popup__inner {
        padding: 50px;
        width: -webkit-fill-available;
    }
}
.popup__flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1em;
}
.popup__checkbox {
    height: 25px;
    width: 25px;
}
.submit_btn_disabled {
    color: grey;
    border: var(--border) solid grey;
    cursor: no-drop;
}
.submit_btn_disabled:hover {
    background-color: grey;
    color: #fff;
}
.container-small, .main-banner__content, .search-banner__content {
    margin-left: 0;
    max-width: calc(10 * calc(1320px / 12 - var(--column-gap) * 11 / 12) + (8 - 1) * var(--column-gap));
}
.popup:not(.show) {
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
}
.request {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.request__block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.request__block__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.request__block__content__row {
    display: flex;
    gap: var(--column-gap);
}
.request__block__content__row__cell {
    flex: 1 1 0;
}
footer h2,
footer .h2{
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
    letter-spacing: -0.05em;
}
/* End */
/* /local/templates/new/css/styles.css?1751356924438086 */
/* /local/templates/new/template_styles.css?17506708768377 */
/* /local/templates/new/css/custom.css?175135692417047 */
/* /local/templates/new/css/footer.css?174967070010443 */