@charset "UTF-8";
*,
*:before,
*:after {
    box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
picture {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: 400;
    font-style: normal;
}

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

input,
button,
textarea,
select {
    display: block;
    font: inherit;
    font-style: normal;
}

button {
    padding: 0;
    border: none;
    background-color: transparent;
    text-align: left;
    white-space: nowrap;
    white-space: wrap;
    cursor: pointer;
    outline: none;
}

input,
textarea {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

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

ul {
    list-style: none;
}

.bvi-body .topic-page-3 {
    margin-top: 140px;
}

@media (max-width: 767px) {
    .bvi-body .topic-page-3 {
        margin-top: 20px;
    }
}

.bvi-body .topic-page-3__container {
    position: relative;
}

.bvi-body .complex-departments {
    min-height: none;
}

.bvi-body .complex-departments__shape-1,
.bvi-body .complex-departments__shape-2 {
    display: none;
}

@media (max-width: 1279px) {
    .bvi-body .complex-departments__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .bvi-body .complex-departments__list {
        grid-template-columns: 1fr;
    }
}

.bvi-body .complex_footer .complex_card-contacts__pict {
    display: none;
}

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

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

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: Pragmatica;
    src: url(../fonts/Pragmatica/Pragmatica-Book.woff2), url(../fonts/Pragmatica/Pragmatica-Book.woff), url(../fonts/Pragmatica/Pragmatica-Book.ttf);
    font-display: swap;
}

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

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

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

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

@font-face {
    font-weight: 200;
    font-style: normal;
    font-family: Pragmatica Extended;
    src: url(../fonts/PragmaticaExtended/PragmaticaExtended-ExtraLight.woff2), url(../fonts/PragmaticaExtended/PragmaticaExtended-ExtraLight.woff), url(../fonts/PragmaticaExtended/PragmaticaExtended-ExtraLight.ttf);
    font-display: swap;
}

@font-face {
    font-weight: 300;
    font-style: normal;
    font-family: Pragmatica Extended;
    src: url(../fonts/PragmaticaExtended/PragmaticaExtended-Light.woff2), url(../fonts/PragmaticaExtended/PragmaticaExtended-Light.woff), url(../fonts/PragmaticaExtended/PragmaticaExtended-Light.ttf);
    font-display: swap;
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: Pragmatica Extended;
    src: url(../fonts/PragmaticaExtended/PragmaticaExtended-Book.woff2), url(../fonts/PragmaticaExtended/PragmaticaExtended-Book.woff), url(../fonts/PragmaticaExtended/PragmaticaExtended-Book.ttf);
    font-display: swap;
}

@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: Pragmatica Extended;
    src: url(../fonts/PragmaticaExtended/PragmaticaExtended-Medium.woff2), url(../fonts/PragmaticaExtended/PragmaticaExtended-Medium.woff), url(../fonts/PragmaticaExtended/PragmaticaExtended-Medium.ttf);
    font-display: swap;
}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: Pragmatica Extended;
    src: url(../fonts/PragmaticaExtended/PragmaticaExtended-Bold.woff2), url(../fonts/PragmaticaExtended/PragmaticaExtended-Bold.woff), url(../fonts/PragmaticaExtended/PragmaticaExtended-Bold.ttf);
    font-display: swap;
}

@font-face {
    font-weight: 800;
    font-style: normal;
    font-family: Pragmatica Extended;
    src: url(../fonts/PragmaticaExtended/PragmaticaExtended-ExtraBold.woff2), url(../fonts/PragmaticaExtended/PragmaticaExtended-ExtraBold.woff), url(../fonts/PragmaticaExtended/PragmaticaExtended-ExtraBold.ttf);
    font-display: swap;
}

@font-face {
    font-weight: 900;
    font-style: normal;
    font-family: Pragmatica Extended;
    src: url(../fonts/PragmaticaExtended/PragmaticaExtended-Black.woff2), url(../fonts/PragmaticaExtended/PragmaticaExtended-Black.woff), url(../fonts/PragmaticaExtended/PragmaticaExtended-Black.ttf);
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
    font-family: Pragmatica, arial, sans-serif;
}

body br.br_xxxl,
body p.br_xxxl,
body div.br_xxxl {
    display: none;
}

@media (min-width: 1366px) and (max-width: 1919px) {
    body br.br_xxxl,
    body p.br_xxxl,
    body div.br_xxxl {
        display: block !important;
    }
}

body br.br_xxl,
body p.br_xxl,
body div.br_xxl {
    display: none;
}

@media (min-width: 1366px) and (max-width: 1919px) {
    body br.br_xxl,
    body p.br_xxl,
    body div.br_xxl {
        display: block !important;
    }
}

body br.br_xl,
body p.br_xl,
body div.br_xl {
    display: none;
}

@media (min-width: 1280px) and (max-width: 1365px) {
    body br.br_xl,
    body p.br_xl,
    body div.br_xl {
        display: block !important;
    }
}

body br.br_l,
body p.br_l,
body div.br_l {
    display: none;
}

@media (min-width: 1024px) and (max-width: 1279px) {
    body br.br_l,
    body p.br_l,
    body div.br_l {
        display: block !important;
    }
}

body br.br_m,
body p.br_m,
body div.br_m {
    display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
    body br.br_m,
    body p.br_m,
    body div.br_m {
        display: block !important;
    }
}

body br.br_s,
body p.br_s,
body div.br_s {
    display: none;
}

@media (min-width: 412px) and (max-width: 767px) {
    body br.br_s,
    body p.br_s,
    body div.br_s {
        display: block !important;
    }
}

body br.br_xs,
body p.br_xs,
body div.br_xs {
    display: none;
}

@media (min-width: 375px) and (max-width: 411px) {
    body br.br_xs,
    body p.br_xs,
    body div.br_xs {
        display: block !important;
    }
}

body br.br_xxs,
body p.br_xxs,
body div.br_xxs {
    display: none;
}

@media (min-width: 0) and (max-width: 374px) {
    body br.br_xxs,
    body p.br_xxs,
    body div.br_xxs {
        display: block !important;
    }
}

@media (max-width: 1279px) {
    body .box-desk {
        display: none;
    }
}

body .box-mob {
    display: none;
}

@media (max-width: 1279px) {
    body .box-mob {
        display: block;
    }
}

body .box-active {
    display: block;
}

body .vanilla-calendar {
    position: absolute;
    z-index: 999;
    margin-top: 16px;
    padding: 16px 8px;
    border: 1px solid #ededed;
    border-radius: 12px;
    background-color: #fff;
}

body .vanilla-calendar_hidden {
    display: none;
}

body .vanilla-calendar-header {
    height: 57px;
    margin-bottom: 0;
    padding: 6px;
}

body .vanilla-calendar-header > button.vanilla-calendar-arrow {
    width: 20px;
    height: 20px;
}

body .vanilla-calendar-header > button.vanilla-calendar-arrow:before {
    background-image: url(../icons/chevron-down.svg);
}

body .vanilla-calendar-header__content > button.vanilla-calendar-month {
    margin-right: 5px;
}

body .vanilla-calendar-header__content > button.vanilla-calendar-month,
body .vanilla-calendar-header__content > button.vanilla-calendar-year {
    padding: 0;
    color: #252525;
    font-weight: 400;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    text-align: center;
}

body .vanilla-calendar-week {
    gap: 0;
    margin-bottom: 0;
}

body .vanilla-calendar-week b.vanilla-calendar-week__day {
    justify-content: flex-end;
    align-items: flex-start;
    height: 32px;
    padding: 8px;
    background-color: #f9f9fb;
    color: #252525;
    font-weight: 400;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-align: right;
}

body .vanilla-calendar-days {
    gap: 0;
}

body .vanilla-calendar-day > button.vanilla-calendar-day__btn {
    justify-content: flex-end;
    align-items: flex-start;
    height: 50px;
    padding: 8px;
    border-right: 1px solid #f9f9fb;
    border-bottom: 1px solid #f9f9fb;
    border-radius: 0;
    color: #252525;
    font-weight: 400;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-align: right;
}

body .vanilla-calendar-day > button.vanilla-calendar-day__btn_selected {
    background-color: #f08282 !important;
    color: #252525 !important;
}

body .vanilla-calendar-day > button.vanilla-calendar-day__btn_prev,
body .vanilla-calendar-day > button.vanilla-calendar-day__btn_next {
    color: #94a3b8;
}

body .vanilla-calendar-day > button.vanilla-calendar-day__btn_disabled {
    color: #cbd5e1;
}

body .vanilla-calendar-day.vanilla-calendar-day_hover-intermediate > button.vanilla-calendar-day__btn,
body .vanilla-calendar-day.vanilla-calendar-day_hover-intermediate > button.vanilla-calendar-day__btn_weekend,
body .vanilla-calendar-day.vanilla-calendar-day_selected-intermediate > button.vanilla-calendar-day__btn,
body .vanilla-calendar-day.vanilla-calendar-day_selected-intermediate > button.vanilla-calendar-day__btn_weekend {
    background-color: #f5f5f5 !important;
    color: #252525 !important;
}

body .vanilla-calendar-day.vanilla-calendar-day_hover-intermediate > button.vanilla-calendar-day__btn_selected {
    background-color: #f08282 !important;
    color: #252525 !important;
}

body .vanilla-calendar-day:nth-of-type(7n) > button.vanilla-calendar-day__btn {
    border-right: none;
}

body .vanilla-calendar-day:nth-last-of-type(-n + 7) > button.vanilla-calendar-day__btn {
    border-bottom: none;
}

body .tippy-box {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}

body .tippy-content {
    padding: 0;
}

body .tippy-content:has(> .tippy-content-inner--blue) + .tippy-arrow {
    color: #214fe2;
}

body .tippy-content:has(> .tippy-content-inner--copy) + .tippy-arrow {
    color: #f5f5f5;
}

body .tippy-content-inner {
    box-sizing: border-box;
    padding: 12px 24px;
    border-radius: 8px;
    background-color: #edeff3;
    color: #252525;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-align: center;
}

body .tippy-content-inner--blue {
    width: 280px;
    background-color: #214fe2;
    color: #fff;
}

body .tippy-content-inner--copy {
    padding: 10px 12px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    white-space: nowrap;
}

body .tippy-arrow {
    width: 16px;
    height: 6px;
    color: #edeff3;
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000);
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.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;
}

.UI_button-action {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 52px;
    max-width: 52px;
    height: 52px;
    border-radius: 12px;
    background-color: #f5f5f51a;
}

@media (max-width: 1023px) {
    .UI_button-action {
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        border-radius: 8px;
    }
}

@media (max-width: 1279px) {
    .UI_button-action.box-mob {
        display: flex;
    }
}

.UI_button-action--bor {
    border: 1px solid #ededed;
}

@media (max-width: 1023px) {
    .UI_button-action--l {
        min-width: 52px;
        max-width: 52px;
        height: 52px;
        border-radius: 12px;
    }
}

.UI_button-action--sm {
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 8px;
}

.UI_button-action--sm-2 {
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    border-radius: 8px;
}

.UI_button-action--gray {
    background-color: #f9f9fb;
}

.UI_button-action--transparent {
    background-color: transparent;
}

.UI_button-arrow {
    display: flex;
    gap: 0 10px;
    align-items: center;
    width: fit-content;
    color: #e10b17;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 150%;
    text-decoration: none;
    white-space: nowrap;
}

.UI_button-arrow > span {
    min-width: 24px;
    height: 24px;
    background: url(../icons/arrow-circle.svg) no-repeat center/cover;
    transition-duration: 0.3s;
}

.UI_button-arrow--down > span {
    transform: rotate(90deg);
}

.UI_button-arrow--s {
    gap: 0 8px;
    font-weight: 400;
    font-size: 10px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

.UI_button-arrow--s > span {
    min-width: 16px;
    height: 16px;
    background-image: url(../icons/arrow-down-circle.svg);
}

.UI_button-arrow--bor {
    padding: 10px 24px;
    border: 1px solid #ededed;
    border-radius: 8px;
    background: #fff;
}

.UI_button-arrow--gray {
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #f9f9fb;
}

.UI_button-arrow--red {
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #e10b17;
    color: #fff;
}

.UI_button-arrow--red > span {
    background-image: url(../icons/arrow-circle-white.svg);
}

.UI_button-arrow--white {
    color: #fff;
}

.UI_button-arrow--white > span {
    background-image: url(../icons/arrow-circle-white.svg);
}

.UI_button-bracket {
    display: flex;
    gap: 16px;
    align-items: center;
    cursor: pointer;
}

.UI_button-bracket__button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 8px;
    border-radius: 8px;
    background-color: #e10b17;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.UI_button-bracket__button:hover {
    background-color: #ed3235;
}

.UI_button-bracket__button:active {
    background-color: #ba0010;
}

.UI_button-bracket__button > img {
    width: 26px;
}

.UI_button-bracket--next .UI_button-bracket__button {
    rotate: 180deg;
}

.UI_button-bracket--xxl .UI_button-bracket__button {
    width: 52px;
    height: 52px;
    padding: 8px;
    border-radius: 8px;
}

.UI_button-bracket--s .UI_button-bracket__button {
    width: 32px;
    height: 32px;
    padding: 8px;
    border-radius: 8px;
}

.UI_button-bracket--red .UI_button-bracket__button {
    background-color: #e10b17;
    color: #fff;
}

.UI_button-bracket--red:hover .UI_button-bracket__button {
    background-color: #ed3235;
}

.UI_button-bracket--red:active .UI_button-bracket__button {
    background-color: #ba0010;
}

.UI_button-bracket--blue .UI_button-bracket__button {
    background-color: #214fe2;
    color: #fff;
}

.UI_button-bracket--blue:hover .UI_button-bracket__button {
    background-color: #4f73e8;
}

.UI_button-bracket--blue:active .UI_button-bracket__button {
    background-color: #183eb7;
}

.UI_button-bracket--w10 .UI_button-bracket__button {
    background-color: #ffffff1a;
    color: #fff;
}

.UI_button-cancel {
    display: flex;
    gap: 4px;
    align-items: center;
}

.UI_button-cancel > span {
    width: 20px;
    height: 20px;
    background: url(../icons/chevron-cross.svg) no-repeat center/cover;
}

.UI_button-cancel > p {
    color: #252525;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 120%;
}

.UI_button-cancel > p > span {
    display: none;
}

@media (max-width: 1279px) {
    .UI_button-cancel--minimal > span {
        display: none;
    }
}

@media (max-width: 1279px) {
    .UI_button-cancel--minimal > p {
        color: #6f6f6f;
        text-decoration-line: underline;
    }
}

@media (max-width: 1279px) {
    .UI_button-cancel--minimal > p > span {
        display: inline;
    }
}

@media (max-width: 767px) {
    .UI_button-cancel--minimal-s > span {
        display: none;
    }
}

@media (max-width: 767px) {
    .UI_button-cancel--minimal-s > p {
        color: #6f6f6f;
        text-decoration-line: underline;
    }
}

@media (max-width: 767px) {
    .UI_button-cancel--minimal-s > p > span {
        display: inline;
    }
}

.UI_button-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #f9f9fb;
}

.UI_button-copy {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 24px;
    height: 24px;
    margin-right: 70px;
}

.UI_button-icons {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    font-family: Pragmatica Extended, arial, sans-serif;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.UI_button-icons--xl {
    gap: 12px;
    padding: 16px 24px;
    color: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    text-transform: unset;
}

.UI_button-icons--xl > img {
    width: 26px;
    height: 26px;
}

.UI_button-icons--l {
    gap: 12px;
    height: 48px;
    padding: 10px 20px;
    color: inherit;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    text-transform: unset;
}

.UI_button-icons--l > img {
    width: 24px;
    height: 24px;
}

.UI_button-icons--m {
    gap: 8px;
    height: 40px;
    padding: 8px 16px;
    color: inherit;
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: unset;
}

.UI_button-icons--m > img {
    width: 20px;
    height: 20px;
}

.UI_button-icons--s {
    gap: 8px;
    height: 32px;
    padding: 9px 12px;
    color: inherit;
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0;
    text-transform: unset;
}

.UI_button-icons--s > img {
    width: 20px;
    height: 20px;
}

.UI_button-icons--xs {
    gap: 8px;
    height: 24px;
    padding: 6px 12px;
    color: inherit;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: 0;
    text-transform: unset;
}

.UI_button-icons--xs > img {
    width: 16px;
    height: 16px;
}

.UI_button-icons--red {
    background-color: #e10b17;
    color: #fff;
}

.UI_button-icons--red > img {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(189deg) brightness(309%) contrast(100%);
}

.UI_button-icons--red:hover {
    background-color: #ed3235;
}

.UI_button-icons--red:active {
    background-color: #ba0010;
}

.UI_button-icons--blue {
    background-color: #214fe2;
    color: #fff;
}

.UI_button-icons--blue > img {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(189deg) brightness(309%) contrast(100%);
}

.UI_button-icons--blue:hover {
    background-color: #4f73e8;
}

.UI_button-icons--blue:active {
    background-color: #183eb7;
}

.UI_button-icons--gray {
    background-color: #f9f9fb;
    color: #e10b17;
}

.UI_button-icons--gray > img {
    filter: invert(15%) sepia(97%) saturate(7292%) hue-rotate(353deg) brightness(89%) contrast(97%);
}

.UI_button-icons--gray:hover {
    background-color: #fff;
}

.UI_button-icons--gray:active {
    background-color: #b3bccd;
}

.UI_button-icons--white {
    background-color: #fff;
    color: #e10b17;
}

.UI_button-icons--white > img {
    filter: invert(15%) sepia(97%) saturate(7292%) hue-rotate(353deg) brightness(89%) contrast(97%);
}

.UI_button-icons--white:hover {
    background-color: #fff;
}

.UI_button-icons--white:active {
    background-color: #b3bccd;
}

.UI_button-icons--w10 {
    background-color: #ffffff1a;
    color: #fff;
}

.UI_button-icons--w10 > img {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(189deg) brightness(309%) contrast(100%);
}

.UI_button-icons--tspt {
    background-color: transparent;
    color: #e10b17;
}

.UI_button-icons--tspt:hover {
    color: #ed3235;
}

.UI_button-icons--tspt:active {
    color: #ba0010;
}

.UI_button-icons--brd {
    border: 1px solid #ededed;
}

.UI_button-icons--brd:hover {
    border-color: #f9f9fb;
}

.UI_button-icons--brd:active {
    border-color: #6f6f6f;
}

.UI_button-like {
    display: flex;
    gap: 16px;
    align-items: center;
    height: 52px;
    padding: 0 12px;
    border: 1px solid #ededed;
    border-radius: 8px;
    transition-duration: 0.3s;
}

.UI_button-like:not(.UI_button-like--pressed):hover {
    background-color: #fff;
    box-shadow: 0 1px 18px #f26d74;
}

.UI_button-like__left {
    position: relative;
}

.UI_button-like__icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../icons/heart.png) no-repeat center/contain;
}

.UI_button-like__text {
    color: #252525;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 140%;
    opacity: 0.7;
}

.UI_button-like__line {
    position: absolute;
    top: 0;
    right: -9px;
    width: 1px;
    height: 24px;
    background-color: #6f6f6f;
}

.UI_button-like--pressed {
    border: none;
    background-color: #e10b17;
}

.UI_button-like--pressed .UI_button-like__icon {
    background-image: url(../icons/heart-white.png);
}

.UI_button-like--pressed .UI_button-like__text {
    color: #fff;
    opacity: 0.8;
}

.UI_button-like--pressed .UI_button-like__line {
    background-color: #fff;
    opacity: 0.5;
}

.UI_button-main {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    border-radius: 8px;
    background-color: #e10b17;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 200%;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    gap: 12px;
    outline: none;
}

.UI_button-main--white {
    background-color: #fff;
    color: #e10b17;
}

.UI_button-main--transparent {
    position: relative;
    background-color: transparent;
    color: #252525;
}

.UI_button-main--transparent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ededed;
    border-radius: inherit;
}

.UI_button-main--xl {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 130%;
}

.UI_button-main--l {
    height: 48px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 120%;
}

.UI_button-main--m {
    height: 40px;
    padding: 8px 16px;
    font-size: 12px;
    line-height: 110%;
}

.UI_button-main--s {
    height: 32px;
    padding: 9px 12px;
    font-size: 12px;
    line-height: 110%;
}

.UI_button-main--xs {
    height: 24px;
    padding: 6px 12px;
    font-size: 10px;
    line-height: 120%;
}

.UI_button-main--red {
    background-color: #e10b17;
    color: #fff;
}

.UI_button-main--red:hover {
    background-color: #ed3235;
}

.UI_button-main--red:active {
    background-color: #ba0010;
}

.UI_button-main--blue {
    background-color: #214fe2;
    color: #fff;
}

.UI_button-main--blue:hover {
    background-color: #4f73e8;
}

.UI_button-main--blue:active {
    background-color: #183eb7;
}

.UI_button-main--gray {
    background-color: #f9f9fb;
    color: #e10b17;
}

.UI_button-main--gray:hover {
    background-color: #fff;
}

.UI_button-main--gray:active {
    background-color: #b3bccd;
}

.UI_button-main--gray-2 {
    background-color: #f9f9fb;
    color: #6f6f6f;
}

.UI_button-main--gray-2:hover {
    background-color: #fff;
}

.UI_button-main--gray-2:active {
    background-color: #b3bccd;
}

.UI_button-main--w10 {
    background-color: #ffffff1a;
    color: #fff;
}

.UI_button-main--tspt {
    background-color: transparent;
    color: #e10b17;
}

.UI_button-main--tspt:hover {
    color: #ed3235;
}

.UI_button-main--tspt:active {
    color: #ba0010;
}

.UI_button-main--brd {
    border: 1px solid #ededed;
    background-color: transparent;
    color: #252525;
}

.UI_button-main--brd:hover {
    border-color: #f9f9fb;
}

.UI_button-main--brd:active {
    border-color: #6f6f6f;
}

.UI_button-main--wb {
    background-color: #fff;
    color: #252525;
}

.UI_button-gray {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    border-radius: 8px;
    background-color: #f5f5f5;
    color: #e10d0b;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 200%;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-in-out;
}

.UI_button-menu {
    min-width: 52px;
    max-width: 52px;
    height: 52px;
    border: 1px solid rgba(245, 245, 245, 0.1);
    border-radius: 12px;
    background: url(../icons/burger.svg) no-repeat center;
}

.UI_button-nav {
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #ffffff1a;
    color: #fff;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.UI_button-nav--inactive {
    opacity: 0.5;
    pointer-events: none;
}

.UI_button-picture {
    display: flex;
    gap: 0;
    align-items: center;
    position: relative;
    width: 255px;
    height: 48px;
    padding: 10px 16px;
    border-radius: 8px;
    background-color: #e10b17;
    text-decoration: none;
}

.UI_button-picture > img {
    position: absolute;
    top: -6px;
    right: -12px;
    max-width: 60px;
}

.UI_button-picture > p {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
}

.UI_button-picture--s {
    width: 213px;
}

.UI_button-picture--s > img {
    top: -4px;
    right: 16px;
}

.UI_button-play {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 100%;
    background-color: #e10b17;
}

@media (max-width: 1279px) {
    .UI_button-play {
        width: 48px;
        min-width: 48px;
        height: 48px;
    }
}

.UI_button-play > svg {
    position: relative;
    left: 2px;
    fill: #fff;
}

@media (max-width: 1279px) {
    .UI_button-play > svg {
        width: 16px;
    }
}

.UI_button-play--white {
    background-color: #fff;
}

.UI_button-play--white > svg {
    fill: #e10b17;
}

.UI_button-play--transparent {
    border: 1px solid #fff;
    background-color: transparent;
}

.UI_button-play--transparent > svg {
    fill: #fff;
}

.UI_button-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 32px;
    border: 1px solid #252525;
    border-radius: 100%;
}

.UI_button-toggle:before {
    content: url(../icons/plus.svg);
    position: relative;
    top: 2px;
}

.UI_button-toggle--active {
    opacity: 0.5;
}

.UI_button-toggle--active:before {
    content: url(../icons/minus.svg);
}

.UI_checkbox {
    position: relative;
    width: 20px;
    height: 20px;
}

.UI_checkbox > input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.UI_checkbox > input + label {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    user-select: none;
}

.UI_checkbox > input + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ededed;
    border-radius: 4px;
}

.UI_checkbox > input:checked + label:before {
    border: none;
    background: url(../icons/red-mark.svg) no-repeat center/cover;
}

.UI_checkbox > input:disabled {
    cursor: not-allowed;
}

.UI_checkbox > input:disabled + label:before {
    border-color: #6f6f6f;
}

.UI_field > label {
    display: block;
    margin-bottom: 8px;
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 110%;
}

.UI_field > input {
    width: 384px;
    padding: 8px 12px;
    border-radius: 6px;
    background-color: #f5f5f5;
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.UI_field .UI_field__error {
    display: none;
    margin-top: 8px;
    color: #e10b17;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 110%;
}

.UI_field::placeholder {
    color: #6f6f6f;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.UI_field--filled > input {
    border: 1px solid #252525;
}

.UI_field--error > input {
    border: 1px solid #e10b17;
}

.UI_field--error > label {
    color: #e10b17;
}

.UI_field--error .UI_field__error {
    display: block;
}

.UI_field-search {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 52px;
    border-radius: 12px;
    background-color: #f9f9fb;
}

.UI_field-search--white {
    background-color: white;
}

.UI_field-search__icon {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 17px;
    height: 17px;
    background: url(../icons/search.svg) no-repeat center/cover;
    transform: translateY(-50%);
}

.UI_field-search > input {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 8px 16px 8px 48px;
    background-color: transparent;
    text-overflow: ellipsis;
}

.UI_field-search > input::placeholder {
    color: #6f6f6f;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 150%;
    opacity: 0.5;
}

.UI_field-search-2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.UI_field-search-2.active > div > button {
    display: block;
}

.UI_field-search-2.active input {
    padding: 8px 56px 8px 12px;
}

.UI_field-search-2 > label {
    display: block;
    overflow: hidden;
    margin-bottom: 8px;
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.UI_field-search-2 > div {
    position: relative;
}

.UI_field-search-2 > div > button {
    position: absolute;
    top: 50%;
    right: 12px;
    display: none;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #fff url(../icons/chevron-cross.svg) no-repeat center/20px;
    transform: translateY(-50%);
}

.UI_field-search-2 input {
    width: 100%;
    height: 48px;
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #f9f9fb;
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    text-overflow: ellipsis;
}

.UI_field-search-2 input::placeholder {
    color: #6f6f6f;
}

.UI_field-search-2--var-2 > label {
    display: none;
}

.UI_field-search-2--var-2 > div:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    width: 16px;
    height: 16px;
    background: url(../icons/search.svg) no-repeat center;
}

.UI_field-search-2--var-2 input {
    padding-left: 48px;
    color: #6f6f6f;
    font-weight: 500;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

.UI_field-search-2--var-2 input::placeholder {
    opacity: 0.5;
}

.UI_field-search-2--var-2.active input {
    padding: 0 0 0 48px;
}

.UI_field-search-3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 52px;
    border-radius: 12px;
    background-color: #f9f9fb;
}

.UI_field-search-3__icon {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 17px;
    height: 17px;
    background: url(../icons/search.svg) no-repeat center/cover;
    transform: translateY(-50%);
}

.UI_field-search-3 > input {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 8px 64px 8px 48px;
    background-color: transparent;
    text-overflow: ellipsis;
}

.UI_field-search-3 > input::placeholder {
    color: #6f6f6f;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 150%;
    opacity: 0.5;
}

.UI_field-search-3 > button {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #e10b17 url(../icons/chevron-left.svg) no-repeat center;
    transform: scale(-1);
}

.UI_field-search-4 {
    display: flex;
    gap: 32px;
    align-items: center;
}

.UI_field-search-4-input {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 52px;
    border-radius: 12px;
    background-color: #f9f9fb;
}

.UI_field-search-4__icon {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 17px;
    height: 17px;
    background: url(../icons/search.svg) no-repeat center/cover;
    transform: translateY(-50%);
}

.UI_field-search-4__cross {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 32px;
    height: 32px;
    background: url(../icons/cross-search.svg) no-repeat center/cover;
    cursor: pointer;
    transform: translateY(-50%);
}

.UI_field-search-4 input {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 8px 48px;
    background-color: transparent;
    text-overflow: ellipsis;
}

.UI_field-search-4 input::placeholder {
    color: #6f6f6f;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 150%;
    opacity: 0.5;
}

.UI_field-search-4 button {
    display: flex;
    flex-shrink: 0;
    gap: 12px;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    border-radius: 8px;
    background: #e10b17;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

.UI_field-search-4 button img {
    flex-grow: 0;
    width: 26px;
    height: 26px;
}

.UI_icon-ext {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    align-items: center;
    width: 47px;
    height: 56px;
    padding: 5px 11px 8px;
    border-radius: 4px;
    background-color: #fb6a6a;
}

@media (max-width: 1279px) {
    .UI_icon-ext {
        width: 40px;
        height: 48px;
        padding: 4px 8px 6px;
    }
}

.UI_icon-ext > p {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
    text-align: center;
}

@media (max-width: 1279px) {
    .UI_icon-ext > p {
        font-size: 11px;
    }
}

.UI_icon-ext:after {
    content: "";
    width: 25px;
    height: 25px;
    background: no-repeat center/cover;
}

@media (max-width: 1279px) {
    .UI_icon-ext:after {
        width: 22px;
        height: 22px;
    }
}

.UI_icon-ext--m {
    width: 40px;
    height: 48px;
    padding: 4px 10px 6px;
}

.UI_icon-ext--m > p {
    font-size: 11px;
}

.UI_icon-ext--m:after {
    width: 22px;
    height: 22px;
}

.UI_icon-ext--sm {
    gap: 3px;
    width: 37px;
    height: 44px;
    padding: 4px 10px 6px;
}

.UI_icon-ext--sm > p {
    font-size: 10px;
}

.UI_icon-ext--sm:after {
    width: 20px;
    height: 20px;
}

.UI_icon-ext--s {
    width: 30px;
    height: 36px;
    padding: 4px 6px 5px;
}

.UI_icon-ext--s > p {
    font-size: 9px;
}

.UI_icon-ext--s:after {
    width: 18px;
    height: 16px;
}

.UI_icon-ext--pdf:after {
    background-image: url(../icons/pdf.svg);
}

.UI_icon-ext--pdf-2:after {
    background-image: url(../icons/pdf-2.svg);
}

.UI_icon-ext--word {
    background-color: #6e74f7;
}

.UI_icon-ext--word:after {
    background-image: url(../icons/word.svg);
}

.UI_icon-ext--xls {
    background-color: #59cb8d;
}

.UI_icon-ext--xls:after {
    background-image: url(../icons/xls.svg);
}

.UI_icon-ext--txt {
    background-color: #8c7e7e;
}

.UI_icon-ext--txt:after {
    background-image: url(../icons/txt.svg);
}

.UI_icon-ext--zip {
    background-color: #8536f2;
}

.UI_icon-ext--zip:after {
    background-image: url(../icons/zip.svg);
}

.UI_icon-ext--ppt {
    background-color: #f28536;
}

.UI_icon-ext--ppt:after {
    background-image: url(../icons/ppt.svg);
}

.UI_icon-ext--mp4 {
    background-color: #f08282;
}

.UI_icon-ext--mp4:after {
    background-image: url(../icons/mp4.svg);
}

.UI_icon-favorite {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #0000006b;
}

.UI_icon-favorite > svg {
    position: relative;
    right: -1px;
}

.UI_icon-idle {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background-color: #f9f9fb;
}

.UI_icon-idle--employee-1:before {
    content: url(../icons/employee-1.svg);
}

.UI_icon-idle--employee-2:before {
    content: url(../icons/employee-2.svg);
}

.UI_icon-idle--employee-3:before {
    content: url(../icons/employee-3.svg);
}

.UI_icon-idle--team:before {
    content: url(../icons/team.svg);
}

.UI_icon-topic {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border-radius: 0 8px 0 0;
    background: #fff;
}

.UI_icon-topic:before {
    content: url(../icons/friends.svg);
    width: 16px;
    height: 16px;
}

.UI_link-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
}

.UI_link-icon--small {
    width: 16px;
    height: 16px;
}

.UI_link-m {
    color: #e10b17;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
    text-decoration: none;
}

.UI_link-organization {
    position: relative;
}

.UI_link-organization__link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    padding: 18px 10px;
    border-radius: 20px;
    background-color: #f9f9fb;
}

@media (max-width: 1919px) {
    .UI_link-organization__link {
        height: 141px;
    }
}

@media (max-width: 1365px) {
    .UI_link-organization__link {
        height: 131px;
    }
}

@media (max-width: 1279px) {
    .UI_link-organization__link {
        height: 105px;
    }
}

@media (max-width: 1023px) {
    .UI_link-organization__link {
        height: 118px;
    }
}

@media (max-width: 767px) {
    .UI_link-organization__link {
        height: 133px;
    }
}

@media (max-width: 411px) {
    .UI_link-organization__link {
        height: 120px;
    }
}

@media (max-width: 374px) {
    .UI_link-organization__link {
        height: 100px;
    }
}

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

@media (max-width: 767px) {
    .UI_link-organization img {
        max-width: 165px;
    }
}

.UI_link-organization__btn {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 9;
    display: none;
    width: 20px;
    height: 20px;
    background: url(../icons/link-organization-icon.svg) no-repeat center/contain;
}

@media (max-width: 1279px) {
    .UI_link-organization__btn {
        display: block;
    }
}

.UI_navigation-swiper-blue {
    display: flex;
    gap: 18px;
    align-items: center;
}

.UI_navigation-swiper-blue .swiper__button {
    position: static;
    z-index: 9;
    width: 32px;
    height: 32px;
    background: url(../icons/btn-blue.svg) no-repeat center/contain;
    margin-top: 0;
}

.UI_navigation-swiper-blue .swiper__button-next {
    transform: scale(-1);
}

.UI_navigation-swiper-blue .swiper-button-disabled {
    opacity: 0.2;
}

.UI_navigation-swiper-red {
    display: flex;
    gap: 18px;
    align-items: center;
}

.UI_navigation-swiper-red .swiper__button {
    position: static;
    z-index: 99;
    width: 32px;
    height: 32px;
    background: url(../icons/btn-red.svg) no-repeat center/contain;
    margin-top: 0;

}

.UI_navigation-swiper-red .swiper__button-next {
    transform: scale(-1);
}

.UI_search-select {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 52px;
    border-radius: 12px;
    background-color: #f9f9fb;
}

.UI_search-select__icon {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 17px;
    height: 17px;
    background: url(../icons/search.svg) no-repeat center/cover;
    transform: translateY(-50%);
}

.UI_search-select > input {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 8px 16px 8px 48px;
    background-color: transparent;
    text-overflow: ellipsis;
}

.UI_search-select > input::placeholder {
    color: #6f6f6f;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 150%;
    opacity: 0.5;
}

.UI_search-select__list-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
    overflow-y: auto;
    width: 100%;
    max-height: 250px;
    padding: 16px;
    border-radius: 12px;
    background-color: #f9f9fb;
    list-style: none;
    transform: translateY(8px);
}

@media (min-width: 768px) {
    .UI_search-select__list-wrapper {
        scrollbar-width: none;
    }
}

@media (min-width: 768px) {
    .UI_search-select__list-wrapper::-webkit-scrollbar {
        display: none;
    }
}

.UI_search-select__list-wrapper.active {
    display: block;
}

.UI_search-select__list > h4 {
    margin-bottom: 8px;
    color: #214fe2;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-transform: uppercase;
}

.UI_search-select__list > h4:not(:first-of-type) {
    margin-top: 20px;
}

.UI_search-select__list > li {
    margin-top: 4px;
    color: #252525;
    outline: none;
    font-weight: 500;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    cursor: pointer;
    transition-duration: 0.3s;
}

.UI_search-select__list > li:hover {
    opacity: 0.7;
}

.UI_select-filter {
    position: relative;
    width: 100%;
    height: 52px;
    padding: 7px 36px 7px 12px;
    border-radius: 12px;
    background-color: #f9f9fb;
    cursor: pointer;
}

.UI_select-filter--white {
    background-color: white;
}

.UI_select-filter > p {
    margin-bottom: 2px;
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
}

.UI_select-filter > label {
    display: flex;
    align-items: center;
    width: 100%;
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    white-space: nowrap;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.UI_select-filter > input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
    opacity: 0;
}

.UI_select-filter__control {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 20px;
    height: 20px;
    background: url(../icons/chevron-down-up.svg) no-repeat center/cover;
    transform: translateY(-50%);
}

.UI_select-filter__list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
    overflow-y: auto;
    width: 100%;
    max-height: 350px;
    padding: 4px 0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 8px 8px 32px -4px #00133929;
    list-style: none;
    transform: translateY(4px);
    scrollbar-width: none;
}

@media (max-width: 767px) {
    .UI_select-filter__list {
        scrollbar-width: unset;
    }
}

.UI_select-filter__list ::-webkit-scrollbar {
    display: none;
}

@media (max-width: 767px) {
    .UI_select-filter__list ::-webkit-scrollbar {
        display: block;
    }
}

.UI_select-filter__list--active {
    display: block;
}

.UI_select-filter--gray {
    background-color: #f9f9fb;
}

.UI_select-filter--single-chevron .UI_select-filter__control {
    background-image: url(../icons/chevron-down.svg);
}

.UI_select-filter__item {
    padding: 8px 12px;
    color: #6f6f6f;
    outline: none;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    cursor: pointer;
}

.UI_select-filter__item--selected {
    background-color: #f5f5f5;
    color: #252525;
}

.UI_select-filter__item > a {
    color: #6f6f6f;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    text-decoration: none;
}

.UI_select-tab {
    display: flex;
    gap: 0;
    align-items: center;
    position: relative;
    justify-content: space-between;
    width: 359px;
    height: 52px;
    padding: 8px;
    border-radius: 8px;
    background-color: #f9f9fb;
    cursor: pointer;
}

.UI_select-tab br {
    display: none;
}

.UI_select-tab__title {
    margin-bottom: 4px;
    color: #252525;
    font-weight: 500;
    font-size: 10px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 150%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    opacity: 0.5;
}

.UI_select-tab__control {
    width: 20px;
    height: 20px;
    background: url(../icons/chevron-down.svg) no-repeat center/cover;
}

.UI_select-tab__topic > input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
    opacity: 0;
}

.UI_select-tab__topic > label {
    color: #214fe2;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
    cursor: pointer;
}

.UI_select-tab__list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
    overflow-y: auto;
    width: 100%;
    max-height: 248px;
    padding: 4px 0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 8px 8px 32px -4px #6e6e6e;
    list-style: none;
}

.UI_select-tab__list--active {
    display: block;
}

.UI_select-tab__item {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 10px 12px;
    color: #252525;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
    text-decoration: none;
    cursor: pointer;
}

.UI_select-tab__item--selected {
    background-color: #f5f5f5;
    color: #214fe2;
}

.UI_tab-chapter {
    width: 210px;
    padding: 20px;
    border-radius: 12px;
    background: #f5f5f51a;
    color: #fff;
    text-decoration: none;
    transition-duration: 0.3s;
}

@media (max-width: 1919px) {
    .UI_tab-chapter {
        width: 196px;
    }
}

@media (max-width: 1365px) {
    .UI_tab-chapter {
        width: 180px;
    }
}

.UI_tab-chapter > h5 {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 150%;
}

.UI_tab-chapter > p {
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 120%;
    opacity: 0.7;
    transition-duration: 0.3s;
}

.UI_tab-chapter.active {
    background-color: #fff;
    color: #252525;
}

.UI_tab-chapter.active > p {
    opacity: 0.5;
}

.UI_tab-simple {
    display: flex;
    gap: 0;
    align-items: center;
    text-decoration: none;
}

.UI_tab-simple > span {
    color: #252525;
    font-weight: 500;
    font-size: 18px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    transition-duration: 0.3s;
}

.UI_tab-simple:before {
    content: "";
    width: 12px;
    min-width: 0;
    max-width: 0;
    height: 12px;
    background: url(../icons/arrow.svg) no-repeat center/cover;
    transition-duration: 0.3s;
}

.UI_tab-simple:hover > span,
.UI_tab-simple--active > span {
    color: #214fe2;
}

.UI_tab-simple:hover:before,
.UI_tab-simple--active:before {
    min-width: 12px;
    max-width: 12px;
    margin-right: 8px;
}

.UI_tab-simple--s > span {
    font-size: 16px;
}

.UI_tag {
    width: fit-content;
    padding: 5px 8px;
    border-radius: 4px;
    background-color: #e10b17;
    color: #fff;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 120%;
}

.UI_tag--linear {
    background: linear-gradient(272deg, #e10b17 -43.66%, #214fe2);
}

.UI_tag--gray {
    background-color: #f9f9fb;
    color: #6f6f6f;
}

.UI_tag--selected {
    background-color: #ff424d;
}

.UI_tag-icon {
    display: flex;
    gap: 0 10px;
    align-items: center;
    width: fit-content;
}

.UI_tag-icon:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: no-repeat center/cover;
}

.UI_tag-icon > p {
    color: #252525;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 140%;
    white-space: nowrap;
    opacity: 0.7;
}

.UI_tag-icon--m {
    gap: 0 4px;
}

.UI_tag-icon--m > p {
    font-size: 10px;
}

.UI_tag-icon--s {
    gap: 0 4px;
}

.UI_tag-icon--s > p {
    font-size: 9px;
}

.UI_tag-icon--bor {
    padding: 5px 8px;
    border-radius: 8px;
    background-color: #f9f9fb;
}

.UI_tag-icon--eye:before {
    background-image: url(../icons/eye.svg);
}

.UI_tag-icon--eye_white:before {
    background-image: url(../icons/eye-white.svg);
}

.UI_tag-icon--calendar:before {
    background-image: url(../icons/calendar.svg);
}

.UI_tag-icon--calendar_white:before {
    background-image: url(../icons/calendar-white.svg);
}

.UI_tag-icon--customer:before {
    background-image: url(../icons/customer.svg);
}

.UI_tag-icon--photo:before {
    background-image: url(../icons/ic_outline-photo.svg);
}

.UI_tag-icon--pin-1:before {
    background-image: url(../icons/pin-1.svg);
}

.UI_tag-input {
    position: relative;
    display: flex;
    align-items: center;
    height: 24px;
}

.UI_tag-input > input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.UI_tag-input > input:checked + label {
    background-color: #ff424d;
    color: #fff;
}

.UI_tag-input > label {
    padding: 5px 8px;
    border-radius: 4px;
    background-color: #f9f9fb;
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 120%;
}

.UI_tag-pict {
    display: flex;
    gap: 0 16px;
    align-items: center;
    min-width: 210px;
}

@media (max-width: 1919px) {
    .UI_tag-pict {
        min-width: 150px;
    }
}

.UI_tag-pict__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: #fff;
}

@media (max-width: 767px) {
    .UI_tag-pict__icon {
        min-width: 32px;
        height: 32px;
    }
}

@media (max-width: 767px) {
    .UI_tag-pict__icon > img {
        width: 16px;
    }
}

.UI_tag-pict > p {
    color: #6f6f6f;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.UI_tag-pict--gray .UI_tag-pict__icon {
    background-color: #f9f9fb;
}

.UI_tag-pict--big .UI_tag-pict__icon {
    min-width: 48px;
    height: 48px;
}

.UI_tag-point {
    display: flex;
    gap: 6px;
    align-items: center;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 4px;
    background-color: #fff;
}

.UI_tag-point > span {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #6401be;
}

.UI_tag-point > p {
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 120%;
    text-align: right;
}

.UI_tag-point--bor {
    position: relative;
}

.UI_tag-point--bor:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ededed;
    border-radius: 4px;
}

.UI_tag-point--br-b-r {
    border-bottom-right-radius: 0;
}

.UI_tag-point--gray {
    background-color: #ffffff1a;
}

.UI_tag-point--gray > p {
    color: #fff;
}

.UI_tag-point--gray-2 {
    background-color: #f9f9fb;
}

.UI_tag-point--gray-2 > p {
    color: #6f6f6f;
}

.UI_tag-point--linear {
    background: linear-gradient(272deg, #e10b17 -43.66%, #214fe2);
}

.UI_tag-point--linear > p {
    color: #fff;
}

.UI_tag-point--red {
    background-color: #e10b17;
}

.UI_tag-point--red > p {
    color: #fff;
}

.UI_tag-point--transparent {
    border: 1px solid #ededed;
    background-color: transparent;
}

.UI_tag-point--transparent > p {
    color: #fff;
}

.UI_tag-point--red-2 {
    background-color: #ff424d;
}

.UI_tag-point--red-2 > p {
    color: #fff;
}

.UI_tag-point-input {
    position: relative;
    display: flex;
}

.UI_tag-point-input > span {
    position: absolute;
    top: 9px;
    left: 8px;
    z-index: 9;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #6f6f6f;
}

.UI_tag-point-input > input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.UI_tag-point-input > input:checked + label {
    background-color: #ff424d;
    color: #fff;
}

.UI_tag-point-input > label {
    padding: 5px 8px 5px 20px;
    border-radius: 4px;
    background-color: #f9f9fb;
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 120%;
    text-align: right;
    transition-duration: 0.2s;
}

.UI_tag-point-input--bor {
    position: relative;
}

.UI_tag-point-input--bor:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ededed;
    border-radius: 4px;
}

.UI_text-l {
    color: #252525;
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .UI_text-l {
        font-size: 20px;
    }
}

.bold {
    font-weight: bold;
}

.UI_text-m {
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.UI_text-s {
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
}

.UI_text-s--pre {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.UI_text-s--fz-s {
    font-size: 14px;
}

.UI_text-s--white {
    color: #fff;
}

.UI_title-l {
    color: #6f6f6f;
    font-weight: 700;
    font-size: 18px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 140%;
}

.UI_title-m {
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
}

.UI_title-m--red {
    color: #e10b17;
}

.UI_title-m--white {
    color: #fff;
}

.UI_title-m--hover:hover {
    color: #e10b17;
}

.UI_title-menu {
    margin-bottom: 24px;
    color: rgba(37, 37, 37, 1);
    font-weight: bold;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .UI_title-menu {
        margin-bottom: 16px;
    }
}

.UI_title-menu--b {
    font-size: 20px;
}

@media (max-width: 1279px) {
    .UI_title-menu--b {
        font-size: 16px;
    }
}

.UI_title-menu--nomar {
    margin-bottom: 0;
}

.UI_title-menu--g {
    color: #6f6f6f;
}

.UI_title-menu--low {
    font-family: Pragmatica, arial, sans-serif;
    text-transform: none;
}

.UI_title-page {
    color: #252525;
    font-weight: 700;
    font-size: 32px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
}

@media (max-width: 1279px) {
    .UI_title-page {
        font-size: 24px;
        line-height: 120%;
    }
}


.UI_title-xl {
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
}

.UI_title-xl--white {
    color: #fff;
}

.UI_title-xxl {
    color: #e10b17;
    font-weight: 800;
    font-size: 48px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
    text-transform: uppercase;
}

.UI_title-page--white {
    color: #fff;
}

.UI_title-page--red {
    color: rgba(225, 11, 11, 1);
}

.UI_title-page--blue {
    color: rgba(33, 79, 226, 1);
}

@media (max-width: 767px) {
    .UI_title-xxl {
        font-size: 28px;
    }
}

@media (max-width: 411px) {
    .UI_title-xxl {
        font-size: 24px;
    }
}

.UI_title-xxl-v2 {
    color: #252525;
    font-weight: 800;
    font-size: 48px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .UI_title-xxl-v2 {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .UI_title-xxl-v2 {
        font-size: 24px;
    }
}

.complex_addresses {
    padding: 20px;
    border-radius: 12px;
    background-color: #fff;
}

.complex_addresses .complex_card-address {
    width: 100%;
}

.calendar {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 52px;
    padding: 7px 12px;
    border-radius: 12px;
    background-color: #f9f9fb;
}

.calendar > p {
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
}

.calendar > input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 26px 12px 7px;
    background-color: transparent;
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.calendar > span {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 20px;
    height: 20px;
    background: url(../icons/chevron-down.svg) no-repeat center/cover;
    transform: translateY(-50%);
}

.calendar-hide-input {
    display: none;
}

/*! name: vanilla-calendar-pro v2.9.10 | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */
.vanilla-calendar {
    position: relative;
    box-sizing: border-box;
    display: flex;
    width: 300px;
    min-width: 272px;
    max-width: 100%;
    flex-direction: column;
    border-radius: 0.75rem;
    padding: 1rem;
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

@supports ((width: -webkit-max-content) or (width: max-content)) and ((height: -webkit-max-content) or (height: max-content)) {
    .vanilla-calendar {
        height: -webkit-max-content;
        height: max-content;
        width: -webkit-max-content;
        width: max-content;
    }
}

.vanilla-calendar_multiple {
    width: 550px;
}

@supports ((width: -webkit-fit-content) or (width: -moz-fit-content) or (width: fit-content)) {
    .vanilla-calendar_multiple {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

.vanilla-calendar button:focus-visible {
    border-radius: 0.5rem;
    outline-style: solid;
    outline-width: 1px;
    outline-offset: -1px;
}

.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days {
    flex-grow: 0;
}

.vanilla-calendar_hidden {
    pointer-events: none;
    opacity: 0;
}

.vanilla-calendar_hidden * {
    pointer-events: none !important;
}

.vanilla-calendar_to-input {
    position: absolute;
}

.vanilla-calendar_to-input_bottom {
    margin-top: 0.25rem;
}

.vanilla-calendar_to-input_top {
    margin-top: -0.25rem;
}

.vanilla-calendar-controls {
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 20;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
}

.vanilla-calendar-arrow {
    pointer-events: auto;
    position: relative;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    border-width: 0px;
    background-color: transparent;
}

.vanilla-calendar-arrow:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    --tw-content: "";
    content: var(--tw-content);
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before {
    transform: rotate(90deg);
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before {
    transform: rotate(-90deg);
}

.vanilla-calendar-grid {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.75rem;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column {
    pointer-events: none;
    opacity: 0.3;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_month,
.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_year {
    pointer-events: auto;
    opacity: 1;
}

.vanilla-calendar-column {
    display: flex;
    min-width: -webkit-min-content;
    min-width: min-content;
    flex-direction: column;
}

.vanilla-calendar-header {
    position: relative;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
}

.vanilla-calendar-header__content {
    display: grid;
    flex-grow: 1;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    white-space: pre-wrap;
    padding-left: 1rem;
    padding-right: 1rem;
}

.vanilla-calendar-month,
.vanilla-calendar-year {
    cursor: pointer;
    border-radius: 0.25rem;
    border-width: 0px;
    background-color: transparent;
    padding: 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.vanilla-calendar-month.vanilla-calendar-month_disabled,
.vanilla-calendar-year.vanilla-calendar-year_disabled {
    pointer-events: none;
}

.vanilla-calendar-months {
    display: grid;
    flex-grow: 1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    row-gap: 1rem;
    column-gap: 0.5rem;
}

.vanilla-calendar-years {
    display: grid;
    flex-grow: 1;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    row-gap: 1rem;
    column-gap: 0.5rem;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month,
.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
    cursor: pointer;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled,
.vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled {
    cursor: default;
}

.vanilla-calendar-months__month,
.vanilla-calendar-years__year {
    display: flex;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    word-break: break-all;
    border-radius: 0.5rem;
    border-width: 0px;
    padding: 0.25rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
}

.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
    pointer-events: none;
}

.vanilla-calendar-week-numbers {
    display: flex;
    flex-direction: column;
}

.vanilla-calendar-week-numbers__title {
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
}

.vanilla-calendar-week-numbers__content {
    display: grid;
    grid-auto-flow: row;
    align-items: center;
    justify-items: center;
    row-gap: 0.25rem;
}

.vanilla-calendar-week-number {
    margin: 0;
    display: flex;
    min-height: 1.875rem;
    width: 100%;
    min-width: 1.875rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-style: none;
    background-color: transparent;
    padding: 0;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
}

.vanilla-calendar-wrapper {
    display: flex;
    flex-grow: 1;
}

.vanilla-calendar-content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.vanilla-calendar-week {
    margin-bottom: 0.5rem;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-items: center;
}

.vanilla-calendar-week__day {
    display: flex;
    width: 100%;
    min-width: 1.875rem;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
}

.vanilla-calendar-days {
    display: grid;
    flex-grow: 1;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    justify-items: center;
    row-gap: 0.25rem;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
    cursor: pointer;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 75ms;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
    cursor: default;
}

.vanilla-calendar-day {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.vanilla-calendar-day_hover-intermediate .vanilla-calendar-day__btn {
    border-radius: 0;
}

.vanilla-calendar-day_hover-first .vanilla-calendar-day__btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.vanilla-calendar-day_hover-first.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn {
    border-radius: 0.5rem;
}

.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,
.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
    pointer-events: auto;
    opacity: 1;
}

.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.vanilla-calendar-day_selected-first.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
    border-radius: 0.5rem;
}

.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected {
    border-radius: 0;
}

.vanilla-calendar-day__btn {
    display: flex;
    height: 100%;
    min-height: 1.875rem;
    width: 100%;
    min-width: 1.875rem;
    cursor: default;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    border-width: 0px;
    padding: 0;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
}

.vanilla-calendar-day__btn_today {
    font-weight: 700;
}

.vanilla-calendar-day__btn_disabled {
    pointer-events: none;
}

.vanilla-calendar-day__popup {
    transform: translate(-50%);
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 20;
    width: 8rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
    opacity: 0;
}

.vanilla-calendar-day__popup:before {
    content: var(--tw-content);
    position: absolute;
}

.vanilla-calendar-day__popup:after {
    content: var(--tw-content);
    position: absolute;
}

.vanilla-calendar-day__popup:hover {
    pointer-events: auto;
    opacity: 1;
}

.vanilla-calendar-day__popup:before {
    content: "";
    left: 0;
    bottom: 0;
    z-index: -10;
    display: block;
    height: calc(100% - 4px);
    width: 100%;
    border-radius: 0.5rem;
}

.vanilla-calendar-time {
    margin-top: 0.75rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    padding-top: 0.75rem;
}

.vanilla-calendar-time__content {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
}

.vanilla-calendar-time__hours {
    position: relative;
    margin-right: 0.35rem;
    width: 1.75rem;
}

.vanilla-calendar-time__hours:after {
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: calc(-50% + 1px);
    display: block;
    --tw-content: ":";
    content: var(--tw-content);
}

.vanilla-calendar-time__minutes {
    width: 1.75rem;
}

.vanilla-calendar-time__hours input,
.vanilla-calendar-time__minutes input {
    position: relative;
    margin: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 0.25rem;
    border-width: 0px;
    padding: 0.125rem;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.125rem;
}

.vanilla-calendar-time__hours input:focus-visible,
.vanilla-calendar-time__minutes input:focus-visible {
    outline-style: solid;
    outline-width: 1px;
}

.vanilla-calendar-time__hours input:disabled,
.vanilla-calendar-time__minutes input:disabled {
    cursor: default;
}

.vanilla-calendar-time__hours input:hover:disabled,
.vanilla-calendar-time__minutes input:hover:disabled {
    background-color: transparent;
}

.vanilla-calendar-time__keeping {
    margin-left: 1px;
    margin-top: 0.25rem;
    width: 22px;
    cursor: pointer;
    border-radius: 0.25rem;
    border-width: 0px;
    background-color: transparent;
    padding: 0;
    font-size: 0.69rem;
}

.vanilla-calendar-time__keeping:focus-visible {
    outline-style: solid;
    outline-width: 1px;
}

.vanilla-calendar-time__keeping:disabled {
    cursor: default;
}

.vanilla-calendar-time__keeping:hover:disabled {
    background-color: transparent;
}

.vanilla-calendar-time__ranges {
    display: grid;
    grid-auto-flow: row;
}

.vanilla-calendar-time__range {
    position: relative;
    z-index: 10;
    font-size: 0;
}

.vanilla-calendar-time__range:before {
    content: var(--tw-content);
    left: 0;
}

.vanilla-calendar-time__range:after {
    content: var(--tw-content);
    right: 0;
}

.vanilla-calendar-time__range:before,
.vanilla-calendar-time__range:after {
    content: "";
    transform: translateY(-50%);
    pointer-events: none;
    position: absolute;
    top: 50%;
    z-index: 10;
    height: 0.5rem;
    width: 1px;
}

.vanilla-calendar-time__range input {
    position: relative;
    margin: 0;
    height: 1.25rem;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline-width: 0px;
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
    position: relative;
    z-index: 20;
    margin-top: -0.5rem;
    box-sizing: border-box;
    height: 1rem;
    width: 0.75rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    border-width: 1px;
    border-style: solid;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-thumb {
    position: relative;
    z-index: 20;
    box-sizing: border-box;
    height: 1rem;
    width: 0.75rem;
    cursor: pointer;
    border-radius: 0.25rem;
    border-width: 1px;
    border-style: solid;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
    margin-top: 1px;
    box-sizing: border-box;
    height: 1px;
    width: 100%;
    cursor: pointer;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-track {
    margin-top: 1px;
    box-sizing: border-box;
    height: 1px;
    width: 100%;
    cursor: pointer;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[data-calendar-theme="light"].vanilla-calendar {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    color: #0f172a;
}

[data-calendar-theme="light"].vanilla-calendar_to-input {
    --tw-shadow: 0 9px 20px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[data-calendar-theme="light"].vanilla-calendar button:focus-visible {
    outline-color: #fdba74;
}

[data-calendar-theme="light"] .vanilla-calendar-arrow {
    background-color: transparent;
}

[data-calendar-theme="light"] .vanilla-calendar-arrow:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nIzBmMTcyYScgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==);
}

[data-calendar-theme="light"] .vanilla-calendar-arrow:hover:before {
    opacity: 0.6;
}

[data-calendar-theme="light"] .vanilla-calendar-header__content,
[data-calendar-theme="light"] .vanilla-calendar-month,
[data-calendar-theme="light"] .vanilla-calendar-year {
    color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-month:hover,
[data-calendar-theme="light"] .vanilla-calendar-year:hover {
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-month.vanilla-calendar-month_not-active,
[data-calendar-theme="light"] .vanilla-calendar-year.vanilla-calendar-year_not-active {
    color: #94a3b8;
}

[data-calendar-theme="light"] .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme="light"] .vanilla-calendar-year.vanilla-calendar-year_disabled {
    color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-months__month {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-months__month:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
[data-calendar-theme="light"] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="light"] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
[data-calendar-theme="light"] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover {
    color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-years__year {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-years__year:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
[data-calendar-theme="light"] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="light"] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled,
[data-calendar-theme="light"] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
    color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-week-numbers__title,
[data-calendar-theme="light"] .vanilla-calendar-week-number {
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-week-number:hover {
    color: #475569;
}

[data-calendar-theme="light"] .vanilla-calendar-week__day {
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-week__day_weekend {
    color: #f43f5e;
}

[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
    background-color: rgb(244 63 94 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.7;
    color: #fff;
}

[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected:hover {
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.7;
    color: #fff;
}

[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="light"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_today {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
    color: #06b6d4;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_today:hover {
    color: #06b6d4;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_next {
    color: #94a3b8;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_disabled {
    color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday {
    color: #f43f5e;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
    color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
    color: #f43f5e;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
    color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    color: #94a3b8;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
    color: #94a3b8;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
    color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity));
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity));
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-day__popup {
    color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-day__popup:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 3px 15px rgba(85, 85, 85, 0.2);
    --tw-shadow-colored: 0 3px 15px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[data-calendar-theme="light"] .vanilla-calendar-time {
    border-color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-time__hours:after {
    content: var(--tw-content);
    color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-time__hours input,
[data-calendar-theme="light"] .vanilla-calendar-time__minutes input {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-time__hours input:hover,
[data-calendar-theme="light"] .vanilla-calendar-time__minutes input:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__hours input:focus-visible,
[data-calendar-theme="light"] .vanilla-calendar-time__minutes input:focus-visible {
    outline-color: #fdba74;
}

[data-calendar-theme="light"] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus,
[data-calendar-theme="light"] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__keeping {
    color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-time__keeping:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__keeping:focus-visible {
    outline-color: #fdba74;
}

[data-calendar-theme="light"] .vanilla-calendar-time__range input {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__range:before,
[data-calendar-theme="light"] .vanilla-calendar-time__range:after {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
    border-color: #94a3b8;
}

[data-calendar-theme="light"] .vanilla-calendar-time__range:hover input::-moz-range-thumb {
    border-color: #94a3b8;
}

[data-calendar-theme="light"] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
    border-color: #fdba74;
}

[data-calendar-theme="light"] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
    border-color: #fdba74;
}

[data-calendar-theme="light"] .vanilla-calendar-time__range input::-webkit-slider-thumb {
    border-color: #cbd5e1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__range input::-moz-range-thumb {
    border-color: #cbd5e1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__range input::-webkit-slider-runnable-track {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__range input::-moz-range-track {
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"].vanilla-calendar {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="dark"].vanilla-calendar_to-input {
    --tw-shadow: 0 9px 20px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[data-calendar-theme="dark"].vanilla-calendar button:focus-visible {
    outline-color: #fdba74;
}

[data-calendar-theme="dark"] .vanilla-calendar-arrow {
    background-color: transparent;
}

[data-calendar-theme="dark"] .vanilla-calendar-arrow:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==);
}

[data-calendar-theme="dark"] .vanilla-calendar-arrow:hover:before {
    opacity: 0.6;
}

[data-calendar-theme="dark"] .vanilla-calendar-header__content,
[data-calendar-theme="dark"] .vanilla-calendar-month,
[data-calendar-theme="dark"] .vanilla-calendar-year {
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-month:hover,
[data-calendar-theme="dark"] .vanilla-calendar-year:hover,
[data-calendar-theme="dark"] .vanilla-calendar-month.vanilla-calendar-month_not-active,
[data-calendar-theme="dark"] .vanilla-calendar-year.vanilla-calendar-year_not-active {
    color: #64748b;
}

[data-calendar-theme="dark"] .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme="dark"] .vanilla-calendar-year.vanilla-calendar-year_disabled {
    color: #334155;
    opacity: 0.8;
}

[data-calendar-theme="dark"] .vanilla-calendar-months__month,
[data-calendar-theme="dark"] .vanilla-calendar-years__year {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-months__month:hover,
[data-calendar-theme="dark"] .vanilla-calendar-years__year:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
[data-calendar-theme="dark"] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
[data-calendar-theme="dark"] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover,
[data-calendar-theme="dark"] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
[data-calendar-theme="dark"] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
    color: #334155;
    opacity: 0.8;
}

[data-calendar-theme="dark"] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover,
[data-calendar-theme="dark"] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
    color: #334155;
}

[data-calendar-theme="dark"] .vanilla-calendar-week-numbers__title,
[data-calendar-theme="dark"] .vanilla-calendar-week-number {
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-week-number:hover {
    color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-week__day {
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-week__day_weekend {
    color: #f43f5e;
}

[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
    background-color: rgb(244 63 94 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.8;
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected:hover {
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.8;
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    color: #94a3b8;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    color: #e2e8f0;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_today {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    color: #06b6d4;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_today:hover {
    color: #06b6d4;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_next {
    color: #475569;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_disabled {
    color: #334155;
    opacity: 0.8;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday {
    color: #f43f5e;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    color: #f43f5e;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
    color: #334155;
    opacity: 0.8;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
    color: #f43f5e;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
    color: #334155;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    color: #475569;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
    color: #94a3b8;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
    color: #334155;
    opacity: 0.8;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
    color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
    color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__popup {
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__popup:before {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    --tw-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.1);
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

[data-calendar-theme="dark"] .vanilla-calendar-time {
    border-color: #1e293b;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__hours:after {
    content: var(--tw-content);
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__hours input,
[data-calendar-theme="dark"] .vanilla-calendar-time__minutes input {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__hours input:hover,
[data-calendar-theme="dark"] .vanilla-calendar-time__minutes input:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__hours input:focus-visible,
[data-calendar-theme="dark"] .vanilla-calendar-time__minutes input:focus-visible {
    outline-color: #fdba74;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus,
[data-calendar-theme="dark"] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__keeping {
    color: #64748b;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__keeping:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
    color: #94a3b8;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__keeping:focus-visible {
    outline-color: #fdba74;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range input {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range:before,
[data-calendar-theme="dark"] .vanilla-calendar-time__range:after {
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
    border-color: #94a3b8;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range:hover input::-moz-range-thumb {
    border-color: #94a3b8;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
    border-color: #fdba74;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
    border-color: #fdba74;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range input::-webkit-slider-thumb {
    border-color: #475569;
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range input::-moz-range-thumb {
    border-color: #475569;
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range input::-webkit-slider-runnable-track {
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range input::-moz-range-track {
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.complex_card-address {
    padding: 16px 0;
}

.complex_card-address:not(:last-of-type) {
    border-bottom: 1px solid #ededed;
}

.complex_card-address__topic {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: center;
}

.complex_card-address__topic > h5 {
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_card-address__topic > h5 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .complex_card-address__topic > h5 {
        font-size: 14px;
    }
}

.complex_card-address__content {
    display: flex;
    display: none;
    gap: 16px;
    align-items: flex-start;
    margin-top: 24px;
}

@media (max-width: 1023px) {
    .complex_card-address__content {
        flex-direction: column;
    }
}

.complex_card-address__item {
    display: flex;
    gap: 0 24px;
    align-items: center;
    width: 100%;
}

@media (max-width: 1279px) {
    .complex_card-address__item {
        gap: 16px 64px;
    }
}

@media (max-width: 767px) {
    .complex_card-address__item {
        flex-direction: column;
        align-items: flex-start;
    }
}

.complex_card-address__group-1 {
    display: flex;
    gap: 8px;
    align-items: center;
}

.complex_card-address--active .complex_card-address__content {
    display: flex;
}

.complex_card-advantage {
    display: flex;
    gap: 24px;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 20px;
    background: linear-gradient(281deg, #ffeced 10.96%, #f7f4f4 98.63%), #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-advantage {
        gap: 20px;
        padding: 24px;
    }
}

@media (max-width: 1023px) {
    .complex_card-advantage {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        padding: 24px 20px;
    }
}

@media (max-width: 767px) {
    .complex_card-advantage {
        flex-direction: row;
        align-items: center;
    }
}

.complex_card-advantage img {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
}

@media (max-width: 1279px) {
    .complex_card-advantage img {
        width: 40px;
        height: 40px;
    }
}

.complex_card-advantage p {
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

@media (max-width: 1279px) {
    .complex_card-advantage p {
        font-size: 14px;
        line-height: 120%;
    }
}

.complex_card-audio {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    position: relative;
    padding: 40px;
    border-radius: 12px;
    background-color: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-audio {
        gap: 16px;
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .complex_card-audio {
        padding: 16px;
    }
}

.complex_card-audio__topic {
    justify-content: space-between;
    width: 100%;
    display: flex;
    gap: 0;
    align-items: center;
}

@media (max-width: 767px) {
    .complex_card-audio__topic {
        position: absolute;
        top: 16px;
        left: 80px;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
        width: auto;
    }
}

.complex_card-audio__topic > h5 {
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
}

@media (max-width: 1279px) {
    .complex_card-audio__topic > h5 {
        font-size: 16px;
    }
}

.complex_card-audio__topic > p {
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

@media (max-width: 1279px) {
    .complex_card-audio__topic > p {
        font-size: 14px;
    }
}

.complex_card-contacts {
    position: relative;
    overflow: hidden;
    width: 428px;
    min-width: 428px;
    height: 227px;
    padding: 24px;
    border-radius: 20px;
    background-color: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-contacts {
        width: 100%;
        min-width: auto;
        height: auto;
    }
}

.complex_card-contacts > h5 {
    margin-bottom: 24px;
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
}

.complex_card-contacts__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    width: 244px;
}

@media (max-width: 1279px) {
    .complex_card-contacts__info {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .complex_card-contacts__info {
        flex-direction: column;
    }
}

@media (max-width: 1279px) {
    .complex_card-contacts__item {
        width: 34%;
    }
}

@media (max-width: 1023px) {
    .complex_card-contacts__item {
        width: 100%;
    }
}

.complex_card-contacts__item > p {
    margin-bottom: 1px;
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
}

.complex_card-contacts__item > a {
    color: #252525;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
    text-decoration: none;
}

.complex_card-contacts__item > a.mail {
    color: #214fe2;
}

.complex_card-contacts__pict {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

@media (max-width: 1279px) {
    .complex_card-contacts__pict {
        right: -20px;
        bottom: 0;
    }
}

@media (max-width: 1023px) {
    .complex_card-contacts__pict {
        right: 0;
    }
}

@media (max-width: 411px) {
    .complex_card-contacts__pict {
        right: -20px;
    }
}

.complex_card-contacts-2 {
    display: flex;
    gap: 24px;
    align-items: center;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 20px;
    background: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-contacts-2 {
        gap: 20px 80px;
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-2 {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-2 .UI_tag-pict > p {
        font-size: 12px;
    }
}

.complex_card-contacts-2__group {
    display: inline;
}

@media (max-width: 1279px) {
    .complex_card-contacts-2__group {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1023px) {
    .complex_card-contacts-2__group {
        display: inline;
    }
}

.complex_card-contacts-2__group h5 {
    display: inline;
}

@media (max-width: 767px) {
    .complex_card-contacts-2__group h5 {
        font-size: 14px;
    }
}

.complex_card-contacts-2__group button {
    position: relative;
    top: 4px;
    display: inline-flex;
}

@media (max-width: 1279px) {
    .complex_card-contacts-2__group button {
        top: 0;
    }
}

@media (max-width: 1023px) {
    .complex_card-contacts-2__group button {
        top: 4px;
    }
}

.complex_card-contacts-3 {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 20px;
    background: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-contacts-3 {
        gap: 20px 80px;
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-3 {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-3 .UI_tag-pict > p {
        font-size: 12px;
    }
}

.complex_card-contacts-3__group > p {
    color: #6f6f6f;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.complex_card-contacts-3__group > p:not(:last-child) {
    margin-bottom: 8px;
}

.complex_card-contacts-3__group > a {
    display: block;
    color: #e10b17;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-decoration: none;
}

.complex_card-contacts-3__group > a:first-child {
    margin-top: 13px;
}

@media (max-width: 767px) {
    .complex_card-contacts-3__group > a:first-child {
        margin-top: 0;
    }
}

.complex_card-contacts-3__group > a:not(:last-child) {
    margin-bottom: 20px;
}

.complex_card-contacts-4 {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 20px;
    background: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-contacts-4 {
        gap: 20px 80px;
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-4 {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-4 .UI_tag-pict > p {
        font-size: 12px;
    }
}

.complex_card-contacts-4__group > p {
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

@media (max-width: 767px) {
    .complex_card-contacts-4__group > p {
        font-size: 14px;
    }
}

.complex_card-contacts-4__days {
    display: flex;
    gap: 8px;
    align-items: stretch;
    margin-bottom: 16px;
}

.complex_card-contacts-4__days > button {
    height: 24px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 120%;
}

.complex_card-contacts-4__days > button.active {
    background-color: #ff424d;
    color: #fff;
}

.complex_card-contacts-5 {
    width: 100%;
    border-radius: 20px;
    background-color: #f9f9fb;
    transition-duration: 0.3s;
}

.complex_card-contacts-5:hover,
.complex_card-contacts-5.active {
    background-color: #edeff3;
}

.complex_card-contacts-5.active .complex_card-contacts-5__topic > button {
    opacity: 0.5;
    transform: rotate(180deg);
}

.complex_card-contacts-5.active .complex_addresses {
    display: block;
}

.complex_card-contacts-5__content {
    padding: 40px;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .complex_card-contacts-5__content {
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-5__content {
        padding: 24px 16px;
    }
}

.complex_card-contacts-5__topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.complex_card-contacts-5__topic > h4 {
    color: #252525;
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_card-contacts-5__topic > h4 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-5__topic > h4 {
        font-size: 16px;
    }
}

.complex_card-contacts-5__topic > button {
    width: 32px;
    height: 32px;
    background: url(../icons/chevron-down-black.svg) no-repeat center;
    transition-duration: 0.3s;
}

.complex_card-contacts-5__group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.complex_card-contacts-5__item {
    display: flex;
    gap: 24px;
    align-items: center;
}

@media (max-width: 1279px) {
    .complex_card-contacts-5__item {
        gap: 16px 80px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-5__item {
        gap: 16px;
    }
}

.complex_card-contacts-5__item .UI_tag-pict {
    min-width: 210px;
}

@media (max-width: 1279px) {
    .complex_card-contacts-5__item .UI_tag-pict {
        min-width: 150px;
    }
}

@media (max-width: 374px) {
    .complex_card-contacts-5__item .UI_tag-pict {
        min-width: 100px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-5__item .UI_tag-pict > p {
        font-size: 12px;
    }
}

.complex_card-contacts-5__item > a {
    color: #e10b17;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-decoration: none;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .complex_card-contacts-5__item > a {
        font-size: 14px;
    }
}

.complex_card-contacts-5 .complex_addresses {
    display: none;
    margin: -8px 40px 40px;
}

@media (max-width: 1279px) {
    .complex_card-contacts-5 .complex_addresses {
        margin: 0 24px 24px;
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-5 .complex_addresses {
        margin: 0 16px 24px;
        padding: 12px;
    }
}

.complex_card-contacts-5 .complex_addresses .complex_card-address__content {
    justify-content: space-between;
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .complex_card-contacts-5 .complex_addresses .complex_card-address__content {
        gap: 0 90px;
        justify-content: flex-start;
    }
}

.complex_card-contacts-5 .complex_addresses .complex_card-address__item {
    width: fit-content;
    column-gap: 54px;
}

@media (max-width: 1365px) {
    .complex_card-contacts-5 .complex_addresses .complex_card-address__item {
        column-gap: 24px;
    }
}

@media (max-width: 1279px) {
    .complex_card-contacts-5 .complex_addresses .complex_card-address__item {
        column-gap: 64px;
    }
}

@media (min-width: 412px) and (max-width: 767px) {
    .complex_card-contacts-5 .complex_addresses .complex_card-address__item {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-5 .complex_addresses .complex_card-address__item {
        gap: 16px;
    }
}

.complex_card-contacts-5 .complex_addresses .complex_card-address__item .UI_tag-pict {
    min-width: 160px;
}

@media (max-width: 1279px) {
    .complex_card-contacts-5 .complex_addresses .complex_card-address__item .UI_tag-pict {
        min-width: 150px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-5 .complex_addresses .complex_card-address__item .UI_tag-pict {
        min-width: 138px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-5 .complex_addresses .complex_card-address__item .UI_tag-pict > p {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-5 .complex_addresses .complex_card-address__item > a {
        font-size: 14px;
    }
}

.complex_card-contacts-6 {
    display: flex;
    gap: 24px;
    align-items: center;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 20px;
    background: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-contacts-6 {
        gap: 20px 80px;
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-6 {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-6 .UI_tag-pict > p {
        font-size: 12px;
    }
}

.complex_card-contacts-6 .UI_button-icons {
    color: #fff;
}

.complex_card-contacts-6 .UI_button-icons img:last-of-type {
    display: none;
}

.complex_card-contacts-6__group p {
    color: #6f6f6f;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.complex_card-contacts-6__group p:not(:last-child) {
    margin-bottom: 8px;
}

.complex_card-contacts-6__group a {
    display: flex;
    width: fit-content;
    color: #e10b17;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-decoration: none;
}

.complex_card-contacts-6__group a:first-child {
    margin-top: 13px;
}

@media (max-width: 767px) {
    .complex_card-contacts-6__group a:first-child {
        margin-top: 0;
    }
}

.complex_card-contacts-6__group a:not(:last-child) {
    margin-bottom: 24px;
}

.complex_card-contacts-6__group a.UI_button-icons {
    font-size: 14px;
}

@media (max-width: 767px) {
    .complex_card-contacts-6__group a.UI_button-icons {
        display: none;
    }
}

.complex_card-contacts-6__group a.UI_button-main {
    display: none;
    height: 48px;
    color: #fff;
    font-size: 14px;
}

@media (max-width: 767px) {
    .complex_card-contacts-6__group a.UI_button-main {
        display: flex;
    }
}

.complex_card-contacts-6__last-item {
    padding-top: 24px;
    border-top: 1px solid #ededed;
}

.complex_card-contacts-7 {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 20px;
    background: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-contacts-7 {
        gap: 20px 80px;
        padding: 24px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-7 {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        padding: 24px 16px;
    }
}

@media (max-width: 767px) {
    .complex_card-contacts-7 .UI_tag-pict > p {
        font-size: 12px;
    }
}

.complex_card-contacts-7__link {
    display: flex;
    gap: 4px;
    align-items: center;
}

.complex_card-contacts-7__link:first-child {
    margin-top: 13px;
}

@media (max-width: 767px) {
    .complex_card-contacts-7__link:first-child {
        margin-top: 0;
    }
}

.complex_card-contacts-7__link:not(:last-child) {
    margin-bottom: 20px;
}

.complex_card-contacts-7__group p {
    color: #6f6f6f;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.complex_card-contacts-7__group p:not(:last-child) {
    margin-bottom: 8px;
}

.complex_card-contacts-7__group a {
    display: block;
    color: #e10b17;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-decoration: none;
}

.complex_card-department {
    width: 100%;
    border-radius: 20px;
    background-color: #f9f9fb;
}

@media (max-width: 767px) {
    .complex_card-department {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
}

.complex_card-department.active {
    background-color: #edeff3;
}

.complex_card-department.active .complex_card-department__topic {
    margin-bottom: 24px;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .complex_card-department.active .complex_card-department__topic {
        margin-bottom: 16px;
    }
}

.complex_card-department.active .complex_card-department__topic > button {
    opacity: 0.5;
    transform: rotate(180deg);
}

.complex_card-department.active .complex_card-department__content {
    display: block;
}

.complex_card-department__topic {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;
}

@media (max-width: 1279px) {
    .complex_card-department__topic {
        padding: 32px 20px;
    }
}

@media (max-width: 767px) {
    .complex_card-department__topic {
        padding: 24px 16px;
    }
}

.complex_card-department__topic > h4 {
    color: #252525;
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 767px) {
    .complex_card-department__topic > h4 {
        font-size: 20px;
    }
}

.complex_card-department__topic > button {
    width: 32px;
    height: 32px;
    background: url(../icons/chevron-down-black.svg) no-repeat center;
    transition-duration: 0.3s;
}

.complex_card-department__content {
    display: none;
}

.complex_card-department__content > p {
    margin-bottom: 32px;
    padding-right: 72px;
    padding-left: 40px;
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

@media (max-width: 1279px) {
    .complex_card-department__content > p {
        padding-right: 52px;
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .complex_card-department__content > p {
        margin-bottom: 24px;
        padding-right: 48px;
        font-size: 14px;
    }
}

.complex_card-department__list {
    margin: 0 72px 40px 40px;
    padding: 20px;
    border-radius: 12px;
    background-color: #fff;
}

@media (max-width: 1279px) {
    .complex_card-department__list {
        margin: 0 52px 32px 20px;
    }
}

@media (max-width: 767px) {
    .complex_card-department__list {
        margin: 0 16px 24px;
        padding: 16px;
    }
}

.complex_card-department__list .complex_card-employee {
    width: 100%;
}

.complex__card-doc {
    position: relative;
    border-bottom: 1px solid #ededed;
}

/*.complex__card-doc:first-of-type {
    border-top: 1px solid #ededed;
}*/

.complex__card-doc--last {
    border-bottom: none;
}

.complex__card-doc__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
    padding: 24px;
    background-color: #fff;
    transition-duration: 0.3s;
}

@media (max-width: 1023px) {
    .complex__card-doc__inner {
        padding: 24px 8px;
    }
}

.complex__card-doc--small {
    width: 359px;
}

.complex__card-doc--small .complex__card-doc__topic {
    justify-content: space-between;
    width: 100%;
    display: flex;
    gap: 0;
    align-items: center;
}

.complex__card-doc--small .complex__card-doc__ext {
    position: static;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.complex__card-doc--small .complex__card-doc__title-m {
    width: auto;
}

.complex__card-doc:hover .complex__card-doc__inner {
    border-radius: 20px;
    background-color: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex__card-doc__topic {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
}

.complex__card-doc__ext {
    position: absolute;
    top: 24px;
    right: 24px;
}

@media (max-width: 1279px) {
    .complex__card-doc__ext {
        position: static;
    }
}

.complex__card-doc__title-m {
    padding-right: 70px;
}

@media (max-width: 1279px) {
    .complex__card-doc__title-m {
        padding-right: 0;
    }
}

.complex__card-doc__block-1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.complex__card-doc__group-1 {
    display: flex;
    gap: 8px;
    align-items: center;
}

.complex_card-doc-min {
    display: flex;
    gap: 40px;
    align-items: center;
    padding: 20px;
    border-radius: 16px;
    background-color: #f9f9fb;
}

@media (max-width: 767px) {
    .complex_card-doc-min {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        padding: 16px;
    }
}

.complex_card-doc-min__content {
    display: flex;
    gap: 16px;
    align-items: center;
}

@media (max-width: 767px) {
    .complex_card-doc-min__content {
        flex-direction: column;
        align-items: flex-start;
    }
}

.complex_card-doc-min__content > p {
    color: #252525;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_card-doc-min__content > p {
        font-size: 12px;
    }
}

.complex_card-doc-min__info {
    display: flex;
    gap: 36px;
    align-items: center;
    margin-left: auto;
}

@media (max-width: 767px) {
    .complex_card-doc-min__info {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
}

.complex_card-doc-min__info > p {
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
    white-space: nowrap;
}

.complex_card-doc-min--var-1 {
    padding: 24px;
    border: 1px solid #ededed;
    background-color: #fff;
}

@media (max-width: 767px) {
    .complex_card-doc-min--var-1 {
        padding: 20px;
    }
}

@media (max-width: 1279px) {
    .complex_card-doc-min--var-1 {
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
    }
}

@media (max-width: 1279px) and (max-width: 767px) {
    .complex_card-doc-min--var-1 {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .complex_card-doc-min--var-1 .complex_card-doc-min__content {
        flex-direction: row;
        align-items: center;
    }
}

.complex_card-doc-min--var-1 .complex_card-doc-min__content > p {
    font-weight: 400;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

@media (max-width: 1023px) {
    .complex_card-doc-min--var-1 .complex_card-doc-min__content > p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .complex_card-doc-min--var-1 .complex_card-doc-min__content > p {
        font-size: 12px;
    }
}

.complex_card-doc-min-2 {
    display: flex;
    gap: 32px;
    align-items: center;
    padding: 24px;
    border: 1px solid #ededed;
    border-radius: 12px;
    background-color: #f9f9fb;
}

@media (max-width: 767px) {
    .complex_card-doc-min-2 {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        padding: 16px;
    }
}

.complex_card-doc-min-2__content {
    display: flex;
    gap: 16px;
    align-items: center;
}

@media (max-width: 767px) {
    .complex_card-doc-min-2__content {
        flex-direction: column;
        align-items: flex-start;
    }
}

.complex_card-doc-min-2__content > p {
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

@media (max-width: 1279px) {
    .complex_card-doc-min-2__content > p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .complex_card-doc-min-2__content > p {
        font-size: 12px;
    }
}

.complex_card-employee {
    padding: 16px 0;
}

.complex_card-employee:not(:last-of-type) {
    border-bottom: 1px solid #ededed;
}

.complex_card-employee--active .complex_card-employee__content {
    display: grid;
}

.complex_card-employee__topic {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 767px) {
    .complex_card-employee__topic {
        gap: 16px;
    }
}

.complex_card-employee__topic > h5 {
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 767px) {
    .complex_card-employee__topic > h5 {
        font-size: 16px;
    }
}

.complex_card-employee__content {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 24px;
}

@media (max-width: 1279px) {
    .complex_card-employee__content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .complex_card-employee__content {
        grid-template-columns: 1fr;
    }
}

.complex_card-employee__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    padding: 24px;
    border-radius: 12px;
    background-color: #f9f9fb;
}

@media (max-width: 767px) {
    .complex_card-employee__item {
        padding: 20px 16px;
    }
}

.complex_card-employee__text > p {
    margin-bottom: 16px;
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
}

@media (max-width: 767px) {
    .complex_card-employee__text > p {
        margin-bottom: 8px;
    }
}

.complex_card-employee__text > h4 {
    max-width: 50%;
    margin-bottom: 24px;
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

@media (max-width: 1023px) {
    .complex_card-employee__text > h4 {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .complex_card-employee__text > h4 {
        margin-bottom: 16px;
        font-size: 14px;
    }
}

.complex_card-employee__img {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .complex_card-employee__img {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .complex_card-employee__img {
        max-width: 284px;
    }
}

.complex_card-employee__img > img {
    max-width: 100%;
    margin: 0 auto;
}

.complex_card-events {
    overflow: hidden;
    border: 1px solid #ededed;
    border-radius: 20px;
    background: #fff;
    color: #252525;
    text-decoration: none;
}

.complex_card-events__img {
    position: relative;
    overflow: hidden;
    height: 260px;
    border-radius: 20px;
}

@media (max-width: 1279px) {
    .complex_card-events__img {
        height: 195px;
    }
}

@media (max-width: 1023px) {
    .complex_card-events__img {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .complex_card-events__img {
        height: 0;
        padding-top: 50%;
    }
}

@media (max-width: 530px) {
    .complex_card-events__img {
        padding-top: 64%;
    }
}

@media (max-width: 411px) {
    .complex_card-events__img {
        padding-top: 58%;
    }
}

@media (max-width: 374px) {
    .complex_card-events__img {
        padding-top: 66%;
    }
}

.complex_card-events__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .complex_card-events__img img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.complex_card-events__img-title {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    border-radius: 0 4px 0 8px;
    background: #fff;
}

.complex_card-events__img span {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #6f6f6f;
}

.complex_card-events__img p {
    color: #6f6f6f;
    font-size: 12px;
    line-height: 130%;
}

.complex_card-events__info {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
}

@media (max-width: 767px) {
    .complex_card-events__info {
        padding: 24px 12px;
    }
}

.complex_card-events__info-numbers {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.complex_card-events__info-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 4px;
    background: #e10b17;
}

.complex_card-events__info-label h4 {
    width: fit-content;
    color: #fff;
    font-size: 12px;
    line-height: 120%;
}

.complex_card-events__info-contacts {
    display: flex;
    gap: 10px;
    align-items: center;
}

.complex_card-events__info-contacts img {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.complex_card-events__info-contacts p {
    font-weight: 400;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    opacity: 0.7;
}

.complex_card-events__info h3 {
    display: -webkit-box;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.complex_card-events a {
    color: #252525;
    text-decoration: none;
}

.complex_card-follow {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: hidden;
    width: 100%;
    padding: 40px;
    border-radius: 20px;
    background: #214fe2;
}

@media (max-width: 1279px) {
    .complex_card-follow {
        padding: 32px 20px;
    }
}

@media (max-width: 767px) {
    .complex_card-follow {
        padding: 0;
    }
}

.complex_card-follow__title {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 690px;
    color: #fff;
}

@media (max-width: 1365px) {
    .complex_card-follow__title {
        max-width: 650px;
    }
}

@media (max-width: 1279px) {
    .complex_card-follow__title {
        max-width: 420px;
    }
}

@media (max-width: 767px) {
    .complex_card-follow__title {
        max-width: none;
        padding: 32px 20px 0;
    }
}

.complex_card-follow__title h2 {
    font-weight: 700;
    font-size: 32px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_card-follow__title h2 {
        font-size: 24px;
    }
}

.complex_card-follow__title p {
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

@media (max-width: 1279px) {
    .complex_card-follow__title p {
        font-size: 14px;
    }
}

.complex_card-follow > .UI_button-main {
    width: 212px;
    color: #214fe2;
}

@media (max-width: 767px) {
    .complex_card-follow > .UI_button-main {
        margin-right: 20px;
        margin-left: 20px;
    }
}

.complex_card-follow__pict {
    position: absolute;
    right: 100px;
    bottom: 0;
    height: 100%;
}

@media (max-width: 1279px) {
    .complex_card-follow__pict {
        right: 80px;
    }
}

@media (max-width: 1023px) {
    .complex_card-follow__pict {
        right: -50px;
    }
}

@media (max-width: 767px) {
    .complex_card-follow__pict {
        position: static;
        margin-top: 8px;
    }
}

.complex_card-follow__pict img,
.complex_card-follow__pict picture {
    height: 100%;
}

@media (max-width: 767px) {
    .complex_card-follow__pict img,
    .complex_card-follow__pict picture {
        object-fit: cover;
        width: 100%;
        height: auto;
        min-height: 235px;
    }
}

.complex_card-help {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    padding: 24px;
    border-radius: 20px;
    background-color: #f9f9fb;
}

.complex_card-help__title {
    margin-bottom: 8px;
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

.complex_card-help__text {
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    opacity: 0.8;
}

.complex_card-help__label {
    color: #252525;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
    opacity: 0.5;
}

.complex_card-help__link {
    color: #214fe2;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    text-decoration: none;
}

.complex_card-history {
    position: relative;
    overflow: hidden;
    padding: 40px;
    border-radius: 20px;
    background: linear-gradient(98deg, #ff4f4f 11.15%, #e10b17 93.66%);
}

@media (max-width: 1279px) {
    .complex_card-history {
        padding: 30px 20px;
    }
}

.complex_card-history:before,
.complex_card-history:after {
    content: "";
    position: absolute;
    z-index: 6;
    display: block;
    width: 209px;
    height: 209px;
    border-radius: 100%;
    background: linear-gradient(180deg, #ffffff4d, #ffffff0d);
}

.complex_card-history:before {
    top: -47px;
    left: -128px;
}

.complex_card-history:after {
    bottom: -39px;
    left: -34px;
}

.complex_card-history__content {
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

@media (max-width: 1279px) {
    .complex_card-history__content {
        gap: 20px;
    }
}

.complex_card-history__title {
    display: flex;
    gap: 32px;
    align-items: center;
}

@media (max-width: 1279px) {
    .complex_card-history__title {
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .complex_card-history__title {
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.complex_card-history__title img {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
}

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

.complex_card-history h3 {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    text-transform: uppercase;
}

.complex_card-history-about {
    position: relative;
    overflow: hidden;
    height: 280px;
    padding: 24px;
    border-radius: 20px;
    background: linear-gradient(281deg, #ffeced 10.96%, #f7f4f4 98.63%), #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-history-about {
        height: 400px;
        padding: 20px;
    }
}

@media (max-width: 411px) {
    .complex_card-history-about {
        height: 370px;
    }
}

.complex_card-history-about__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 50%;
}

@media (max-width: 1279px) {
    .complex_card-history-about__content {
        max-width: none;
    }
}

.complex_card-history-about h3 {
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_card-history-about h3 {
        font-size: 20px;
    }
}

.complex_card-history-about p {
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_card-history-about p {
        font-size: 16px;
    }
}

.complex_card-history-about__img {
    position: absolute;
    right: -90px;
    bottom: -120px;
    width: 360px;
    aspect-ratio: 1/1;
}

@media (max-width: 1919px) {
    .complex_card-history-about__img {
        right: -80px;
        bottom: -90px;
        width: 300px;
    }
}

@media (max-width: 1279px) {
    .complex_card-history-about__img {
        width: 280px;
    }
}

@media (max-width: 767px) {
    .complex_card-history-about__img {
        right: -60px;
    }
}

@media (max-width: 411px) {
    .complex_card-history-about__img {
        right: -70px;
        bottom: -80px;
        width: 250px;
    }
}

.complex_card-history-about__img:before,
.complex_card-history-about__img:after {
    content: "";
    position: absolute;
    border-radius: 100%;
}

.complex_card-history-about__img:before {
    top: -45px;
    right: -45px;
    bottom: -45px;
    left: -45px;
    z-index: 1;
    background-color: #e10b17;
}

@media (max-width: 1919px) {
    .complex_card-history-about__img:before {
        top: -40px;
        right: -40px;
        bottom: -40px;
        left: -40px;
    }
}

@media (max-width: 411px) {
    .complex_card-history-about__img:before {
        top: -35px;
        right: -35px;
        bottom: -35px;
        left: -35px;
    }
}

.complex_card-history-about__img:after {
    top: -100px;
    right: -100px;
    bottom: -100px;
    left: -100px;
    background-color: #ff5050;
}

@media (max-width: 1919px) {
    .complex_card-history-about__img:after {
        top: -80px;
        right: -80px;
        bottom: -80px;
        left: -80px;
    }
}

@media (max-width: 411px) {
    .complex_card-history-about__img:after {
        top: -70px;
        right: -70px;
        bottom: -70px;
        left: -70px;
    }
}

.complex_card-history-about__img > img {
    position: relative;
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

@media (min-width: 1280px) {
    .complex_card-history-about--long {
        height: 568px;
    }

    .complex_card-history-about--long .complex_card-history-about__content {
        max-width: 100%;
    }

    .complex_card-history-about--long .complex_card-history-about__img {
        right: -120px;
        bottom: -80px;
    }
}

@media (min-width: 1280px) and (max-width: 1919px) {
    .complex_card-history-about--long .complex_card-history-about__img {
        right: -100px;
        bottom: -50px;
    }
}

@media (min-width: 1280px) and (max-width: 1365px) {
    .complex_card-history-about--long .complex_card-history-about__img {
        right: -115px;
    }
}

.complex_card-history-cloud {
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
    width: 250px;
    padding: 20px;
    border-radius: 20px;
    background: #f9f9fb;
    box-shadow: 8px 8px 32px -4px #00133929;
}

@media (max-width: 767px) {
    .complex_card-history-cloud {
        padding: 12px;
    }
}

.complex_card-history-cloud h4 {
    font-weight: 800;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .complex_card-history-cloud h4 {
        font-size: 12px;
    }
}

.complex_card-history-cloud h3 {
    color: #e10b17;
    font-weight: 800;
    font-size: 18px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
}

@media (max-width: 767px) {
    .complex_card-history-cloud h3 {
        font-size: 12px;
    }
}

.complex_card-history-map-cloud {
    position: absolute;
    padding: 12px 16px;
    border-radius: 12px;
    background: #f9f9fb;
    box-shadow: 8px 8px 32px -4px #00133929;
}

.complex_card-history-map-cloud:before {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    height: 8px;
    background: url(../icons/history-cloud.svg) no-repeat center/contain;
}

.complex_card-history-map-cloud h4 {
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

@media (max-width: 767px) {
    .complex_card-history-map-cloud h4 {
        font-size: 12px;
    }
}

.complex_history-mission {
    position: relative;
    display: flex;
    flex-shrink: 0;
    width: 224px;
    height: 220px;
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(98deg, #ff4f4f 11.15%, #e10b17 93.66%);
}

@media (max-width: 1919px) {
    .complex_history-mission {
        width: 205px;
    }
}

@media (max-width: 1279px) {
    .complex_history-mission {
        width: 172px;
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .complex_history-mission {
        height: 120px;
        padding: 20px 16px;
    }
}

.complex_history-mission:before,
.complex_history-mission:after {
    content: "";
    position: absolute;
    display: block;
}

.complex_history-mission:before {
    width: 209px;
    height: 209px;
}

.complex_history-mission:after {
    right: -55px;
    width: 55px;
    height: 63px;
    background: url(../images/history-decoration-mission-2.svg) no-repeat center/contain;
}

@media (max-width: 1365px) {
    .complex_history-mission:after {
        right: -35px;
        width: 35px;
    }
}

@media (max-width: 1279px) {
    .complex_history-mission:after {
        right: -26px;
        width: 26px;
        height: 63px;
    }
}

@media (max-width: 767px) {
    .complex_history-mission br {
        display: none;
    }
}

.complex_history-mission h3 {
    margin-top: auto;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .complex_history-mission h3 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .complex_history-mission h3 {
        margin-top: 0;
    }
}

.complex_history-mission > img {
    display: block;
    flex-shrink: 0;
    width: 55px;
    height: 63px;
}

.complex_history-mission__decor {
    width: 130px;
    height: 130px;
}

.complex_history-mission__decor,
.complex_history-mission:before {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffffff4d, #ffffff0d);
}

.complex_card-history-regions {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 20px;
    background: #f9f9fb;
}

@media (max-width: 767px) {
    .complex_card-history-regions {
        padding: 24px 20px;
    }
}

.complex_card-history-regions p {
    font-size: 16px;
    line-height: 140%;
}

.complex_card-history-regions__content {
    display: flex;
    gap: 12px;
    align-items: center;
}

.complex_card-history-regions__content img {
    flex-shrink: 0;
    width: 28px;
    height: 18px;
}

.complex_card-history-regions__text {
    display: none;
}

.complex_card-history-regions--info .complex_card-history-regions__text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.complex_card-info {
    width: 100%;
    max-width: 100%;
    padding-bottom: 24px;
    border-radius: 20px;
    text-decoration: none;
}

.complex_card-info:hover {
    border-radius: 20px;
}

.complex_card-info:hover .complex_card-info__img:before {
    opacity: 1;
    visibility: visible;
}

.complex_card-info:hover .complex_card-info__block > a,
.complex_card-info:hover .complex_card-info__block > p {
    color: #e10b17;
}

.complex_card-info__img {
    position: relative;
    overflow: hidden;
    height: 0;
    margin-bottom: 24px;
    padding-top: 197px;
    border-radius: 20px;
}

.complex_card-info__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #25252580, #25252580);
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.3s;
}

.complex_card-info__img > img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.complex_card-info__block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.complex_card-info__block > a,
.complex_card-info__block > p {
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
    text-decoration: none;
    transition-duration: 0.3s;
}
.complex_card-info__block > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    min-height: 80px;
    max-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

@media (max-width: 1279px) {
    .complex_card-info__block > a,
    .complex_card-info__block > p {
        font-size: 16px;
        line-height: 130%;
    }
}

.complex_card-info__group-1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.complex_card-info__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.complex_card-info__icon-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
}

.complex_card-info--bor {
    border: 1px solid #ededed;
}

.complex_card-info--bor .complex_card-info__block {
    padding: 0 24px;
}

.complex_card-info--white {
    background-color: #fff;
}

.complex_card-info--white .complex_card-info__block {
    padding: 0 24px;
}

.complex_card-info--gray {
    background-color: #fff3;
}

.complex_card-info--gray .complex_card-info__block {
    padding: 0 24px;
}

@media (max-width: 767px) {
    .complex_card-info--ver-2 {
        max-width: 400px;
    }
}

.complex_card-info--ver-3 .complex_card-info__block > a,
.complex_card-info--ver-3 .complex_card-info__block > p {
    color: #fff;
}

.complex_card-info--ver-3 .complex_card-info__tags .UI_tag {
    border-radius: 4px;
    background: #f9f9fb;
    color: #252525;
}

.complex_card-info--ver-3 .UI_tag-icon > p {
    color: #fff;
}

.complex_card-info--ver-3:hover {
    border-radius: 20px;
}

.complex_card-info--ver-3:hover .complex_card-info__block > a,
.complex_card-info--ver-3:hover .complex_card-info__block > p {
    color: #fff;
}

.complex_card-info--text-s .complex_card-info__block > a,
.complex_card-info--text-s .complex_card-info__block > p {
    font-size: 16px;
    line-height: 130%;
}

.complex_card-info-desc {
    padding-bottom: 24px;
    border-radius: 20px;
}

.complex_card-info-desc__image {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    height: 220px;
    margin-bottom: 24px;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}

.complex_card-info-desc__image > img {
    position: relative;
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .complex_card-info-desc__image > img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.complex_card-info-desc__image > div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(0deg, #25252580, #25252580);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.complex_card-info-desc:hover .complex_card-info-desc__image {
    border-radius: 24px;
}

.complex_card-info-desc:hover .complex_card-info-desc__image > div {
    z-index: 2;
    opacity: 1;
}

.complex_card-info-desc__block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.complex_card-info-desc__group-1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.complex_card-info-desc__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
}

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

.complex_card-info-desc--white {
    background-color: #fff;
}

.complex_card-info-desc--gray {
    background-color: #fff3;
}

.complex_card-info-desc--gray .complex_card-info__block {
    padding: 0 24px;
}

.complex_card-info-desc--video .complex_card-info-desc__image {
    height: 200px;
}

@media (max-width: 1365px) {
    .complex_card-info-desc--video .complex_card-info-desc__image {
        height: 180px;
    }
}

@media (max-width: 1279px) {
    .complex_card-info-desc--video .complex_card-info-desc__image {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .complex_card-info-desc--video .complex_card-info-desc__image {
        width: 100%;
        height: 0;
        padding-top: 63%;
    }
}

.complex_card-info-desc--video .complex_card-info-desc__image:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background: #e10b17 url(../icons/play.svg) no-repeat 55% center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    transform: translate(-50%, -50%);
}

.complex_card-info-desc--video:hover .complex_card-info-desc__image:after {
    opacity: 1;
    visibility: visible;
}

.complex_card-material {
    overflow: hidden;
    width: 100%;
    border: 1px solid #ededed;
    border-radius: 20px;
    background-color: #f9f9fb;
}

.complex_card-material__content {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .complex_card-material__content {
        padding: 24px 16px;
    }
}

.complex_card-material__content-file {
    display: flex;
    gap: 12px;
    align-items: center;
}

.complex_card-material__content-file > h4 {
    font-size: 16px;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_card-material__content-file > h4 {
        font-size: 14px;
    }
}

.complex_card-material__content .complex__card-doc__material span {
    transform: rotate(90deg);
}

.complex_card-material__pic {
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
}

.complex_card-material__pic > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.complex_card-media {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-decoration: none;
}

.complex_card-media:hover .complex_card-media__img:before {
    opacity: 1;
}

.complex_card-media:hover .complex_card-media__info > h3 {
    color: #e10b17;
}

.complex_card-media__img {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

.complex_card-media__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #25252580, #25252580);
    opacity: 0;
    transition-duration: 0.3s;
}

.complex_card-media__img img {
    object-fit: cover;
    width: 100%;
    max-height: 215px;
}

@media (max-width: 1023px) {
    .complex_card-media__img img {
        max-height: 240px;
    }
}

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

.complex_card-media__info-label {
    width: fit-content;
    padding: 5px 8px;
    border-radius: 4px;
    background: #f9f9fb;
}

.complex_card-media__info h4 {
    color: #252525;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
}

.complex_card-media__info h3 {
    display: -webkit-box;
    overflow: hidden;
    max-width: 100%;
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-overflow: ellipsis;
    transition-duration: 0.3s;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.complex_card-poster {
    overflow: hidden;
    width: 320px;
    border-radius: 20px;
    background-color: #fff;
}

.complex_card-poster__picture {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 214px;
    border-radius: 12px;
    background-color: #214fe2;
}

.complex_card-poster__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    padding: 24px 16px;
}

.complex_card-poster__block-1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.complex_card-poster__tag-point {
    position: absolute;
    top: 0;
    right: 0;
}

.complex_card-poster__icon-topic {
    position: absolute;
    bottom: 0;
    left: 0;
}

.complex_card-poster__icon-favorite {
    position: absolute;
    right: 8px;
    bottom: 8px;
}

.complex_card-poster__group-1 {
    display: flex;
    gap: 16px;
    align-items: center;
}

.complex_card-poster__group-2 {
    display: flex;
    gap: 4px;
    align-items: center;
}

.complex_card-poster__subgroup-1 {
    display: flex;
    gap: 8px;
    align-items: center;
}

.complex_card-primary {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 20px;
    background-color: #f9f9fb;
}

@media (max-width: 767px) {
    .complex_card-primary {
        padding: 20px;
    }
}

.complex_card-primary h3 {
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    z-index: 1;
}

.complex_card-primary__info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}

.complex_card-primary__numbers {
    display: flex;
    gap: 10px;
    align-items: center;
}

.complex_card-primary__numbers img {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.complex_card-primary__numbers h4 {
    color: #6f6f6f;
    font-size: 12px;
    line-height: 130%;
}

.complex_card-primary__text p {
    display: -webkit-box;
    overflow: hidden;
    max-width: 100%;
    color: #6f6f6f;
    font-size: 12px;
    line-height: 130%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.complex_card-qr {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
}

@media (max-width: 1023px) {
    .complex_card-qr {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.complex_card-qr > div {
    height: 100%;
}

.complex_card-qr > div > h4 {
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

.complex_card-qr > div > p {
    margin-top: 8px;
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
}

.complex_card-qr > a {
    justify-content: center;
    width: 100%;
    max-width: 214px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 767px) {
    .complex_card-qr > a {
        max-width: 248px;
    }
}

.complex_card-quote {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    padding: 40px;
    border-radius: 20px;
    background-color: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_card-quote {
        gap: 16px;
        padding: 24px;
    }
}

.complex_card-quote > p {
    color: #6f6f6f;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_card-quote > p {
        font-size: 16px;
        line-height: 130%;
    }
}

@media (max-width: 767px) {
    .complex_card-quote > p {
        font-size: 14px;
        line-height: 120%;
    }
}

.complex_card-quote h2,
.complex_card-quote h3 {
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
}

@media (max-width: 1279px) {
    .complex_card-quote h2,
    .complex_card-quote h3 {
        font-size: 16px;
    }
}

.complex_card-quote div,
.complex_card-quote div p {
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

@media (max-width: 1279px) {
    .complex_card-quote div,
    .complex_card-quote div p {
        font-size: 14px;
    }
}

.complex_card-quote__group-1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.complex__card-partners {
    overflow: hidden;
    height: 100%;
    border: 1px solid #ededed;
    border-radius: 20px;
    background-color: #fff;
}

.complex__card-partners__pic {
    overflow: hidden;
    height: 300px;
    border-radius: 20px;
}

@media (max-width: 1919px) {
    .complex__card-partners__pic {
        height: 280px;
    }
}

@media (max-width: 1023px) {
    .complex__card-partners__pic {
        height: 226px;
    }
}

@media (max-width: 767px) {
    .complex__card-partners__pic {
        height: 252px;
    }
}

@media (max-width: 411px) {
    .complex__card-partners__pic {
        height: 186px;
    }
}

.complex__card-partners__pic > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.complex__card-partners__logo {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 85px;
    padding: 15px;
    border-radius: 0 20px;
    background: #fffc;
}

@media (max-width: 1023px) {
    .complex__card-partners__logo {
        width: 85px;
        height: 60px;
        padding: 10px;
        border-radius: 0 12px;
    }
}

.complex__card-partners__up {
    position: relative;
}

.complex__card-partners__down {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: -10px;
    padding: 34px 24px 24px;
}

@media (max-width: 1023px) {
    .complex__card-partners__down {
        padding: 26px 16px 16px;
    }
}

.complex__card-partners__down h3 {
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 767px) {
    .complex__card-partners__down h3 {
        font-size: 14px;
    }
}

.complex__card-partners__down p {
    color: #6f6f6f;
    font-size: 12px;
    line-height: 130%;
}

.complex_card-study {
    position: relative;
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
    transition-duration: 0.3s;
}

@media (max-width: 1023px) {
    .complex_card-study {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .complex_card-study {
        padding-right: 8px;
        padding-left: 8px;
    }
}

.complex_card-study:before,
.complex_card-study:after {
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #ededed;
}

.complex_card-study:before {
    top: 0;
}

.complex_card-study:after {
    bottom: 0;
}

.complex_card-study:hover {
    background-color: #f9f9fb;
}

.complex_card-study:hover .UI_button-arrow > span {
    background-image: url(../icons/arrow-down-circle-fill.svg);
}

.complex_card-study:not(:first-of-type):before {
    display: none;
}

.complex_card-study__content {
    display: flex;
    gap: 24px;
}

@media (max-width: 1023px) {
    .complex_card-study__content {
        flex-direction: column-reverse;
        gap: 16px;
    }
}

.complex_card-study__content h4 {
    color: #6f6f6f;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
}

.complex_card-study__content h3 {
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_card-study__content h3 {
        font-size: 16px;
    }
}

.complex_card-study__content-label {
    width: fit-content;
    padding: 5px 8px;
    border-radius: 4px;
    background: #f9f9fb;
}

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

.complex_card-study__content-numbers {
    display: flex;
    gap: 10px;
    align-items: center;
}

.complex_card-study__content-numbers img {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.complex_card-study__content-numbers p {
    color: #252525;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    opacity: 0.7;
}

.complex_card-study__content-left {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width: 1023px) {
    .complex_card-study__content-left {
        gap: 12px;
    }
}

.complex_card-study__content-right {
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 20px;
}

.complex_card-study__content-right img {
    object-fit: cover;
    width: 318px;
}

@media (max-width: 1023px) {
    .complex_card-study__content-right img {
        width: 364px;
    }
}

@media (max-width: 767px) {
    .complex_card-study__content-right img {
        width: 100%;
        max-height: 203px;
    }
}

@media (max-width: 411px) {
    .complex_card-study__content-right img {
        max-height: 183px;
    }
}

.complex__card-ways {
    position: relative;
    overflow: hidden;
    min-height: 227px;
    padding: 40px;
    border-radius: 20px;
}

@media (max-width: 1279px) {
    .complex__card-ways {
        min-height: auto;
        padding: 32px 24px;
    }
}

@media (max-width: 767px) {
    .complex__card-ways {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 411px) {
    .complex__card-ways {
        padding: 0;
    }
}

.complex__card-ways__text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
}

.complex__card-ways__text h3 {
    color: #252525;
    font-weight: 700;
    font-size: 32px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 767px) {
    .complex__card-ways__text h3 {
        font-size: 24px;
        word-wrap: break-word;
    }
}

@media (max-width: 374px) {
    .complex__card-ways__text h3 {
        font-weight: 500;
        font-size: 20px;
    }
}

.complex__card-ways__text p {
    color: #252525;
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 767px) {
    .complex__card-ways__text p {
        font-weight: 500;
        font-size: 20px;
    }
}

@media (max-width: 374px) {
    .complex__card-ways__text p {
        font-size: 16px;
    }
}

.complex__card-ways__container {
    max-width: 800px;
}

@media (max-width: 1365px) {
    .complex__card-ways__container {
        max-width: 640px;
    }
}

@media (max-width: 1279px) {
    .complex__card-ways__container {
        max-width: 440px;
    }
}

@media (max-width: 1023px) {
    .complex__card-ways__container {
        position: relative;
        z-index: 9;
        max-width: none;
        margin-bottom: 10px;
    }
}

@media (max-width: 411px) {
    .complex__card-ways__container {
        padding: 20px 20px 0;
    }
}

.complex__card-ways__content {
    position: relative;
    z-index: -1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.complex__card-ways__content p {
    font-size: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.complex__card-ways__content.active {
    z-index: 9;
    height: auto;
    margin-bottom: 24px;
    opacity: 1;
}

.complex__card-ways__btn-open.active {
    width: 48px;
    height: 48px;
    padding: 8px;
    opacity: 0.6;
}

.complex__card-ways__btn-open.active span {
    display: none;
}

.complex__card-ways__btn-open.active img {
    transform: rotate(180deg);
}

.complex__card-ways__btns {
    display: flex;
    gap: 16px;
}

.complex__card-ways__btns a,
.complex__card-ways__btns button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #f9f9fb;
}

.complex__card-ways__btns a {
    width: 48px;
    height: 48px;
    padding: 8px;
    text-decoration: none;
}

.complex__card-ways__btns button {
    gap: 12px;
    align-items: center;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

.complex__card-ways__btns button span {
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

.complex__card-ways__btns button img {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.complex__card-ways__img {
    position: absolute;
    right: -20px;
    bottom: -130px;
    width: 350px;
    aspect-ratio: 1/1;
}

@media (max-width: 1279px) {
    .complex__card-ways__img {
        right: -15px;
        bottom: -120px;
    }
}

@media (max-width: 1023px) {
    .complex__card-ways__img {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 90px 35px -130px auto;
    }
}

@media (max-width: 767px) {
    .complex__card-ways__img {
        margin: 80px auto -150px -40px;
    }
}

@media (max-width: 411px) {
    .complex__card-ways__img {
        margin-top: 50px;
        margin-bottom: -100px;
        margin-left: -60px;
    }
}

@media (max-width: 374px) {
    .complex__card-ways__img {
        margin-top: 40px;
        margin-bottom: -110px;
        margin-left: -90px;
    }
}

.complex__card-ways__img:before,
.complex__card-ways__img:after {
    content: "";
    position: absolute;
    border-radius: 100%;
}

.complex__card-ways__img:before {
    top: -35px;
    right: -35px;
    bottom: -35px;
    left: -35px;
    z-index: 1;
}

@media (max-width: 411px) {
    .complex__card-ways__img:before {
        top: -35px;
        right: -35px;
        bottom: -35px;
        left: -35px;
    }
}

.complex__card-ways__img:after {
    top: -75px;
    right: -75px;
    bottom: -75px;
    left: -75px;
}

@media (max-width: 411px) {
    .complex__card-ways__img:after {
        top: -70px;
        right: -70px;
        bottom: -70px;
        left: -70px;
    }
}

.complex__card-ways__img > img {
    position: relative;
    z-index: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.complex__card-ways.active .complex__card-ways__img {
    bottom: -80px;
}

@media (max-width: 1023px) {
    .complex__card-ways.active .complex__card-ways__img {
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .complex__card-ways.active .complex__card-ways__img {
        margin-top: 40px;
    }
}

.complex__card-ways--coral {
    background-color: #f8c4c4;
}

.complex__card-ways--coral .complex__card-ways__img:before {
    background-color: #ff9b9b;
}

.complex__card-ways--coral .complex__card-ways__img:after {
    background-color: #ffb3b3;
}

.complex__card-ways--purple-100 {
    background-color: #d9ddff;
}

.complex__card-ways--purple-100 .complex__card-ways__img:before {
    background-color: #a4adff;
}

.complex__card-ways--purple-100 .complex__card-ways__img:after {
    background-color: #c0c7ff;
}

.complex__card-ways--green {
    background-color: #d3fbd6;
}

.complex__card-ways--green .complex__card-ways__img:before {
    background-color: #81ff8a;
}

.complex__card-ways--green .complex__card-ways__img:after {
    background-color: #abffb2;
}

.complex__card-ways--yellow {
    background-color: #f9f0c6;
}

.complex__card-ways--yellow .complex__card-ways__img:before {
    background-color: #ffec94;
}

.complex__card-ways--yellow .complex__card-ways__img:after {
    background-color: #fff1af;
}

.complex__card-ways--purple-200 {
    background-color: #fae2fe;
}

.complex__card-ways--purple-200 .complex__card-ways__img:before {
    background-color: #f098ff;
}

.complex__card-ways--purple-200 .complex__card-ways__img:after {
    background-color: #f4b5ff;
}

.complex__card-ways--blue {
    background-color: #cdf9fd;
}

.complex__card-ways--blue .complex__card-ways__img:before {
    background-color: #90f6ff;
}

.complex__card-ways--blue .complex__card-ways__img:after {
    background-color: #b4f9ff;
}

@keyframes no-transform {
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.carousel {
    max-width: 100%;
}

.carousel__line {
    display: flex;
    gap: 16px;
    align-items: stretch;
    width: fit-content;
}

.carousel__item {
    overflow: hidden;
    width: 167px;
    border-radius: 12px;
    background-color: #f9f9fb;
}

.checkbox-filter {
    position: relative;
    width: 100%;
    height: 52px;
    padding: 7px 36px 7px 12px;
    border-radius: 12px;
    background-color: #f9f9fb;
    cursor: pointer;
}

.checkbox-filter > p {
    margin-bottom: 2px;
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
}

.checkbox-filter > label {
    display: flex;
    align-items: center;
    width: 100%;
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    white-space: nowrap;
    cursor: pointer;
}

.checkbox-filter > label > span {
    color: #e10b17;
    font-weight: 500;
    font-family: Pragmatica Extended, arial, sans-serif;
}

.checkbox-filter__control {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 20px;
    height: 20px;
    background: url(../icons/chevron-down.svg) no-repeat center/cover;
    transform: translateY(-50%);
}

.checkbox-filter__list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
    overflow: hidden;
    width: 100%;
    padding: 4px 0;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 8px 8px 32px -4px #00133929;
    list-style: none;
    transform: translateY(4px);
}

.checkbox-filter__list--active {
    display: block;
}

@media (max-width: 1279px) {
    .checkbox-filter--modal-transform {
        height: auto;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        cursor: default;
    }
}

@media (max-width: 1279px) {
    .checkbox-filter--modal-transform > p {
        margin-bottom: 16px;
        color: #252525;
        font-weight: 500;
        font-family: Pragmatica Extended, arial, sans-serif;
        line-height: 120%;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }
}

@media (max-width: 1279px) {
    .checkbox-filter--modal-transform > label {
        display: none;
    }
}

@media (max-width: 1279px) {
    .checkbox-filter--modal-transform .checkbox-filter__list {
        position: static;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        box-shadow: none;
        transform: none;
    }
}

@media (max-width: 1279px) {
    .checkbox-filter--modal-transform .checkbox-filter__list .checkbox-filter-item {
        overflow: hidden;
        width: fit-content;
        border-radius: 4px;
    }
}

@media (max-width: 1279px) {
    .checkbox-filter--modal-transform .checkbox-filter__list .checkbox-filter-item > input:checked + label {
        background-color: #ff424d !important;
        color: #fff !important;
    }
}

@media (max-width: 1279px) {
    .checkbox-filter--modal-transform .checkbox-filter__list .checkbox-filter-item > label {
        padding: 5px 8px;
        font-size: 12px;
    }
}

@media (max-width: 1279px) {
    .checkbox-filter--modal-transform .checkbox-filter__list .checkbox-filter-item > label:before {
        display: none;
    }
}

@media (max-width: 1279px) {
    .checkbox-filter--modal-transform .checkbox-filter__control {
        display: none;
    }
}

.checkbox-filter-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    color: #6f6f6f;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    cursor: pointer;
}

.checkbox-filter-item > span {
    position: absolute;
    top: calc(50% + 1px);
    left: 12px;
    z-index: 1;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../icons/checkbox-unchecked.svg) no-repeat center/contain;
    transition: background 0.5s ease;
    transform: translateY(-50%);
}

.checkbox-filter-item > input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.checkbox-filter-item > input:checked + span {
    background-image: url(../icons/checkbox-checked.svg);
}

.checkbox-filter-item > input:focus ~ label:before {
    content: "";
}

.checkbox-filter-item > label {
    position: relative;
    top: 2px;
    width: 100%;
    padding: 8px 12px 8px 40px;
    background-color: #f9f9fb;
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.checkbox-filter-item > label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #252525;
}

.complex_contacts-tab {
    overflow: hidden;
    border-radius: 20px;
    background-color: #f9f9fb;
    transition: background 0.3s ease;
}

.complex_contacts-tab:hover,
.complex_contacts-tab.active {
    background-color: #edeff3;
}

.complex_contacts-tab .UI_button-icons {
    max-width: 225px;
}

.complex_contacts-tab .UI_button-icons > img:last-of-type {
    display: none;
}

@media (max-width: 767px) {
    .complex_contacts-tab .UI_tag-pict {
        gap: 12px;
    }
}

@media (max-width: 411px) {
    .complex_contacts-tab .UI_tag-pict {
        min-width: auto;
    }
}

@media (max-width: 767px) {
    .complex_contacts-tab .UI_tag-pict > p {
        font-size: 12px;
    }
}

.complex_contacts-tab__title {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .complex_contacts-tab__title {
        padding: 24px;
    }
}

@media (max-width: 1023px) {
    .complex_contacts-tab__title {
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .complex_contacts-tab__title {
        padding: 24px 16px;
    }
}

.complex_contacts-tab__title h3 {
    font-weight: 500;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_contacts-tab__title h3 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .complex_contacts-tab__title h3 {
        font-size: 16px;
    }
}

.complex_contacts-tab__title.active .complex_contacts-tab__button {
    opacity: 0.5;
}

.complex_contacts-tab__title.active .complex_contacts-tab__button:before {
    transform: rotate(180deg);
}

.complex_contacts-tab__button {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    transition-duration: 0.3s;
}

.complex_contacts-tab__button:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../icons/chevron-down-black.svg) no-repeat center;
    transition-duration: 0.3s;
}

.complex_contacts-tab__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 0;
    padding: 0 40px;
    opacity: 0;
    transition: all 0.5s ease;
}

@media (max-width: 1279px) {
    .complex_contacts-tab__content {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (max-width: 1023px) {
    .complex_contacts-tab__content {
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .complex_contacts-tab__content {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.complex_contacts-tab__content.active {
    height: auto;
    margin-top: -16px;
    padding-bottom: 40px;
    opacity: 1;
}

@media (max-width: 1279px) {
    .complex_contacts-tab__content.active {
        margin-top: 0;
        padding-bottom: 24px;
    }
}

@media (max-width: 1023px) {
    .complex_contacts-tab__content.active {
        margin-top: -4px;
    }
}

.complex_contacts-tab__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

@media (max-width: 1023px) {
    .complex_contacts-tab__items {
        grid-template-columns: 1fr;
    }
}

.complex_contacts-tab__numbers {
    display: flex;
    gap: 54px;
    align-items: center;
}

@media (max-width: 1919px) {
    .complex_contacts-tab__numbers {
        gap: 24px;
    }
}

@media (max-width: 1023px) {
    .complex_contacts-tab__numbers {
        gap: 80px;
    }
}

@media (max-width: 767px) {
    .complex_contacts-tab__numbers {
        gap: 16px;
    }
}

.complex_contacts-tab__numbers:nth-of-type(1) {
    grid-column: 1/3;
}

@media (max-width: 1023px) {
    .complex_contacts-tab__numbers:nth-of-type(1) {
        grid-column: 1/2;
    }
}

.complex_contacts-tab__numbers p,
.complex_contacts-tab__numbers a {
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-decoration: none;
}

@media (max-width: 767px) {
    .complex_contacts-tab__numbers p,
    .complex_contacts-tab__numbers a {
        font-size: 14px;
    }
}

@media (max-width: 374px) {
    .complex_contacts-tab__numbers p,
    .complex_contacts-tab__numbers a {
        font-size: 12px;
    }
}

.complex_contacts-tab__numbers a {
    color: #e10b17;
}

.complex_contacts-tab__numbers .UI_tag-pict {
    min-width: 160px;
}

@media (max-width: 1023px) {
    .complex_contacts-tab__numbers .UI_tag-pict {
        min-width: 150px;
    }
}

@media (max-width: 411px) {
    .complex_contacts-tab__numbers .UI_tag-pict {
        width: 100px;
        min-width: 100px;
    }
}

@media (max-width: 374px) {
    .complex_contacts-tab__numbers .UI_tag-pict {
        width: auto;
        min-width: auto;
    }
}

.complex_contacts-tab__numbers .UI_tag-pict > p {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .complex_contacts-tab__numbers .UI_tag-pict > p {
        font-size: 12px;
    }
}

.complex_contacts-tab__address p {
    display: inline;
}

.complex_contacts-tab__address .UI_button-copy {
    position: relative;
    top: 6px;
    left: 4px;
    display: inline-block;
    margin-top: -6px;
}

.complex-departments {
    position: relative;
    overflow: hidden;
    margin: 30px 10px 64px;
    padding: 64px 40px;
    border-radius: 16px;
    background: linear-gradient(180deg, #214fe2, #1547e8);
}

@media (max-width: 1279px) {
    .complex-departments {
        margin-top: 10px;
        margin-bottom: 40px;
        padding: 32px 20px;
    }
}

@media (max-width: 1023px) {
    .complex-departments {
        margin-bottom: 32px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complex-departments {
        padding-bottom: 240px;
    }
}

@media (max-width: 767px) {
    .complex-departments {
        margin-right: 0;
        margin-left: 0;
        padding-right: 16px;
        padding-left: 16px;
    }
}

.complex-departments__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 810px;
    background: url(../icons/map-bg.png) no-repeat center/cover;
}

.complex-departments__shape-2 {
    position: absolute;
    right: 0;
    bottom: 75px;
    width: 527px;
    height: 687px;
    background: url(../images/map-2.png) no-repeat center/cover;
}

@media (max-width: 1279px) {
    .complex-departments__shape-2 {
        right: -70px;
        bottom: 40px;
        width: 440px;
        height: 580px;
    }
}

@media (max-width: 1023px) {
    .complex-departments__shape-2 {
        bottom: -15px;
    }
}

@media (max-width: 767px) {
    .complex-departments__shape-2 {
        right: -30px;
        bottom: 140px;
        width: 295px;
        height: 350px;
    }
}

@media (max-width: 411px) {
    .complex-departments__shape-2 {
        right: -115px;
        bottom: 400px;
        width: 280px;
        height: 330px;
    }
}

.complex-departments .UI_title-page {
    margin-bottom: 56px;
}

@media (max-width: 1279px) {
    .complex-departments .UI_title-page {
        margin-bottom: 32px;
    }
}

.complex-departments .UI_search-select {
    width: 676px;
    margin-bottom: 40px;
}

@media (max-width: 1279px) {
    .complex-departments .UI_search-select {
        margin-bottom: 32px;
    }
}

@media (max-width: 1023px) {
    .complex-departments .UI_search-select {
        width: 100%;
    }
}

.complex-departments__list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

@media (max-width: 1023px) {
    .complex-departments__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .complex-departments__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 411px) {
    .complex-departments__list {
        grid-template-columns: 1fr;
    }
}

.complex-departments__block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .complex-departments__block {
        display: contents;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complex-departments__block-2 .complex-departments__group:nth-of-type(1) {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(74%);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complex-departments__block-3 {
        flex-direction: row;
        grid-column: 2/4;
        order: 4;
        margin-top: -220px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complex-departments__block-3 .complex-departments__group {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complex-departments__block-3 .complex-departments__group:nth-of-type(2) {
        margin-top: -270px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complex-departments__block-4 {
        order: 3;
    }
}

@media (min-width: 412px) and (max-width: 767px) {
    .complex-departments__block-4 .complex-departments__group:nth-of-type(2) {
        grid-column: 1/3;
    }
}

.complex-departments__group {
    padding: 24px 0;
}

@media (max-width: 1279px) {
    .complex-departments__group {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

.complex-departments__group > h4 {
    margin-bottom: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .complex-departments__group > h4 {
        font-size: 14px;
    }
}

.complex-departments__group > ul > li > a {
    color: #fff;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 140%;
    text-decoration: none;
    opacity: 0.8;
    transition-duration: 0.3s;
}

.complex-departments__group > ul > li > a:hover {
    opacity: 1;
}

.complex-departments__group > ul > li:not(:last-of-type) {
    margin-bottom: 8px;
}

.complex-departments--no-shape-1 .complex-departments__shape-1 {
    display: none;
}

.complex_departments-tab {
    overflow: hidden;
    border-radius: 20px;
    background-color: #edeff3;
}

.complex_departments-tab .UI_tag {
    background-color: #214fe2;
    z-index: 1;
}

.complex_departments-tab__title {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px;
    cursor: pointer;
}

@media (max-width: 1919px) {
    .complex_departments-tab__title {
        gap: 20px;
    }
}

@media (max-width: 1279px) {
    .complex_departments-tab__title {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (max-width: 767px) {
    .complex_departments-tab__title {
        padding: 32px 20px;
    }
}

.complex_departments-tab__title.active {
    padding-bottom: 0;
}

.complex_departments-tab__title.active .complex_departments-tab__button {
    opacity: 0.5;
    transform: rotate(180deg);
}

.complex_departments-tab__title-mark {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
}

.complex_departments-tab__title h3 {
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_departments-tab__title h3 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .complex_departments-tab__title h3 {
        font-size: 16px;
    }
}

.complex_departments-tab__button {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    transition: all 0.5s ease;
}

.complex_departments-tab__button:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../icons/chevron-down-black.svg) no-repeat center/contain;
    transition: background 0.5s ease;
}

.complex_departments-tab__content {
    height: 0;
    padding-right: 40px;
    padding-left: 40px;
    opacity: 0;
    transition: all 0.5s ease;
}

@media (max-width: 1279px) {
    .complex_departments-tab__content {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (max-width: 767px) {
    .complex_departments-tab__content {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.complex_departments-tab__content.active {
    height: auto;
    padding-top: 32px;
    padding-bottom: 40px;
    opacity: 1;
}

@media (max-width: 767px) {
    .complex_departments-tab__content.active {
        padding-bottom: 32px;
    }
}

.complex_departments-tab__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

@media (max-width: 1023px) {
    .complex_departments-tab__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .complex_departments-tab__list {
        grid-template-columns: 1fr;
    }
}

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

.complex_faq-tab {
    overflow: hidden;
    border-radius: 20px;
    background-color: #f9f9fb;
    transition: background 0.5s ease;
}

.complex_faq-tab.active {
    background: linear-gradient(90deg, #f7f0f0 0.23%, #fbfafa);
}

@media (max-width: 1279px) {
    .complex_faq-tab.active {
        background: #edeff3;
    }
}

.complex_faq-tab__title {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .complex_faq-tab__title {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 1023px) {
    .complex_faq-tab__title {
        gap: 24px;
    }
}

.complex_faq-tab__title h3 {
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_faq-tab__title h3 {
        font-size: 16px;
    }
}

.complex_faq-tab__title.active .complex_faq-tab__button {
    opacity: 0.5;
}

.complex_faq-tab__title.active .complex_faq-tab__button:before {
    background: url(../icons/faq-close.svg) no-repeat center/contain;
}

.complex_faq-tab__button {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #252525;
    border-radius: 100%;
    transition: opacity 0.5s ease;
}

.complex_faq-tab__button:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../icons/faq-open.svg) no-repeat center/contain;
    transition: background 0.5s ease;
}

.complex_faq-tab__text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 0;
    padding-right: 24px;
    padding-left: 24px;
    opacity: 0;
    transition: all 0.5s ease;
}

@media (max-width: 767px) {
    .complex_faq-tab__text {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.complex_faq-tab__text p {
    color: #6f6f6f;
    font-size: 16px;
    line-height: 140%;
}

@media (max-width: 1279px) {
    .complex_faq-tab__text p {
        font-size: 14px;
    }
}

.complex_faq-tab__text.active {
    height: auto;
    padding-bottom: 24px;
    opacity: 1;
}

@media (max-width: 1279px) {
    .complex_faq-tab__text.active {
        padding-bottom: 26px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .complex_faq-tab__text.active {
        padding-bottom: 16px;
    }
}

.complex_faq-tab--gr,
.complex_faq-tab--gr.active {
    background: linear-gradient(90deg, #f7f0f0 0.23%, #fbfafa);
}

.complex_footer {
    display: flex;
    gap: 48px;
    align-items: center;
    align-items: flex-start;
    height: 307px;
    padding: 40px 50px;
    border-radius: 20px;
}

@media (max-width: 1279px) {
    .complex_footer {
        flex-wrap: wrap;
        gap: 24px;
        justify-content: space-between;
        align-items: center;
        height: auto;
        padding: 32px 30px 24px;
    }
}

@media (max-width: 1023px) {
    .complex_footer {
        padding: 32px 16px 20px;
    }
}

@media (max-width: 1279px) {
    .complex_footer > img.logo {
        width: 48px;
        padding: 8px;
    }
}

.complex_footer br {
    display: none;
}

.complex_footer__block-1 {
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
}

@media (max-width: 1279px) {
    .complex_footer__block-1 {
        display: contents;
    }
}

.complex_footer__group-1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}

@media (max-width: 1279px) {
    .complex_footer__group-1 {
        display: contents;
    }
}

.complex_footer__nav {
    display: flex;
    gap: 10px;
    align-items: center;
}

@media (max-width: 1279px) {
    .complex_footer__nav {
        order: 3;
        width: 100%;
    }
}

.complex_footer__nav > button,
.complex_footer__nav > a {
    position: relative;
    display: block;
    padding: 10px 24px;
    border-radius: 8px;
    background-color: #e10b17;
    background-color: transparent;
    color: #fff;
    color: #252525;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 200%;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.complex_footer__nav > button:before,
.complex_footer__nav > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ededed;
    border-radius: inherit;
}

@media (max-width: 1279px) {
    .complex_footer__nav > button,
    .complex_footer__nav > a {
        width: 34%;
    }
}

@media (max-width: 1023px) {
    .complex_footer__nav > button,
    .complex_footer__nav > a {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .complex_footer__nav {
        flex-wrap: wrap;
    }
}

.complex_footer__controls {
    display: flex;
    gap: 32px;
    align-items: center;
}

@media (max-width: 1279px) {
    .complex_footer__controls {
        padding-right: 8px;
    }
}

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

.complex_footer__social > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
}

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

.complex_footer__actions > button img {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.complex_footer__actions > button p {
    font-weight: 500;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    opacity: 0.5;
}

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

@media (max-width: 1279px) {
    .complex_footer__entities {
        order: 6;
    }
}

@media (max-width: 1023px) {
    .complex_footer__entities {
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }
}

.complex_footer__entities p,
.complex_footer__entities a {
    font-size: 10px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
}

.complex_footer__entities p {
    color: #252525;
}

.complex_footer__entities a {
    display: block;
    color: #e10b17;
    text-decoration: none;
}

.complex_footer__kpp {
    color: #252525;
    font-size: 10px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
}

@media (max-width: 1279px) {
    .complex_footer__kpp {
        order: 5;
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .complex_footer__kpp {
        margin-bottom: -4px;
        text-align: center;
    }
}

@media (max-width: 1279px) {
    .complex_footer .complex_card-contacts {
        order: 4;
    }
}

.complex_footer__banner {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

.complex_footer__banner-inner {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
    padding: 12px 40px;
    background-color: #fff;
}

@media (max-width: 1279px) {
    .complex_footer__banner-inner {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 1023px) {
    .complex_footer__banner-inner {
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .complex_footer__banner-inner {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
        padding-right: 16px;
        padding-left: 16px;
    }
}

.complex_footer__banner-inner > p {
    color: #252525;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

@media (max-width: 767px) {
    .complex_footer__banner-inner > p {
        text-align: center;
    }
}

@media (max-width: 411px) {
    .complex_footer__banner-inner > p {
        font-size: 14px;
        line-height: 120%;
    }
}

.complex_footer__banner-inner > p > a {
    color: #252525;
}

.complex_footer__banner-inner .UI_button-main {
    padding-right: 20px;
    padding-left: 20px;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .complex_footer__banner-inner .UI_button-main {
        width: 100%;
        max-width: 380px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 374px) {
    .complex_footer__banner-inner .UI_button-main {
        padding-right: 12px;
        padding-left: 12px;
    }
}

.complex_footer__scrl-btn {
    position: fixed;
    right: 176px;
    bottom: 20px;
    z-index: 999;
    display: none;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #e10b17 url(../icons/chevron-up.svg) no-repeat center/24px;
}

.complex-projects__btn-all--fixed.UI_button-main {
    display: none;
}

.complex-projects__btn-all--fixed {
    position: fixed;
    right: 250px;
    bottom: 20px;
    z-index: 999;
    display: none;
}

@media (max-width: 1919px) {
    .complex_footer__scrl-btn {
        right: 50px;
    }

    .complex-projects__btn-all--fixed {
        right: 120px;
    }
}

@media (max-width: 1279px) {
    .complex_footer__scrl-btn {
        right: 30px;
    }

    .complex-projects__btn-all--fixed {
        right: 100px;
    }
}

@media (max-width: 767px) {
    .complex_footer__scrl-btn {
        right: 16px;

        .complex-projects__btn-all--fixed {
            right: 84px;
        }
    }
}

.box-page:has(.topic-page--blue) ~ .complex_footer__scrl-btn {
    background-color: #214fe2;
}

.box-page:has(.topic-page--blue) ~ .complex-projects__btn-all--fixed {
    background-color: #214fe2;
}

.box-page {
    overflow: hidden;
    width: 1440px;
    margin: 0 auto;
}

@media (max-width: 1619px) {
    .box-page {
        width: 1346px;
    }
}

@media (max-width: 1365px) {
    .box-page {
        width: 1260px;
    }
}

@media (max-width: 1279px) {
    .box-page {
        width: 1024px;
    }
}

@media (max-width: 1023px) {
    .box-page {
        width: 748px;
    }
}

@media (max-width: 767px) {
    .box-page {
        width: 100%;
    }
}

.box-content {
    padding: 60px 50px 40px;
}

.box-content--gray {
    background-color: rgba(249, 249, 251, 1);
    border-radius: 16px;
    margin: 0 10px;
}

@media (max-width: 1279px) {
    .box-content {
        padding: 40px 30px;
    }
}

@media (max-width: 767px) {
    .box-content {
        padding: 40px 16px;
    }
}

.box-content--small {
    padding: 40px;
}

.padding-inline {
    padding-inline: 40px;
}

@media (max-width: 1279px) {
    .box-content--small {
        padding: 40px 30px;
    }

    .padding-inline {
        padding-inline: 30px;
    }
}

@media (max-width: 767px) {
    .box-content--small {
        padding: 30px 16px;
    }

    .padding-inline {
        padding-inline: 16px;
    }
}

.box-aside {
    width: 314px;
    min-width: 314px;
    padding-right: 24px;
}

@media (max-width: 1279px) {
    .box-aside {
        width: 100%;
        min-width: auto;
        padding-right: 0;
    }
}

@media (min-width: 1920px) {
    .box-aside--big {
        width: 344px;
        min-width: 344px;
    }
}

@media (max-width: 1919px) {
    .box-aside--s {
        width: 240px;
        min-width: 240px;
    }
}

@media (max-width: 1365px) {
    .box-aside--s {
        width: 154px;
        min-width: 154px;
        padding-right: 0;
    }
}

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

.box-aside__nav-link {
    display: flex;
    gap: 0;
    align-items: center;
    text-decoration: none;
    color: rgba(37, 37, 37, 1);
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    transition-duration: 0.3s;

}

.box-aside__nav-link:before {
    content: "";
    width: 12px;
    min-width: 0;
    max-width: 0;
    height: 12px;
    background: url(../icons/arrow.svg) no-repeat center/cover;
    transition-duration: 0.3s;
}

.box-aside__nav-link:hover {
    color: rgba(33, 79, 226, 1);
}

.box-aside__nav-link--active {
    color: rgba(33, 79, 226, 1);
}

.box-aside__nav-link:hover:before, .box-aside__nav-link--active:before {
    min-width: 12px;
    max-width: 12px;
    margin-right: 5px;
}

.box-aside__title {
    font-family: Pragmatica Extended, arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.box-main {
    padding-left: 24px;
}

@media (max-width: 1279px) {
    .box-main {
        padding-left: 0;
    }
}

.box-card {
    width: 993px;
}

@media (max-width: 1919px) {
    .box-card {
        width: 919px;
    }
}

@media (max-width: 1365px) {
    .box-card {
        width: 833px;
    }
}

@media (max-width: 1279px) {
    .box-card {
        width: 100%;
    }
}

.box-landing {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.box-section {
    max-width: 100%;
    padding-right: 40px;
    padding-left: 40px;
}

@media (max-width: 1279px) {
    .box-section {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .box-section {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.box-section-y {
    margin-top: 10px;
    margin-bottom: 10px;
}

.box-section-y:first-of-type {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .box-section-y:first-of-type {
        margin-top: 20px;
    }
}

.box-section-t {
    margin-top: 10px;
}

.box-section-t:first-of-type {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .box-section-t:first-of-type {
        margin-top: 20px;
    }
}

.box-section-b {
    margin-bottom: 10px;
}

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

@media (max-width: 1279px) {
    .modal-wrapper-mobile {
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 9999;
        display: none;
        width: 100%;
        height: 100%;
        padding: 100px;
        background-color: #0000006b;
    }
}

@media (max-width: 1023px) {
    .modal-wrapper-mobile {
        padding: 60px;
    }
}

@media (max-width: 767px) {
    .modal-wrapper-mobile {
        padding: 24px;
    }
}

@media (max-width: 411px) {
    .modal-wrapper-mobile {
        padding: 8px;
    }
}

.modal-wrapper-mobile.active {
    display: block;
}

.modal-wrapper-mobile--s {
    position: static !important;
    display: block;
    padding: 0;
    background-color: transparent;
}

@media (max-width: 767px) {
    .modal-wrapper-mobile--s {
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 99;
        display: none;
        width: 100%;
        height: 100%;
        padding: 24px;
        background-color: #0000006b;
    }
}

@media (max-width: 411px) {
    .modal-wrapper-mobile--s {
        padding: 8px;
    }
}

.modal-wrapper-mobile--s .modal-back {
    display: none;
}

@media (max-width: 767px) {
    .modal-wrapper-mobile--s .modal-back {
        display: block;
    }
}

.modal-wrapper-mobile--s .modal-inner-mobile {
    padding: 0;
}

@media (max-width: 767px) {
    .modal-wrapper-mobile--s .modal-inner-mobile {
        padding: 32px 16px;
    }
}

.modal-wrapper-mobile--s .modal-close-mobile {
    display: none !important;
}

@media (max-width: 767px) {
    .modal-wrapper-mobile--s .modal-close-mobile {
        display: flex !important;
    }
}

.modal-back {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
}

@media (max-width: 1279px) {
    .modal-back {
        display: block;
    }
}

.modal-inner-mobile {
    position: relative;
}

@media (max-width: 1279px) {
    .modal-inner-mobile {
        z-index: 99;
        width: 100%;
        padding: 32px 30px;
        background-color: #fff;
    }
}

@media (max-width: 767px) {
    .modal-inner-mobile {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.modal-close-mobile {
    display: none !important;
}

@media (max-width: 1279px) {
    .modal-close-mobile {
        position: absolute;
        top: 32px;
        right: 30px;
        z-index: 9;
        display: flex !important;
    }
}

@media (max-width: 767px) {
    .modal-close-mobile {
        right: 16px;
    }
}

.common__slider-organization .common__slider__list-static {
    display: none;
}

.common__slider-organization .common__slider__list-static_active {
    display: grid;
}

.common__slider-organization .UI_navigation-swiper-blue {
    display: none;
}

.common__slider-organization .UI_navigation-swiper-blue_active {
    display: flex;
}

.common__slider-organization .common__swiper {
    display: none;
}

.common__slider-organization .common__swiper_active {
    display: block;
}

.common__slider-organization .swiper,
.common__slider-organization .swiper-wrapper {
    position: static !important;
}

a.translatorjs_lang_active,
button.translatorjs_lang_active {
    display: none;
}

.complex_founders__content {
    padding: 40px;
}

@media (max-width: 1279px) {
    .complex_founders__content {
        padding: 24px 20px;
    }
}

@media (max-width: 1023px) {
    .complex_founders__content {
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

@media (max-width: 767px) {
    .complex_founders__content {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.complex_founders__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

@media (max-width: 1279px) {
    .complex_founders__title {
        margin-bottom: 32px;
    }
}

.complex_founders-list {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

@media (max-width: 1023px) {
    .complex_founders-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .complex_founders-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

.complex_founders-list .UI_link-organization__link {
    height: 150px;
    background-color: transparent;
}

@media (max-width: 1279px) {
    .complex_founders-list .UI_link-organization__link {
        height: 100px;
        padding: 0;
    }
}

@media (max-width: 1023px) {
    .complex_founders-list .UI_link-organization__link {
        height: 115px;
    }
}

@media (max-width: 767px) {
    .complex_founders-list .UI_link-organization__link {
        height: 125px;
    }
}

@media (max-width: 411px) {
    .complex_founders-list .UI_link-organization__link {
        height: 115px;
    }
}

@media (max-width: 374px) {
    .complex_founders-list .UI_link-organization__link {
        height: 95px;
    }
}

.complex_header {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 100;
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: space-between;
    align-items: flex-start;
    padding: 35px 50px;
    border-radius: 16px;
    transform: translate(-50%);
}

.complex_header.box-page {
    overflow: visible;
}

@media (max-width: 1279px) {
    .complex_header {
        grid-template-columns: auto 1fr;
        gap: 24px;
        align-items: center;
        padding: 40px 30px;
    }
}

@media (max-width: 767px) {
    .complex_header {
        grid-template-columns: auto 1fr auto;
        gap: 16px;
        padding: 12px 16px 20px;
    }
}

@media (max-width: 411px) {
    .complex_header {
        gap: 12px;
    }
}

@media (max-width: 1279px) {
    .complex_header__logo {
        width: 35px;
        min-width: 35px;
    }
}

@media (max-width: 767px) {
    .complex_header__logo {
        width: 27px;
        min-width: 27px;
        margin-top: 4px;
    }
}

.complex_header__group-1 {
    display: flex;
    gap: 32px;
    align-items: center;
}

@media (max-width: 1279px) {
    .complex_header__group-1 {
        display: contents;
    }
}

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

@media (max-width: 1279px) {
    .complex_header__group-2 {
        justify-content: flex-end;
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .complex_header__group-2 {
        padding: 6px 0;
    }
}

@media (max-width: 767px) {
    .complex_header__group-2 {
        display: contents;
    }
}

.complex_header__group-2 .UI_field-search-3 {
    display: none;
    width: 332px;
    margin-right: -14px;
}

@media (max-width: 1919px) {
    .complex_header__group-2 .UI_field-search-3 {
        width: 280px;
    }
}

@media (max-width: 1365px) {
    .complex_header__group-2 .UI_field-search-3 {
        width: 240px;
    }
}

@media (max-width: 1279px) {
    .complex_header__group-2 .UI_field-search-3 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .complex_header__group-2 .UI_field-search-3 {
        grid-row: 2;
        grid-column: 1/4;
        margin-right: -8px;
    }
}

.complex_header__group-2.active .complex_header__social {
    display: none;
}

.complex_header__group-2.active .UI_field-search-3 {
    display: block;
}

.complex_header__group-2.active .complex_header__actions .complex_header__search-button {
    background-color: #fff;
}

.complex_header__group-2.active .complex_header__actions .complex_header__search-button > svg > path {
    fill: #e10b17;
}

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

@media (max-width: 1279px) {
    .complex_header__tabs {
        grid-column: 1/3;
        order: 3;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .complex_header__tabs {
        display: none;
    }
}

@media (max-width: 1279px) {
    .complex_header__tabs > a {
        width: 34%;
    }
}

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

@media (max-width: 1023px) {
    .complex_header__social {
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .complex_header__social {
        display: none;
    }
}

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

@media (max-width: 767px) {
    .complex_header__actions {
        justify-self: end;
    }
}

.complex_header__search-button {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 52px;
    max-width: 52px;
    height: 52px;
    border-radius: 12px;
    background-color: #f5f5f51a;
}

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

@media (max-width: 767px) {
    .complex_header__menu {
        width: fit-content;
    }
}

.complex_header__radio {
    position: relative;
}

.complex_header__radio > button {
    transition: background-color 0.3s ease;
}

.complex_header__radio > button:has(+ .complex_header__radio-menu_active),
.complex_header__radio > button:has(+ .complex_header__radio-menu--playing) {
    background-color: #e10b17;
}

.complex_header__radio-menu {
    position: absolute;
    top: 58px;
    left: 50%;
    z-index: -1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 201px;
    padding: 15px 10px;
    border-radius: 12px;
    background-color: #f5f5f5;
    opacity: 0;
    transition: all 0.5s ease;
    transform: translate(-50%);
}

.complex_header__radio-menu_active {
    z-index: 1;
    opacity: 1;
}

.complex_header__radio-menu--playing .complex_header__radio-menu-play {
    background-color: #e10b17;
}

.complex_header__radio-menu--playing .complex_header__radio-menu-play > img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(102%) contrast(102%);
}

.complex_header__radio-menu h4 {
    font-weight: 500;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
}

.complex_header__radio-menu__controls {
    display: flex;
    gap: 7px;
    align-items: center;
}

.complex_header__radio-menu__volume {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 6px 12px;
    border-radius: 12px;
    background: #edeff3;
}

.complex_header__radio-menu__audio {
    display: none;
}

.complex_header__radio-menu-play {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 31px;
    padding: 7px;
    border-radius: 12px;
    background-color: #edeff3;
    transition: background-color 0.3s ease;
    aspect-ratio: 1/1;
}

.complex_header__radio-menu-play > img {
    transition: filter 0.3s ease;
}

.complex_header__radio-menu-mute {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
}

.complex_header__radio-menu-range {
    width: 100%;
    height: 2.5px;
    border-radius: 10px;
    background-color: #252525;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.complex_header__radio-menu-range::-webkit-slider-thumb {
    width: 7.5px;
    height: 7.5px;
    border: none;
    border-radius: 100%;
    background-color: #252525;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.complex_header__radio-menu-range::-moz-range-thumb {
    width: 7px;
    height: 7px;
    border: none;
    border-radius: 100%;
    background-color: #252525;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.complex_header__radio-menu-range:focus {
    outline: 0;
}

.complex_history-slider {
    padding: 40px 0 0 40px;
    border-radius: 20px;
    background: linear-gradient(98deg, #ff4f4f 11.15%, #e10b17 93.66%);
    color: #fff;
}

@media (max-width: 1279px) {
    .complex_history-slider {
        padding: 32px 0 0 24px;
    }
}

.complex_history-slider__btns-years {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

@media (max-width: 1023px) {
    .complex_history-slider__btns-years {
        padding-right: 24px;
    }
}

@media (max-width: 767px) {
    .complex_history-slider__btns-years {
        flex-direction: column;
        gap: 22px;
        padding-right: 20px;
    }
}

.complex_history-slider__btns-years-btn {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 188px;
    height: 60px;
    color: #fff6;
    font-weight: 700;
    font-size: 32px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    text-transform: uppercase;
    transition: all 0.5s ease;
}

@media (max-width: 767px) {
    .complex_history-slider__btns-years-btn {
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
    }
}

.complex_history-slider__btns-years-btn_active {
    color: #fff;
    font-weight: 800;
    font-size: 60px;
}

.complex_history-slider__date {
    margin-bottom: 32px;
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

.complex_history-slider__card {
    position: relative;
    display: grid;
    grid-template-columns: 872px auto;
    gap: 32px;
    min-height: 346px;
}

@media (max-width: 1919px) {
    .complex_history-slider__card {
        grid-template-columns: 786px auto;
        gap: 23px;
    }
}

@media (max-width: 1365px) {
    .complex_history-slider__card {
        grid-template-columns: 729px auto;
        gap: 29px;
    }
}

@media (max-width: 1279px) {
    .complex_history-slider__card {
        grid-template-columns: 632px auto;
        gap: 20px;
    }
}

@media (max-width: 1023px) {
    .complex_history-slider__card {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

.complex_history-slider__card-text {
    display: flex;
    flex-direction: column;
    padding-top: 56px;
    padding-bottom: 40px;
}

@media (max-width: 1279px) {
    .complex_history-slider__card-text {
        padding-bottom: 32px;
    }
}

@media (max-width: 1023px) {
    .complex_history-slider__card-text {
        padding-right: 24px;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .complex_history-slider__card-text {
        padding-right: 20px;
    }
}

.complex_history-slider__card-text--end {
    justify-content: flex-end;
}

.complex_history-slider__card-img {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

@media (max-width: 1023px) {
    .complex_history-slider__card-img {
        position: static;
        display: flex;
        align-items: flex-end;
        margin-left: auto;
    }
}

.complex_history-slider__card h3 {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 32px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_history-slider__card h3 {
        font-size: 24px;
    }
}

.complex_history-slider__card p {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.complex_history-slider__card p:last-of-type {
    margin-bottom: 0;
}

.complex_history-slider__card img {
    width: 396px;
    height: 346px;
}

@media (max-width: 1919px) {
    .complex_history-slider__card img {
        width: 387px;
        height: 329px;
    }
}

@media (max-width: 1279px) {
    .complex_history-slider__card img {
        position: relative;
        right: -40px;
        width: 328px;
        height: 279px;
    }
}

@media (max-width: 1023px) {
    .complex_history-slider__card img {
        right: 0;
        width: 260px;
        height: auto;
    }
}

.complex_history-slider .complex_history-slider_swiper__pagination {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-right: 40px;
    margin-bottom: 32px;
}

@media (max-width: 1023px) {
    .complex_history-slider .complex_history-slider_swiper__pagination {
        margin-right: 24px;
    }
}

@media (max-width: 767px) {
    .complex_history-slider .complex_history-slider_swiper__pagination {
        margin-right: 20px;
    }
}

.complex_history-slider .complex_history-slider_swiper__pagination:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 97%;
    height: 1px;
    border: 1px dashed #fff;
    opacity: 0.5;
    transform: translate(-50%, -50%);
}

.complex_history-slider .complex_history-slider_swiper__pagination-bullet {
    position: relative;
    z-index: 9;
    width: 18px;
    height: 18px;
    border: 2px solid #f78286;
    border-radius: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
}

@media (max-width: 767px) {
    .complex_history-slider .complex_history-slider_swiper__pagination-bullet {
        width: 12px;
        height: 12px;
    }
}

.complex_history-slider .complex_history-slider_swiper__pagination-bullet:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #f78286;
    transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
    .complex_history-slider .complex_history-slider_swiper__pagination-bullet:before {
        width: 6px;
        height: 6px;
    }
}

.complex_history-slider .complex_history-slider_swiper__pagination-bullet-active {
    background: #fff;
}

.complex_history-slider .complex_history-slider_swiper__pagination-bullet-active:before {
    background: #fff;
}

.complex_history-slider .complex_history-slider_swiper__btns {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 16px;
    align-items: center;
}

.complex_history-slider .complex_history-slider_swiper__button {
    position: relative;
    z-index: 9;
    width: 32px;
    height: 32px;
    background: url(../icons/history-slider-btn.png) no-repeat center/contain;
}

.complex_history-slider .complex_history-slider_swiper__button:disabled {
    opacity: 0.6;
}

.complex_history-slider .complex_history-slider_swiper__button-next {
    transform: scale(-1);
}

.complex_history-tab {
    overflow: hidden;
    padding: 24px;
    border-radius: 20px;
    background: #fff;
    transition: background 0.5s ease;
}

.complex_history-tab.active {
    background: #edeff3;
}

.complex_history-tab .UI_button-icons {
    max-width: 225px;
}

.complex_history-tab .UI_button-icons > img:last-of-type {
    display: none;
}

@media (max-width: 767px) {
    .complex_history-tab .UI_tag-pict {
        gap: 12px;
    }
}

@media (max-width: 411px) {
    .complex_history-tab .UI_tag-pict {
        min-width: auto;
    }
}

@media (max-width: 767px) {
    .complex_history-tab .UI_tag-pict > p {
        font-size: 12px;
    }
}

.complex_history-tab__title {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1023px) {
    .complex_history-tab__title {
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .complex_history-tab__title {
        flex-direction: column-reverse;
        gap: 10px;
        align-items: flex-start;
    }
}

.complex_history-tab__title h4 {
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

.complex_history-tab__button {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #252525;
    border-radius: 100%;
    transition: opacity 0.5s ease;
}

.complex_history-tab__button:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../icons/faq-open.svg) no-repeat center/contain;
    transition: background 0.5s ease;
}

.complex_history-tab__button.active {
    opacity: 0.5;
}

.complex_history-tab__button.active:before {
    background: url(../icons/faq-close.svg) no-repeat center/contain;
}

.complex_history-tab__text {
    height: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.complex_history-tab__text.active {
    height: auto;
    padding-top: 24px;
    opacity: 1;
}

@media (max-width: 767px) {
    .complex_history-tab__text.active {
        padding-top: 20px;
    }
}

.complex_history-tab__numbers {
    display: flex;
    gap: 54px;
    align-items: center;
}

@media (max-width: 767px) {
    .complex_history-tab__numbers {
        gap: 16px;
    }
}

@media (max-width: 411px) {
    .complex_history-tab__numbers {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.complex_history-tab__numbers a {
    color: #e10b17;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}

@media (max-width: 1279px) {
    .complex_history-tab__numbers a {
        font-size: 14px;
    }
}

.complex_history-tab__numbers.active {
    height: auto;
    padding-top: 16px;
    opacity: 1;
}

.complex_list-events {
    padding: 0 40px 50px;
}

@media (max-width: 1279px) {
    .complex_list-events {
        padding: 0 20px 34px;
    }
}

@media (max-width: 1023px) {
    .complex_list-events {
        padding: 0 20px 26px;
    }
}

@media (max-width: 767px) {
    .complex_list-events {
        padding: 0 16px 16px;
    }
}

.complex_list-events__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

@media (max-width: 1279px) {
    .complex_list-events__title {
        margin-bottom: 32px;
    }
}

@media (max-width: 411px) {
    .complex_list-events__title {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
}

@media (max-width: 1023px) {
    .complex_list-events__title > h3 {
        max-width: 16em;
    }
}

.complex_list-events__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 1023px) {
    .complex_list-events__content {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 16px;
    }
}

@media (max-width: 767px) {
    .complex_list-events__content {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.complex_map {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 37%;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .complex_map {
        padding-bottom: 51%;
    }
}

@media (max-width: 767px) {
    .complex_map {
        padding-bottom: 105%;
    }
}

@media (max-width: 411px) {
    .complex_map {
        padding-bottom: 118%;
    }
}

@media (max-width: 374px) {
    .complex_map {
        padding-bottom: 140%;
    }
}

.complex_map > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0;
}

.complex_map-svg {
    width: 100%;
}

.complex_map-svg > svg {
    width: 100%;
}

.complex_map-svg > svg path {
    outline: none;
    cursor: pointer;
    transition-duration: 0.3s;
}

.complex_map-svg > svg path.hover {
    fill: #183eb7;
}

.complex_menu-tab {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    overflow-y: auto;
    max-height: 480px;
}

.modal_connect {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    opacity: 0;
}

.modal_connect--active {
    z-index: 9999;
    opacity: 1;
    transition: all 0.35s ease-in-out;
}

.modal_connect__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 64px 50px;
    background-color: #000c;
}

@media (max-width: 1279px) {
    .modal_connect__wrapper {
        padding: 64px 30px;
    }
}

@media (max-width: 767px) {
    .modal_connect__wrapper {
        padding: 24px 16px;
    }
}

.modal_connect__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .modal_connect__container {
        gap: 16px;
    }
}

.modal_connect__container > iframe {
    border-radius: 20px;
}

.modal_connect__header {
    margin-right: 0;
    margin-left: auto;
}

.modal_connect .modal_connect__back {
    display: block;
}

.modal_feedback {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    opacity: 0;
}

.modal_feedback.active {
    z-index: 9999;
    opacity: 1;
    transition: all 0.35s ease-in-out;
}

.modal_feedback__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 64px 50px;
    background-color: #000c;
}

@media (max-width: 1279px) {
    .modal_feedback__wrapper {
        padding: 64px 30px;
    }
}

@media (max-width: 767px) {
    .modal_feedback__wrapper {
        padding: 64px 16px;
    }
}

.modal_feedback__container {
    position: relative;
    z-index: 9;
    overflow-y: auto;
    width: 950px;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
    padding: 40px;
    border-radius: 20px;
    background-color: #f9f9fb;
}

@media (max-width: 1023px) {
    .modal_feedback__container {
        width: 710px;
        padding: 32px 20px;
    }
}

@media (max-width: 767px) {
    .modal_feedback__container {
        width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }
}

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

.modal_feedback__success {
    display: none;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

@media (max-width: 1279px) {
    .modal_feedback__success {
        gap: 24px;
    }
}

.modal_feedback__success > img {
    width: 80px;
}

@media (max-width: 1279px) {
    .modal_feedback__success > img {
        width: 64px;
    }
}

.modal_feedback__success-info > h6 {
    margin-bottom: 16px;
    color: #252525;
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    text-align: center;
}

@media (max-width: 1279px) {
    .modal_feedback__success-info > h6 {
        margin-bottom: 12px;
        font-weight: 500;
        font-size: 20px;
    }
}

.modal_feedback__success-info > p {
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    text-align: center;
}

@media (max-width: 1279px) {
    .modal_feedback__success-info > p {
        font-size: 14px;
    }
}

.modal_feedback__close {
    position: absolute;
    top: 16px;
    right: 16px;
}

@media (max-width: 1023px) {
    .modal_feedback__close {
        top: 12px;
        right: 12px;
    }
}

.modal_feedback__topic > h4 {
    margin-bottom: 24px;
    color: #e10b17;
    font-weight: 800;
    font-size: 48px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 110%;
    text-transform: uppercase;
}

@media (max-width: 1023px) {
    .modal_feedback__topic > h4 {
        margin-bottom: 20px;
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .modal_feedback__topic > h4 {
        font-size: 24px;
    }
}

@media (max-width: 411px) {
    .modal_feedback__topic > h4 {
        font-size: 20px;
    }
}

@media (max-width: 374px) {
    .modal_feedback__topic > h4 {
        font-size: 18px;
    }
}

.modal_feedback__topic > h5 {
    margin-bottom: 40px;
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1023px) {
    .modal_feedback__topic > h5 {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 130%;
    }
}

@media (max-width: 767px) {
    .modal_feedback__topic > h5 {
        font-size: 14px;
        line-height: 120%;
    }
}

.modal_feedback__form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding: 40px;
    border-radius: 20px;
    background-color: #fff;
}

@media (max-width: 1023px) {
    .modal_feedback__form {
        grid-template-columns: 1fr;
        padding: 24px 20px;
    }
}

@media (max-width: 767px) {
    .modal_feedback__form {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.modal_feedback__field > label {
    display: block;
    margin-bottom: 8px;
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.modal_feedback__field > label > span {
    color: #e10b17;
}

.modal_feedback__field > input,
.modal_feedback__field > textarea {
    width: 100%;
    height: 48px;
    padding: 8px 11px;
    border: 1px solid transparent;
    border-radius: 8px;
    background-color: #f9f9fb;
    color: #6f6f6f;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    transition: border-color 0.3s ease;
}

.modal_feedback__field > input:hover,
.modal_feedback__field > textarea:hover {
    border-color: #6f6f6f;
}

.modal_feedback__field > input:focus,
.modal_feedback__field > input:active,
.modal_feedback__field > textarea:focus,
.modal_feedback__field > textarea:active {
    border-color: #214fe2;
}

.modal_feedback__field > p {
    display: none;
    margin-top: 8px;
    color: #e10b17;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 20px;
}

@media (min-width: 1024px) {
    .modal_feedback__field--textarea {
        grid-column: 1/3;
    }
}

.modal_feedback__field--textarea > textarea {
    height: 192px;
}

@media (max-width: 767px) {
    .modal_feedback__field--textarea > textarea {
        height: 140px;
    }
}

@media (max-width: 374px) {
    .modal_feedback__field--textarea > textarea {
        height: 120px;
    }
}

.modal_feedback__field--error > input,
.modal_feedback__field--error > textarea {
    border-color: #e10b17;
}

.modal_feedback__field--error > p {
    display: block;
}

.modal_feedback__field--filled > input,
.modal_feedback__field--filled > textarea {
    border-color: #252525;
}

@media (min-width: 1024px) {
    .modal_feedback__field-checkbox {
        grid-column: 1/3;
    }
}

.modal_feedback__field-checkbox input {
    display: none;
}

.modal_feedback__field-checkbox input:checked + label:before {
    border: none;
    background-image: url(../icons/checkbox-checked.svg);
}

.modal_feedback__field-checkbox > label {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    cursor: pointer;
}

.modal_feedback__field-checkbox > label:before {
    content: "";
    position: relative;
    top: 3px;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    background: url(../icons/checkbox-unchecked.svg) no-repeat center/cover;
}

.modal_feedback__field-checkbox > label > p {
    position: relative;
    top: 5px;
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.modal_feedback__field-checkbox > label > p > a {
    color: #e10b17;
    text-decoration: none;
}

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

@media (min-width: 1024px) {
    .modal_feedback__controls {
        grid-column: 1/3;
    }
}

@media (max-width: 767px) {
    .modal_feedback__controls {
        flex-wrap: wrap;
    }
}

.modal_feedback__controls > button,
.modal_feedback__controls > input {
    width: 300px;
    height: 48px;
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #e10b17;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

@media (max-width: 767px) {
    .modal_feedback__controls > button,
    .modal_feedback__controls > input {
        width: 100%;
    }
}

.modal_feedback__controls > button:disabled,
.modal_feedback__controls > input:disabled {
    background-color: #f9f9fb;
    color: #6f6f6f;
    cursor: not-allowed;
}

.modal_feedback__controls > p {
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.modal_feedback .modal_feedback__back {
    display: block;
}

.modal_feedback--success .modal_feedback__container {
    width: 520px;
}

@media (max-width: 1279px) {
    .modal_feedback--success .modal_feedback__container {
        width: 330px;
    }
}

@media (max-width: 767px) {
    .modal_feedback--success .modal_feedback__container {
        width: 100%;
        max-width: 380px;
    }
}

.modal_feedback--success .modal_feedback__main {
    display: none;
}

.modal_feedback--success .modal_feedback__success {
    display: flex;
}

.modal_gallery {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    opacity: 0;
}

.modal_gallery--active {
    z-index: 9999;
    opacity: 1;
    transition: all 0.35s ease-in-out;
}

.modal_gallery__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 64px 50px;
    background-color: #000c;
}

@media (max-width: 1279px) {
    .modal_gallery__wrapper {
        padding: 64px 30px;
    }
}

@media (max-width: 767px) {
    .modal_gallery__wrapper {
        padding: 64px 16px;
    }
}

.modal_gallery__container {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}

.modal_gallery__header {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@media (max-width: 1279px) {
    .modal_gallery__header {
        flex-wrap: wrap;
        gap: 25px;
    }
}

@media (max-width: 1279px) {
    .modal_gallery__header .complex_socials {
        order: 4;
    }
}

.modal_gallery__header .UI_button-arrow {
    padding: 10px 20px;
}

@media (max-width: 1279px) {
    .modal_gallery__header .UI_button-arrow {
        order: 3;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .modal_gallery__header .UI_button-arrow {
        position: absolute;
        bottom: -20px;
        left: 0;
        transform: translateY(100%);
    }
}

.modal_gallery__pag,
.modal_gallery__actions {
    display: flex;
    gap: 0;
    align-items: center;
}

.modal_gallery__pag {
    gap: 16px;
    width: 100%;
}

@media (max-width: 1279px) {
    .modal_gallery__pag {
        width: 45%;
    }
}

.modal_gallery__pag .swiper-pagination {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    white-space: nowrap;
}

.modal_gallery__actions {
    gap: 8px;
}

@media (max-width: 1279px) {
    .modal_gallery__actions {
        justify-content: flex-end;
        width: 45%;
    }
}

.modal_gallery__main {
    width: 100%;
}

.modal_gallery__slider {
    position: relative;
    width: 100%;
}

.modal_gallery__slider .swiper {
    position: relative;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .modal_gallery__slider .swiper {
        border-radius: 12px;
    }
}

.modal_gallery__slider .swiper .swiper-slide {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .modal_gallery__slider .swiper .swiper-slide {
        border-radius: 12px;
    }
}

.modal_gallery__slider .swiper .swiper-slide > img {
    height: 100%;
    border-radius: 20px;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .modal_gallery__slider .swiper .swiper-slide > img {
        border-radius: 12px;
    }
}

.modal_gallery__slider .swiper-1 {
    width: 1230px;
    margin-bottom: 24px;
}

@media (max-width: 1919px) {
    .modal_gallery__slider .swiper-1 {
        width: 1082px;
    }
}

@media (max-width: 1365px) {
    .modal_gallery__slider .swiper-1 {
        width: 996px;
    }
}

@media (max-width: 1279px) {
    .modal_gallery__slider .swiper-1 {
        width: 964px;
    }
}

@media (max-width: 1023px) {
    .modal_gallery__slider .swiper-1 {
        width: 100%;
    }
}

.modal_gallery__slider .swiper-1 .swiper-slide {
    width: 100%;
    height: 692px;
}

@media (max-width: 1919px) {
    .modal_gallery__slider .swiper-1 .swiper-slide {
        height: 609px;
    }
}

@media (max-width: 1365px) {
    .modal_gallery__slider .swiper-1 .swiper-slide {
        height: 560px;
    }
}

@media (max-width: 1279px) {
    .modal_gallery__slider .swiper-1 .swiper-slide {
        height: 542px;
    }
}

@media (max-width: 1023px) {
    .modal_gallery__slider .swiper-1 .swiper-slide {
        height: 0;
        padding-top: 56%;
    }
}

.modal_gallery__slider .swiper-1 .swiper-slide > img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    transform: translate(-50%);
}

.modal_gallery__slider .swiper-2 {
    width: fit-content;
}

.modal_gallery__slider .swiper-2 .swiper-slide {
    position: relative;
    width: auto;
    height: 180px;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .modal_gallery__slider .swiper-2 .swiper-slide {
        height: 120px;
    }
}

@media (max-width: 767px) {
    .modal_gallery__slider .swiper-2 .swiper-slide {
        height: 80px;
    }
}

.modal_gallery__slider .swiper-2 .swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-radius: 20px;
    transition-duration: 0.3s;
}

@media (max-width: 767px) {
    .modal_gallery__slider .swiper-2 .swiper-slide:before {
        border-radius: 12px;
    }
}

.modal_gallery__slider .swiper-2 .swiper-slide--active:before {
    border-color: #e10b17;
}

.modal_gallery__controls {
    position: absolute;
    top: calc(50% - 26px);
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

@media (max-width: 1279px) {
    .modal_gallery__controls {
        display: none;
    }
}

.modal_gallery .modal_gallery__back {
    display: block;
}

.modal_organization {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    opacity: 0;
}

.modal_organization--active {
    z-index: 9999;
    opacity: 1;
    transition: all 0.35s ease-in-out;
}

.modal_organization__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 16px;
    background-color: #000c;
}

.modal_organization__container {
    position: relative;
    z-index: 9;
    display: flex;
    gap: 12px;
    box-sizing: border-box;
    width: 380px;
    padding: 24px;
    border-radius: 12px;
    background: #fff;
}

.modal_organization__container > img {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.modal_organization__container > button {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 9;
    width: 20px;
    height: 20px;
    background: url(../icons/modal-organization-close-btn.svg) no-repeat center/cover;
}

.modal_organization__container > p {
    font-weight: 500;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

.modal-region {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    opacity: 0;
}

.modal-region.active {
    z-index: 9999;
    opacity: 1;
    transition: all 0.35s ease-in-out;
}

.modal-region__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 64px 50px;
    background-color: #000c;
}

@media (max-width: 1279px) {
    .modal-region__wrapper {
        padding: 64px 30px;
    }
}

@media (max-width: 767px) {
    .modal-region__wrapper {
        padding: 64px 16px;
    }
}

.modal-region__container {
    position: relative;
    z-index: 9;
    width: 608px;
    max-width: 100%;
    margin: 0 auto;
    padding: 24px;
    border-radius: 20px;
    background-color: #edeff3;
}

@media (max-width: 767px) {
    .modal-region__container {
        width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }
}

.modal-region__topic {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: flex-start;
}

.modal-region__topic > h3 {
    position: relative;
    top: 4px;
    color: #252525;
    font-weight: 800;
    font-size: 32px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .modal-region__topic > h3 {
        top: 10px;
        font-size: 20px;
    }
}

.modal-region__content {
    overflow-y: auto;
    max-height: 820px;
    margin-top: 24px;
}

@media (max-width: 767px) {
    .modal-region__content {
        max-height: calc(82vh - 104px);
    }
}

.modal-region__content > h4 {
    color: #252525;
    font-weight: 800;
    font-size: 28px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .modal-region__content > h4 {
        font-size: 20px;
    }
}

.modal-region__content > h4:not(:last-of-type) {
    margin-bottom: 4px;
}

.modal-region__content > p {
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

@media (max-width: 767px) {
    .modal-region__content > p {
        font-size: 14px;
    }
}

.modal-region__content > p:not(:last-of-type) {
    margin-bottom: 16px;
}

.modal-region__cards:not(:first-child) {
    margin-top: 32px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .modal-region__cards:not(:first-child) {
        margin-top: 24px;
    }
}

.modal-region__card {
    padding: 24px;
    border-radius: 20px;
    background-color: #f9f9fb;
}

@media (max-width: 767px) {
    .modal-region__card {
        padding: 16px;
    }
}

.modal-region__card:not(:first-of-type) {
    margin-top: 32px;
}

@media (max-width: 767px) {
    .modal-region__card:not(:first-of-type) {
        margin-top: 24px;
    }
}

.modal-region__card > h5 {
    margin-bottom: 24px;
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 767px) {
    .modal-region__card > h5 {
        margin-bottom: 16px;
        font-size: 14px;
    }
}

.modal-region__card > ul {
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .modal-region__card > ul {
        margin-bottom: 16px;
    }
}

.modal-region__card > ul > li {
    display: flex;
    gap: 10px;
    align-items: center;
}

.modal-region__card > ul > li:not(:last-of-type) {
    margin-bottom: 16px;
}

.modal-region__card > ul > li > span {
    width: 20px;
    min-width: 20px;
    height: 20px;
    background: no-repeat center/cover;
}

.modal-region__card > ul > li > p,
.modal-region__card > ul > li > a {
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.modal-region__card > ul > li > p {
    color: #6f6f6f;
}

.modal-region__card > ul > li > a {
    color: #214fe2;
    word-break: break-word;
}

.modal-region__card > ul > li.address > span {
    background-image: url(../icons/pin-2.svg);
}

.modal-region__card > ul > li.tel > span {
    background-image: url(../icons/phone-blue.svg);
}

.modal-region__card > ul > li.link > span {
    background-image: url(../icons/link-blue.svg);
}

.modal-region__card > h6 {
    color: #252525;
    font-weight: 800;
    font-size: 18px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
}

@media (max-width: 767px) {
    .modal-region__card > h6 {
        font-size: 16px;
    }
}

.modal-region__card > p {
    color: #6f6f6f;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 140%;
}

.modal-region__card > p:not(:last-of-type) {
    margin-bottom: 16px;
}

.modal-region__card-list {
    margin-top: 24px;
    border-radius: 20px;
    background-color: #fff;
}

@media (max-width: 767px) {
    .modal-region__card-list {
        margin-top: 16px;
    }
}

.modal-region__card-list > ul {
    display: none;
    margin-top: -4px;
    padding: 0 20px 20px;
}

@media (max-width: 767px) {
    .modal-region__card-list > ul {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.modal-region__card-list > ul > li {
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.modal-region__card-list > ul > li:not(:last-of-type) {
    margin-bottom: 8px;
}

.modal-region__card-list.active > ul {
    display: block;
}

.modal-region__card-list.active .modal-region__card-topic > button {
    opacity: 0.5;
    transform: scale(-1);
}

.modal-region__card-topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .modal-region__card-topic {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.modal-region__card-topic > h6 {
    color: #252525;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

.modal-region__card-topic > button {
    width: 32px;
    height: 32px;
    background: url(../icons/chevron-down-black.svg) no-repeat center/28px;
}

.modal-region .modal-region__back {
    display: block;
}

.modal_video {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    opacity: 0;
}

.modal_video--active {
    z-index: 9999;
    opacity: 1;
    transition: all 0.35s ease-in-out;
}

.modal_video__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 64px 50px;
    background-color: #000c;
}

@media (max-width: 1279px) {
    .modal_video__wrapper {
        padding: 64px 30px;
    }
}

@media (max-width: 767px) {
    .modal_video__wrapper {
        padding: 64px 16px;
    }
}

.modal_video__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto;
}

.modal_video__header {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@media (max-width: 1279px) {
    .modal_video__header {
        flex-wrap: wrap;
        gap: 25px;
    }
}

@media (max-width: 1279px) {
    .modal_video__header .complex_socials {
        order: 4;
    }
}

.modal_video__header .UI_button-arrow {
    padding: 10px 20px;
}

@media (max-width: 1279px) {
    .modal_video__header .UI_button-arrow {
        order: 3;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .modal_video__header .UI_button-arrow {
        position: absolute;
        bottom: -20px;
        left: 0;
        transform: translateY(100%);
    }
}

.modal_video__pag,
.modal_video__actions {
    display: flex;
    gap: 0;
    align-items: center;
}

.modal_video__pag {
    gap: 16px;
    width: 100%;
}

@media (max-width: 1279px) {
    .modal_video__pag {
        width: 45%;
    }
}

.modal_video__pag .swiper-pagination {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    white-space: nowrap;
}

.modal_video__actions {
    gap: 8px;
}

@media (max-width: 1279px) {
    .modal_video__actions {
        justify-content: flex-end;
        width: 45%;
    }
}

.modal_video__main {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.modal_video__video {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .modal_video__video {
        border-radius: 12px;
    }
}

.modal_video__video > video {
    max-width: 100%;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .modal_video__video > video {
        border-radius: 12px;
    }
}

.modal_video__video > button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background: #e10b17 url(../icons/play.svg) no-repeat 55% center/38px;
    transform: translate(-50%, -50%);
}

@media (max-width: 1279px) {
    .modal_video__video > button {
        width: 80px;
        height: 80px;
        background-size: 26px;
    }
}

@media (max-width: 767px) {
    .modal_video__video > button {
        width: 60px;
        height: 60px;
        background-size: 20px;
    }
}

@media (max-width: 374px) {
    .modal_video__video > button {
        width: 40px;
        height: 40px;
        background-size: 12px;
    }
}

.modal_video__iframe {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .modal_video__iframe {
        border-radius: 12px;
    }
}

.modal_video__iframe > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal_video .modal_video__back {
    display: block;
}

.complex_nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    max-width: 1440px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 8px 8px 32px -4px #00133929;
    opacity: 0;
    transition: all 0.5s ease;
    transform: translateY(-100%);
}

@media (max-width: 1919px) {
    .complex_nav {
        width: 1346px;
    }
}

@media (max-width: 1365px) {
    .complex_nav {
        width: 1260px;
    }
}

@media (max-width: 1279px) {
    .complex_nav {
        width: 1024px;
    }
}

@media (max-width: 1023px) {
    .complex_nav {
        width: 748px;
    }
}

@media (max-width: 767px) {
    .complex_nav {
        width: 100%;
        border-radius: 0;
    }
}

.complex_nav_active {
    z-index: 9999;
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 767px) {
    .complex_nav__desktop {
        display: none;
    }
}

.complex_nav__mobile {
    display: none;
}

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

.complex_nav__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.complex_nav__background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #f9f9fb;
}

.complex_nav__background img {
    display: none;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.complex_nav__background-active:before {
    display: none;
}

.complex_nav__background-active img {
    display: block;
}

.complex_nav__container {
    position: relative;
    z-index: 9;
    padding: 40px;
}

@media (max-width: 1279px) {
    .complex_nav__container {
        padding: 40px 20px;
    }
}

@media (max-width: 767px) {
    .complex_nav__container {
        overflow-y: auto;
        max-height: 100vh;
        padding: 24px 16px;
    }
}

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

@media (max-width: 1279px) {
    .complex_nav__content {
        gap: 32px;
    }
}

@media (max-width: 767px) {
    .complex_nav__content {
        gap: 20px;
    }
}

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

.complex_nav__up {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.complex_nav__down {
    display: grid;
    grid-template-columns: 940px 320px;
    justify-content: space-between;
}

@media (max-width: 1365px) {
    .complex_nav__down {
        grid-template-columns: 840px 292px;
    }
}

@media (max-width: 1279px) {
    .complex_nav__down {
        grid-template-columns: 648px 284px;
    }
}

@media (max-width: 1023px) {
    .complex_nav__down {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

@media (max-width: 767px) {
    .complex_nav__down {
        gap: 20px;
    }
}

.complex_nav__logo img {
    width: 52px;
    height: 88px;
}

@media (max-width: 1279px) {
    .complex_nav__logo img {
        width: 35px;
        height: 64px;
    }
}

@media (max-width: 767px) {
    .complex_nav__logo img {
        width: 27px;
        height: 49px;
    }
}

.complex_nav__action {
    display: flex;
    gap: 48px;
    align-items: center;
}

@media (max-width: 1023px) {
    .complex_nav__action {
        gap: 24px;
    }
}

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

.complex_nav__action-togglers img {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.complex_nav__action-togglers p {
    font-weight: 500;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    opacity: 0.5;
}

.complex_nav__exit a,
.complex_nav__exit button {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: #e10b17;
    text-decoration: none;
}

@media (max-width: 767px) {
    .complex_nav__exit a,
    .complex_nav__exit button {
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 1279px) {
    .complex_nav__exit a,
    .complex_nav__exit button {
        padding: 10px 20px;
    }
}

.complex_nav__exit a img,
.complex_nav__exit button img {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
}

.complex_nav__exit a p,
.complex_nav__exit button p {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

@media (max-width: 411px) {
    .complex_nav__exit a p,
    .complex_nav__exit button p {
        font-size: 14px;
    }
}

@media (max-width: 374px) {
    .complex_nav__exit a p,
    .complex_nav__exit button p {
        font-size: 12px;
    }
}

.complex_nav__close button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    padding: 8px;
    border: 1px solid #e10b17;
    border-radius: 12px;
}

.complex_nav__close img {
    width: 14px;
    height: 14px;
}

.complex_nav__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 1023px) {
    .complex_nav__list {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .complex_nav__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 411px) {
    .complex_nav__list {
        grid-template-columns: 1fr;
    }
}

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

.complex_nav__card h3 {
    margin-bottom: 16px;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

.complex_nav__card button,
.complex_nav__card a {
    display: block;
    margin-bottom: 12px;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 140%;
    text-decoration: none;
}

.complex_nav__card button:last-child,
.complex_nav__card a:last-child {
    margin: 0;
}

.complex_nav__card button.active,
.complex_nav__card a.active {
    color: #e10b17;
}

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

@media (max-width: 1023px) {
    .complex_nav__contacts {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .complex_nav__contacts {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
}

@media (max-width: 374px) {
    .complex_nav__contacts .UI_button-main {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 12px;
    }
}

.complex_nav__adress {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 20px;
    background: #fff;
}

@media (max-width: 1023px) {
    .complex_nav__adress {
        padding: 24px 20px;
    }
}

@media (max-width: 767px) {
    .complex_nav__adress {
        width: 100%;
    }
}

.complex_nav__adress h3 {
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

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

@media (max-width: 1023px) {
    .complex_nav__adress-list {
        flex-direction: row;
    }
}

@media (max-width: 767px) {
    .complex_nav__adress-list {
        flex-direction: column;
    }
}

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

.complex_nav__adress-list li p {
    color: #6f6f6f;
    font-size: 12px;
    line-height: 130%;
}

.complex_nav__adress-list li button,
.complex_nav__adress-list li a {
    color: #252525;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    text-decoration: none;
}

.complex_nav__adress-list li span {
    color: #e10b17;
}

.complex_nav__social {
    display: flex;
    gap: 20px;
    align-self: flex-end;
}

@media (max-width: 1023px) {
    .complex_nav__social {
        align-self: center;
    }
}

@media (max-width: 767px) {
    .complex_nav__social {
        align-self: flex-start;
    }
}

.complex_nav__social img {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
}

.complex_nav-menu {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
    z-index: 99;
    overflow-x: auto;
    scrollbar-width: none;
}

.complex_nav-menu ::-webkit-scrollbar {
    display: none;
}

.complex_nav-menu__back {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: #ffffff1a;
}

.complex_nav-menu__back:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../icons/chevron-left.svg) no-repeat center/cover;
}

.news-block {
    padding: 40px;
    border-radius: 20px;
    background: #e10b17;
}

@media (max-width: 1279px) {
    .news-block {
        padding: 32px 20px;
    }
}

@media (max-width: 767px) {
    .news-block {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.news-block__title {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

@media (max-width: 1279px) {
    .news-block__title {
        margin-bottom: 32px;
    }
}

.news-block__title-block {
    display: flex;
    gap: 16px;
    align-items: center;
}

@media (max-width: 411px) {
    .news-block__title-block {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
}

.news-block__title-block .UI_tag {
    display: none;
}

.news-block__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 1023px) {
    .news-block__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 16px;
    }
}

@media (max-width: 767px) {
    .news-block__list {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.news-block--transparent {
    background-color: transparent;
}

.news-block--transparent .news-block__title .UI_title-page {
    color: #252525;
}

.complex_pagination {
    display: flex;
    gap: 8px;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}

.complex_pagination__button {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: #f9f9fb;
    color: #252525;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 130%;
}

@media (max-width: 1023px) {
    .complex_pagination__button:nth-of-type(5) {
        display: none;
    }
}

@media (max-width: 1023px) {
    .complex_pagination__button:nth-of-type(6) {
        display: none;
    }
}

.complex_pagination__button--left:before,
.complex_pagination__button--right:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../icons/chevron-left-red.svg) no-repeat center/cover !important;
}

.complex_pagination__button--right:before {
    transform: rotate(180deg);
}

.complex_pagination__button--active {
    background-color: #e10b17;
    color: #fff;
}

.complex_participants-item-1 {
    display: flex;
    gap: 24px;
    align-items: center;
    padding: 40px;
    border-radius: 20px;
    background: linear-gradient(281deg, #ffeced 10.96%, #f7f4f4 98.63%), #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_participants-item-1 {
        padding: 24px;
    }

    .complex_pagination .complex_pagination__button {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        font-size: 12px;
    }

    .complex_pagination .complex_pagination__button--left:before, .complex_pagination .complex_pagination__button--right:before {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 1023px) {
    .complex_participants-item-1 {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        padding: 24px 20px;
    }
}

@media (max-width: 767px) {
    .complex_participants-item-1 {
        flex-direction: row;
        align-items: center;
    }
}

.complex_participants-item-1 img {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
}

@media (max-width: 1279px) {
    .complex_participants-item-1 img {
        width: 40px;
        height: 40px;
    }


}

.complex_participants-item-1 p {
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 140%;
}

@media (max-width: 1279px) {
    .complex_participants-item-1 p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .complex_participants-item-1 p {
        font-size: 12px;
    }
}

.complex_participants-item-2 {
    display: flex;
    gap: 24px;
    align-items: center;
}

.complex_participants-item-2__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: #f9f9fb;
}

@media (max-width: 1279px) {
    .complex_participants-item-2__img {
        width: 56px;
        height: 56px;
    }
}

.complex_participants-item-2__img img {
    width: 40px;
    height: 40px;
}

@media (max-width: 1279px) {
    .complex_participants-item-2__img img {
        width: 32px;
        height: 32px;
    }
}

.complex_participants-item-2__text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.complex_participants-item-2 h3,
.complex_participants-item-2 span {
    color: #e10b17;
    font-weight: 800;
    font-size: 60px;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .complex_participants-item-2 h3,
    .complex_participants-item-2 span {
        font-size: 42px;
    }
}

.complex_participants-item-2 span {
    font-weight: 700;
    font-size: 32px;
    text-transform: none;
}

.complex_participants-item-2 p {
    color: #252525;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_participants-item-2 p {
        font-size: 12px;
    }
}

.complex_player-audio {
    width: 100%;
}

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

@media (max-width: 1279px) {
    .complex_player-audio__controls {
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .complex_player-audio__controls {
        flex-direction: column;
        align-items: flex-start;
    }
}

.complex_player-audio__controls > div {
    display: flex;
    gap: 24px;
    align-items: center;
    width: 100%;
}

@media (max-width: 1279px) {
    .complex_player-audio__controls > div {
        gap: 16px;
    }
}

.complex_player-audio__controls > div > p {
    color: #252525;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
    white-space: nowrap;
}

@media (max-width: 1279px) {
    .complex_player-audio__controls > div > p {
        font-size: 14px;
    }
}

.complex_player-audio__progress-bar {
    position: relative;
    width: 100%;
    height: 8px;
    border-radius: 8px;
    background-color: #ededed;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .complex_player-audio__progress-bar {
        height: 6px;
    }
}

.complex_player-audio__progress-bar > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background-color: #e10b17;
}

.complex_player-audio__muted {
    min-width: 26px;
    height: 26px;
}

@media (max-width: 1279px) {
    .complex_player-audio__muted {
        min-width: 24px;
        height: 24px;
    }
}

.complex_player-audio__muted > svg {
    width: 100%;
}

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

.complex-projects {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    padding: 40px;
    border-radius: 20px;
    background: linear-gradient(98deg, #ff4f4f 11.15%, #e10b17 93.66%);
}

@media (max-width: 1279px) {
    .complex-projects {
        gap: 32px;
        padding: 32px 20px;
    }
}

@media (max-width: 767px) {
    .complex-projects {
        padding: 32px 16px;
    }
}

.complex-projects__background {
    overflow: hidden;
    width: 100%;
    height: 560px;
    border-radius: 20px;
    scale: 0.5;
    opacity: 0;
}

.tabs-item--active .complex-projects__background {
    scale: 1;
    opacity: 1;
    transition: all .4s ease-in-out;
}

.complex-projects__link {
    transform: translateX(-500px);
    transition: none;
}

.tabs-item--active .complex-projects__link {
    transform: translateX(0);
    transition: all .4s linear;
}

@media (max-width: 1919px) {
    .complex-projects__background {
        height: 539px;
    }
}

@media (max-width: 1365px) {
    .complex-projects__background {
        height: 510px;
    }
}

@media (max-width: 1279px) {
    .complex-projects__background {
        height: 379px;
    }
}

@media (max-width: 1023px) {
    .complex-projects__background {
        height: 258px;
    }
}

@media (max-width: 767px) {
    .complex-projects__background {
        height: auto;
        aspect-ratio: 1/0.63;
    }
}

.complex-projects__background_deactive {
    display: none;
}

.complex-projects__background img {
    position: relative;
    z-index: 5;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.complex-projects__content {
    display: grid;
    grid-template-columns: 890px auto;
    gap: 32px;
    position: relative;
}

@media (max-width: 1919px) {
    .complex-projects__content {
        grid-template-columns: 855px auto;
    }
}

@media (max-width: 1365px) {
    .complex-projects__content {
        grid-template-columns: 810px auto;
    }
}

@media (max-width: 1279px) {
    .complex-projects__content {
        grid-template-columns: 600px auto;
        gap: 24px;
    }
}

@media (max-width: 1023px) {
    .complex-projects__content {
        grid-template-columns: 410px auto;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .complex-projects__content {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

.complex-projects__info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}


.complex-projects__text {
    color: #fff;
}

@media (max-width: 767px) {
    .complex-projects__text {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
    }
}

.complex-projects__text h3 {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 0;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    transition: all .3s linear;
}

.tabs-item--active .complex-projects__text h3 {
    font-size: 24px;
}

@media (max-width: 1279px) {
    .complex-projects__text h3 {
        font-weight: 500;
    }

    .tabs-item--active .complex-projects__text h3 {
        font-size: 20px;
    }
}

.complex-projects__text h5 {
    color: #6f6f6f;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex-projects__text h5 {
        font-size: 16px;
        line-height: 130%;
    }
}

.complex-projects__text a {
    display: block;
    width: fit-content;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: auto;

}

@media (max-width: 767px) {
    .complex-projects__text a {
        width: 100%;
        max-width: 380px;
    }
}

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

.complex-projects__up > h4 {
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex-projects__up > h4 {
        font-size: 24px;
    }
}

.complex-projects__up .UI_button-main {
    padding: 10px 20px;
}

.complex-projects__up .btn {
    display: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 110%;
    white-space: nowrap;
    width: 48px;
    height: 48px;
    padding: 0;
}


.complex-projects__action .complex-projects__btn-open {
    background-color: rgba(255, 255, 255, 0.2);
    rotate: 180deg;
}


.complex-projects__action {
    display: flex;
    align-items: center;
    gap: 9px;
}

@media (max-width: 767px) {
    .complex-projects__up .UI_button-main {
        display: flex;
    }
}

.complex-projects__up .UI_button-main_deactive,
.complex-projects__up .UI_button-close {
    display: none;
}

.complex-projects__up .UI_button-close_active {
    display: flex;
}

.complex-projects__down {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    transition: opacity 0.5s ease;
}

.complex-projects__down_deactive {
    height: 0;
    opacity: 0;
}

.complex-projects__date {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-bottom: 16px;
}

@media (max-width: 411px) {
    .complex-projects__date {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }
}

.complex-projects__date .UI_tag-pict {
    min-width: 210px;
}

@media (max-width: 1279px) {
    .complex-projects__date .UI_tag-pict {
        min-width: 180px;
    }
}

@media (max-width: 767px) {
    .complex-projects__date .UI_tag-pict {
        min-width: 160px;
    }
}

.complex-projects__date .UI_tag-pict > p {
    color: #fff;
}

.complex-projects__date > p {
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
}

@media (max-width: 1279px) {
    .complex-projects__date > p {
        font-size: 14px;
    }
}

.complex-projects__list {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 3px;
    overflow-y: auto;
    max-height: 807px;
    padding: 24px 40px 86px;
    border-radius: 20px;
    background: linear-gradient(281deg, #ffeced 10.96%, #f7f4f4 98.63%), #f9f9fb;
    transition: opacity 0.5s ease;
    scrollbar-color: #6F6F6F transparent;
    scrollbar-arrow-color: transparent;
}

.complex-projects__list::-webkit-scrollbar-thumb {
    background: transparent;
}

.complex-projects__list::-webkit-scrollbar-track {
    background: #6F6F6F;
}

/* Up */
.complex-projects__list::-webkit-scrollbar-button:single-button:vertical:decrement {
    background: transparent;
}

.complex-projects__list::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    background: transparent;
}

.complex-projects__list::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background: transparent;
}

/* Down */
.complex-projects__list::-webkit-scrollbar-button:single-button:vertical:increment {
    background: transparent;
}

.complex-projects__list::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background: transparent;
}

.complex-projects__list::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background: transparent;
}

@media (max-width: 767px) {
    .complex-projects__list {
        scrollbar-width: unset;
    }
}

@media (max-width: 1919px) {
    .complex-projects__list {
        max-height: 786px;
    }
}

@media (max-width: 1365px) {
    .complex-projects__list {
        max-height: 757px;
    }
}

@media (max-width: 1279px) {
    .complex-projects__list {
        max-height: 635px;
        padding: 24px;
    }
}

@media (max-width: 1023px) {
    .complex-projects__list {
        max-height: 514px;
    }

    .complex-projects__btn-all--desktop {
        display: none;
    }
}

@media (max-width: 767px) {
    .complex-projects__list {
        width: 100%;
        height: 0;
        max-height: 536px;
        margin-right: 0;
        padding: 0;
        opacity: 0;
    }
}

.complex-projects__list_active {
    height: auto;
    padding: 20px 16px;
    opacity: 1;
    margin-top: 24px;
}

.complex-projects__list li {
    max-width: 100%;
    border-bottom: 1px solid #b3bccd;
}

.complex-projects__list li button {
    max-width: 100%;
    padding: 12px;
}

@media (max-width: 1279px) {
    .complex-projects__list li button {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .complex-projects__list li button {
        padding: 8px 0;
    }
}

.complex-projects__list li button > h6 {
    display: -webkit-box;
    overflow: hidden;
    max-width: 100%;
    font-size: 16px;
    line-height: 140%;
    text-overflow: ellipsis;
}

@media (max-width: 1279px) {
    .complex-projects__list li button > h6 {
        font-size: 14px;
    }
}

.complex-projects__list li button > p {
    margin-top: 8px;
    color: #6f6f6f;
    font-size: 16px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.complex-projects__list li.complex-projects__list-card_active {
    border-bottom: 2px solid #e10b17;
}

.complex-projects__list li.complex-projects__list-card_active h6 {
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex-projects__list li.complex-projects__list-card_active h6 {
        font-size: 16px;
    }
}

.complex-projects__list li.complex-projects__list-card_active h6 h6 {
    font-size: inherit;
}

.complex-projects__list .os-scrollbar-handle {
    max-height: 180px;
    border-radius: 100px;
    background: #252525;
}

.complex-projects__list .os-scrollbar-handle:hover {
    background: #fff;
}

.complex-projects--l {
    padding: 24px 40px;
    background: linear-gradient(281deg, #ffeced 10.96%, #f7f4f4 98.63%), #f9f9fb;
}

@media (max-width: 1279px) {
    .complex-projects--l {
        gap: 24px;
        padding: 24px 20px;
    }
}

@media (max-width: 411px) {
    .complex-projects--l {
        padding: 24px 16px;
    }
}

.complex-projects--l .complex-projects__content {
    grid-template-columns: 574px auto;
    gap: 32px;
}

@media (max-width: 1279px) {
    .complex-projects--l .complex-projects__content {
        grid-template-columns: 428px auto;
    }
}

@media (max-width: 1023px) {
    .complex-projects--l .complex-projects__content {
        grid-template-columns: 368px auto;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .complex-projects--l .complex-projects__content {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

.complex-projects--l .complex-projects__background {
    height: 368px;
}

@media (max-width: 1279px) {
    .complex-projects--l .complex-projects__background {
        height: 274px;
    }
}

@media (max-width: 1023px) {
    .complex-projects--l .complex-projects__background {
        height: 236px;
    }
}

@media (max-width: 767px) {
    .complex-projects--l .complex-projects__background {
        height: auto;
        aspect-ratio: 1/0.71;
    }
}

@media (max-width: 1023px) {
    .complex-projects--l .complex-projects__date {
        margin-bottom: 16px;
    }
}

.complex-projects--l .complex-projects__date .UI_tag-pict {
    min-width: 146px;
}

@media (max-width: 1279px) {
    .complex-projects--l .complex-projects__date .UI_tag-pict {
        min-width: auto;
    }
}

.complex-projects--l .complex-projects__date .UI_tag-pict__icon {
    display: none;
}

.complex-projects--l .complex-projects__date .UI_tag-pict > p {
    color: #6f6f6f;
}

@media (max-width: 767px) {
    .complex-projects--l .complex-projects__up {
        flex-wrap: wrap;
    }
}

.complex-projects--l .complex-projects__up > h4 {
    color: #252525;
}

.complex-projects--l .complex-projects__up .UI_button-main {
    background-color: #fff;
    color: #e10b17;
}

.complex-projects--l .complex-projects__up .UI_button-main:before {
    display: none;
}

.complex-projects--l .complex-projects__text {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    color: #252525;
}

.complex-projects__text {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

@media (max-width: 767px) {
    .complex-projects--l .complex-projects__text {
        display: block;
    }
}

.complex-projects--l .complex-projects__text h3 {
    margin-bottom: 12px;
}

.complex-projects--l a {
    margin-top: auto;
    background: #e10b17;
    color: #fff;
}

@media (max-width: 767px) {
    .complex-projects--l a {
        margin-top: 24px;
    }
}

.complex-projects--l .complex-projects__list {
    width: 446px;
    height: 738px;
    margin-top: -78px;
    margin-right: 0;
    margin-left: auto;
    background: #fff;
}

@media (max-width: 1919px) {
    .complex-projects--l .complex-projects__list {
        width: 436px;
        height: 734px;
    }
}

@media (max-width: 1365px) {
    .complex-projects--l .complex-projects__list {
        width: 414px;
    }
}

@media (max-width: 1279px) {
    .complex-projects--l .complex-projects__list {
        width: 320px;
        height: 516px;
        margin-top: -52px;
    }
}

@media (max-width: 1023px) {
    .complex-projects--l .complex-projects__list {
        width: 240px;
        height: 478px;
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .complex-projects--l .complex-projects__list {
        width: 100%;
        height: 0;
        margin-top: 0;
        padding: 0;
    }
}

.complex-projects--l .complex-projects__list_active {
    height: auto;
    padding: 20px;
    opacity: 1;
}

@media (max-width: 1023px) {
    .complex-projects--l .complex-projects__list li button {
        padding-right: 0;
        padding-left: 0;
    }
}

.complex-projects--l .complex-projects__list li h6 {
    color: #252525;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex-projects--l .complex-projects__list li h6 {
        font-size: 18px;
    }
}

@media (max-width: 1279px) {
    .complex-projects--l .complex-projects__list li p {
        font-size: 14px;
    }
}

/*!
* OverlayScrollbars
* Version: 2.10.0
*
* Copyright (c) Rene Haas | KingSora.
* https://github.com/KingSora
*
* Released under the MIT license.
*/
.os-size-observer,
.os-size-observer-listener {
    scroll-behavior: auto !important;
    direction: inherit;
    pointer-events: none;
    overflow: hidden;
    visibility: hidden;
    box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
    writing-mode: horizontal-tb;
    position: absolute;
    left: 0;
    top: 0;
}

.os-size-observer {
    z-index: -1;
    contain: strict;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: inherit;
    border: inherit;
    box-sizing: inherit;
    margin: -133px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0.1);
}

.os-size-observer:before {
    content: "";
    flex: none;
    box-sizing: inherit;
    padding: 10px;
    width: 10px;
    height: 10px;
}

.os-size-observer-appear {
    animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
    box-sizing: border-box;
    position: relative;
    flex: auto;
    padding: inherit;
    border: inherit;
    margin: -133px;
    transform: scale(10);
}

.os-size-observer-listener.ltr {
    margin-right: -266px;
    margin-left: 0;
}

.os-size-observer-listener.rtl {
    margin-left: -266px;
    margin-right: 0;
}

.os-size-observer-listener:empty:before {
    content: "";
    width: 100%;
    height: 100%;
}

.os-size-observer-listener:empty:before,
.os-size-observer-listener > .os-size-observer-listener-item {
    display: block;
    position: relative;
    padding: inherit;
    border: inherit;
    box-sizing: content-box;
    flex: auto;
}

.os-size-observer-listener-scroll {
    box-sizing: border-box;
    display: flex;
}

.os-size-observer-listener-item {
    right: 0;
    bottom: 0;
    overflow: hidden;
    direction: ltr;
    flex: none;
}

.os-size-observer-listener-item-final {
    transition: none;
}

@keyframes os-size-observer-appear-animation {
    0% {
        cursor: auto;
    }
    to {
        cursor: none;
    }
}

.os-trinsic-observer {
    flex: none;
    box-sizing: border-box;
    position: relative;
    max-width: 0px;
    max-height: 1px;
    padding: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    z-index: -1;
    height: 0;
    top: calc(100% + 1px);
    contain: strict;
}

.os-trinsic-observer:not(:empty) {
    height: calc(100% + 1px);
    top: -1px;
}

.os-trinsic-observer:not(:empty) > .os-size-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px;
}

[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~="scrollbarHidden"] {
    scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~="scrollbarHidden"]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~="scrollbarHidden"]::-webkit-scrollbar-corner {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
    overflow: auto;
}

html[data-overlayscrollbars-body] {
    overflow: hidden;
}

html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
    width: 100%;
    height: 100%;
    margin: 0;
}

html[data-overlayscrollbars-body] > body {
    overflow: visible;
    margin: 0;
}

[data-overlayscrollbars] {
    position: relative;
}

[data-overlayscrollbars~="host"],
[data-overlayscrollbars-padding] {
    display: flex;
    align-items: stretch !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    scroll-behavior: auto !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
    box-sizing: inherit;
    position: relative;
    flex: auto !important;
    height: auto;
    width: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: none;
    z-index: 0;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
    --os-vaw: 0;
    --os-vah: 0;
    outline: none;
}

[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
    outline: none;
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~="arrange"]:before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
    min-width: 1px;
    min-height: 1px;
    width: var(--os-vaw);
    height: var(--os-vah);
}

[data-overlayscrollbars],
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
    overflow: hidden !important;
}

[data-overlayscrollbars~="noClipping"],
[data-overlayscrollbars-padding~="noClipping"] {
    overflow: visible !important;
}

[data-overlayscrollbars-viewport~="measuring"] {
    overflow: hidden !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
}

[data-overlayscrollbars-viewport~="overflowXVisible"]:not([data-overlayscrollbars-viewport~="measuring"]) {
    overflow-x: visible !important;
}

[data-overlayscrollbars-viewport~="overflowXHidden"] {
    overflow-x: hidden !important;
}

[data-overlayscrollbars-viewport~="overflowXScroll"] {
    overflow-x: scroll !important;
}

[data-overlayscrollbars-viewport~="overflowYVisible"]:not([data-overlayscrollbars-viewport~="measuring"]) {
    overflow-y: visible !important;
}

[data-overlayscrollbars-viewport~="overflowYHidden"] {
    overflow-y: hidden !important;
}

[data-overlayscrollbars-viewport~="overflowYScroll"] {
    overflow-y: scroll !important;
}

[data-overlayscrollbars-viewport~="noContent"]:not(#osFakeId) {
    font-size: 0 !important;
    line-height: 0 !important;
}

[data-overlayscrollbars-viewport~="noContent"]:not(#osFakeId):before,
[data-overlayscrollbars-viewport~="noContent"]:not(#osFakeId):after,
[data-overlayscrollbars-viewport~="noContent"]:not(#osFakeId) > * {
    display: none !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
}

[data-overlayscrollbars-viewport~="scrolling"] {
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
}

[data-overlayscrollbars-content] {
    box-sizing: inherit;
}

[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
    display: contents;
}

[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
    display: grid;
    grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
    height: auto !important;
    width: auto !important;
}

@property --os-scroll-percent {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}

@property --os-viewport-percent {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}

.os-scrollbar {
    --os-viewport-percent: 0;
    --os-scroll-percent: 0;
    --os-scroll-direction: 0;
    --os-scroll-percent-directional: calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));
}

.os-scrollbar {
    contain: size layout;
    contain: size layout style;
    transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
    pointer-events: none;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

body > .os-scrollbar {
    position: fixed;
    z-index: 99999;
}

.os-scrollbar-transitionless {
    transition: none !important;
}

.os-scrollbar-track {
    position: relative;
    padding: 0 !important;
    border: none !important;
}

.os-scrollbar-handle {
    position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
    pointer-events: auto;
    touch-action: none;
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0;
}

.os-scrollbar-vertical {
    top: 0;
    right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
    right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
    right: auto;
    left: 0;
}

.os-scrollbar-visible {
    opacity: 1;
    visibility: visible;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
    opacity: 0;
    visibility: hidden;
}

.os-scrollbar-interaction.os-scrollbar-visible {
    opacity: 1;
    visibility: visible;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
    pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
    transition: none !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    bottom: 0;
    left: calc(var(--os-scroll-percent-directional) * 100%);
    transform: translate(calc(var(--os-scroll-percent-directional) * -100%));
    width: calc(var(--os-viewport-percent) * 100%);
}

.os-scrollbar-vertical .os-scrollbar-handle {
    right: 0;
    top: calc(var(--os-scroll-percent-directional) * 100%);
    transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
    height: calc(var(--os-viewport-percent) * 100%);
}

@supports (container-type: size) {
    .os-scrollbar-track {
        container-type: size;
    }

    .os-scrollbar-horizontal .os-scrollbar-handle {
        left: auto;
        transform: translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
    }

    .os-scrollbar-vertical .os-scrollbar-handle {
        top: auto;
        transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
    }

    .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
        right: auto;
        left: 0;
    }
}

.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
    right: auto;
    left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
    left: 0;
    right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
    top: 0;
    bottom: 0;
}

@media print {
    .os-scrollbar {
        display: none;
    }
}

.os-scrollbar {
    --os-size: 0;
    --os-padding-perpendicular: 0;
    --os-padding-axis: 0;
    --os-track-border-radius: 0;
    --os-track-bg: none;
    --os-track-bg-hover: none;
    --os-track-bg-active: none;
    --os-track-border: none;
    --os-track-border-hover: none;
    --os-track-border-active: none;
    --os-handle-border-radius: 0;
    --os-handle-bg: none;
    --os-handle-bg-hover: none;
    --os-handle-bg-active: none;
    --os-handle-border: none;
    --os-handle-border-hover: none;
    --os-handle-border-active: none;
    --os-handle-min-size: 33px;
    --os-handle-max-size: none;
    --os-handle-perpendicular-size: 100%;
    --os-handle-perpendicular-size-hover: 100%;
    --os-handle-perpendicular-size-active: 100%;
    --os-handle-interactive-area-offset: 0;
}

.os-scrollbar-track {
    border: var(--os-track-border);
    border-radius: var(--os-track-border-radius);
    background: var(--os-track-bg);
    transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}

.os-scrollbar-track:hover {
    border: var(--os-track-border-hover);
    background: var(--os-track-bg-hover);
}

.os-scrollbar-track:active {
    border: var(--os-track-border-active);
    background: var(--os-track-bg-active);
}

.os-scrollbar-handle {
    border: var(--os-handle-border);
    border-radius: var(--os-handle-border-radius);
    background: var(--os-handle-bg);
}

.os-scrollbar-handle:hover {
    border: var(--os-handle-border-hover);
    background: var(--os-handle-bg-hover);
}

.os-scrollbar-handle:active {
    border: var(--os-handle-border-active);
    background: var(--os-handle-bg-active);
}

.os-scrollbar-track:before,
.os-scrollbar-handle:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}

.os-scrollbar-horizontal {
    padding: var(--os-padding-perpendicular) var(--os-padding-axis);
    right: var(--os-size);
    height: var(--os-size);
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
    left: var(--os-size);
    right: 0;
}

.os-scrollbar-horizontal .os-scrollbar-track:before {
    top: calc(var(--os-padding-perpendicular) * -1);
    bottom: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    min-width: var(--os-handle-min-size);
    max-width: var(--os-handle-max-size);
    height: var(--os-handle-perpendicular-size);
    transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
    bottom: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
    padding: var(--os-padding-axis) var(--os-padding-perpendicular);
    bottom: var(--os-size);
    width: var(--os-size);
}

.os-scrollbar-vertical .os-scrollbar-track:before {
    left: calc(var(--os-padding-perpendicular) * -1);
    right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical .os-scrollbar-handle {
    min-height: var(--os-handle-min-size);
    max-height: var(--os-handle-max-size);
    width: var(--os-handle-perpendicular-size);
    transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
    right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
    right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
    left: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-active);
}

[data-overlayscrollbars-viewport~="measuring"] > .os-scrollbar,
.os-theme-none.os-scrollbar {
    display: none !important;
}

.os-theme-dark,
.os-theme-light {
    box-sizing: border-box;
    --os-size: 10px;
    --os-padding-perpendicular: 2px;
    --os-padding-axis: 2px;
    --os-track-border-radius: 10px;
    --os-handle-interactive-area-offset: 4px;
    --os-handle-border-radius: 10px;
}

.os-theme-dark {
    --os-handle-bg: rgba(0, 0, 0, 0.44);
    --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
    --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
    --os-handle-bg: rgba(255, 255, 255, 0.44);
    --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
    --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}

.complex_question {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    padding: 40px;
    border-radius: 8px;
    background: #e10b17;
    text-align: center;
}

@media (max-width: 1279px) {
    .complex_question {
        padding: 32px 20px;
    }
}

.complex_question__text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #fff;
}

.complex_question__text h4 {
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

.complex_question__text p {
    font-size: 16px;
    line-height: 140%;
}

.complex_regions-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

@media (max-width: 1279px) {
    .complex_regions-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .complex_regions-list {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

.complex_regions-list__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 24px;
}

@media (max-width: 1279px) {
    .complex_regions-list__block {
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .complex_regions-list__block {
        padding-right: 0;
    }
}

.complex_regions-list__block.hidden {
    display: none;
}

@media (max-width: 767px) {
    .complex_regions-list__block:last-of-type {
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .complex_regions-list__block:not(:last-of-type) {
        padding-bottom: 32px;
        border-bottom: 1px solid #b3bccd;
    }
}

@media (max-width: 767px) {
    .complex_regions-list__block:not(:first-of-type) {
        padding-top: 36px;
    }
}

.complex_regions-list__group {
    width: 100%;
    padding: 24px 0;
}

@media (max-width: 767px) {
    .complex_regions-list__group {
        padding: 0;
    }
}

.complex_regions-list__group:not(:last-of-type) {
    padding-bottom: 36px;
    border-bottom: 1px solid #b3bccd;
}

@media (max-width: 767px) {
    .complex_regions-list__group:not(:last-of-type) {
        padding-bottom: 32px;
    }
}

.complex_regions-list__group:not(:first-of-type) {
    padding-top: 36px;
}

@media (max-width: 767px) {
    .complex_regions-list__group:not(:first-of-type) {
        padding-top: 36px;
    }
}

.complex_regions-list__group > h4 {
    margin-bottom: 20px;
    color: #214fe2;
    font-weight: 500;
    font-size: 16px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .complex_regions-list__group > h4 {
        font-size: 14px;
    }
}

.complex_regions-list__group > ul > li:not(:last-of-type) {
    margin-bottom: 12px;
}

.complex_regions-list__group > ul > li > button,
.complex_regions-list__group > ul > li > a {
    color: #252525;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.complex_regions-list__group > ul > li > button:hover,
.complex_regions-list__group > ul > li > a:hover {
    opacity: 0.8;
}

.complex_regions-select {
    position: relative;
    overflow-y: auto;
    width: 340px;
    height: 100%;
    padding: 24px;
    border-radius: 20px;
    background-color: #f9f9fb;
    max-height: 912px;
}

@media (max-width: 1279px) {
    .complex_regions-select {
        width: 280px;
    }
}

@media (max-width: 1023px) {
    .complex_regions-select {
        width: 240px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .complex_regions-select {
        width: 100%;
        padding-right: 16px;
        padding-left: 16px;
        scrollbar-width: initial;
    }
}

.complex_regions-select ::-webkit-scrollbar {
    display: none;
}

@media (max-width: 767px) {
    .complex_regions-select ::-webkit-scrollbar {
        display: block;
    }
}

.complex_regions-select__group {
    width: 100%;
}

.complex_regions-select__group:not(:last-of-type) {
    padding-bottom: 20px;
    border-bottom: 1px solid #b3bccd;
}

.complex_regions-select__group:not(:first-of-type) {
    padding-top: 20px;
}

.complex_regions-select__group > h4 {
    margin-bottom: 16px;
    color: #214fe2;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-transform: uppercase;
}

.complex_regions-select__group > ul > li:not(:last-of-type) {
    margin-bottom: 12px;
}

.complex_regions-select__group > ul > li > button,
.complex_regions-select__group > ul > li > a {
    color: #252525;
    font-weight: 500;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.complex_regions-select__group > ul > li > button:hover,
.complex_regions-select__group > ul > li > a:hover {
    opacity: 0.8;
}

.complex_regions-select__group > ul > li > button.active,
.complex_regions-select__group > ul > li > a.active {
    color: #e10b17;
}

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

@media (max-width: 767px) {
    .complex_socials {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}

.complex_socials > p {
    color: #6f6f6f;
    font-size: 14px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 140%;
}

.complex_socials a,
.complex_socials button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.complex_socials__copy {
    position: relative;
}

.complex_socials__copy-tooltip {
    position: absolute;
    bottom: -100%;
    left: -20px;
    z-index: -1;
    width: 144px;
    padding: 10px 12px;
    border-radius: 8px;
    background-color: #f5f5f5;
    color: #6f6f6f;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
    opacity: 0;
    transition: all 0.5s ease;
}

.complex_socials__copy-tooltip_active {
    z-index: 9;
    opacity: 1;
}

.complex_socials__copy-tooltip:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 20px;
    display: block;
    width: 16px;
    height: 8px;
    background: url(../icons/arrow-copy-link.svg) no-repeat center/contain;
}

.complex_socials > div {
    display: flex;
    gap: 16px;
    align-items: center;
}

@media (max-width: 767px) {
    .complex_socials--modal {
        flex-direction: row;
        gap: 24px;
        align-items: center;
    }
}

.complex_socials--modal > p {
    color: #fff;
}

.complex_socials--modal a,
.complex_socials--modal button {
    width: 26px;
    height: 26px;
    border: none;
}

.complex_title-page > a {
    gap: 16px;
    margin-bottom: 32px;
    text-decoration: none;
}

@media (max-width: 1279px) {
    .complex_title-page > a {
        margin-bottom: 24px;
    }
}

.complex_title-page > a > span {
    min-width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #e10b17 url(../icons/bracket.svg) no-repeat center/23px;
}

.complex_title-page > a > p {
    color: #252525;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    opacity: 0.7;
}

.complex_title-page > h3 {
    margin-bottom: 24px;
    color: #252525;
    font-weight: 700;
    font-size: 32px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .complex_title-page > h3 {
        font-size: 24px;
    }
}

@media (max-width: 411px) {
    .complex_title-page > h3 {
        font-size: 20px;
    }
}

.complex_title-page__tags {
    gap: 4px;
    margin-bottom: 12px;
}

.complex_title-page__icon-tags {
    gap: 16px;
    align-items: center;
}

.complex_title-page .UI_text-m {
    margin-top: 24px;
}

.complex_tooltip {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 280px;
    padding: 12px 24px;
    border-radius: 8px;
    background-color: #214fe2;
}

.complex_tooltip__arrow {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 16px;
    height: 8px;
    background: url(../icons/triangle.svg) no-repeat center/cover;
    transform: translate(-50%, 100%);
}

.complex_tooltip:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
}

.complex_tooltip > p {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    text-align: center;
}

.complex_tooltip--active,
.complex_tooltip:hover {
    display: block;
}

.topic-page {
    margin: 10px 10px 0;
    padding: 156px 40px 40px;
    border-radius: 16px;
    background-color: #e10b0b;
}

@media (max-width: 1279px) {
    .topic-page {
        padding: 250px 20px 40px;
    }
}

@media (max-width: 1023px) {
    .topic-page {
        padding: 250px 16px 20px;
    }
}

@media (max-width: 767px) {
    .topic-page {
        margin: 0;
        padding-top: 86px;
    }
}

.topic-page > h2 {
    color: #fff;
    font-weight: 800;
    font-size: 60px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-transform: uppercase;
}

.topic-page > h2.small {
    font-size: 32px;
    line-height: 1.2;
}


.topic-page > h3 {
    display: none;
    margin-top: 16px;
    color: #fffc;
    font-weight: 500;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    letter-spacing: -0.2px;
}

@media (max-width: 1279px) {
    .topic-page > h2 {
        font-size: 40px;
    }

    .topic-page > h2.small {
        font-size: 24px;
    }
    .topic-page > h3 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .topic-page > h2 {
        font-size: 24px;
    }

    .topic-page > h2.small {
        font-size: 18px;
    }

    .topic-page > h3 {
        font-size: 16px;
    }
}


.topic-page__nav {
    position: relative;
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .topic-page__nav {
        margin-bottom: 16px;
    }
}

.topic-page--blue {
    background-color: #214fe2;
}

.topic-page--subtitle > h3 {
    display: block;
}

.topic-page-2 {
    position: relative;
    overflow: hidden;
    min-height: 880px;
    margin: 10px;
    border-radius: 16px;
    background: #214fe2;
}
.topic-page-2:not(:has(.topic-page-2__img)) {
    min-height: auto !important;
}
@media (max-width: 1919px) {
    .topic-page-2 {
        min-height: 846px;
    }
}

@media (max-width: 1365px) {
    .topic-page-2 {
        min-height: 822px;
    }
}

@media (max-width: 1279px) {
    .topic-page-2 {
        min-height: 802px;
    }
}

@media (max-width: 1023px) {
    .topic-page-2 {
        min-height: 673px;
    }
}

@media (max-width: 767px) {
    .topic-page-2 {
        min-height: auto;
        margin: 0;
    }
}

.topic-page-2__content {
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 196px 40px;
}
.topic-page-2:has(:not(.topic-page-2__img)) .topic-page-2__content {
    padding: 196px 40px 40px;
}

@media (max-width: 1279px) {
    .topic-page-2__content {
        gap: 32px;
        padding: 252px 20px;
    }

    .topic-page-2:has(:not(.topic-page-2__img)) .topic-page-2__content {
        padding: 250px 20px 40px;
    }
}

@media (max-width: 1023px) {
    .topic-page-2__content {
        padding: 234px 20px;
    }

    .topic-page-2:has(:not(.topic-page-2__img)) .topic-page-2__content {
        padding:  234px 20px 40px;
    }
}

@media (max-width: 767px) {
    .topic-page-2__content {
        gap: 24px;
        padding: 94px 16px 32px;
    }

    .topic-page-2:has(:not(.topic-page-2__img)) .topic-page-2__content {
        padding:  94px 16px 32px;
    }
}

.topic-page-2__content h2 {
    color: #fff;
    font-weight: 800;
    font-size: 60px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .topic-page-2__content h2 {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .topic-page-2__content h2 {
        font-size: 32px;
    }
}

.topic-page-2__content a {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: fit-content;
    padding: 16px 24px;
    border-radius: 8px;
    background: #e10b17;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .topic-page-2__content a {
        padding: 10px 20px;
        font-size: 14px;
    }
}

.topic-page-2__img {
    position: absolute;
    bottom: -5px;
    left: 0;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .topic-page-2__img {
        position: static;
        height: auto;
    }
}

@media (max-width: 767px) {
    .topic-page-2__img img {
        object-fit: cover;
        min-height: 229px;
    }
}

@keyframes fill-bullet {
    0% {
        transform: translate(-100%);
    }
    to {
        transform: translate(0);
    }
}

.topic-page-3 {
    position: relative;
}

.topic-page-3__slider {
    position: relative;
    min-width: 0;
}

@media (max-width: 1279px) {
    .topic-page-3__slider {
        margin-top: -32px;
    }
}

.topic-page-3__slider .swiper {
    height: fit-content;
}

.topic-page-3__slide.swiper-slide {
    position: relative;
    height: 840px;
}

@media (max-width: 1919px) {
    .topic-page-3__slide.swiper-slide {
        height: 796px;
    }
}

@media (max-width: 1365px) {
    .topic-page-3__slide.swiper-slide {
        height: 745px;
    }
}

@media (max-width: 1279px) {
    .topic-page-3__slide.swiper-slide {
        height: 586px;
    }
}

@media (max-width: 1023px) {
    .topic-page-3__slide.swiper-slide {
        height: 437px;
    }
}

@media (max-width: 767px) {
    .topic-page-3__slide.swiper-slide {
        height: 0;
        padding-top: 58%;
    }
}

.topic-page-3__slide.swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(37, 37, 37, 0.85) 0%, rgba(37, 37, 37, 0.85) 15%, rgba(37, 37, 37, 0.55) 25%, rgba(37, 37, 37, 0) 60%);
}

.topic-page-3__slide.swiper-slide img {
    object-fit: cover;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .topic-page-3__slide.swiper-slide img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.topic-page-3__pagination {
    position: absolute;
    bottom: 64px;
    left: 40px;
    display: flex;
    gap: 21px;
}

@media (max-width: 1279px) {
    .topic-page-3__pagination {
        bottom: 40px;
        left: 20px;
    }
}

@media (max-width: 767px) {
    .topic-page-3__pagination {
        bottom: 24px;
        left: 16px;
    }
}

.topic-page-3__pagination-bullet {
    position: relative;
    z-index: 7;
    display: block;
    overflow: hidden;
    width: 46px;
    height: 3px;
    background: #f5f5f5;
}

.topic-page-3__pagination-bullet:before {
    display: none;
}

.topic-page-3__pagination-bullet-active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #e10b17;
    animation-name: fill-bullet;
    animation-duration: 3s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

.topic-page-3__container {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (max-width: 1279px) {
    .topic-page-3__container {
        position: static;
        height: auto;
        border-radius: 20px;
        background: #e10b17;
    }
}

.topic-page-3__container-content {
    position: relative;
    z-index: 7;
    padding: 204px 40px 0;
}

@media (max-width: 1279px) {
    .topic-page-3__container-content {
        padding: 256px 20px 64px;
    }
}

@media (max-width: 767px) {
    .topic-page-3__container-content {
        padding: 102px 16px 56px;
    }
}

.topic-page-3__container-content > h2 {
    margin-bottom: 40px;
    color: #fff;
    font-weight: 800;
    font-size: 60px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .topic-page-3__container-content > h2 {
        margin-bottom: 32px;
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .topic-page-3__container-content > h2 {
        margin-bottom: 24px;
        font-size: 32px;
    }
}

@media (max-width: 411px) {
    .topic-page-3__container-content > h2 {
        font-size: 28px;
    }
}

@media (max-width: 1279px) {
    .topic-page-3__container-content > h2 br {
        display: none;
    }
}

.topic-page-3__container-content .UI_button-main {
    width: fit-content;
}

@media (max-width: 1279px) {
    .topic-page-3__container-content .UI_button-main {
        background-color: #fff;
        color: #e10b17;
    }
}

@media (max-width: 767px) {
    .topic-page-3__container-content .UI_button-main {
        width: 100%;
    }
}

.topic-page-4 {
    position: relative;
    overflow: hidden;
    min-height: 840px;
    border-radius: 20px;
}

@media (max-width: 1919px) {
    .topic-page-4 {
        min-height: 786px;
    }
}

@media (max-width: 1365px) {
    .topic-page-4 {
        min-height: 736px;
    }
}

@media (max-width: 1279px) {
    .topic-page-4 {
        min-height: auto;
    }
}

.topic-page-4__container {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

@media (max-width: 1279px) {
    .topic-page-4__container {
        position: static;
        border-radius: 20px;
        background-color: #214fe2;
    }
}

.topic-page-4__container-content {
    position: relative;
    z-index: 7;
    padding: 204px 40px 40px;
}

@media (max-width: 1279px) {
    .topic-page-4__container-content {
        padding: 256px 20px 64px;
    }
}

@media (max-width: 767px) {
    .topic-page-4__container-content {
        padding: 102px 16px 56px;
    }
}

.topic-page-4__container-content > h2 {
    margin-bottom: 40px;
    color: #fff;
    font-weight: 800;
    font-size: 60px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-transform: uppercase;
    margin-top: 82px;
}

@media (max-width: 1279px) {
    .topic-page-4__container-content > h2 {
        margin-bottom: 32px;
        font-size: 48px;
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .topic-page-4__container-content > h2 {
        margin-bottom: 24px;
        font-size: 32px;
    }
}

@media (max-width: 411px) {
    .topic-page-4__container-content > h2 {
        font-size: 28px;
    }
}

@media (max-width: 1279px) {
    .topic-page-4__container-content > h2 br {
        display: none;
    }
}

.topic-page-4__container-content .UI_button-main {
    width: fit-content;
}

@media (max-width: 767px) {
    .topic-page-4__container-content .UI_button-main {
        width: 100%;
        padding: 10px 5px;
    }
}

.topic-page-4__container-btns {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width: 1279px) {
    .topic-page-4__container-btns {
        flex-direction: row;
    }
}

@media (max-width: 767px) {
    .topic-page-4__container-btns {
        flex-direction: column;
    }
}

@media (max-width: 1279px) {
    .topic-page-4__container-btns .UI_button-main {
        font-size: 14px;
    }
}

.topic-page-4__pic {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

@media (max-width: 1279px) {
    .topic-page-4__pic {
        position: relative;
        height: 585px;
        margin-top: -32px;
        border-radius: 20px;
    }
}

@media (max-width: 1023px) {
    .topic-page-4__pic {
        height: 437px;
    }
}

@media (max-width: 767px) {
    .topic-page-4__pic {
        height: 0;
        padding-top: 58%;
    }
}

.topic-page-4__pic:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(180deg, #25252580 10%, #25252540 40%, #25252500 80%);
}

.topic-page-4__pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 1279px) {
    .topic-page-4__pic img {
        position: absolute;
        right: 0;
        bottom: 0;
        object-fit: fill;
        max-width: none;
        height: auto;
    }
}

.topic-page-5 {
    position: relative;
    margin: 10px 0 0;
    padding: 196px 40px 280px;
    border-radius: 16px;
    background-color: #e10b0b;
}

@media (max-width: 1279px) {
    .topic-page-5 {
        padding: 252px 20px 245px;
    }
}

@media (max-width: 1023px) {
    .topic-page-5 {
        padding: 245px 20px 64px;
    }
}

@media (max-width: 767px) {
    .topic-page-5 {
        margin: 0;
        padding: 100px 16px 325px;
    }
}

@media (max-width: 374px) {
    .topic-page-5 {
        padding-bottom: 260px;
    }
}

.topic-page-5__text {
    width: 885px;
}

@media (max-width: 1279px) {
    .topic-page-5__text {
        width: 655px;
    }
}

@media (max-width: 1023px) {
    .topic-page-5__text {
        width: 480px;
    }
}

@media (max-width: 767px) {
    .topic-page-5__text {
        width: 100%;
    }
}

.topic-page-5__text > h2 {
    margin-bottom: 64px;
    color: #fff;
    font-weight: 800;
    font-size: 60px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .topic-page-5__text > h2 {
        margin-bottom: 32px;
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .topic-page-5__text > h2 {
        width: 360px;
        max-width: 100%;
        margin-bottom: 24px;
        font-size: 28px;
    }
}

@media (max-width: 411px) {
    .topic-page-5__text > h2 {
        font-size: 24px;
    }
}

@media (max-width: 374px) {
    .topic-page-5__text > h2 {
        font-size: 20px;
    }
}

.topic-page-5__text > h3 {
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
}

@media (max-width: 1279px) {
    .topic-page-5__text > h3 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .topic-page-5__text > h3 {
        width: 370px;
        max-width: 100%;
        font-weight: 500;
        font-size: 16px;
    }
}

@media (max-width: 411px) {
    .topic-page-5__text > h3 {
        width: 310px;
        font-size: 14px;
    }
}

@media (max-width: 374px) {
    .topic-page-5__text > h3 {
        width: 290px;
    }
}

.topic-page-5__shape {
    position: absolute;
    right: 66px;
    bottom: -58px;
    width: 428px;
    background: url(../icons/logo-5.svg) no-repeat center/contain;
    aspect-ratio: 1/1.78;
}

@media (max-width: 1919px) {
    .topic-page-5__shape {
        right: 22px;
    }
}

@media (max-width: 1365px) {
    .topic-page-5__shape {
        right: 16px;
        bottom: 40px;
        width: 362px;
    }
}

@media (max-width: 1279px) {
    .topic-page-5__shape {
        right: 25px;
        bottom: -48px;
        width: 273px;
    }
}

@media (max-width: 1023px) {
    .topic-page-5__shape {
        right: 22px;
        bottom: 18px;
        width: 246px;
    }
}

@media (max-width: 767px) {
    .topic-page-5__shape {
        right: 26px;
        bottom: -31px;
        width: 182px;
    }
}

@media (max-width: 411px) {
    .topic-page-5__shape {
        bottom: -23px;
    }
}

@media (max-width: 374px) {
    .topic-page-5__shape {
        bottom: -34px;
        width: 155px;
    }
}

.complex_values {
    display: flex;
    align-items: flex-start;
    column-gap: 24px;
}

@media (max-width: 1279px) {
    .complex_values {
        flex-direction: column;
        gap: 24px 0;
        padding-top: 54px;
        padding-bottom: 54px;
    }
}

@media (max-width: 1023px) {
    .complex_values {
        padding-top: 46px;
        padding-bottom: 46px;
    }
}

.complex_values__item {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: calc(33.3333333333% - 14px);
    padding: 40px 20px;
    border-radius: 20px;
    background: linear-gradient(98deg, #ff4f4f 11.15%, #e10b17 93.66%);
}

@media (max-width: 1365px) {
    .complex_values__item {
        min-height: 604px;
        padding: 30px 20px;
    }
}

@media (max-width: 1279px) {
    .complex_values__item {
        width: 100%;
        min-height: 0;
    }
}

.complex_values__item:after {
    content: "";
    position: absolute;
    display: block;
    width: 209px;
    height: 209px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffffff4d, #ffffff0d);
}

.complex_values__item:before {
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffffff4d, #ffffff0d);
}

.complex_values__item:nth-of-type(1):after {
    top: -48px;
    left: -108.8px;
    transform: rotate(-165deg);
}

@media (max-width: 374px) {
    .complex_values__item:nth-of-type(1):after {
        top: -30px;
        left: -90px;
    }
}

.complex_values__item:nth-of-type(1):before {
    bottom: -39px;
    left: -34px;
    width: 209px;
    height: 209px;
    transform: rotate(-165deg);
}

@media (max-width: 1279px) {
    .complex_values__item:nth-of-type(1):before {
        bottom: -139px;
        transform: none;
    }
}

@media (max-width: 767px) {
    .complex_values__item:nth-of-type(1):before {
        bottom: -6px;
    }
}

.complex_values__item:nth-of-type(2):after {
    top: -79px;
    left: -33px;
}

.complex_values__item:nth-of-type(2):before {
    right: -32px;
    bottom: -117.4px;
    width: 267px;
    height: 267px;
    transform: rotate(81deg);
}

@media (max-width: 1279px) {
    .complex_values__item:nth-of-type(2):before {
        right: -63px;
        bottom: -184px;
        width: 323px;
        height: 323px;
        transform: rotate(81deg);
    }
}

@media (max-width: 767px) {
    .complex_values__item:nth-of-type(2):before {
        right: -58px;
        bottom: -58px;
    }
}

@media (max-width: 374px) {
    .complex_values__item:nth-of-type(2):before {
        right: -150px;
    }
}

.complex_values__item:nth-of-type(2) .complex_values__down:after {
    content: "";
    position: absolute;
    right: -76px;
    bottom: 58px;
    z-index: 1;
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffffff4d, #ffffff0d);
    transform: rotate(-57deg);
}

@media (max-width: 767px) {
    .complex_values__item:nth-of-type(2) .complex_values__down:after {
        right: 0;
        bottom: 210px;
        width: 158px;
        height: 158px;
    }
}

.complex_values__item:nth-of-type(3):after {
    top: -30px;
    right: -4px;
}

@media (max-width: 1279px) {
    .complex_values__item:nth-of-type(3):after {
        top: -40px;
        right: -26px;
        width: 209px;
        height: 209px;
    }
}

.complex_values__item:nth-of-type(3):before {
    bottom: -71px;
    left: -67px;
    width: 193px;
    height: 193px;
    transform: rotate(162deg);
}

@media (max-width: 1279px) {
    .complex_values__item:nth-of-type(3):before {
        bottom: -100px;
    }
}

@media (max-width: 767px) {
    .complex_values__item:nth-of-type(3):before {
        bottom: -45px;
    }
}

@media (max-width: 411px) {
    .complex_values__item:nth-of-type(3):before {
        bottom: 5px;
    }
}

@media (max-width: 374px) {
    .complex_values__item:nth-of-type(3):before {
        bottom: 25px;
    }
}

.complex_values__item:nth-of-type(3) .complex_values__down:after {
    content: "";
    position: absolute;
    top: -53px;
    right: -48px;
    z-index: 1;
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffffff4d, #ffffff0d);
    transform: rotate(-146deg);
}

@media (max-width: 1279px) {
    .complex_values__item:nth-of-type(3) .complex_values__down:after {
        top: -13px;
        right: -75px;
    }
}

@media (max-width: 411px) {
    .complex_values__item:nth-of-type(3) .complex_values__down:after {
        content: none;
    }
}

.complex_values__up {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 767px) {
    .complex_values__up {
        flex-direction: column-reverse;
        row-gap: 10px;
        align-items: flex-start;
    }
}

.complex_values__up > h3 {
    width: 9em;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 120%;
    text-transform: uppercase;
}

@media (max-width: 1279px) {
    .complex_values__up > h3 {
        width: 100%;
        font-size: 24px;
    }
}

@media (max-width: 1023px) {
    .complex_values__up > h3 {
        font-size: 20px;
    }
}

.complex_values__content {
    max-height: 0;
    padding: 0 24px;
    opacity: 0;
    transition: all 0.4s ease;
}

@media (max-width: 767px) {
    .complex_values__content {
        padding-right: 16px;
        padding-left: 16px;
    }
}

.complex_values__content.active {
    display: block;
    max-height: 320px;
    margin-top: -8px;
    padding-bottom: 24px;
    opacity: 1;
}

@media (max-width: 1279px) {
    .complex_values__content.active {
        max-height: 170px;
    }
}

@media (max-width: 767px) {
    .complex_values__content.active {
        max-height: 260px;
    }
}

@media (max-width: 411px) {
    .complex_values__content.active {
        max-height: 300px;
    }
}

@media (max-width: 374px) {
    .complex_values__content.active {
        max-height: 350px;
    }
}

.complex_values__down {
    position: relative;
    margin-top: 32px;
}

@media (max-width: 1279px) {
    .complex_values__down {
        margin-top: 20px;
    }
}

.complex_values__down > li {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    border-radius: 20px;
    background-color: #fff;
}

.complex_values__down > li:not(:first-of-type) {
    margin-top: 16px;
}

.complex_values__down > li.active .complex_values__topic > button {
    background-image: url(../icons/minus-circle.svg);
}

.complex_values__topic {
    display: flex;
    gap: 17px;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    cursor: pointer;
}

@media (max-width: 1365px) {
    .complex_values__topic {
        gap: 22px;
    }
}

@media (max-width: 767px) {
    .complex_values__topic {
        flex-direction: column-reverse;
        row-gap: 10px;
        align-items: flex-start;
        padding: 16px;
    }
}

.complex_values__topic > h5 {
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 1.2;
}

@media (max-width: 767px) {
    .complex_values__topic > h5 {
        font-size: 16px;
    }
}

.complex_values__topic > button {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: url(../icons/plus-circle.svg) no-repeat center;
}

.complex_video {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .complex_video {
        border-radius: 12px;
    }
}

.complex_video > video,
.complex_video > iframe {
    max-width: 100%;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .complex_video > video,
    .complex_video > iframe {
        border-radius: 12px;
    }
}

.complex_video > video[poster],
.complex_video > iframe[poster] {
    object-fit: cover;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.complex_video > iframe {
    width: 100%;

}

.complex_video > button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background: #e10b17 url(../icons/play.svg) no-repeat 55% center/38px;
    transform: translate(-50%, -50%);
}

@media (max-width: 1279px) {
    .complex_video > button {
        width: 80px;
        height: 80px;
        background-size: 26px;
    }
}

@media (max-width: 767px) {
    .complex_video > button {
        width: 60px;
        height: 60px;
        background-size: 20px;
    }
}

@media (max-width: 374px) {
    .complex_video > button {
        width: 40px;
        height: 40px;
        background-size: 12px;
    }
}

.complex_video--s > button {
    width: 80px;
    height: 80px;
    background-size: 26px;
}

@media (max-width: 767px) {
    .complex_video--s > button {
        width: 60px;
        height: 60px;
        background-size: 20px;
    }
}

.complex_video-2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .complex_video-2 {
        border-radius: 12px;
    }
}

.complex_video-2 > video {
    max-width: 100%;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .complex_video-2 > video {
        border-radius: 12px;
    }
}

.complex_video-2 > video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.complex_video-2 > button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background: #fff url(../icons/play-red.svg) no-repeat 55% center/38px;
    transform: translate(-50%, -50%);
}

@media (max-width: 1279px) {
    .complex_video-2 > button {
        width: 80px;
        height: 80px;
        background-size: 26px;
    }
}

@media (max-width: 767px) {
    .complex_video-2 > button {
        width: 60px;
        height: 60px;
        background-size: 20px;
    }
}

@media (max-width: 374px) {
    .complex_video-2 > button {
        width: 40px;
        height: 40px;
        background-size: 12px;
    }
}

.complex_video-2--s > button {
    width: 80px;
    height: 80px;
    background-size: 26px;
}

@media (max-width: 767px) {
    .complex_video-2--s > button {
        width: 60px;
        height: 60px;
        background-size: 20px;
    }
}

.complex_yandex-map {
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
    aspect-ratio: 1/0.55;
}

.complex_yandex-map__hint {
    position: relative;
    top: 21px;
    left: 40px;
    width: fit-content;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #f9f9fb;
    font-size: 12px;
    font-family: Pragmatica Extended, arial, sans-serif;
    line-height: 130%;
    white-space: nowrap;
    transform: translateY(-50%);
}

.complex_yandex-map__link {
    display: block;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 4px;
    background-color: #e10b17;
    color: #fff;
    font-size: 12px;
    font-family: Pragmatica, arial, sans-serif;
    line-height: 120%;
    text-decoration: none;
}