@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

@font-face {
    font-family: "Formular";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("./../belrusinvest/fonts/Formular.woff2") format("woff2"), url("./../belrusinvest/fonts/Formular.woff") format("woff"), url("./../belrusinvest/fonts/Formular.ttf") format("truetype"), url("./../belrusinvest/fonts/Formular.eot"), url("../belrusinvest/fonts/Formular.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: "Formular";
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url("./../belrusinvest/fonts/Formular-Medium.woff2") format("woff2"), url("./../belrusinvest/fonts/Formular-Medium.woff") format("woff"), url("./../belrusinvest/fonts/formular/Formular-Medium.ttf") format("truetype"), url("./../belrusinvest/fonts/Formular-Medium.eot"), url("../belrusinvest/fonts/Formular-Medium.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: "Formular";
    font-style: normal;
    font-weight: bold;
    font-display: block;
    src: url("./../belrusinvest/fonts/Formular-Bold.woff2") format("woff2"), url("./../belrusinvest/fonts/Formular-Bold.woff") format("woff"), url("./../belrusinvest/fonts/Formular-Bold.ttf") format("truetype"), url("./../belrusinvest/fonts/Formular-Bold.eot"), url("../belrusinvest/fonts/Formular-Bold.eot?#iefix") format("embedded-opentype");
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
:root {
    --device-height: 100%;
}

html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

span {
    display: inline-block;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button {
    cursor: pointer;
    padding: 0;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
    background: initial;
    border: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

ul li,
ol li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
}

* {
    box-sizing: border-box;
    outline: none;
}

picture {
    display: block;
    width: 100%;
    height: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.swiper-container-pointer-events {
    overflow: hidden;
}

.container-main.parking {
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .container-main.parking {
        margin-top: 24px;
    }
}

.container-main.parking .main-page__text {
    margin-bottom: -8px;
}

.container-main.parking-slider {
    margin-top: 80px;
}

@media screen and (max-width: 1280px) {
    .container-main.parking-slider {
        margin-top: 56px;
    }
}

@media screen and (max-width: 600px) {
    .container-main.parking-slider {
        overflow-x: clip;
    }
}

.container-main.parking-slider .swiper-container {
    margin-top: 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .container-main.parking-slider .swiper-container {
        margin-top: 24px;
        position: relative;
    }
}

@media (min-width: 601px) {
    .container-main.parking-slider .swiper-wrapper {
        transform: unset;
    }
}

.container-main.parking-slider .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.container-main.parking-slider .swiper-pagination-bullet-active {
    background: #0f498a;
}

.container-main.parking-slider .parking__wrap {
    flex-wrap: nowrap;
}

@media screen and (max-width: 600px) {
    .container-main.parking-slider .parking__wrap {
        gap: 0;
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        width: 100%;
        margin-bottom: 68px;
        cursor: grab;
        height: auto !important;
        flex-wrap: nowrap;
        margin-bottom: 0;
    }
}

.container-main.parking-slider .swiper-pagination {
    display: flex;
    max-width: max-content;
    left: 50%;
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
    position: static;
    margin-top: 16px;
}

@media (min-width: 601px) {
    .container-main.parking-slider .parking__el {
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 600px) {
    .container-main.parking-slider .parking__el {
        width: min(308px, 100vw - 32px);
        height: 420px;
    }
}

.container-main.parking-slider .parking__el.w100 {
    width: 100%;
}

.parking__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 30px;
}

@media screen and (max-width: 1024px) {
    .parking__wrap {
        gap: 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .parking__wrap {
        gap: 24px;
    }
}

.main-page__text {
    margin-top: 24px;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media screen and (max-width: 1024px) {
    .main-page__text {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__text {
        font-size: 16px;
        margin-top: 16px;
    }
}

.parking__el {
    width: calc(50% - 15px);
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    height: min(400px, 25vw);
    transition: transform 0.3s;
}

@media screen and (max-width: 1280px) {
    .parking__el {
        height: 310px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 600px) {
    .parking__el {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .parking__el {
        height: 420px;
        display: none;
    }
}

.parking__el.w100 {
    width: 100%;
}

@media screen and (max-width: 450px) {
    .parking__el.show {
        display: block;
    }
}

.parking__el:nth-child(1),
.parking__el:nth-child(2),
.parking__el:nth-child(3),
.parking__el:nth-child(4),
.parking__el:nth-child(5),
.parking__el:nth-child(6) {
    display: block;
}

@media screen and (max-width: 1280px) {
    .parking__el:hover {
        transform: unset;
    }
}

.parking__el:hover .parking__el_arr {
    transform: translateX(0);
    pointer-events: all;
}

.hide-parkings {
    display: none;
}

.parking__show-all.btn-white {
    display: none;
}

@media screen and (max-width: 450px) {
    .parking__show-all.btn-white {
        display: flex;
        align-items: center;
        margin-top: 16px;
    }
}

.parking__show-all.btn-white.show .hide-parkings {
    display: block;
}

.parking__show-all.btn-white.show .show-parkings {
    display: none;
}

.parking__el_bg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.parking__el_bg::before {
    content: "";
    position: static;
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.5) 0%, rgba(24, 24, 24, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
}

.parking__el_bg img {
    object-fit: cover;
    object-position: center;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
}

.parking__el_content {
    position: relative;
    z-index: 2;
    width: 305px;
    padding: min(50px, 3vw) min(32px, 1.8vw);
    border-radius: 0 20px 20px 0;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 1280px) {
    .parking__el_content {
        padding: 35px 20px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el_content {
        padding: 20px 8px 20px 12px;
        max-width: calc(100% - 152px);
    }
}

@media screen and (max-width: 768px) {
    .parking__el_content {
        background: unset;
        backdrop-filter: unset;
        max-width: 100%;
        padding: 41px 8px 20px 12px;
    }
}

@media screen and (max-width: 600px) {
    .parking__el_content {
        background: rgba(108, 108, 108, 0.6);
        backdrop-filter: blur(5px);
        padding: 32px 12px 32px 16px;
        max-width: 65%;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_content {
        background: unset;
        backdrop-filter: unset;
        padding: 12px;
        max-width: 100%;
    }
}

.parking__el_name {
    color: #fff;
    font-size: min(32px, 2.05vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    min-height: min(80px, 5.13vw);
}

@media screen and (max-width: 1280px) {
    .parking__el_name {
        font-size: 26px;
        min-height: 65px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el_name {
        font-size: 23px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_name {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        max-width: calc(100% - 110px);
        min-height: unset;
    }
}

.parking__el_lvls {
    margin-top: min(16px, 1vw);
    color: rgba(255, 255, 255, 0.8);
    font-size: min(18px, 1.2vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .parking__el_lvls {
        margin-top: 14px;
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_lvls {
        margin-top: 8px;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.parking__el_address {
    color: #fff;
    font-size: min(24px, 1.5vw);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-top: min(32px, 1.7vw);
    flex-grow: 1;
}

@media screen and (max-width: 1280px) {
    .parking__el_address {
        margin-top: 20px;
        font-size: 20px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_address {
        margin-top: 12px;
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        flex-grow: unset;
    }
}

.parking__el_free {
    border-radius: 8px;
    background: #fff;
    backdrop-filter: blur(5px);
    padding: 8px 16px;
    color: #0f498a;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .parking__el_free {
        padding: 8px 12px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el_free {
        font-size: 16px;
        padding: 6px 12px;
    }
}

@media screen and (max-width: 768px) {
    .parking__el_free {
        padding: 4px 8px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_free {
        margin-top: 16px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.parking__el_status {
    position: absolute;
    z-index: 2;
    top: 24px;
    right: 24px;
    border-radius: 8px;
    background: #fff;
    backdrop-filter: blur(5px);
    padding: 8px 16px;
    color: #0f498a;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .parking__el_status {
        padding: 8px 12px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .parking__el_status {
        right: 10px;
        top: 10px;
        font-size: 16px;
        padding: 6px 12px;
        line-height: normal;
    }
}

@media screen and (max-width: 768px) {
    .parking__el_status {
        padding: 4px 8px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_status {
        top: 16px;
        right: 12px;
    }
}

.parking__el_arr {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99919 15.9991C1.99919 16.2643 2.10455 16.5186 2.29208 16.7062C2.47962 16.8937 2.73397 16.9991 2.99919 16.9991L26.5852 16.9991L20.2912 23.2911C20.1034 23.4788 19.9979 23.7335 19.9979 23.9991C19.9979 24.2646 20.1034 24.5193 20.2912 24.7071C20.479 24.8948 20.7336 25.0003 20.9992 25.0003C21.2647 25.0003 21.5194 24.8948 21.7072 24.7071L29.7072 16.7071C29.8003 16.6142 29.8742 16.5038 29.9246 16.3823C29.975 16.2608 30.001 16.1306 30.001 15.9991C30.001 15.8675 29.975 15.7373 29.9246 15.6158C29.8742 15.4943 29.8003 15.384 29.7072 15.2911L21.7072 7.29107C21.6142 7.19809 21.5038 7.12434 21.3824 7.07402C21.2609 7.0237 21.1307 6.9978 20.9992 6.9978C20.7336 6.9978 20.479 7.10329 20.2912 7.29107C20.1034 7.47884 19.9979 7.73351 19.9979 7.99907C19.9979 8.26462 20.1034 8.51929 20.2912 8.70707L26.5852 14.9991L2.99919 14.9991C2.73397 14.9991 2.47962 15.1044 2.29208 15.292C2.10455 15.4795 1.99919 15.7338 1.99919 15.9991Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: center;
    position: absolute;
    z-index: 5;
    right: 24px;
    bottom: 24px;
    transition: 0.3s;
    transform: translateX(100px);
    pointer-events: none;
}

@media screen and (max-width: 1280px) {
    .parking__el_arr {
        transform: unset;
    }
}

@media screen and (max-width: 768px) {
    .parking__el_arr {
        width: 48px;
        height: 48px;
        right: 16px;
        bottom: 16px;
    }
}

@media screen and (max-width: 450px) {
    .parking__el_arr {
        right: 12px;
        bottom: 12px;
    }
}

.parking__el_arr:hover {
    background-color: rgb(255, 255, 255);
}

.parking-info {
    display: flex;
    gap: 20px;
    padding: 40px 60px;
    justify-content: space-between;
    align-items: flex-start;
    align-items: stretch;
    border-radius: 20px;
    background: #f5f5f7;
}

@media screen and (max-width: 1024px) {
    .parking-info {
        padding: 24px 32px;
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .parking-info {
        flex-direction: column;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 32px 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 450px) {
    .parking-info {
        background-color: unset;
        padding: 0 16px;
        width: calc(100% + 32px);
        margin-left: -16px;
        gap: 24px;
    }
}

.parking-info .main-page__title {
    flex-grow: unset;
    align-items: unset;
    display: block;
}

@media screen and (max-width: 768px) {
    .parking-info .main-page__title {
        display: none;
    }
}

.parking-info .main-page__title.mobile-title {
    display: none;
}

@media screen and (max-width: 768px) {
    .parking-info .main-page__title.mobile-title {
        display: block;
        order: 0;
    }
}

@media screen and (max-width: 450px) {
    .parking-info.show .parking-info__content_text {
        max-height: unset;
        overflow: visible;
        -webkit-line-clamp: unset;
        line-clamp: unset;
    }
}

@media screen and (max-width: 450px) {
    .parking-info.show .parking-info__show-all .show {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .parking-info.show .parking-info__show-all .hide {
        display: block;
    }
}

.parking-info__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 808px;
}

@media screen and (max-width: 768px) {
    .parking-info__content {
        order: 2;
    }
}

@media screen and (max-width: 450px) {
    .parking-info__content {
        gap: 8px;
    }
}

.parking-info__slider {
    width: min(423px, 22.1vw);
    min-width: min(423px, 22.1vw);
    max-height: min(543px, 28.3vw);
    min-height: min(465px, 24.3vw);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: unset;
}

@media screen and (max-width: 1280px) {
    .parking-info__slider {
        width: 360px;
        min-width: 360px;
        max-height: 513px;
        min-height: 439px;
    }
}

@media screen and (max-width: 1024px) {
    .parking-info__slider {
        width: 300px;
        min-width: 300px;
        max-height: 446px;
        min-height: 360px;
    }
}

@media screen and (max-width: 768px) {
    .parking-info__slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        max-height: unset;
        min-width: unset;
        height: auto;
        min-height: auto;
        order: 1;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 450px) {
    .parking-info__slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.parking-info__slider .swiper-wrapper {
    height: auto !important;
    flex-grow: 1;
}

.parking-info__slider .swiper-slide {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 768px) {
    .parking-info__slider .swiper-slide {
        width: 308px;
        height: 400px;
    }
}

.parking-info__slider .swiper-slide::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(21deg, rgba(0, 0, 0, 0.5) 12.39%, rgba(0, 0, 0, 0) 87.03%);
}

.parking-info__slider img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.parking-info__slider .swiper-pagination {
    position: static;
    bottom: 7px;
    border-radius: 28px;
    padding: 12px;
    display: flex;
    gap: 12px;
    border: 1px solid #c3c3c3;
    width: max-content;
    margin-top: 24px;
}

@media screen and (max-width: 450px) {
    .parking-info__slider .swiper-pagination {
        margin-top: 16px;
        border: unset;
        background: #f5f5f7;
    }
}

.parking-info__slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    background: #c3c3c3;
    width: 12px;
    height: 12px;
    transition: 0.2s;
    opacity: 1;
    margin: 0 !important;
}

.parking-info__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0f498a;
}

.parking-info__content_text {
    color: #1d1d1f;
    font-size: min(24px, 1.26vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    flex-grow: 1;
}

@media screen and (max-width: 1280px) {
    .parking-info__content_text {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .parking-info__content_text {
        color: #707070;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-height: 240px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        line-clamp: 10;
        -webkit-box-orient: vertical;
    }
}

.parking-info__show-all {
    display: none;
}

@media screen and (max-width: 450px) {
    .parking-info__show-all {
        display: block;
        color: #0f498a;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.parking-info__show-all .hide {
    display: none;
}

.parking.house-intro .house-intro__info_hint {
    top: 0;
    left: calc(100% + 32px);
}

.parking.house-intro .right .house-intro__info_hint {
    left: unset;
    right: calc(100% + 32px);
}

.parking-lvls__links-wrap {
    position: absolute;
    bottom: 56px;
    left: 0;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 1280px) {
    .parking-lvls__links-wrap {
        bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .parking-lvls__links-wrap {
        display: none;
    }
}

.parking-lvls__links {
    display: flex;
    gap: 16px;
    padding-left: 205px;
    padding-right: 205px;
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 1440px) {
    .parking-lvls__links {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.parking-lvls__links::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
}

.parking-lvls__links::-webkit-scrollbar-thumb {
    border-radius: 100%;
    background: transparent;
}

.parking-lvls__links::-webkit-scrollbar-corner {
    background: transparent;
}

.parking-lvls__links .btn-white {
    font-size: 16px;
    padding: 12px 24px;
    gap: 6px;
    height: unset;
    white-space: nowrap;
    margin: 0;
}

.apartment.container-main {
    overflow: hidden;
    display: flex;
    align-items: stretch;
    gap: 30px;
    margin-top: 19px;
}

@media screen and (max-width: 1024px) {
    .apartment.container-main {
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .apartment.container-main {
        flex-direction: column;
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .apartment.container-main {
        gap: 32px;
    }
}

@media screen and (max-width: 450px) {
    .apartment.container-main {
        gap: 0;
    }
}

.apartment__imgs_tabs {
    display: flex;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_tabs {
        max-width: unset;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.apartment__imgs_tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
}

.apartment__imgs_tabs::-webkit-scrollbar-thumb {
    border-radius: 100%;
    background: transparent;
}

.apartment__imgs_tabs::-webkit-scrollbar-corner {
    background: transparent;
}

.apartment__imgs_tabs .apartment__imgs_tab {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 20px;
    border-radius: 100px;
    background: #fff;
    transition: color 0.3s, background 0.3s;
    white-space: nowrap;
}

@media screen and (max-width: 600px) {
    .apartment__imgs_tabs .apartment__imgs_tab {
        font-size: 16px;
        padding: 10px 16px;
    }
}

.apartment__imgs_tabs .apartment__imgs_tab:hover {
    color: var(--text-icon-dark-primary, #1d1d1f);
}

.apartment__imgs_tabs .apartment__imgs_tab.active {
    color: #fff;
    background: var(--Primary-Main, #0f498a);
}

.apartment__imgs_blocks {
    width: 100%;
    height: min(796px, 42vw);
}

@media screen and (max-width: 768px) {
    .apartment__imgs_blocks {
        height: auto;
    }
}

.apartment__imgs_blocks .apartment__imgs_block {
    display: none;
    height: 100%;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_blocks .apartment__imgs_block {
        flex-direction: column;
        gap: 20px;
    }
}

.apartment__imgs_blocks .apartment__imgs_block.active {
    display: flex;
}

.apartment__imgs_blocks .apartment__imgs_block .apartment__imgs_img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    height: min(681px, 35.5vw);
}

@media screen and (max-width: 768px) {
    .apartment__imgs_blocks .apartment__imgs_block .apartment__imgs_img {
        height: 76vw;
    }
}

.apartment__imgs {
    width: min(872px, 45.4vw);
    max-width: min(872px, 45.4vw);
    border-radius: 20px;
    background: #f5f5f7;
    padding: min(40px, 2.1vw) min(32px, 1.7vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(12px, 0.7vw);
    position: relative;
    z-index: 2;
}

@media (max-width: 1440px) {
    .apartment__imgs {
        width: 55.5vw;
        max-width: 55.5vw;
        min-width: 55.5vw;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__imgs {
        padding: 24px 16px;
        align-items: flex-start;
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .apartment__imgs {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .apartment__imgs {
        border-radius: 0;
        width: calc(100% + 32px);
        margin-left: -16px;
        max-width: unset;
    }
}

@media screen and (max-width: 450px) {
    .apartment__imgs {
        gap: 23px;
        position: relative;
        overflow: visible;
    }
}

.apartment__info_top-content-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
}

@media screen and (max-width: 450px) {
    .apartment__info_top-content-line {
        justify-content: center;
    }
}

.apartment__info_top-badge {
    display: flex;
    gap: 6px;
    align-items: center;
    color: var(--text-icon-light-primary, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 6px 12px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 450px) {
    .apartment__info_top-badge {
        font-size: 14px;
        line-height: 130%;
    }
}

.apartment__info_top-badge::before {
    content: "";
    display: block;
    width: 18px;
    min-width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M14.625 2.8125H3.375C3.06434 2.8125 2.8125 3.06434 2.8125 3.375V14.625C2.8125 14.9357 3.06434 15.1875 3.375 15.1875H14.625C14.9357 15.1875 15.1875 14.9357 15.1875 14.625V3.375C15.1875 3.06434 14.9357 2.8125 14.625 2.8125Z' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.375 1.6875V3.9375' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.625 1.6875V3.9375' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.8125 6.1875H15.1875' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5312 9L8.24766 12.0938L6.46875 10.4062' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.apartment__imgs_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_top {
        padding: 16px 10px 0;
    }
}

@media screen and (max-width: 768px) {
    .apartment__imgs_top {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .apartment__imgs_top {
        position: relative;
    }
}

.apartment__imgs_top.mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_top.mobile {
        display: flex;
        padding: 24px 20px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .apartment__imgs_top.mobile {
        padding: 24px 16px;
    }
}

.apartment__imgs_hash-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    background: #0f498a;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 600px) {
    .apartment__imgs_hash-icon {
        width: 24px;
        min-width: 24px;
        height: 24px;
    }
}

.apartment__imgs_hash-icon img,
.apartment__imgs_hash-icon svg {
    width: 20px;
    height: 20px;
    object-fit: contain;
    fill: white;
}

@media screen and (max-width: 600px) {

    .apartment__imgs_hash-icon img,
    .apartment__imgs_hash-icon svg {
        width: 15px;
        height: 15px;
    }
}

.apartment__imgs_hash-descr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

@media screen and (max-width: 450px) {
    .apartment__imgs_hash-descr {
        gap: 2px;
    }
}

.apartment__imgs_hash-footnote {
    color: var(--primary-50, rgba(137, 170, 40, 0.5));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.apartment__imgs_hash {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #0f498a;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_hash {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__imgs_hash {
        align-items: flex-start;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        gap: 8px;
        max-width: calc(100% - 30px);
    }
}

.apartment__title-mob {
    display: none;
}

.apartment__imgs_btns {
    display: flex;
    gap: min(32px, 1.7vw);
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_btns {
        gap: 24px;
    }
}

.apartment__imgs_btns svg,
.apartment__imgs_btns img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.apartment__imgs_btns .apartment__imgs_btn {
    width: 32px;
    height: 32px;
    position: relative;
    background: unset;
}

@media screen and (max-width: 600px) {
    .apartment__imgs_btns .apartment__imgs_btn {
        width: 24px;
        height: 24px;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare {
    position: relative;
}

@media (hover: hover) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare:hover svg {
        stroke: #0f498a;
    }

    .apartment__imgs_btns .apartment__imgs_btn.to-compare:hover span {
        opacity: 1;
        visibility: visible;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare.compared {
    background: unset;
}

@media (hover: hover) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare.compared:hover svg {
        stroke: #0f498a;
        fill: none;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare.compared svg {
    stroke: #0f498a;
    fill: none;
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare.compared span::after {
    content: attr(data-del);
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare svg {
    fill: none;
    stroke: #8b8b8b;
    stroke-width: 1.5;
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare span {
    position: absolute;
    padding: 16px;
    background: white;
    border-radius: 20px;
    color: var(--Text-Dark-Main, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
    top: calc(100% + 10px);
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare span {
        white-space: nowrap;
    }
}

@media screen and (max-width: 1280px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare span {
        white-space: normal;
    }
}

@media screen and (max-width: 768px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-compare span {
        display: none;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare span::after {
    content: attr(data-default);
}

.apartment__imgs_btns .apartment__imgs_btn.to-compare span::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M7.29289 0.707106C7.68342 0.316582 8.31658 0.316582 8.70711 0.707107L16 8H0L7.29289 0.707106Z' fill='white'/%3E%3C/svg%3E");
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav {
    position: relative;
}

@media (hover: hover) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav:hover svg {
        stroke: #0f498a;
    }

    .apartment__imgs_btns .apartment__imgs_btn.to-fav:hover span {
        opacity: 1;
        visibility: visible;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav {
    background: unset;
}

@media (hover: hover) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav:hover svg {
        stroke: #0f498a;
        fill: #0f498a;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav svg {
    fill: #0f498a;
    stroke: #0f498a;
}

@media (max-width: 1440px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav span {
        white-space: normal;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav.in-fav span::after {
    content: attr(data-del);
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav svg {
    fill: none;
    stroke: #8b8b8b;
    stroke-width: 1.5;
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav span {
    position: absolute;
    padding: 16px;
    background: white;
    border-radius: 20px;
    color: var(--Text-Dark-Main, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
    top: calc(100% + 10px);
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav span {
        white-space: nowrap;
    }
}

@media screen and (max-width: 1280px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav span {
        white-space: normal;
    }
}

@media screen and (max-width: 768px) {
    .apartment__imgs_btns .apartment__imgs_btn.to-fav span {
        display: none;
    }
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav span::after {
    content: attr(data-default);
}

.apartment__imgs_btns .apartment__imgs_btn.to-fav span::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M7.29289 0.707106C7.68342 0.316582 8.31658 0.316582 8.70711 0.707107L16 8H0L7.29289 0.707106Z' fill='white'/%3E%3C/svg%3E");
}

.apartment__imgs_btns .apartment__imgs_btn-icon {
    width: 28px;
    height: 28px;
    fill: #8b8b8b;
    transition: 0.3s;
}

.apartment__imgs_slider {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}

@media screen and (max-width: 450px) {
    .apartment__imgs_slider {
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
    }
}

.apartment__imgs_slider .swiper-pagination {
    display: none;
}

.apartment__imgs_slider .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.apartment__imgs_slider .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.apartment__imgs_slider .swiper-pagination-bullet-active {
    background: #0f498a;
}

.apartment__imgs_slider .swiper-notification {
    position: absolute;
}

.apartment__imgs_slider .swiper-wrapper {
    height: min(681px, 35.5vw);
}

@media screen and (max-width: 768px) {
    .apartment__imgs_slider .swiper-wrapper {
        height: calc(76vw - 32px);
    }
}

.apartment__imgs_slider .swiper-slide {
    width: 100%;
    height: 100%;
    opacity: 0 !important;
}

.apartment__imgs_slider .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.apartment__imgs_slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.apartment__imgs_thumbs {
    width: 100%;
    position: static;
    overflow: hidden;
    height: 100%;
    max-height: max-content;
}

.apartment__imgs_thumbs .swiper-wrapper {
    max-height: max-content;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_thumbs .swiper-wrapper {
        justify-content: center;
        display: flex;
        gap: 12px;
        transform: unset !important;
    }
}

.apartment__imgs_thumbs .swiper-slide {
    height: 50px;
    width: 75px;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid transparent;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_thumbs .swiper-slide {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: var(--stroke-line-light, #c3c3c3);
        margin: 0 !important;
    }
}

.apartment__imgs_thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid #0f498a;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_thumbs .swiper-slide.swiper-slide-thumb-active {
        border: unset;
        background: var(--Primary-Main, #0f498a);
    }
}

.apartment__imgs_thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 768px) {
    .apartment__imgs_thumbs .swiper-slide img {
        display: none;
    }
}

.apartment__imgs_thumbs .swiper-notification {
    position: absolute;
}

.apartment__imgs_gallery {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: min(681px, 35.5vw);
    width: 75px;
    min-width: 75px;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_gallery {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .apartment__imgs_gallery {
        height: 12px;
        width: 100%;
        justify-content: center;
    }
}

.apartment__imgs_gallery .swiper-button-next {
    margin: 0;
    bottom: 5px;
    top: unset;
    transform: rotate(90deg);
    transform-origin: center;
    right: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: all;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.49939 11.9995C1.49939 12.1984 1.57841 12.3892 1.71906 12.5298C1.85971 12.6705 2.05048 12.7495 2.24939 12.7495L19.9389 12.7495L15.2184 17.4685C15.0776 17.6093 14.9984 17.8003 14.9984 17.9995C14.9984 18.1986 15.0776 18.3897 15.2184 18.5305C15.3592 18.6713 15.5502 18.7504 15.7494 18.7504C15.9486 18.7504 16.1396 18.6713 16.2804 18.5305L22.2804 12.5305C22.3502 12.4608 22.4057 12.378 22.4435 12.2869C22.4813 12.1958 22.5007 12.0981 22.5007 11.9995C22.5007 11.9008 22.4813 11.8032 22.4435 11.712C22.4057 11.6209 22.3502 11.5382 22.2804 11.4685L16.2804 5.46848C16.2107 5.39875 16.1279 5.34344 16.0368 5.3057C15.9457 5.26796 15.848 5.24853 15.7494 5.24853C15.5502 5.24853 15.3592 5.32765 15.2184 5.46848C15.0776 5.60931 14.9984 5.80032 14.9984 5.99948C14.9984 6.19865 15.0776 6.38965 15.2184 6.53048L19.9389 11.2495L2.24939 11.2495C2.05048 11.2495 1.85971 11.3285 1.71906 11.4692C1.57841 11.6098 1.49939 11.8006 1.49939 11.9995Z' fill='%23707070'/%3E%3C/svg%3E");
    transition: 0.3s;
}

@media screen and (max-width: 1280px) {
    .apartment__imgs_gallery .swiper-button-next {
        right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_gallery .swiper-button-next {
        display: none;
    }
}

.apartment__imgs_gallery .swiper-button-next::after {
    content: none;
}

.apartment__imgs_gallery .swiper-button-prev {
    margin: 0;
    top: 5px;
    transform: rotate(90deg);
    transform-origin: center;
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: all;
    opacity: 1;
    pointer-events: all;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5009 11.9993C22.5009 11.8004 22.4218 11.6096 22.2812 11.469C22.1405 11.3283 21.9498 11.2493 21.7509 11.2493L4.06135 11.2493L8.78185 6.5303C8.92268 6.38947 9.0018 6.19846 9.0018 5.9993C9.0018 5.80013 8.92268 5.60913 8.78185 5.4683C8.64102 5.32747 8.45001 5.24835 8.25085 5.24835C8.05169 5.24835 7.86068 5.32747 7.71985 5.4683L1.71985 11.4683C1.65001 11.538 1.59459 11.6207 1.55678 11.7118C1.51897 11.803 1.49951 11.9006 1.49951 11.9993C1.49951 12.0979 1.51897 12.1956 1.55678 12.2867C1.59459 12.3779 1.65001 12.4606 1.71985 12.5303L7.71985 18.5303C7.78958 18.6 7.87237 18.6553 7.96348 18.6931C8.05459 18.7308 8.15224 18.7502 8.25085 18.7502C8.45002 18.7502 8.64102 18.6711 8.78185 18.5303C8.92268 18.3895 9.0018 18.1985 9.0018 17.9993C9.0018 17.8001 8.92268 17.6091 8.78185 17.4683L4.06135 12.7493L21.7509 12.7493C21.9498 12.7493 22.1405 12.6703 22.2812 12.5296C22.4218 12.389 22.5009 12.1982 22.5009 11.9993Z' fill='%23707070'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1280px) {
    .apartment__imgs_gallery .swiper-button-prev {
        left: 0;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__imgs_gallery .swiper-button-prev {
        display: none;
    }
}

.apartment__imgs_gallery .swiper-button-prev::after {
    content: none;
}

.apartment__imgs_gallery .swiper-button-disabled {
    opacity: 0;
}

.apartment__info {
    border-radius: 20px;
    background: #f5f5f7;
    width: calc(100% - 30px - min(872px, 45.4vw));
    padding: min(24px, 1.25vw);
    display: flex;
    flex-direction: column;
}

@media (max-width: 1440px) {
    .apartment__info {
        width: calc(100% - 30px - 55.5vw);
    }
}

@media screen and (max-width: 1280px) {
    .apartment__info {
        padding: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info {
        margin-top: 32px;
        padding: 0;
        background: unset;
        gap: 24px;
    }
}

.apartment__info .btn-green {
    height: min(70px, 4vw);
    text-align: center;
    justify-content: center;
    font-size: min(24px, 1.4vw);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media (max-width: 1440px) {
    .apartment__info .btn-green {
        height: 60px;
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .apartment__info .btn-green {
        font-size: 18px;
        height: 48px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info .btn-green {
        margin: 0 10px 16px;
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info .btn-green {
        font-size: 20px;
        height: 60px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info .btn-green {
        margin: 0;
        height: 48px;
        font-size: 16px;
    }
}

.apartment__info_top {
    padding: min(24px, 1.25vw);
    border-radius: 12px;
    background: #0f498a;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .apartment__info_top {
        padding: 10px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top {
        padding: 16px;
        border-radius: 16px;
    }
}

.apartment__info_top-bg {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 100%;
    display: none;
}

@media screen and (max-width: 450px) {
    .apartment__info_top-bg {
        display: none;
    }
}

.apartment__info_top-bg img {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: right;
}

.apartment__info_top-content {
    display: flex;
    flex-direction: column;
    gap: min(32px, 2.08vw);
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .apartment__info_top-content {
        gap: 30px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-content {
        gap: 23px;
    }
}

.apartment__info_top-content .btn-colored {
    height: min(48px, 2.8vw);
}

@media (max-width: 1440px) {
    .apartment__info_top-content .btn-colored {
        height: 48px;
    }
}

@media screen and (max-width: 1280px) {
    .apartment__info_top-content .btn-colored {
        height: 42px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info_top-content .btn-colored {
        align-self: flex-end;
        height: 40px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-content .btn-colored {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        height: 48px;
        padding: 10px 23px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-content .btn-colored:hover {
        background: white;
        color: #0f498a;
    }
}

.apartment__info_top-name {
    color: #fff;
    font-size: min(32px, 2vw);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}

@media (max-width: 1440px) {
    .apartment__info_top-name {
        font-size: 26px;
    }
}

@media screen and (max-width: 1280px) {
    .apartment__info_top-name {
        font-size: 25px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-name {
        color: var(--Background-Wight, #fff);
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.apartment__info_prices-wrap {
    max-width: max-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 450px) {
    .apartment__info_prices-wrap {
        width: 100%;
        max-width: unset;
    }
}

.apartment__info_prices-wrap.sale .apartment__info_prices {
    flex-direction: column;
    flex-wrap: nowrap;
    padding-left: 18px;
}

.apartment__info_prices-wrap.sale .price::before {
    content: "";
    left: -18px;
    top: 4px;
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 15L7 10L3 8.5L10 1L9 6L13 7.5L6 15Z' fill='%23FFC815' stroke='%23FFC815' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.droppable {
    display: none;
}

.droppable.drop {
    display: flex;
    margin-top: 8px;
}

.droppable .apartment__info_top-price .price {
    padding-right: 0;
}

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

.apartment__info_prices .apartment__info_prices {
    display: flex;
    flex-wrap: wrap;
}

.apartment__info_prices .apartment__info_top-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}

.apartment__info_prices .price {
    color: var(--text-icon-light-primary, #fff);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
    padding-right: 10px;
}

@media screen and (max-width: 450px) {
    .apartment__info_prices .price {
        font-size: 18px;
        line-height: normal;
    }
}

.apartment__info_prices .price .tooltip-icon {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
}

.apartment__info_prices .price-sale {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    white-space: nowrap;
}

.apartment__info_prices .price-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 3px;
    transform-origin: left;
    transform: rotate(-5deg);
    background: rgba(255, 255, 255, 0.5);
}

.apartment__info_prices .price-m2 {
    color: var(--text-icon-light-primary, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.apartment__info_prices .price-m2-sale {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    flex-wrap: nowrap;
}

.apartment__info_prices .price-m2-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 3px;
    transform-origin: left;
    transform: rotate(-5deg);
    background: rgba(255, 255, 255, 0.5);
}

.apartment__top-trigger {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-icon-light-primary, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 450px) {
    .apartment__top-trigger {
        margin-top: 20px;
    }
}

.apartment__top-trigger.drop::after {
    transform: scale(1, -1);
}

.apartment__top-trigger::after {
    content: "";
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 9.5L12 14.5L7 9.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.apartment__info_top-info {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
    justify-content: space-between;
}

@media screen and (max-width: 1024px) {
    .apartment__info_top-info {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_top-info {
        flex-direction: row;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-info {
        flex-direction: row;
        gap: 34px;
        justify-content: center;
    }
}

.apartment__info_top-price .tooltip {
    top: 0;
    right: 0px;
}

.apartment__info_top-price .tooltip-icon {
    display: flex;
    justify-content: center;
    width: 8px;
}

@media (max-width: 900px) {
    .apartment__info_top-price .tooltip-block {
        right: -18px;
        transform: unset;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_top-price .tooltip-block {
        right: unset;
        left: -18px;
    }
}

@media screen and (max-width: 600px) {
    .apartment__info_top-price .tooltip-block {
        max-width: 63vw;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-price .tooltip-block {
        left: 50%;
        transform: translateX(-50%);
        max-width: 65vw;
    }
}

@media (max-width: 900px) {
    .apartment__info_top-price .tooltip-block__svg {
        left: unset;
        right: 18px;
        transform: translateY(-100%);
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_top-price .tooltip-block__svg {
        right: unset;
        left: 22px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_top-price .tooltip-block__svg {
        left: 50%;
        transform: translate(-50%, -100%);
    }
}

.tooltip-icon {
    cursor: pointer;
}

.btn-colored {
    color: #0f498a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 13px 22px;
    background: white;
    border-radius: 100px;
    text-align: center;
    transition: 0.3s;
}

@media screen and (max-width: 1280px) {
    .btn-colored {
        font-size: 16px;
        padding: 10px 15px;
    }
}

.btn-colored:hover {
    color: #0f498a;
}

.btn-colored:active {
    color: #0f498a;
}

@media screen and (max-width: 450px) {
    .apartment__info_wrap {
        border-radius: 20px;
        background: var(--Background-Light, #f5f5f7);
        padding: 0 16px 16px;
    }
}

.apartment__info_list {
    margin-top: min(32px, 1.7vw);
    margin-bottom: min(32px, 1.7vw);
    flex-grow: 1;
    padding: 0 8px;
}

@media screen and (max-width: 1024px) {
    .apartment__info_list {
        padding: 0 10px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_list {
        padding: 0 4px;
        margin-bottom: 27px;
        margin-top: 0;
    }
}

.apartment__info_row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: min(17.5px, 0.92vw) 0;
    border-top: 1px solid #c3c3c3;
}

@media screen and (max-width: 768px) {
    .apartment__info_row {
        padding: 14px 0;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row {
        padding: 11.5px 0;
    }
}

.apartment__info_row:nth-child(1) {
    padding-top: 0;
    border-top: 0;
}

@media screen and (max-width: 768px) {
    .apartment__info_row:nth-child(1) {
        padding: 14px 0;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row:nth-child(1) {
        padding: 18px 0 12px;
    }
}

.apartment__info_row:nth-last-child(1) {
    padding-bottom: 8px;
}

@media screen and (max-width: 768px) {
    .apartment__info_row:nth-last-child(1) {
        padding: 14px 0;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row:nth-last-child(1) {
        padding: 12px 0;
    }
}

.apartment__info_row-prop {
    color: #1d1d1f;
    font-size: min(20px, 1.1vw);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .apartment__info_row-prop {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info_row-prop {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_row-prop {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row-prop {
        font-size: 16px;
        line-height: 150%;
    }
}

a.apartment__info_row-descr {
    color: #0f498a;
    text-decoration: underline;
    transition: color 0.3s;
}

a.apartment__info_row-descr:hover {
    color: #0f498a;
}

.apartment__info_row-descr {
    color: #1d1d1f;
    font-size: min(20px, 1.1vw);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-align: right;
}

@media (max-width: 1440px) {
    .apartment__info_row-descr {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .apartment__info_row-descr {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .apartment__info_row-descr {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .apartment__info_row-descr {
        font-size: 16px;
        line-height: normal;
        max-width: 40%;
    }
}

.apartment-p .infrastructure-new {
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .apartment-p .infrastructure-new {
        margin-top: 26px;
    }
}

.apartment-p .infrastructure__block_title {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 1280px) {
    .apartment-p .infrastructure__block_title {
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .apartment-p .infrastructure__block_title {
        font-size: 24px;
    }
}

@media screen and (max-width: 450px) {
    .apartment-p .infrastructure__block_title {
        font-size: 20px;
        line-height: 130%;
    }
}

.container-main__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 8px;
}

.container-main__top .btn-white {
    margin: 0;
    height: 48px;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 22px;
}

.container-main__top .btn-white svg {
    width: 24px;
    height: 24px;
}

.swiper-similar {
    max-width: calc(100% + 56px);
    width: calc(100% + 56px);
    margin-left: -28px;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
    padding-bottom: 68px;
    padding-left: 28px;
    padding-right: 28px;
}

@media (max-width: 1440px) {
    .swiper-similar {
        max-width: calc(100% + 40px);
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .swiper-similar {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 450px) {
    .swiper-similar {
        padding-bottom: 0;
        margin-top: 24px;
    }
}

.swiper-similar .swiper-wrapper {
    height: max-content;
}

.swiper-similar .flat {
    width: 100%;
    height: 100%;
    display: flex;
}

.swiper-similar .flat .flat-card {
    min-height: unset;
    padding-bottom: 8px;
}

@media screen and (max-width: 450px) {
    .swiper-similar .flat .flat-card {
        padding-bottom: 16px;
    }
}

.swiper-similar .flat .flat-card__main_top .flat-card__booked,
.swiper-similar .flat .flat-card__main_top .flat-card__hash,
.swiper-similar .flat .flat-card__main_deskr {
    display: none;
}

.swiper-similar .flat .flat-card__content {
    flex-grow: unset;
}

.swiper-similar .flat .flat-card__bottom .price__drop {
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    background: var(--text-icon-light-primary, #fff);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
}

.swiper-similar .flat .flat-card__bottom .price__final {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    padding-right: 12px;
    transition: color 0.3s;
}

@media screen and (max-width: 450px) {
    .swiper-similar .flat .flat-card__bottom .price__final {
        font-size: 16px;
    }
}

@media (hover: hover) {
    .swiper-similar .flat .flat-card__bottom .price__final:hover {
        color: #0f498a;
    }
}

.swiper-similar .flat .flat-card__bottom .price__final::after {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #0f498a transparent transparent transparent;
    transform: rotate(0deg);
    pointer-events: none;
}

.swiper-similar .flat .flat-card__bottom .show-drop .price__final::after {
    transform: scale(1, -1);
}

.swiper-similar .flat .flat-card__bottom .price__drop {
    border-radius: 8px;
}

.swiper-similar .flat .flat-card__bottom .price__drop .price__option {
    display: block;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.swiper-similar .flat .flat-card__bottom .price__drop .price__option span {
    padding: 8px 12px;
}

.swiper-similar .flat .flat-card__bottom .price__drop .price__option input:checked~span {
    background: #f5f5f5;
}

.swiper-similar .flat .flat-card__bottom_btn {
    display: none;
}

.swiper-similar .flat .flat-card__prices-block_changeable {
    display: grid;
}

@media screen and (max-width: 450px) {
    .swiper-similar .flat .flat-card__prices-block_changeable {
        margin-top: 6px;
    }
}

.swiper-similar .flat .flat-card__prices-block_cur {
    grid-area: 1/-1;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: 0.1s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    flex-grow: unset;
}

.swiper-similar .flat .flat-card__prices-block_cur.active {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.swiper-similar .flat .flat-card__prices-block_cur.sale .flat-card__prices {
    padding-left: 18px;
}

.swiper-similar .flat .flat-card__prices-block_cur.sale .flat-card__prices_main::before {
    content: "";
    left: -18px;
    top: 4px;
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 15L7 10L3 8.5L10 1L9 6L13 7.5L6 15Z' fill='%23FFC815' stroke='%23FFC815' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.swiper-similar .swiper-slide {
    position: relative;
    height: auto;
    max-width: 360px;
}

@media screen and (max-width: 768px) {
    .swiper-similar .swiper-slide {
        width: 300px;
    }
}

@media screen and (max-width: 450px) {
    .swiper-similar .swiper-slide {
        display: none;
        max-width: 100%;
        width: 100% !important;
        margin-right: 0 !important;
    }
}

.swiper-similar .swiper-slide:hover {
    z-index: 2;
}

.swiper-similar .swiper-slide:nth-child(1),
.swiper-similar .swiper-slide:nth-child(2),
.swiper-similar .swiper-slide:nth-child(3) {
    display: flex;
}

.swiper-similar>.swiper-wrapper {
    z-index: 23;
}

@media screen and (max-width: 450px) {
    .swiper-similar>.swiper-wrapper {
        transform: unset !important;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.swiper-similar .swiper-notification {
    position: absolute;
}

.swiper-similar .swiper-similar-pag {
    display: flex;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .swiper-similar .swiper-similar-pag {
        display: none;
    }
}

.swiper-similar .swiper-similar-pag .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.swiper-similar .swiper-similar-pag .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.swiper-similar .swiper-similar-pag .swiper-pagination-bullet-active {
    background: #0f498a;
}

.btn-white.mobile-show {
    margin-top: 24px;
}

.swiper-similar__slide_price-usd,
.swiper-similar__slide_price-byn {
    color: #1d1d1f;
    font-size: min(20px, 1.05vw);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
}

@media (max-width: 1440px) {

    .swiper-similar__slide_price-usd,
    .swiper-similar__slide_price-byn {
        font-size: 17px;
    }
}

@media screen and (max-width: 1280px) {

    .swiper-similar__slide_price-usd,
    .swiper-similar__slide_price-byn {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {

    .swiper-similar__slide_price-usd,
    .swiper-similar__slide_price-byn {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {

    .swiper-similar__slide_price-usd,
    .swiper-similar__slide_price-byn {
        font-weight: 600px;
        font-size: 18px;
        line-height: normal;
    }
}

.swiper-similar__slide_price-usd span,
.swiper-similar__slide_price-byn span {
    color: #8b8b8b;
}

.swiper-similar__slide_price-usd .tooltip-icon,
.swiper-similar__slide_price-byn .tooltip-icon {
    display: flex;
    justify-content: center;
}

.swiper-similar__slide_price-usd .tooltip-block,
.swiper-similar__slide_price-byn .tooltip-block {
    top: calc(100% + 2px);
}

@media screen and (max-width: 600px) {

    .swiper-similar__slide_price-usd .tooltip-block,
    .swiper-similar__slide_price-byn .tooltip-block {
        left: -20px;
        max-width: 230px;
        padding: 8px 12px;
    }
}

@media (max-width: 550px) {

    .swiper-similar__slide_price-usd .tooltip-block,
    .swiper-similar__slide_price-byn .tooltip-block {
        top: unset;
        bottom: 100%;
    }
}

.swiper-similar__slide_price-usd .tooltip,
.swiper-similar__slide_price-byn .tooltip {
    top: 0;
    right: -20px;
    z-index: 3;
}

@media screen and (max-width: 600px) {

    .swiper-similar__slide_price-usd .tooltip-block__svg,
    .swiper-similar__slide_price-byn .tooltip-block__svg {
        left: 32px;
    }
}

@media (max-width: 550px) {

    .swiper-similar__slide_price-usd .tooltip-block__svg,
    .swiper-similar__slide_price-byn .tooltip-block__svg {
        display: none;
    }
}

.intro-video.container-main {
    margin-top: 16px;
    height: min(650px, 42vw);
}

@media screen and (max-width: 1024px) {
    .intro-video.container-main {
        height: 50vw;
    }
}

@media screen and (max-width: 600px) {
    .intro-video.container-main {
        height: 400px;
        margin-top: 24px;
    }
}

.intro-video.container-main video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.hide-cursor .js-toggle-cursor {
    cursor: url("../img/header/plane.svg"), auto !important;
}

.hide-cursor .js-toggle-cursor * {
    cursor: url("../img/header/plane.svg"), auto !important;
}

.container-infrastructure.container-main {
    margin-top: 24px;
}

.map-controls-swiper {
    width: 100%;
    overflow-x: clip;
}

@media screen and (max-width: 1024px) {
    .map-controls-swiper {
        padding: 0 20px;
    }
}

@media (max-width: 1000px) {
    .map-controls-swiper {
        display: none !important;
    }
}

.map-controls-swiper .map-controls {
    flex-direction: row;
    flex-wrap: nowrap;
}

@media (min-width: 1001px) {
    .multiselect.tab-map {
        display: none !important;
    }
}

@media (max-width: 1000px) {
    .multiselect.tab-map {
        display: block;
        padding-left: 16px;
        padding-right: 16px;
    }

    .multiselect.tab-map .multiselect__dropdown {
        width: max-content;
    }
}

@media (max-width: 500px) {
    .multiselect.tab-map {
        width: 100%;
    }

    .multiselect.tab-map .multiselect__dropdown {
        width: calc(100% - 16px);
        right: 0;
        left: 0;
    }
}

@media (max-width: 450px) {
    .multiselect.tab-map {
        margin-bottom: 0;
    }
}

.social-life {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 30px;
}

@media screen and (max-width: 600px) {
    .social-life {
        gap: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .social-life.container-main {
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .social-life .main-page__title {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .social-life .main-page__title {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.social-life__block {
    width: calc((100% - 90px) / 4);
    display: flex;
    align-items: center;
    gap: 16px;
}

.social-life__block_icon {
    width: 65px;
    height: 65px;
}

.social-life__block_icon svg,
.social-life__block_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    fill: transparent;
    stroke: #0f498a;
}

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

.social-life__block_num {
    color: #8b8b8b;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.social-life__block_text {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.hidden-cards {
    display: none;
}

.social-objects {
    position: relative;
    height: 700px;
}

@media (max-width: 1000px) {
    .social-objects {
        height: auto;
        flex-direction: column-reverse;
    }
}

.social-objects.active {
    display: block;
}

.social-objects:not(.active) .btn-more {
    display: none !important;
}

.social-object {
    height: min(381px, 27vw);
    padding: min(16px, 0.85vw);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

@media screen and (max-width: 1280px) {
    .social-object {
        padding: 20px 16px;
        height: 30vw;
        gap: 10px;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1024px) {
    .social-object {
        position: relative;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    .social-object {
        height: 40vw;
    }
}

@media screen and (max-width: 600px) {
    .social-object {
        height: 216px;
        padding: 8px;
        gap: 8px;
    }
}

.social-object:hover .social-objects__content {
    top: 0;
}

.social-object:nth-child(even)::after {
    content: none;
}

.social-object:nth-child(even)::before {
    top: 16px;
}

@media screen and (max-width: 600px) {
    .social-object:nth-child(even)::before {
        top: 8px;
    }
}

.social-object::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #c3c3c3;
    position: absolute;
    bottom: 0;
}

.social-object::before {
    content: "";
    width: 1px;
    height: calc(100% - 16px);
    background: #c3c3c3;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 600px) {
    .social-object::before {
        height: calc(100% - 8px);
    }
}

.social-objects__bg {
    position: relative;
    height: min(270px, 20vw);
    padding: 16px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1280px) {
    .social-objects__bg {
        padding: 0;
        height: 21vw;
    }
}

@media screen and (max-width: 1024px) {
    .social-objects__bg {
        position: static;
    }
}

@media screen and (max-width: 600px) {
    .social-objects__bg {
        height: auto;
        flex-grow: unset;
    }
}

@media screen and (max-width: 600px) {
    .social-objects__bg .social-objects__content {
        display: none;
    }
}

.social-objects__bg_logo {
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1280px) {
    .social-objects__bg_logo {
        padding: 10px 28px;
    }
}

@media screen and (max-width: 1024px) {
    .social-objects__bg_logo {
        height: 100%;
    }
}

@media screen and (max-width: 600px) {
    .social-objects__bg_logo {
        padding: 0;
    }
}

.social-objects__bg_logo img,
.social-objects__bg_logo svg {
    width: 100%;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 1280px) {

    .social-objects__bg_logo img,
    .social-objects__bg_logo svg {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) {

    .social-objects__bg_logo img,
    .social-objects__bg_logo svg {
        width: auto;
        height: 100%;
    }
}

@media screen and (max-width: 600px) {

    .social-objects__bg_logo img,
    .social-objects__bg_logo svg {
        width: 100%;
        padding: 8px;
        aspect-ratio: 1/1;
    }
}

.social-objects__content {
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    padding: 0;
    justify-content: space-between;
    max-height: 290px;
    transition: 0.5s;
}

@media screen and (max-width: 1024px) {
    .social-objects__content {
        padding: 0 10px;
        width: calc(100% - 1px);
    }
}

.social-objects__content::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}

.social-objects__content::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 6px;
}

.social-objects__content::-webkit-scrollbar-corner {
    background: transparent;
}

.moz .social-objects__content {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

.social-objects__content_bottom {
    color: #1d1d1f;
    font-size: min(16px, 1.15vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .social-objects__content_bottom {
        font-size: 14px;
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .social-objects__content_bottom {
        font-size: 13px;
    }
}

.social-objects__content_bonus {
    color: #0f498a;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1;
}

.social-objects__content_bonus span,
.social-objects__content_bonus a {
    text-decoration: underline;
}

.bonus-additional {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 20px;
    border-radius: 16px;
    overflow: hidden;
    flex: none;
}

.bonus-additional::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(287.74deg, rgba(137, 170, 40, 0) -15.28%, #0f498a 44.93%);
    z-index: 0;
}

.bonus-additional .bonus-pop-up__btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 450px) {
    .bonus-additional .bonus-pop-up__btns {
        flex-wrap: wrap;
    }
}

.bonus-additional .bonus-pop-up__btns img {
    height: auto;
    width: 128px;
}

@media (max-width: 1000px) {
    .bonus-additional .bonus-pop-up__btns img {
        height: 38px;
        width: auto;
    }
}

@media (max-width: 1000px) {
    .bonus-additional .bonus-pop-up__btns {
        flex-direction: row;
    }
}

.bonus-additional.hidden {
    border-radius: 0 0 16px 16px;
}

.bonus-additional.hidden .bonus-additional__wrap {
    display: none;
}

.bonus-additional.hidden .bonus-additional__title.hidden-title {
    display: block;
    position: relative;
    z-index: 1;
}

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

.bonus-additional__el {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
    position: relative;
    z-index: 1;
}

@media (max-width: 600px) {
    .bonus-additional__el {
        flex-direction: column;
        align-items: flex-start;
    }
}

.bonus-additional__el:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.bonus-additional__text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1;
}

.bonus-additional__title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.2;
}

.bonus-additional__title.hidden-title {
    display: none;
    margin: 0;
}

.main-page.bonus .bonus-popup-link {
    display: none;
}

.baloon-inner .social-objects__content_bonus {
    margin-top: 16px;
}

@media screen and (max-width: 600px) {
    .baloon-inner .social-objects__content_bonus {
        flex-wrap: wrap;
    }
}

.bonus-pop-up {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1200;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
}

.bonus-pop-up.show {
    opacity: 1;
}

.bonus-pop-up__inner {
    max-width: min(444px, 100% - 10px);
    border-radius: 20px;
    background: var(--Background-Light, #f5f5f7);
    padding: 40px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .bonus-pop-up__inner {
        padding: 40px 20px;
    }
}

.bonus-pop-up__inner p {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .bonus-pop-up__inner p {
        font-size: 14px;
    }
}

.bonus-pop-up__inner .bonus-pop-up__title {
    color: #0f498a;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    margin-bottom: 16px;
}

@media screen and (max-width: 600px) {
    .bonus-pop-up__inner .bonus-pop-up__title {
        font-size: 24px;
    }
}

.bonus-pop-up__btns {
    margin-top: 32px;
    gap: 10px 24px;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
    .bonus-pop-up__btns {
        gap: 10px;
    }
}

.bonus-pop-up__btn img {
    display: block;
    height: 50px;
    width: auto;
}

@media screen and (max-width: 450px) {
    .bonus-pop-up__btn img {
        height: 42px;
    }
}

.bonus-pop-up__close {
    position: absolute;
    right: 17px;
    top: 17px;
    width: 30px;
    height: 30px;
}

.bonus-pop-up__close:hover path,
.bonus-pop-up__close:hover svg {
    fill: #0f498a;
}

.bonus-pop-up__close svg {
    display: block;
    width: 100%;
    height: 100%;
}

.social-objects__content_top {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 70px;
    color: #1d1d1f;
    font-size: min(18px, 1.3vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 0;
    flex-grow: 1;
    align-items: flex-start;
    margin-bottom: 10px;
}

@media screen and (max-width: 1280px) {
    .social-objects__content_top {
        font-size: 15px;
        gap: 6px;
    }
}

@media screen and (max-width: 1024px) {
    .social-objects__content_top {
        font-size: 15px;
        gap: 5px;
        padding-right: 30px;
    }
}

.social-objects__content_top a {
    color: #1d1d1f;
    transition: 0.3s;
}

.social-objects__content_top a:hover {
    color: #0f498a;
}

.social-objects__content_contact {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px min(16px, 0.9vw);
    max-width: 65px;
    width: max-content;
}

@media screen and (max-width: 1024px) {
    .social-objects__content_contact {
        flex-direction: column;
        gap: 5px;
    }
}

.social-objects__content_contact a:hover svg {
    fill: #0f498a;
}

.social-objects__content_contact svg,
.social-objects__content_contact img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    fill: #0f498a;
    transition: 0.3s;
}

.social-objects__bg_name {
    color: #1d1d1f;
    text-align: center;
    font-size: min(20px, 1.05vw);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    padding: 0 min(16px, 0.7vw);
    flex-grow: 1;
}

@media (max-width: 1440px) {
    .social-objects__bg_name {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .social-objects__bg_name {
        padding: 0;
        color: #1d1d1f;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.infrast-tabs {
    display: flex;
    gap: 16px;
    width: 100%;
    overflow-x: auto;
    border-bottom: 1px solid #C3C3C3;
}

@media screen and (max-width: 1024px) {
    .infrast-tabs {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .infrast-tabs {
        padding-left: 16px;
        padding-right: 16px;
        gap: 12px;
    }
}

.infrast-tab {
    padding: 12px 22px;
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
    flex: none;
    display: block;
    position: relative;
}

.infrast-tab::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #0f498a;
    transition: all 0.3s;
}

@media screen and (max-width: 600px) {
    .infrast-tab {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        padding: 8px 12px;
    }
}

.infrast-tab:hover {
    color: #1D1D1F;
}

.infrast-tab.active {
    color: #1D1D1F;
}

@media (max-width: 1000px) {
    .infrast-tab.active {
        color: #0f498a;
    }
}

.infrast-tab.active::before {
    width: 100%;
}

.map {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 1000px) {
    .map {
        overflow: hidden;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        position: absolute;
        height: 400px;
    }
}

.map.active {
    position: relative;
    z-index: 1;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

@media (max-width: 600px) {
    .map .ymaps-2-1-79-balloon_layout_panel {
        border-radius: 0 0 22px 22px;
    }
}

.map-container {
    width: 100%;
    height: 100%;
    display: block;
}

[class*=ymaps-2][class*=-ground-pane] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

[class*=-balloon][class*=-balloon_layout_normal] {
    background: transparent;
    box-shadow: unset;
    border: unset;
}

ymaps [class*=-balloon__layout] {
    background: #fff;
    border-radius: 12px;
}

ymaps [class*=-balloon__content] {
    padding: 20px;
}

ymaps [class*=-balloon__close]+[class*=-balloon__content] {
    margin-right: 0;
    padding-right: 20px;
}

ymaps [class*=-balloon__close-button] {
    width: 16px;
    height: 16px;
    top: 8px;
    right: 8px;
}

ymaps [class*=-balloon__close] {
    top: 8px;
    right: 8px;
    background-size: 75%;
    background-position: center;
}

.baloon-inner {
    display: flex;
    flex-direction: column;
    font-family: "Formular";
    width: 100%;
}

.baloon-title {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.baloon-geo {
    margin-top: 8px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 16px;
}

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

.baloon__row {
    padding-top: 5px;
    border-top: 1px solid #c3c3c3;
    display: flex;
    justify-content: space-between;
}

.baloon-row-name {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.baloon-row-props {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1024px) {
    .moz .map-controls {
        scrollbar-width: thin;
        scrollbar-color: white white;
    }
}

.map-controls {
    width: 100%;
    display: flex;
    align-items: stretch;
}

.map-controls.hide {
    display: none;
}

.map-controls svg,
.map-controls img {
    width: 20px;
    height: 20px;
    flex: none;
    stroke-width: 2;
    object-fit: contain;
    object-position: center;
    fill: transparent;
    cursor: pointer;
}

.map-control {
    display: flex;
    height: auto;
    gap: 8px;
    align-items: center;
    padding: 10px 16px;
    transition: 0.3s;
    width: max-content;
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    cursor: pointer;
}

@media (min-width: 1024px) {
    .map-control:hover {
        border-color: #0f498a;
    }
}

@media (min-width: 1000px) {
    .map-control.active {
        background: #0f498a;
        border-color: white;
    }
}

.map-control.active span {
    color: white;
    border-color: white;
}

.map-control.active svg {
    stroke: white !important;
}

.map-control.active .map-control__amount {
    color: white;
}

.map-control.hide {
    display: none;
}

@media screen and (max-width: 600px) {
    .map-control[data-type=shop].active svg {
        stroke: white;
    }

    .map-control[data-type=shop] svg {
        stroke: #f0ad00;
    }

    .map-control[data-type=cafe] svg {
        stroke: #8d4400;
    }

    .map-control[data-type=cafe].active svg {
        stroke: white;
    }

    .map-control[data-type=sport] svg {
        stroke: #ee4242;
    }

    .map-control[data-type=sport].active svg {
        stroke: white;
    }

    .map-control[data-type=beauty] svg {
        stroke: #f43fd7;
    }

    .map-control[data-type=beauty].active svg {
        stroke: white;
    }

    .map-control[data-type=education] svg {
        stroke: #375fc8;
    }

    .map-control[data-type=education].active svg {
        stroke: white;
    }

    .map-control[data-type=children] svg {
        stroke: #ebe048;
    }

    .map-control[data-type=children].active svg {
        stroke: white;
    }

    .map-control[data-type=medicine] svg {
        stroke: #1d9521;
    }

    .map-control[data-type=medicine].active svg {
        stroke: white;
    }

    .map-control[data-type=other] svg {
        stroke: #a252c8;
    }

    .map-control[data-type=other].active svg {
        stroke: white;
    }
}

.map-control .map-control__text {
    display: flex;
    align-items: center;
    width: max-content;
}

@media screen and (max-width: 600px) {
    .map-control .map-control__text {
        width: max-content;
        color: #1d1d1f;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        white-space: nowrap;
    }
}

.map-control .map-control__amount {
    width: max-content;
    color: #8b8b8b;
}

@media screen and (max-width: 600px) {
    .map-control .map-control__amount {
        display: none;
    }
}

.map-control span {
    color: #1d1d1f;
    text-align: center;
    font-size: min(16px, 1vw);
    font-style: normal;
    font-weight: 400;
    transition: 0.3s;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .map-control span {
        font-size: 13px;
    }
}

.infrastructure__tabs-view {
    position: relative;
}

.infrastructure__tabs {
    margin-bottom: 24px;
    display: none;
}

@media (max-width: 1000px) {
    .infrastructure__tabs {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 0;
    }
}

.infrastructure__tabs input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
}

.infrastructure__tabs .infrastructure__tab {
    display: flex;
    align-items: center;
    padding: 12px 22px;
    background-color: #F5F5F7;
    color: #707070;
    transition: 0.3s;
    border-radius: 1000px;
}

.infrastructure__tabs span {
    transition: 0.3s;
    cursor: pointer;
}

.infrastructure__tabs svg,
.infrastructure__tabs img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    object-position: center;
    display: block;
    stroke: #1d1d1f;
    fill: none;
    transition: 0.3s;
}

.infrastructure__tabs input:checked~.infrastructure__tab .infrastructure__tab_text {
    color: #fff;
}

.infrastructure__tabs input:checked~.infrastructure__tab {
    background-color: #0f498a;
}

.infrastructure__tab_text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.map-fullsize {
    display: none;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 50px;
    cursor: pointer;
}

.map-fullsize img {
    width: 100%;
    display: block;
}

.fullScreen .map-fullsize {
    position: fixed;
    z-index: 100000;
}

.fullScreen .map-controls {
    position: fixed;
    z-index: 100000;
}

.fullScreen .map-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    z-index: 1000;
}

.bottom-social-fix {
    display: none;
}

@media screen and (max-width: 600px) {
    .bottom-social-fix {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        z-index: 1115;
        top: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: -1;
        transition: 0.3s;
    }
}

.bottom-social-fix.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 1115;
}

.bottom-social-fix .social-objects__content {
    border-radius: 20px 20px 0px 0px;
    background: #fff;
    padding: 24px 16px 26px;
    height: auto;
    gap: 0;
    max-height: unset;
}

.bottom-social-fix .social-objects__content.active {
    transform: translateY(calc(-100% + 2px));
    width: 100%;
}

.bottom-social-fix .bottom-social-fix__close {
    position: absolute;
    right: 12px;
    top: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.2987 5.70973C17.9087 5.31973 17.2787 5.31973 16.8887 5.70973L11.9988 10.5897L7.10875 5.69973C6.71875 5.30973 6.08875 5.30973 5.69875 5.69973C5.30875 6.08973 5.30875 6.71973 5.69875 7.10973L10.5888 11.9997L5.69875 16.8897C5.30875 17.2797 5.30875 17.9097 5.69875 18.2997C6.08875 18.6897 6.71875 18.6897 7.10875 18.2997L11.9988 13.4097L16.8887 18.2997C17.2787 18.6897 17.9087 18.6897 18.2987 18.2997C18.6887 17.9097 18.6887 17.2797 18.2987 16.8897L13.4087 11.9997L18.2987 7.10973C18.6787 6.72973 18.6787 6.08973 18.2987 5.70973Z' fill='%23707070'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.bottom-social-fix .social-objects__content_top {
    padding: 0;
}

.bottom-social-fix .bottom-social-fix__name {
    color: #1d1d1f;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px;
}

.bottom-social-fix .bottom-social-fix__text {
    color: #1d1d1f;
    font-family: "Formular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bottom-social-fix .social-objects__content_top {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bottom-social-fix .social-objects__content_top p,
.bottom-social-fix .social-objects__content_top a {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.bottom-social-fix .social-objects__content_contact {
    position: static;
    margin-top: 16px;
    flex-direction: row;
    gap: 24px;
    max-width: unset;
}

.bottom-social-fix .social-objects__content_contact img,
.bottom-social-fix .social-objects__content_contact svg {
    width: 32px;
    height: 32px;
}

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

.infrastructure-select {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    width: 100%;
}

@media (max-width: 1000px) {
    .infrastructure-select {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.infrastructure-select .multiselect__dropdown {
    width: max-content;
}

.infrastructure-select__logo {
    width: auto;
    height: 30px;
    object-fit: contain;
    display: block;
    margin-left: auto;
}

@media (max-width: 600px) {
    .infrastructure-select__logo {
        width: 100%;
        margin-left: 0;
        margin-top: 16px;
        object-position: left;
    }
}

.social-objects {
    display: flex;
    gap: 16px;
}

.social-objects.active .social-objects-wrap,
.social-objects .bonus-additional {
    display: flex;
}

@media (max-width: 1000px) {

    .social-objects .social-objects-wrap,
    .social-objects .bonus-additional {
        display: none;
    }
}

.social-bar {
    width: 100%;
    flex: none;
    max-width: 494px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
}

.social-bar.show-border::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 16px;
    height: 1px;
    background-color: #EDEDED;
    z-index: 1;
}

.social-objects-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    padding-right: 10px;
}

.social-objects-wrap::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.social-objects-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(137, 170, 40, 0.5019607843);
    border-radius: 4px;
}

@media (max-width: 1000px) {
    .social-objects-wrap {
        padding-right: 0;
    }
}

.social-card,
.azs-card {
    background-color: #fff;
    padding: 20px 16px;
    border: 1px solid #C3C3C3;
    border-radius: 16px;
    position: relative;
}

.social-card.active,
.azs-card.active {
    border-color: #0f498a;
}

.social-card:last-child,
.azs-card:last-child {
    position: relative;
    z-index: 3;
    box-shadow: 0px 20px 0px 5px #fff;
}

@media (max-width: 600px) {

    .social-card,
    .azs-card {
        padding: 16px;
    }
}

.social-card__head {
    display: flex;
    align-items: center;
    position: relative;
    gap: 16px;
}

@media (max-width: 1000px) {
    .social-card__head {
        flex-direction: column;
        align-items: flex-start;
    }
}

.social-card__logo {
    width: 95px;
    height: 75px;
    flex: none;
}

.social-card__logo img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.social-card__info {
    display: flex;
    flex-direction: column;
    padding-right: 68px;
}

.social-card__info span,
.social-card__info button,
.social-card__info a {
    text-decoration: underline;
    color: #0f498a;
}

@media (max-width: 1000px) {
    .social-card__info {
        padding-right: 0;
    }
}

.social-card__info-party {
    color: #0f498a;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1;
}

.social-card__info-name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.3;
}

.social-card__info-address {
    line-height: 1;
}

.social-card__btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #C3C3C3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-card__btn svg {
    width: 24px;
    height: 24px;
    fill: transparent;
    stroke: #1D1D1F;
    transition: all 0.3s;
}

.social-card__btn.active {
    background-color: #0f498a;
}

.social-card__btn.active svg {
    transform: rotateX(180deg);
    stroke: #fff;
}

.social-card__panel {
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s;
    padding-left: 95px;
}

@media (max-width: 1000px) {
    .social-card__panel {
        padding-left: 0;
    }
}

.social-card__content {
    padding-left: 16px;
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (max-width: 1000px) {
    .social-card__content {
        padding-left: 0;
    }
}

.social-card__phones {
    display: flex;
    gap: 24px;
    row-gap: 16px;
}

.social-card__phones a {
    color: #1D1D1F;
}

.social-card__phones a:hover {
    color: #0f498a;
    transition: all 0.1s;
}

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

.social-card__dates-el {
    color: #1D1D1F;
    line-height: 1;
}

.social-card__text {
    line-height: 100%;
    letter-spacing: 0%;
    padding-right: 50px;
}

.azs-card {
    margin-top: 10px;
}

.hidden-azs {
    display: none !important;
}

.azs-card__name {
    line-height: 1;
    margin-bottom: 12px;
}

.azs-card__info {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    line-height: 1;
    font-size: 16px;
}

.azs-card__info-el {
    color: #707070;
}

.azs-card__address {
    margin-bottom: 10px;
}

.azs-card__row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #707070;
}

.azs-card-row-name {
    color: #707070;
}

.azs-card-row-props {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.azs-card-row-props_el {
    color: #1d1d1f;
}

a.azs-card-row-props_el:hover {
    color: #0f498a;
}

a.baloon-row-props_tel {
    color: #1D1D1F;
}

.btn-more {
    display: none;
}

@media (max-width: 1000px) {
    .btn-more {
        display: flex;
        align-items: center;
        justify-content: center;
        width: max-content;
        margin: 8px auto 0;
        gap: 9px;
        padding: 13px 22px;
        font-size: 18px;
        line-height: 1;
        border: 1px solid #C3C3C3;
        border-radius: 100px;
    }

    .btn-more svg {
        stroke: #8B8B8B;
        fill: transparent;
        width: 21px;
        height: 9px;
        stroke-width: 1px;
    }
}

@media (max-width: 600px) {

    ymaps [class*=-map-copyrights-promo],
    ymaps [class*=-copyright__wrap] {
        display: none !important;
    }

    ymaps [class*=-balloon__content]>ymaps {
        height: auto !important;
    }
}

.multiselect__option.hide {
    display: none !important;
}

@media screen and (max-width: 600px) {
    .mobile-hidden {
        display: none !important;
    }
}

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

.container-main~.house-intro {
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .container-main~.house-intro {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .container-main.mt16~.house-intro {
        margin-top: 24px;
    }
}

.house-intro {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
    position: relative;
    margin-top: 92px;
}

@media screen and (max-width: 1280px) {
    .house-intro {
        margin-top: 50px;
    }
}

@media screen and (max-width: 600px) {
    .house-intro {
        margin-top: 44px;
    }
}

@media screen and (max-width: 450px) {
    .house-intro {
        margin-top: 0;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro.active .house-intro__img_hint {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: -1;
    }
}

.house-intro.dark .house-intro__info {
    background: rgba(157, 157, 157, 0.4);
    backdrop-filter: blur(6px);
}

@media screen and (max-width: 768px) {
    .house-intro.dark .house-intro__info {
        background: transparent;
        backdrop-filter: unset;
    }
}

.house-intro.dark .breadcrumbs__link {
    color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
}

@media screen and (max-width: 768px) {
    .house-intro.dark .breadcrumbs__link {
        color: #707070;
    }
}

.house-intro.dark .breadcrumbs__item:nth-last-child(1) .breadcrumbs__link {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
}

@media screen and (max-width: 768px) {
    .house-intro.dark .breadcrumbs__item:nth-last-child(1) .breadcrumbs__link {
        color: #8b8b8b;
    }
}

.house-intro.dark .house-intro__title {
    color: var(--text-icon-light-primary, #fff);
}

@media screen and (max-width: 768px) {
    .house-intro.dark .house-intro__title {
        color: #1d1d1f;
    }
}

.house-intro.dark .house-intro__info_elem::before {
    background: var(--Background-Light, #f5f5f7);
    backdrop-filter: blur(20px);
}

.house-intro.dark .house-intro__info_elem-name {
    color: var(--text-icon-dark-secondary, #707070);
}

.house-intro.dark .house-intro__info_elem-descr {
    color: var(--text-icon-dark-primary, #1d1d1f);
}

.house-intro.dark .house-intro__info_hint {
    color: var(--text-icon-light-primary, #fff);
}

.house-intro.dark .house-intro__info_hint-arr {
    fill: #c3c3c3;
}

@media screen and (max-width: 1024px) {
    .moz .house-intro__img {
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro__img {
        overflow-x: scroll;
        width: 100%;
        position: relative;
    }

    .house-intro__img::-webkit-scrollbar {
        height: 0;
        width: 0;
        background: transparent;
    }

    .house-intro__img::-webkit-scrollbar-thumb {
        background: transparent;
    }

    .house-intro__img::-webkit-scrollbar-corner {
        background: transparent;
    }
}

.svg-img {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .svg-img {
        width: 1024px;
        position: relative;
    }
}

@media screen and (max-width: 450px) {
    .svg-img {
        width: max-content;
        height: max-content;
    }
}

.svg-img picture {
    width: 100%;
}

.svg-img svg {
    width: 100%;
}

.svg-img img {
    width: 100%;
    display: block;
}

@media screen and (max-width: 450px) {
    .svg-img img {
        height: 680px;
        width: auto;
    }
}

.svg-wrapper__inner_svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.detail-info-wrap {
    position: absolute;
}

.detail-info__close {
    display: none;
}

@media screen and (max-width: 1024px) {
    .detail-info__close {
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.2987 5.70973C17.9087 5.31973 17.2787 5.31973 16.8887 5.70973L11.9988 10.5897L7.10875 5.69973C6.71875 5.30973 6.08875 5.30973 5.69875 5.69973C5.30875 6.08973 5.30875 6.71973 5.69875 7.10973L10.5888 11.9997L5.69875 16.8897C5.30875 17.2797 5.30875 17.9097 5.69875 18.2997C6.08875 18.6897 6.71875 18.6897 7.10875 18.2997L11.9988 13.4097L16.8887 18.2997C17.2787 18.6897 17.9087 18.6897 18.2987 18.2997C18.6887 17.9097 18.6887 17.2797 18.2987 16.8897L13.4087 11.9997L18.2987 7.10973C18.6787 6.72973 18.6787 6.08973 18.2987 5.70973Z' fill='%23343C4B'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        right: 20px;
        top: 20px;
    }
}

@media screen and (max-width: 768px) {
    .detail-info__close {
        right: 15px;
        top: 15px;
    }
}

.floor-block {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.floor-block path {
    transition: 0.3s;
}

.floor-block.saled path {
    fill: transparent !important;
    stroke: transparent !important;
    stroke-width: 2px;
}

.floor-block.saled:hover path {
    fill: rgba(209, 60, 60, 0.4) !important;
    stroke: rgba(226, 48, 48, 0.5) !important;
}

.floor-block.free path {
    fill: transparent !important;
    stroke: transparent !important;
    stroke-width: 2px;
}

.floor-block.free:hover path {
    fill: rgba(172, 231, 0, 0.4) !important;
    stroke: #ace700 !important;
}

@media screen and (max-width: 600px) {
    .scrolled .detail-info.show {
        transform: translateY(105%);
    }
}

.detail-info {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    width: 0;
    max-width: 355px;
    height: 0;
    transition: opacity 0.3s;
    border-radius: 20px;
    background: #f5f5f7;
    padding: 20px;
}

@media screen and (max-width: 768px) {
    .detail-info {
        max-width: 300px;
        padding: 15px;
    }
}

@media screen and (max-width: 600px) {
    .detail-info {
        top: unset !important;
        left: 0 !important;
        bottom: 0 !important;
        position: fixed;
        max-width: unset;
        height: auto;
        padding: 24px 16px 32px;
        transform: translateY(105%);
        border-radius: 20px 20px 0 0;
        background: white;
        max-width: unset;
        transition: transform 0.3s;
    }
}

.detail-info.show {
    opacity: 1;
    z-index: 20;
    pointer-events: all;
    visibility: visible;
    width: auto;
    height: auto;
}

@media screen and (max-width: 600px) {
    .detail-info.show {
        z-index: 1130;
        width: 100%;
        transform: translateY(0);
    }
}

.detail-info.free .detail-info-descr__saled {
    display: none;
}

.detail-info.saled .detail-info-descr__free {
    display: none;
}

.detail-info.saled .detail-info-descr__free_link {
    margin-top: 16px;
}

@media screen and (max-width: 450px) {
    .detail-info.saled .detail-info-descr__free_link {
        margin-top: 24px;
    }
}

@media screen and (max-width: 600px) {
    .show-info::before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        z-index: 1115;
        top: 0;
    }
}

.detail-info-zag {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1024px) {
    .detail-info-zag {
        padding-right: 25px;
    }
}

@media screen and (max-width: 768px) {
    .detail-info-zag {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .detail-info-zag {
        font-size: 24px;
        line-height: 120%;
    }
}

.detail-info-descr__free_info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    gap: 16px 24px;
}

@media screen and (max-width: 768px) {
    .detail-info-descr__free_info {
        gap: 5px 15px;
    }
}

.detail-info-descr__free_info-el {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.detail-info-descr__free_info-el svg,
.detail-info-descr__free_info-el img {
    width: 24px;
    height: 24px;
    fill: transparent;
    stroke: #0f498a;
    display: block;
    object-fit: contain;
    stroke-width: 1.5px;
}

.detail-info-descr__free {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
}

@media screen and (max-width: 600px) {
    .detail-info-descr__free {
        margin-top: 20px;
        gap: 32px 24px;
    }
}

.detail-info-descr__free_link {
    color: #0f498a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline;
    transition: 0.3s;
    display: none;
}

@media screen and (max-width: 1024px) {
    .detail-info-descr__free_link {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .detail-info-descr__free_link {
        width: 100%;
        background: #0f498a;
        color: white;
        border-radius: 48px;
        text-decoration: none;
        padding: 12px 24px;
        text-align: center;
    }
}

.detail-info-descr__free_link:hover {
    color: #0f498a;
}

.detail-info-descr__saled {
    margin-top: 12px;
    color: #e3473d;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .detail-info-descr__saled {
        margin-top: 20px;
    }
}

.infr-house .infrastructure__block_text {
    font-size: 18px;
    margin-top: 0;
    line-height: normal;
    max-width: min(770px, 100% - min(530px, 27.6vw) - 30px);
}

@media screen and (max-width: 1280px) {
    .infr-house .infrastructure__block_text {
        font-size: 16px;
        max-width: calc(60% - 30px);
    }
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_text {
        max-width: 100%;
        flex-grow: 1;
    }
}

.infr-house .infrastructure__block_content {
    max-width: 100%;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 0;
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_content {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

.infr-house .infrastructure__block_title {
    width: 100%;
    margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_title {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 450px) {
    .infr-house .infrastructure__block_title {
        margin-bottom: 8px;
    }
}

.infr-house .infrastructure__block_inner {
    position: relative;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: min(403px, 21vw);
}

@media screen and (max-width: 1280px) {
    .infr-house .infrastructure__block_inner {
        min-height: 25vw;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_inner {
        flex-grow: 1;
        height: 100%;
        min-height: unset;
    }
}

.infr-house .infrastructure__block_img {
    width: min(530px, 27.6vw);
    min-width: min(530px, 27.6vw);
    min-height: min(403px, 21vw);
    height: 100%;
    max-height: min(480px, 25vw);
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 1280px) {
    .infr-house .infrastructure__block_img {
        width: 40%;
        min-height: 25vw;
        max-height: 35vw;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_img {
        width: 100%;
        position: relative;
        top: unset;
        right: unset;
        height: auto;
        min-height: unset;
        max-height: unset;
        display: flex;
        margin-top: 24px;
        border-radius: 21px;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .infrastructure__block_img img {
        width: 100%;
        height: auto;
        max-height: 90vw;
        min-height: 50vw;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .btn-white.infrastructure__btn {
        position: absolute;
        width: 48px;
        min-width: 48px;
        height: 48px;
        bottom: 20px;
        right: 12px;
        border-radius: 100%;
        border-radius: 60px;
        background: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        font-size: 0;
        padding: 0;
        gap: 0;
    }
}

@media screen and (max-width: 768px) {
    .infr-house .btn-white.infrastructure__btn svg {
        width: min(32px, 50%);
        height: min(32px, 50%);
        fill: #707070;
    }
}

.house-intro__info {
    position: absolute;
    left: max((100% - 1920px) / 2, 205px);
    z-index: 15;
    top: 24px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(6px);
    padding: min(32px, 1.8vw);
    max-width: 510px;
}

@media (max-width: 1440px) {
    .house-intro__info {
        left: 20px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro__info {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        padding: 20px;
        background: unset;
        border-radius: 0;
        backdrop-filter: unset;
    }
}

@media screen and (max-width: 600px) {
    .house-intro__info {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 0;
        padding-bottom: 24px;
    }
}

.house-intro__info.right {
    left: unset;
    right: max((100% - 1920px) / 2, 205px);
}

@media (max-width: 1440px) {
    .house-intro__info.right {
        right: 20px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro__info.right {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
    }
}

.house-intro__info.right .house-intro__info_hint-arr {
    margin-left: unset;
    margin-right: 60px;
    transform: scale(-1, 1);
}

@media (min-width: 1024px) {
    .house-intro__info.vertical {
        max-width: 250px;
    }

    .house-intro__info.vertical .house-intro__title {
        font-size: min(32px, 1.7vw);
        font-weight: 600;
    }

    .house-intro__info.vertical .house-intro__info_elems {
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .house-intro__info .breadcrumbs {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .house-intro__info_bottom {
        position: absolute;
        top: calc(100% + 16px);
        left: 16px;
    }
}

.house-intro__title {
    margin-top: min(16px, 0.9vw);
    color: #1d1d1f;
    font-size: min(48px, 2.8vw);
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}

@media screen and (max-width: 768px) {
    .house-intro__title {
        font-size: 34px;
        margin-top: 16px;
    }
}

@media screen and (max-width: 600px) {
    .house-intro__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 450px) {
    .house-intro__title {
        font-size: 26px;
        line-height: 130%;
    }
}

.house-intro__info_elems {
    margin-top: min(32px, 1.8vw);
    display: flex;
    align-items: stretch;
    gap: 8px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .house-intro__info_elems {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .house-intro__info_elems {
        gap: 4px;
    }
}

.house-intro__info_elem {
    border-radius: 12px;
    padding: min(12px, 0.65vw) min(16px, 0.85vw);
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .house-intro__info_elem {
        padding: 6px 12px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro__info_elem {
        display: flex;
        gap: 5px;
        border-radius: 1000px;
    }
}

@media screen and (max-width: 450px) {
    .house-intro__info_elem.mob-hide {
        display: none;
    }
}

.house-intro__info_elem.mob-green {
    display: none;
}

@media screen and (max-width: 450px) {
    .house-intro__info_elem.mob-green {
        display: block;
    }
}

.house-intro__info_elem::before {
    content: "";
    width: 110%;
    height: 110%;
    position: absolute;
    z-index: -1;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(20px);
    left: -5%;
    top: -5%;
}

.house-intro__info_elem-name {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 768px) {
    .house-intro__info_elem-name {
        color: var(--text-icon-light-primary, #fff);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 0;
    }
}

.house-intro__info_elem-descr {
    margin-top: 2px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media screen and (max-width: 768px) {
    .house-intro__info_elem-descr {
        color: var(--text-icon-light-primary, #fff);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 0;
    }
}

.house-page__parameters {
    display: flex;
    flex-wrap: wrap;
    gap: min(30px, 1.57vw);
}

@media screen and (max-width: 1024px) {
    .house-page__parameters {
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .house-page__parameters {
        gap: 10px;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameters {
        gap: 0;
    }
}

.five-cards .house-page__parameter {
    width: calc((100% - 6.28vw) / 5);
    min-width: 230px;
    flex-grow: 1;
}

@media screen and (max-width: 1024px) {
    .five-cards .house-page__parameter {
        width: calc((100% - 32px) / 3);
        flex-grow: unset;
    }
}

@media screen and (max-width: 768px) {
    .five-cards .house-page__parameter {
        width: calc(50% - 5px);
        padding: 15px 20px;
    }
}

@media screen and (max-width: 600px) {
    .five-cards .house-page__parameter {
        width: calc(50% - 5px);
        padding: 10px;
        min-width: unset;
    }
}

@media screen and (max-width: 450px) {
    .five-cards .house-page__parameter {
        width: 100%;
        padding: 0 0 15px;
    }
}

.five-cards .house-page__parameter:nth-last-child(1) {
    flex-grow: unset;
}

.five-cards .house-page__parameter_text {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media screen and (max-width: 768px) {
    .five-cards .house-page__parameter_text {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .five-cards .house-page__parameter_text {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .five-cards .house-page__parameter_text {
        font-size: 18px;
    }
}

.house-page__parameter {
    border-radius: 20px;
    background: #f5f5f7;
    padding: min(24px, 1.25vw);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: calc((100% - min(90px, 4.71vw)) / 4);
}

@media screen and (max-width: 1024px) {
    .house-page__parameter {
        width: calc((100% - 32px) / 3);
        padding: 12px 10px;
    }
}

@media screen and (max-width: 768px) {
    .house-page__parameter {
        width: calc(50% - 5px);
        padding: 15px 20px;
    }
}

@media screen and (max-width: 600px) {
    .house-page__parameter {
        width: calc(50% - 5px);
        padding: 10px;
        min-width: unset;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter {
        width: 100%;
        background: unset;
        padding: 0 0 15px;
        margin-top: 16px;
        border-radius: 0;
        position: relative;
        border-bottom: 1px solid #c3c3c3;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter:nth-child(1) {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter:nth-last-child(1) {
        padding-bottom: 0;
        border-bottom: unset;
    }
}

.house-page__parameter_icon {
    width: min(50px, 2.6vw);
    min-width: min(50px, 2.6vw);
    height: min(50px, 2.6vw);
}

@media screen and (max-width: 1024px) {
    .house-page__parameter_icon {
        width: 45px;
        min-width: 45px;
        height: 45px;
    }
}

@media screen and (max-width: 768px) {
    .house-page__parameter_icon {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 600px) {
    .house-page__parameter_icon {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter_icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 24px;
        height: 24px;
        min-width: 24px;
    }
}

.house-page__parameter_icon svg,
.house-page__parameter_icon img {
    width: 100%;
    height: 100%;
}

.house-page__parameter_content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

@media screen and (max-width: 450px) {
    .house-page__parameter_content {
        gap: 6px;
    }
}

.house-page__parameter_title {
    color: #8b8b8b;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .house-page__parameter_title {
        line-height: normal;
        padding-left: 36px;
        font-size: 16px;
        padding-top: 2px;
    }
}

.house-page__parameter_text {
    color: #1d1d1f;
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .house-page__parameter_text {
        font-size: 16px;
        font-weight: 700;
    }
}

@media screen and (max-width: 768px) {
    .house-page__parameter_text {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .house-page__parameter_text {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .house-page__parameter_text {
        line-height: normal;
        font-weight: 600;
        font-size: 18px;
    }
}

@media (min-width: 601px) {
    .mobile-hidden-conditions.container-main {
        display: block !important;
    }
}

@media screen and (max-width: 600px) {
    .mobile-hidden-conditions.container-main {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 100dvh;
        z-index: 2000;
        background: rgba(0, 0, 0, 0);
        display: none;
        align-items: flex-end;
        transition: 0.3s;
        padding: 0;
    }
}

.mobile-hidden-conditions.container-main.show {
    background: rgba(0, 0, 0, 0.3);
}

.mobile-hidden-conditions.container-main.show .mobile-hidden-conditions__inner {
    transform: translateY(0);
}

@media screen and (max-width: 600px) {
    .mobile-hidden-conditions.container-main .main-page__title {
        color: #1d1d1f;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }
}

@media screen and (max-width: 600px) {
    .mobile-hidden-conditions__inner {
        max-height: min(100%, 565px);
        width: 100%;
        border-radius: 20px 20px 0px 0px;
        background: #f7f7f7;
        overflow-y: auto;
        position: relative;
        padding: 24px 16px;
        transform: translateY(100%);
        transition: 0.4s;
        max-height: 80vh;
    }
}

.mobile-hidden-conditions__inner_close {
    display: none;
}

@media screen and (max-width: 600px) {
    .mobile-hidden-conditions__inner_close {
        position: absolute;
        width: 24px;
        height: 24px;
        right: 8px;
        top: 8px;
        display: block;
    }
}

.cards-info {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 20px;
}

@media screen and (max-width: 1024px) {
    .cards-info {
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .cards-info {
        margin-top: 16px;
        flex-direction: column;
        align-items: flex-start;
    }
}

.card-info {
    width: calc((100% - 40px) / 3);
    min-height: 110px;
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: min(22px, 1.15vw) min(90px, 4.7vw);
}

@media screen and (max-width: 1024px) {
    .card-info {
        width: calc((100% - 10px) / 2);
        padding: 10px 15px;
        min-height: 100px;
    }
}

@media screen and (max-width: 600px) {
    .card-info {
        width: 100%;
        min-height: 80px;
        padding: 0;
        border: unset;
        border-radius: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media screen and (max-width: 600px) {
    .card-info .tooltip-icon {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .card-info .tooltip {
        position: static;
    }
}

@media screen and (max-width: 600px) {
    .card-info .tooltip-block {
        position: static;
        color: #1d1d1f;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        box-shadow: unset;
        border-radius: 0;
        padding: 0;
        background: unset;
    }
}

.card-info .tooltip-block svg {
    display: none;
}

@media (min-width: 1025px) {
    .card-info:nth-child(3n) .tooltip-block {
        transform: unset;
        right: -20px;
    }

    .card-info:nth-child(3n) .tooltip-block__svg {
        left: calc(100% - 32px);
    }
}

@media (max-width: 1024px) and (min-width: 601px) {
    .card-info:nth-child(2n) .tooltip-block {
        transform: unset;
        right: -20px;
    }

    .card-info:nth-child(2n) .tooltip-block__svg {
        left: calc(100% - 32px);
    }
}

.tooltip {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .tooltip {
        top: 10px;
        right: 10px;
    }
}

.tooltip:focus .tooltip-block,
.tooltip:hover .tooltip-block {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.tooltip-icon {
    width: 24px;
    height: 24px;
}

.tooltip-icon svg,
.tooltip-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    fill: #0f498a;
}

.tooltip-block {
    top: calc(100% + 16px);
    position: absolute;
    max-width: 403px;
    width: max-content;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    right: 12px;
    transform: translateX(50%);
    padding: 16px;
    z-index: 2;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.3s;
}

@media screen and (max-width: 600px) {
    .tooltip-block {
        transform: unset;
        right: -20px;
        max-width: min(100vw - 20px, 403px);
    }
}

.tooltip-block__svg {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    filter: drop-shadow(0 -3px 3px rgba(0, 22, 6, 0.1));
}

@media screen and (max-width: 600px) {
    .tooltip-block__svg {
        left: calc(100% - 32px);
    }
}

.cards-info__text {
    color: #1d1d1f;
    text-align: center;
    font-size: min(24px, 1.5vw);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .cards-info__text {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .cards-info__text {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .cards-info__text {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: left;
    }
}

.cards-info__btn {
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: #0f498a;
    color: #fff;
    font-size: min(24px, 1.5vw);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    width: calc((100% - 40px) / 3);
    padding: 23px 40px;
    position: relative;
    transition: background 0.3s;
}

@media screen and (max-width: 1280px) {
    .cards-info__btn {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .cards-info__btn {
        width: calc((100% - 10px) / 2);
    }
}

@media screen and (max-width: 768px) {
    .cards-info__btn {
        padding: 15px;
    }
}

@media screen and (max-width: 600px) {
    .cards-info__btn {
        width: 100%;
        height: auto;
        padding: 12px;
        justify-content: center;
        display: flex;
        align-items: center;
        border-radius: 48px;
        color: var(--100, #fff);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.cards-info__btn:hover {
    background: #0f498a;
}

.cards-info__btn:active {
    background: #0f498a;
}

.cards-info__btn .cards-info__btn_arr {
    position: absolute;
    width: min(70px, 4.8vw);
    height: min(70px, 4.8vw);
    right: min(40px, 2.08vw);
    bottom: 17px;
    padding: 0;
    max-width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 1024px) {
    .cards-info__btn .cards-info__btn_arr {
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 600px) {
    .cards-info__btn .cards-info__btn_arr {
        display: none;
    }
}

.cards-info__btn .cards-info__btn_arr svg {
    width: min(32px, 50%);
    height: min(32px, 50%);
    fill: #707070;
}

.house-intro__img_hint {
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

@media screen and (max-width: 1024px) {
    .house-intro__img_hint {
        display: block;
        padding-bottom: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 20;
        color: #fff;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        transition: 0.3s;
    }
}

.house-intro__img_hint p {
    max-width: 400px;
}

.house-intro__img_hint-imgs {
    margin-top: 94px;
    position: relative;
}

.house-intro__img_hand {
    position: absolute;
    left: -14px;
    top: 5px;
    width: 34px;
    animation: flyHand 2s ease-in-out infinite;
}

@keyframes flyHand {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(28px);
    }

    100% {
        transform: translateX(0);
    }
}

.house-intro__img_arr {
    width: 28px;
}

.house-intro__info_hint {
    position: absolute;
    top: calc(100% + 24px);
    left: 0;
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    pointer-events: none;
    width: max-content;
}

@media screen and (max-width: 1280px) {
    .house-intro__info_hint {
        top: calc(100% + 6px);
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro__info_hint {
        display: none;
    }
}

.house-intro__info_hint-arr {
    fill: rgba(108, 108, 108, 0.6);
    margin-top: 19px;
    width: min(130px, 10vw);
    height: min(100px, 7.7vw);
    margin-left: 60px;
}

.mob-conditions {
    padding: 20px 12px;
    border-radius: 20px;
    background: #0f498a;
    position: relative;
}

@media screen and (max-width: 450px) {
    .mob-conditions {
        padding: 12px;
    }
}

.mob-conditions .main-page__title {
    color: #fff;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .mob-conditions .main-page__title {
        font-size: 26px;
    }
}

.mob-conditions .mob-conditions__more {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 0;
    margin-top: 32px;
}

@media screen and (max-width: 450px) {
    .mob-conditions .mob-conditions__more {
        font-size: 18px;
    }
}

.mob-conditions .mob-conditions__more:hover {
    text-decoration: underline;
}

.mob-conditions__arr {
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: 20px;
    right: 12px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 450px) {
    .mob-conditions__arr {
        bottom: 12px;
    }
}

.mob-conditions__arr svg {
    width: 24px;
    height: 24px;
    fill: #707070;
}

.house-intro__btn-mob {
    display: none;
}

@media screen and (max-width: 1024px) {
    .house-intro__btn-mob {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        z-index: 5;
        border-radius: 100px;
        background: white;
        color: var(--Primary-Main, #0f498a);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        width: max-content;
        padding: 12px 22px;
    }
}

.house-info {
    font-family: "Formular";
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.4);
    align-items: flex-end;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s;
}

@media screen and (max-width: 1024px) {
    .house-info {
        display: none;
    }
}

.house-info.floor .house-info__top {
    display: none;
}

.house-info.floor .house-info__entrances {
    display: none;
}

.house-info.floor .house-info__back {
    display: flex;
}

.house-info.floor .house-info__inner {
    padding-top: 40px;
}

@media screen and (max-width: 1024px) {
    .house-info.show {
        opacity: 1;
    }

    .house-info.show .house-info__inner {
        transform: translateY(0);
    }
}

.house-info__back {
    display: none;
    position: absolute;
    left: 16px;
    top: 8px;
    gap: 8px;
    align-items: center;
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    z-index: 2;
}

.house-info__back img,
.house-info__back svg {
    width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
    object-position: center;
    transform: scale(-1, 1);
    fill: #8b8b8b;
}

.house-info__inner {
    max-height: 70vh;
    overflow-y: auto;
    width: 100%;
    background: white;
    border-radius: 20px 20px 0 0;
    padding: 24px 16px 32px;
    position: relative;
    transform: translateY(100%);
    transition: transform 0.4s;
}

.house-info__close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
}

.house-info__close img,
.house-info__close svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

.house-info__title {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 26.4px */
}

.house-info__text {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.house-info__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

.house-info__entrances {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

.house-info__entrances .house-info__entrance {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid var(--stroke-line-wight-10, rgba(112, 112, 112, 0.1));
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.house-info__entrances .house-info__entrance span:nth-child(2) {
    text-align: right;
}

.house-info__floors {
    display: flex;
}

.house-info__floors .house-info__floor {
    display: none;
    flex-direction: column;
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.house-info__floors .house-info__floor.active {
    display: flex;
}

.house-info__floors .house-info__floor a {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 16px 0;
    border-bottom: 1px solid var(--stroke-line-wight-10, rgba(112, 112, 112, 0.1));
}

.house-info__floors .house-info__floor a span:nth-child(2) {
    text-align: right;
}

.house-info__floors .house-info__floor-title {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 12px;
}

.house-info__floors .house-info__floor-block {
    margin-top: 8px;
}

.sold-out {
    color: #e3473d;
    pointer-events: none;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
:root {
    --device-height: 100%;
}

html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

span {
    display: inline-block;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button {
    cursor: pointer;
    padding: 0;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
    background: initial;
    border: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

ul li,
ol li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
}

* {
    box-sizing: border-box;
    outline: none;
}

picture {
    display: block;
    width: 100%;
    height: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.swiper-container-pointer-events {
    overflow: hidden;
}

h2 {
    color: #1d1d1f;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1440px) {
    h2 {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px) {
    h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 768px) {
    h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    h2 {
        font-size: 26px;
    }
}

h3 {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    /* 40px */
}

@media (max-width: 1440px) {
    h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 1280px) {
    h3 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1024px) {
    h3 {
        font-size: 26px;
    }
}

@media screen and (max-width: 768px) {
    h3 {
        font-size: 24px;
    }
}

.main-page {
    font-family: "Formular";
    /*padding-top: 140px;*/
    /*padding-top: calc(var(--headerH, 180px) - 48px);*/
    /*padding-bottom: 100px;*/
}

@media screen and (max-width: 1280px) {
    .main-page {
       /* padding-top: 50px;
        padding-bottom: 80px;*/
    }
}

@media screen and (max-width: 1024px) {
    .main-page {
        padding-top: 58px;
    }
}

@media screen and (max-width: 450px) {
    .main-page {
        padding-top: 52px;
        padding-bottom: 70px;
        padding-top: 72px;
    }
}

.open-burger~.main-page::before {
    content: "";
    width: 100%;
    height: 100dvh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 115;
}

@media screen and (max-width: 600px) {
    .open-burger~.bottom-menu {
        z-index: 0;
    }
}

.info-slider {
    width: 100%;
    position: relative;
}

.info-slider.container-main {
    max-width: 1920px;
    padding-left: 205px;
    padding-right: 205px;
}

@media (max-width: 1440px) {
    .info-slider.container-main {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .info-slider.container-main {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .info-slider.container-main {
        margin-top: 32px;
    }
}

.info-slider .swiper-container {
    overflow: hidden;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .info-slider .swiper-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.info-slider .swiper-pagination {
    bottom: -68px;
    display: flex;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px;
    border-radius: 28px;
    background: #f5f5f7;
    gap: 12px;
}

@media screen and (max-width: 600px) {
    .info-slider .swiper-pagination {
        bottom: -52px;
    }
}

.info-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    opacity: 1;
    margin: 0 !important;
}

.info-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0f498a;
}

.info-slider .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.info-slider .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    right: 165px;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .info-slider .swiper-button-next {
        right: 0;
    }
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-button-next {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-button-next {
        display: none;
    }
}

.info-slider .swiper-button-next::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(2px);
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-button-next::after {
        font-size: 16px;
        transform: translateX(1px);
    }
}

.info-slider .swiper-button-next:hover {
    background: #0f498a;
}

.info-slider .swiper-button-next:hover::after {
    color: white;
}

.info-slider .swiper-button-prev {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    left: 165px;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .info-slider .swiper-button-prev {
        left: 0;
    }
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-button-prev {
        display: none;
    }
}

.info-slider .swiper-button-prev::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(-2px);
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-button-prev::after {
        font-size: 16px;
        transform: translateX(-1px);
    }
}

.info-slider .swiper-button-prev:hover {
    background: #0f498a;
}

.info-slider .swiper-button-prev:hover::after {
    color: white;
}

.info-slider .swiper-button-disabled {
    background: #f5f5f7;
    pointer-events: all;
}

.info-slider .swiper-button-disabled:hover {
    background: #f5f5f7;
}

.info-slider .swiper-button-disabled:hover::after {
    color: #1d1d1f;
}

.info-slider .info-slider__link {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99919 15.9991C1.99919 16.2643 2.10455 16.5186 2.29208 16.7062C2.47962 16.8937 2.73397 16.9991 2.99919 16.9991L26.5852 16.9991L20.2912 23.2911C20.1034 23.4788 19.9979 23.7335 19.9979 23.9991C19.9979 24.2646 20.1034 24.5193 20.2912 24.7071C20.479 24.8948 20.7336 25.0003 20.9992 25.0003C21.2647 25.0003 21.5194 24.8948 21.7072 24.7071L29.7072 16.7071C29.8003 16.6142 29.8742 16.5038 29.9246 16.3823C29.975 16.2608 30.001 16.1306 30.001 15.9991C30.001 15.8675 29.975 15.7373 29.9246 15.6158C29.8742 15.4943 29.8003 15.384 29.7072 15.2911L21.7072 7.29107C21.6142 7.19809 21.5038 7.12434 21.3824 7.07402C21.2609 7.0237 21.1307 6.9978 20.9992 6.9978C20.7336 6.9978 20.479 7.10329 20.2912 7.29107C20.1034 7.47884 19.9979 7.73351 19.9979 7.99907C19.9979 8.26462 20.1034 8.51929 20.2912 8.70707L26.5852 14.9991L2.99919 14.9991C2.73397 14.9991 2.47962 15.1044 2.29208 15.292C2.10455 15.4795 1.99919 15.7338 1.99919 15.9991Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 46%;
    background-position: center;
    position: absolute;
    bottom: 40px;
    right: 40px;
    transform: translateX(120px);
    transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media screen and (max-width: 1280px) {
    .info-slider .info-slider__link {
        width: 50px;
        height: 50px;
        right: 12px;
        bottom: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .info-slider .info-slider__link {
        width: 48px;
        height: 48px;
        bottom: 12px;
        right: 12px;
        transform: translateX(0);
    }
}

@media screen and (max-width: 450px) {
    .info-slider .info-slider__link {
        bottom: 12px;
        right: 12px;
    }
}

.info-slider .info-slider__link:hover {
    background-color: rgb(255, 255, 255);
}

.info-slider .swiper-notification {
    position: absolute;
}

.info-slider .swiper-slide {
    width: calc((100% - 60px) / 3);
    /*height: min(650px, 34vw);*/
    height: min(390px);
    margin-right: 30px;
    display: grid;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}


@media (max-width: 1440px) {
    .info-slider .swiper-slide {
        height: min(300px);
    }
}

@media screen and (max-width: 1024px) {
    .info-slider .swiper-slide {
        margin-right: 20px;
        width: calc((100% - 20px) / 2);
        height: min(300px);
    }

    .info-slider .swiper-slide .info-slider_text-text {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .info-slider .swiper-slide {
        margin-right: 16px;
        width: calc((100% - 16px) / 2);
        height: min(300px);
    }

    .info-slider .swiper-slide .info-slider_text-text {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .info-slider .swiper-slide {
        width: 100%;
        height: 400px;
        height: min(300px);
    }

    .info-slider .swiper-slide .info-slider_text-text {
        font-size: 20px;
    }
}

.info-slider .swiper-slide:nth-last-child(1) {
    margin-right: 0;
}

.info-slider .swiper-slide:hover .info-slider__link {
    transform: translateX(0);
}

.info-slider .swiper-slide.play .info-slider_text {
    opacity: 0;
    z-index: -3;
}

.info-slider .swiper-slide .info-slider__content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #0f498a;
    z-index: 1;
}

.info-slider .swiper-slide .info-slider_text {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    padding: 0;
    color: white;
    font-size: min(32px, 1.7vw);
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .info-slider .swiper-slide .info-slider_text {
        font-size: 32px;
    }
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-slide .info-slider_text {
        font-size: 24px;
        padding: 0;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-slide .info-slider_text {
        padding: 0;
        line-height: 120%;
    }
}

.info-slider .swiper-slide .info-slider_text-text {
    padding: 24px 20px;
    border-radius: 20px;
    color: white;
    font-size: 20px;
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-slide .info-slider_text-text {
        padding: 15px 20px;
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .info-slider .swiper-slide .info-slider_text-text {
        padding: 20px 15px;
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-slide .info-slider_text-text {
        padding: 20px 15px;
        font-size: 16px;
    }
}

.info-slider .swiper-slide video,
.info-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.info-slider .swiper-slide.video {
    width: calc((100% - 60px) / 1.5 + 30px);
}

@media screen and (max-width: 1280px) {
    .info-slider .swiper-slide.video .info-slider__link {
        transform: unset;
    }
}

@media screen and (max-width: 1024px) {
    .info-slider .swiper-slide.video {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .info-slider .swiper-slide.video {
        width: min(308px, 100dvw - 32px);
    }
}

.info-slider .swiper-slide.video .info-slider_text-text {
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
}

.info-slider .swiper-slide.video .info-slider_text {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
}

@media screen and (max-width: 1024px) {
    .info-slider .swiper-slide.video .info-slider__link {
        display: block;
    }
}

.info-slider .swiper-slide.video .info-slider__content {
    background: #f5f5f7;
}

.info-slider .swiper-slide.image .info-slider_text-text {
    background: rgba(38, 33, 26, .65);
    -webkit-backdrop-filter: blur(.156rem);
    backdrop-filter: blur(.156rem);
}

.info-slider .swiper-slide.image:hover .info-slider_text-text {
    background: rgba(15, 73, 138, 0.86);
    -webkit-backdrop-filter: blur(.156rem);
    backdrop-filter: blur(.156rem);
    transition: all .5s;
}

.info-slider .swiper-slide.image .info-slider_text {
    background: linear-gradient(180deg, rgb(0 0 0 / 35%) 0%, rgb(0 0 0 / 8%) 23.12%, rgb(255 255 255 / 9%) 100%);
}

.info-slider .swiper-slide.image .info-slider__content {
    background: #f5f5f7;
}

.info-slider .swiper-slide.light-bg .info-slider_text {
    background: transparent;
}

.info-slider .swiper-slide.light-bg .info-slider_text-text {
    background: rgba(255, 255, 255, 0.5);
    color: #1d1d1f;
}

.info-slider .swiper-slide.light-bg .info-slider__content {
    background: #f5f5f7;
}

.info-slider .swiper-slide.dark-bg .info-slider__content {
    background: #f5f5f7;
}

.info-slider .video__play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 90px;
    background: rgba(255, 255, 255, 0.21);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    z-index: 3;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .info-slider .video__play-btn {
        width: 75px;
        height: 75px;
    }
}

@media screen and (max-width: 600px) {
    .info-slider .video__play-btn {
        width: 60px;
        height: 60px;
    }
}

.info-slider .video__play-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

.info-slider .video__play-btn svg {
    width: 48px;
    height: 48px;
    fill: white;
}

@media screen and (max-width: 600px) {
    .info-slider .video__play-btn svg {
        width: 40px;
        height: 40px;
    }
}

.info-slider+.container-main {
    margin-top: 148px;
}

@media screen and (max-width: 600px) {
    .info-slider+.container-main {
        margin-top: 102px;
    }
}

@media screen and (max-width: 450px) {
    .info-slider+.container-main {
        margin-top: 95px;
    }
}

.container-main {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    padding-left: 205px;
    padding-right: 205px;
    /*margin-top: 50px;*/
}

@media (max-width: 1440px) {
    .container-main {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .container-main {
        margin-top: 56px;
    }
}

@media screen and (max-width: 600px) {
    .container-main {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.main-page__title {
    color: #1d1d1f;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1440px) {
    .main-page__title {
        flex-grow: 1;
        display: flex;
        align-items: flex-end;
        font-size: 42px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__title {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__title {
        font-size: 34px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__title {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__title {
        font-size: 26px;
        font-weight: 700;
        line-height: 130%;
    }
}

.main-page__objects {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
    gap: 32px 30px;
}

@media screen and (max-width: 768px) {
    .main-page__objects {
        flex-wrap: unset;
        gap: unset;
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .main-page__objects {
        margin-top: 0;
    }
}

.main-page__objects~.btn-white {
    margin-top: 50px;
}

@media screen and (max-width: 1280px) {
    .main-page__objects~.btn-white {
        margin-top: 25px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__objects~.btn-white {
        margin-top: 30px;
    }
}

.main-page__objects .swiper-pagination-bullets {
    bottom: 7px;
    height: 80px;
    width: 100%;
    /*max-width: 50%;*/
    border-radius: 20px;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    bottom: 0;
    padding-bottom: 49px;
    padding-top: 25px;
    display: flex;
    gap: 12px;
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: min(32px, 1.7vw);
}

.main-page__objects .swiper-slide:hover .swiper-pagination-bullets {
    background: rgb(7 116 255 / 79%);
}


@media (max-width: 1440px) {
    .main-page__objects .swiper-pagination-bullets {
        padding-left: 32px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__objects .swiper-pagination-bullets {
        padding-left: 25px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__objects .swiper-pagination-bullets {
        padding-left: 15px;
        gap: 8px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__objects .swiper-pagination-bullets {
        background: unset;
        backdrop-filter: unset;
        display: none;
    }
}

.main-page__objects .swiper-pagination-bullet {
    margin: 0;
    background: white;
    width: 12px;
    height: 12px;
    transition: 0.2s;
    opacity: 1;
    margin: 0 !important;
}

@media screen and (max-width: 1024px) {
    .main-page__objects .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}

.main-page__objects .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 10px;
}

@media screen and (max-width: 1024px) {
    .main-page__objects .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
    }
}

.main-page__object {
    overflow: hidden;
    display: grid;
    border-radius: 20px;
    transition: 0.3s;
    width: calc(50% - 15px);
    position: relative;
    height: 300px;
}

@media screen and (max-width: 1280px) {
    .main-page__object {
        height: 43vw;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__object {
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object {
        height: 420px;
        margin-right: 16px;
        width: min(308px, 100dvw - 32px);
        transition: unset;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object {
        margin-right: 0;
    }
}

.main-page__object.hidden {
    display: none;
}

@media screen and (max-width: 600px) {
    .main-page__object.hidden {
        display: grid;
    }
}

.main-page__object:hover {
    transform: translateY(-10px);
}

@media screen and (max-width: 1280px) {
    .main-page__object:hover {
        transform: unset;
    }
}

.main-page__object:hover .main-page__object_arr {
    transform: translate3D(0px, 0px, 1px);
    pointer-events: all;
}

.main-page__object_slider {
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.main-page__object_slider .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.5) 0%, rgba(24, 24, 24, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
}

.main-page__object_slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.main-page__object_content {
    width: calc(var(--contW) / 2 - 50px);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    overflow: hidden;
    height: auto;
    width: auto;
    max-width: 95%;
    padding: 20px 0px 30px 25px;
    border-radius: 20px;
    transform: translate3d(0px, 0px, 1px);
    z-index: 100;
}

@media (max-width: 1440px) {
    .main-page__object_content {
        padding: 24px 32px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_content {
        padding: 25px;
        width: calc((var(--contW) - 80px) / 2);
    }
}

@media screen and (max-width: 1024px) {
    .main-page__object_content {
        padding: 15px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_content {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 8px;
        align-content: flex-start;
        align-items: flex-start;
        padding: 17px 20px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_content {
        padding: 12px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_blur-mob {
        width: max-content;
        border-radius: 8px;
        background: rgba(108, 108, 108, 0.6);
        backdrop-filter: blur(5px);
        padding: 8px;
        margin-top: 24px;
    }
}

.main-page__object_arr {
    width: 50px;
    height: 50px;
    border-radius: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99919 15.9991C1.99919 16.2643 2.10455 16.5186 2.29208 16.7062C2.47962 16.8937 2.73397 16.9991 2.99919 16.9991L26.5852 16.9991L20.2912 23.2911C20.1034 23.4788 19.9979 23.7335 19.9979 23.9991C19.9979 24.2646 20.1034 24.5193 20.2912 24.7071C20.479 24.8948 20.7336 25.0003 20.9992 25.0003C21.2647 25.0003 21.5194 24.8948 21.7072 24.7071L29.7072 16.7071C29.8003 16.6142 29.8742 16.5038 29.9246 16.3823C29.975 16.2608 30.001 16.1306 30.001 15.9991C30.001 15.8675 29.975 15.7373 29.9246 15.6158C29.8742 15.4943 29.8003 15.384 29.7072 15.2911L21.7072 7.29107C21.6142 7.19809 21.5038 7.12434 21.3824 7.07402C21.2609 7.0237 21.1307 6.9978 20.9992 6.9978C20.7336 6.9978 20.479 7.10329 20.2912 7.29107C20.1034 7.47884 19.9979 7.73351 19.9979 7.99907C19.9979 8.26462 20.1034 8.51929 20.2912 8.70707L26.5852 14.9991L2.99919 14.9991C2.73397 14.9991 2.47962 15.1044 2.29208 15.292C2.10455 15.4795 1.99919 15.7338 1.99919 15.9991Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: center;
    position: absolute;
    z-index: 105;
    right: 24px;
    bottom: 15px;
    transition: 0.3s;
    transform: translate3D(100px, 0px, 1px);
    pointer-events: none;
}

@media screen and (max-width: 1280px) {
    .main-page__object_arr {
        transform: translate3D(0px, 0px, 1px);
        pointer-events: all;
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__object_arr {
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_arr {
        right: 20px;
        bottom: 20px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_arr {
        right: 12px;
        bottom: 12px;
    }
}

.main-page__object_arr:hover {
    background-color: rgb(255, 255, 255);
}

.main-page__object_bottom {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 20px;
}

@media screen and (max-width: 1280px) {
    .main-page__object_bottom {
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_bottom {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_bottom {
        gap: 5px;
    }
}

.main-page__object_name {
    color: white;
    font-weight: 500;
    line-height: 140%;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.25;
}

@media (max-width: 1440px) {
    .main-page__object_name {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_name {
        font-size: 34px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_name {
        font-size: 30px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_name {
        font-size: 28px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_name {
        font-size: 26px;
        width: 100%;
        line-height: 130%;
        max-width: calc(100% - 110px);
    }
}

.main-page__object_subname {
    color: white;
    font-style: normal;
    line-height: 140%;
    margin-top: 4px;
    font-size: min(20px, 1.05vw);
    font-weight: 400;
}

@media (max-width: 1440px) {
    .main-page__object_subname {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_subname {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_subname {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_subname {
        margin-top: 2px;
        line-height: 130%;
    }
}

.main-page__object_location {
    z-index: 3;
    margin-top: 9px;
    color: #fff;
    position: relative;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .main-page__object_location {
        font-size: 24px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_location {
        font-size: 22px;
        margin-top: 6px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_location {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_location {
        margin-top: 2px;
        line-height: 130%;
        font-size: 20px;
    }
}

.main-page__object_price {
    color: white;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    max-width: max-content;
    padding: 14px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-top: 53px;
    padding: 8px 16px;
    background: #0f498a;
    z-index: 3;
    position: relative;
    min-width: min(210px, 11vw);
}

@media screen and (max-width: 1280px) {
    .main-page__object_price {
        font-size: 20px;
        margin-top: 12px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_price {
        font-size: 18px;
        margin-top: 35px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_price {
        font-size: 20px;
        margin-top: 12px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_price {
        margin-top: 24px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_price {
        font-size: 16px;
        font-weight: 700;
        padding: 8px;
    }
}

.main-page__object_price span {
    position: relative;
    z-index: 2;
}

.main-page__object_status {
    position: absolute;
    right: 24px;
    top: 24px;
    font-size: min(20px, 1.05vw);
    font-weight: 500;
    line-height: 140%;
    background: white;
    color: #0f498a;
    padding: 8px min(16px, 0.85vw);
    border-radius: 8px;
    transform: translate3d(0px, 0px, 1px);
    z-index: 100;
}

@media (max-width: 1440px) {
    .main-page__object_status {
        font-size: 20px;
        padding: 8px 16px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_status {
        padding: 8px 10px;
        font-size: 14px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_status {
        padding: 7px 10px;
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_status {
        padding: 8px 10px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_status {
        padding: 4px 8px;
        font-size: 12px;
        line-height: normal;
        top: 22px;
        right: 12px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_status {
        top: 16px;
    }
}

.main-page__object_status.yellow {
    background: #f7d156;
}

.main-page__object_status.green {
    background: #0f498a;
    color: white;
}

.main-page__object_blur {
    display: grid;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.main-page__object_blur .main-page__object_blur-content {
    display: flex;
    flex-direction: column;
    padding: 14px 32px;
    gap: 2px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur .main-page__object_blur-content {
        padding: 8px 14px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_blur .main-page__object_blur-content {
        padding: 10px 16px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_blur .main-page__object_blur-content {
        padding: 8px 16px;
    }
}

.main-page__object_blur::before {
    content: "";
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.main-page__object_blur-title {
    position: relative;
    z-index: 3;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.8);
    font-size: min(20px, 0.84vw);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .main-page__object_blur-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur-title {
        font-size: 14px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur-title {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_blur-title {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__object_blur-title {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_blur-title {
        font-size: 16px;
    }
}

.main-page__object_blur-text {
    position: relative;
    z-index: 3;
    color: white;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-top: 0;
}

@media (max-width: 1440px) {
    .main-page__object_blur-text {
        font-size: 24px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur-text {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__object_blur-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__object_blur-text {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__object_blur-text {
        font-size: 16px;
        font-weight: 700;
    }
}

.btn-white {
    border-radius: 60px;
    background: white;
    border: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1d1d1f;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
    margin: 0 auto;
    max-width: max-content;
    padding: 10px 30px;
    cursor: pointer;
    height: min(70px, 3.65vw);
}

@media (max-width: 1440px) {
    .btn-white {
        font-size: 22px;
        height: 65px;
        padding: 16px 32px;
    }
}

@media screen and (max-width: 1280px) {
    .btn-white {
        font-size: 18px;
        padding: 7px 20px;
        height: 50px;
    }
}

@media screen and (max-width: 768px) {
    .btn-white {
        padding: 10px 20px;
    }
}

@media screen and (max-width: 450px) {
    .btn-white {
        padding: 12px 22px;
        height: 48px;
    }
}

@media (hover) {
    .btn-white:hover {
        background: #0f498a;
        color: white;
        border-color: #0f498a;
    }

    .btn-white:hover svg {
        fill: white;
    }
}

.btn-white svg {
    width: 32px;
    height: 32px;
    fill: #8b8b8b;
    transition: 0.3s;
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .btn-white svg {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 450px) {
    .btn-white svg {
        width: 24px;
        height: 24px;
    }
}

.btn-white span {
    cursor: pointer;
}

@media screen and (max-width: 450px) {
    .hide-mob {
        display: none;
    }
}

.swiper-cont~.btn-white {
    margin-top: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media screen and (max-width: 768px) {
    .swiper-cont~.btn-white {
        margin-top: 20px;
    }
}

@media screen and (max-width: 600px) {
    .swiper-cont~.btn-white {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .swiper-cont {
        width: calc(100% + 40px);
        margin-left: -20px;
        overflow: hidden;
        margin-top: 24px;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .swiper-cont {
        padding-bottom: 52px;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

.swiper-cont .swiper-cont-pag {
    display: none;
}

@media screen and (max-width: 600px) {
    .swiper-cont .swiper-cont-pag {
        display: flex;
        bottom: 0px;
        gap: 12px;
        display: flex;
        max-width: max-content;
        left: 50%;
        transform: translateX(-50%);
        padding: 12px;
        border-radius: 28px;
        background: #f5f5f7;
    }
}

.swiper-cont .swiper-cont-pag .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    opacity: 1;
    margin: 0 !important;
}

.swiper-cont .swiper-cont-pag .swiper-pagination-bullet-active {
    background: #0f498a;
}

.infrastructure-new {
    position: relative;
}

.infrastructure-new .swiper-container {
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .infrastructure-new .swiper-container {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure-new .swiper-container {
        padding: 0;
    }
}

.infrastructure-new .swiper-container.show-dots .swiper-pagination {
    display: flex;
}

.infrastructure-new .swiper-pagination {
    display: flex;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .infrastructure-new .swiper-pagination {
        display: flex;
    }
}

.infrastructure-new .infrastructure__arrow {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0003 39.5833L24.2191 38.75L37.3441 25.5729L10.417 25.5729V24.427L37.3441 24.427L24.2191 11.25L25.0003 10.4166L39.5837 25L25.0003 39.5833Z' fill='%231D1D1F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 76%;
    background-position: center;
    position: absolute;
    bottom: 35px;
    right: 35px;
    transform: translateX(120px);
    transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media screen and (max-width: 1280px) {
    .infrastructure-new .infrastructure__arrow {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .infrastructure-new .infrastructure__arrow {
        display: none;
        width: 40px;
        height: 40px;
        bottom: 20px;
        left: 20px;
    }
}

.infrastructure-new .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.infrastructure-new .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0f498a;
}

.infrastructure-new .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.swiper-notification {
    position: absolute;
}

.infrastructure__wrapper.swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin-bottom: 68px;
    cursor: grab;
    height: auto !important;
}

@media screen and (max-width: 600px) {
    .infrastructure__wrapper.swiper-wrapper {
        margin-bottom: 52px;
    }
}

.swiper-pagination-lock {
    padding: 0 !important;
}

.infrastructure__block {
    overflow: hidden;
    max-width: unset;
    border-radius: 20px;
    /* background: #f5f5f7; */
    padding: min(40px, 2.1vw) min(60px, 3.125vw);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    height: auto;
    width: 100%;
}

@media (max-width: 1440px) {
    .infrastructure__block {
        padding: 35px 45px;
    }
}

@media screen and (max-width: 1280px) {
    .infrastructure__block {
        padding: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .infrastructure__block {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 768px) {
    .infrastructure__block {
        padding: 20px;
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .infrastructure__block {
        width: min(360px, 100dvw - 32px);
        padding: 25px 16px;
        margin-right: 0;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__block {
        width: min(360px, 100dvw);
    }
}

.infrastructure__block_bg {
    grid-column: 1/1;
    grid-row: 1/1;
    z-index: 1;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 600px) {
    .infrastructure__block_bg {
        height: 300px;
    }
}

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

.infrastructure__block_content {
    grid-column: 1/1;
    grid-row: 1/1;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(5deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    background: unset;
    /*max-width: 808px;*/
    display: block;
    padding: 0;
    height: auto;
}

@media screen and (max-width: 600px) {
    .infrastructure__block_content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: 100%;
        gap: 8px;
        position: relative;
    }
}

.main-page__title-green {
    color: #0f498a;
    font-size: 128px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transform: translateZ(0);
    z-index: 2;
    padding-left: 53px;
}

@media screen and (max-width: 1280px) {
    .main-page__title-green {
        font-size: 100px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__title-green {
        font-size: 80px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__title-green {
        font-size: 60px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__title-green {
        font-size: 9.7vw;
        padding-left: 18px;
    }
}

.infrastructure__block_img {
    width: min(423px, 22vw);
    min-width: min(423px, 22vw);
    height: min(403px, 21vw);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1440px) {
    .infrastructure__block_img {
        width: 28vw;
        min-width: 28vw;
        height: 26.5vw;
    }
}

@media screen and (max-width: 768px) {
    .infrastructure__block_img {
        width: min(423px, 35vw);
        min-width: min(423px, 35vw);
        height: min(403px, 36vw);
    }
}

@media screen and (max-width: 600px) {
    .infrastructure__block_img {
        display: none;
    }
}

.infrastructure__block_img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(21deg, rgba(0, 0, 0, 0.5) 12.39%, rgba(0, 0, 0, 0) 87.03%);
}

.infrastructure__block_img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.infrastructure__block_title {
    color: #1d1d1f;
    font-size: min(48px, 2.5vw);
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
}

@media (max-width: 1440px) {
    .infrastructure__block_title {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .infrastructure__block_title {
        font-size: 36px;
    }
}

@media screen and (max-width: 1024px) {
    .infrastructure__block_title {
        font-size: 32px;
    }
}

@media screen and (max-width: 768px) {
    .infrastructure__block_title {
        font-size: 28px;
    }
}

@media screen and (max-width: 600px) {
    .infrastructure__block_title {
        font-size: 22px;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__block_title {
        font-size: 20px;
        font-weight: 700;
    }
}

.infrastructure__block_text img {
    border-radius: 20px;
    width: 100%;
    min-height: 500px;
}

.infrastructure__block_text {
    margin-top: 24px;
    color: #1d1d1f;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media (max-width: 1440px) {
    .infrastructure__block_text {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .infrastructure__block_text {
        font-size: 19px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .infrastructure__block_text {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .infrastructure__block_text {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .infrastructure__block_text {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
        flex-grow: 1;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__block_text {
        font-size: 16px;
        line-height: 150%;
    }
}

.infrastructure__block_text ul li {
    position: relative;
    padding-left: 24px;
}

.infrastructure__block_text ul li::before {
    content: "";
    width: 16px;
    border: 1px solid #0f498a;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0.85em;
}

.infrastructure__block_mob {
    display: none;
}

@media screen and (max-width: 600px) {
    .infrastructure__block_mob {
        display: block;
        position: relative;
        width: 100%;
        height: calc(65vw - 32px);
        border-radius: 20px;
        margin-top: 16px;
        border-radius: 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__block_mob {
        height: min(340px, 103dvw - 32px);
    }
}

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

@media screen and (max-width: 600px) {
    .infrastructure__block_mob::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(21deg, rgba(0, 0, 0, 0.5) 12.39%, rgba(0, 0, 0, 0) 87.03%);
    }
}

.infrastructure__btn.btn-white {
    margin-left: 0;
    margin-top: 32px;
    background: transparent;
    font-style: normal;
    font-weight: 400;
}

@media screen and (max-width: 600px) {
    .infrastructure__btn.btn-white {
        margin-top: 0;
        position: absolute;
        bottom: 20px;
        right: 20px;
        font-size: 0;
        line-height: 0;
        width: 48px;
        min-width: 48px;
        height: 48px;
        background-color: rgba(255, 255, 255, 0.8);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.49964 11.9995C1.49964 12.1984 1.57865 12.3891 1.7193 12.5298C1.85996 12.6704 2.05072 12.7495 2.24964 12.7495L19.9391 12.7495L15.2186 17.4685C15.0778 17.6093 14.9987 17.8003 14.9987 17.9995C14.9987 18.1986 15.0778 18.3896 15.2186 18.5305C15.3595 18.6713 15.5505 18.7504 15.7496 18.7504C15.9488 18.7504 16.1398 18.6713 16.2806 18.5305L22.2806 12.5305C22.3505 12.4608 22.4059 12.378 22.4437 12.2869C22.4815 12.1958 22.501 12.0981 22.501 11.9995C22.501 11.9008 22.4815 11.8031 22.4437 11.712C22.4059 11.6209 22.3505 11.5381 22.2806 11.4685L16.2806 5.46845C16.2109 5.39872 16.1281 5.34341 16.037 5.30567C15.9459 5.26793 15.8483 5.2485 15.7496 5.2485C15.5505 5.2485 15.3595 5.32762 15.2186 5.46845C15.0778 5.60928 14.9987 5.80029 14.9987 5.99945C14.9987 6.19862 15.0778 6.38962 15.2186 6.53045L19.9391 11.2495L2.24964 11.2495C2.05072 11.2495 1.85996 11.3285 1.7193 11.4691C1.57865 11.6098 1.49964 11.8005 1.49964 11.9995Z' fill='%23707070'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
        border-radius: 100%;
    }
}

@media screen and (max-width: 450px) {
    .infrastructure__btn.btn-white {
        bottom: 12px;
        right: 12px;
    }
}

.infrastructure__btn.btn-white:hover {
    background: #0f498a;
}

.main-page__text-block {
    border-radius: 20px;
    background: #f7f7f7;
    padding: 40px 60px 40px;
}

@media screen and (max-width: 1280px) {
    .main-page__text-block {
        padding: 35px 50px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__text-block {
        padding: 30px 35px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block {
        padding: 24px 16px;
    }
}

.main-page__text-block .text-green {
    color: #0f498a;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
}

@media (max-width: 1440px) {
    .main-page__text-block .text-green {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__text-block .text-green {
        font-size: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__text-block .text-green {
        font-size: 26px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block .text-green {
        font-size: 24px;
        font-weight: 500;
    }
}

.main-page__text-block .btn-white {
    margin-top: 32px;
    margin-left: 0;
    background: #f7f7f7;
}

@media screen and (max-width: 1280px) {
    .main-page__text-block .btn-white {
        margin-top: 25px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__text-block .btn-white {
        margin: 30px auto 0;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block .btn-white {
        margin: 22px 0 0;
    }
}

.main-page__text-block .btn-white:hover {
    background: #0f498a;
}

.main-page__text-block_wrap {
    margin-top: 33px;
    display: block;
    columns: 2;
    column-gap: 60px;
}

@media (max-width: 1440px) {
    .main-page__text-block_wrap {
        gap: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__text-block_wrap {
        margin-top: 30px;
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__text-block_wrap {
        columns: 1;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block_wrap {
        margin-top: 24px;
        gap: 24px;
    }
}

.main-page__text-block_wrap * {
    color: #1d1d1f;
    font-size: min(24px, 1.3vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media (max-width: 1440px) {
    .main-page__text-block_wrap * {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__text-block_wrap * {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__text-block_wrap * {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block_wrap * {
        font-size: 16px;
        line-height: 150%;
    }
}

.main-page__text-block_col {
    width: calc(50% - 30px);
    color: #1d1d1f;
    font-size: min(24px, 1.3vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media (max-width: 1440px) {
    .main-page__text-block_col {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__text-block_col {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__text-block_col {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__text-block_col {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .main-page__text-block_col {
        font-size: 16px;
        line-height: 150%;
    }
}

.social-block {
    display: flex;
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
    gap: 50px;
    flex-wrap: wrap;
    gap: 30px;
    flex-direction: row;
    margin-top: 40px;
}

@media screen and (max-width: 1280px) {
    .social-block {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block {
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .social-block {
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .social-block {
        margin-top: 0;
        flex-wrap: unset;
        overflow: unset;
        gap: unset;
    }
}

.social-slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 600px) {
    .social-slider .swiper-pagination {
        display: flex;
        position: static;
        margin: 16px auto 0;
        display: flex;
        max-width: max-content;
        border-radius: 28px;
        background: #f5f5f7;
        padding: 12px;
        gap: 12px;
    }
}

.social-slider .swiper-pagination .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    opacity: 1;
}

.social-slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #0f498a;
}

@media screen and (max-width: 600px) {
    .social-slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-top: 24px;
        padding: 0 16px;
        position: relative;
        overflow: hidden;
    }
}

.social-slider .swiper-pagination-bullet {
    margin: 0 !important;
}

.social-block__element {
    width: calc(var(--contW) / 2 - 45px);
    display: flex;
    height: min(400px, 26vw);
    flex-direction: column;
}

@media screen and (max-width: 1280px) {
    .social-block__element {
        width: calc(var(--contW) / 2 - 10px);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .social-block__element {
        height: 400px;
        margin-right: 0;
    }
}

.social-block__element:hover .social-block__arrow {
    transform: translate(0, 0);
}

.social-block__element:nth-child(1) {
    width: calc((100% - 60px) / 3);
}

@media screen and (max-width: 1024px) {
    .social-block__element:nth-child(1) {
        width: calc((100% - 20px) / 3);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element:nth-child(1) {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 600px) {
    .social-block__element:nth-child(1) {
        width: min(308px, 100dvw - 32px);
    }
}

.social-block__element:nth-child(2) {
    width: calc((100% - 60px) / 3 * 2 + 30px);
}

@media screen and (max-width: 1024px) {
    .social-block__element:nth-child(2) {
        width: calc((100% - 20px) / 3 * 2 + 10px);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element:nth-child(2) {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 600px) {
    .social-block__element:nth-child(2) {
        width: min(308px, 100dvw - 32px);
    }
}

.social-block__element:nth-child(4) {
    width: calc((100% - 60px) / 3);
}

@media screen and (max-width: 1024px) {
    .social-block__element:nth-child(4) {
        width: calc((100% - 20px) / 3);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element:nth-child(4) {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 600px) {
    .social-block__element:nth-child(4) {
        width: min(308px, 100dvw - 32px);
    }
}

.social-block__element:nth-child(3) {
    width: calc((100% - 60px) / 3 * 2 + 30px);
}

@media screen and (max-width: 1024px) {
    .social-block__element:nth-child(3) {
        width: calc((100% - 20px) / 3 * 2 + 10px);
    }
}

@media screen and (max-width: 768px) {
    .social-block__element:nth-child(3) {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 600px) {
    .social-block__element:nth-child(3) {
        width: min(308px, 100dvw - 32px);
    }
}

.three-blocks .social-block {
    display: grid;
    gap: 30px;
    grid-template-columns: 32% calc(68% - 30px);
    grid-template-rows: min(400px, 20.9vw) min(400px, 20.9vw);
}

@media (max-width: 1440px) {
    .three-blocks .social-block {
        grid-template-rows: 26.5vw 26.5vw;
    }
}

@media screen and (max-width: 768px) {
    .three-blocks .social-block {
        gap: 10px;
        grid-template-columns: 40% calc(60% - 10px);
        grid-template-rows: 28vw 28vw;
    }
}

@media screen and (max-width: 600px) {
    .three-blocks .social-block {
        display: flex;
        gap: unset;
    }
}

.three-blocks .social-block__element {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 600px) {
    .three-blocks .social-block__element {
        width: min(308px, 100dvw - 32px);
        height: 400px;
    }
}

.three-blocks .social-block__element:nth-child(1) {
    grid-row: span 2;
}

.five-blocks .social-block {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, calc((100% - 60px) / 3));
    grid-template-rows: min(400px, 20.9vw) min(400px, 20.9vw);
}

@media (max-width: 1440px) {
    .five-blocks .social-block {
        grid-template-rows: 26.5vw 26.5vw;
    }
}

@media screen and (max-width: 1024px) {
    .five-blocks .social-block {
        gap: 10px;
        grid-template-columns: repeat(3, calc((100% - 20px) / 3));
        grid-template-rows: 28vw 28vw;
    }
}

@media screen and (max-width: 600px) {
    .five-blocks .social-block {
        display: flex;
        gap: unset;
    }
}

.five-blocks .social-block__element {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 600px) {
    .five-blocks .social-block__element {
        width: min(308px, 100dvw - 32px);
        height: 400px;
    }
}

.five-blocks .social-block__element:nth-child(1) {
    grid-row: span 2;
}

.six-blocks .social-block {
    gap: 30px;
}

@media screen and (max-width: 1024px) {
    .six-blocks .social-block {
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .six-blocks .social-block {
        gap: unset;
    }
}

.six-blocks .social-block .social-block__element:nth-child(1),
.six-blocks .social-block .social-block__element:nth-child(2),
.six-blocks .social-block .social-block__element:nth-child(3),
.six-blocks .social-block .social-block__element:nth-child(4),
.six-blocks .social-block .social-block__element:nth-child(5),
.six-blocks .social-block .social-block__element:nth-child(6) {
    width: calc((100% - 60px) / 3);
    height: min(400px, 20.9vw);
}

@media (max-width: 1440px) {

    .six-blocks .social-block .social-block__element:nth-child(1),
    .six-blocks .social-block .social-block__element:nth-child(2),
    .six-blocks .social-block .social-block__element:nth-child(3),
    .six-blocks .social-block .social-block__element:nth-child(4),
    .six-blocks .social-block .social-block__element:nth-child(5),
    .six-blocks .social-block .social-block__element:nth-child(6) {
        height: 25vw;
    }
}

@media screen and (max-width: 1024px) {

    .six-blocks .social-block .social-block__element:nth-child(1),
    .six-blocks .social-block .social-block__element:nth-child(2),
    .six-blocks .social-block .social-block__element:nth-child(3),
    .six-blocks .social-block .social-block__element:nth-child(4),
    .six-blocks .social-block .social-block__element:nth-child(5),
    .six-blocks .social-block .social-block__element:nth-child(6) {
        width: calc((100% - 20px) / 3);
        height: 28vw;
    }
}

@media screen and (max-width: 768px) {

    .six-blocks .social-block .social-block__element:nth-child(1),
    .six-blocks .social-block .social-block__element:nth-child(2),
    .six-blocks .social-block .social-block__element:nth-child(3),
    .six-blocks .social-block .social-block__element:nth-child(4),
    .six-blocks .social-block .social-block__element:nth-child(5),
    .six-blocks .social-block .social-block__element:nth-child(6) {
        width: calc((100% - 10px) / 2);
        height: 33vw;
    }
}

@media screen and (max-width: 600px) {

    .six-blocks .social-block .social-block__element:nth-child(1),
    .six-blocks .social-block .social-block__element:nth-child(2),
    .six-blocks .social-block .social-block__element:nth-child(3),
    .six-blocks .social-block .social-block__element:nth-child(4),
    .six-blocks .social-block .social-block__element:nth-child(5),
    .six-blocks .social-block .social-block__element:nth-child(6) {
        width: min(308px, 100dvw - 32px);
        height: 400px;
    }
}

.social-block__link {
    margin-top: 50px;
    border-radius: 20px;
    overflow: hidden;
    width: calc(var(--contW) / 2 - 50px);
    height: calc(var(--contW) / 2 - 180px);
    display: grid;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .social-block__link {
        margin-top: 25px;
        width: calc(var(--contW) / 2 - 30px);
        height: calc(var(--contW) / 2 - 80px);
    }
}

@media screen and (max-width: 768px) {
    .social-block__link {
        width: 100%;
        height: 80vw;
    }
}

@media screen and (max-width: 600px) {
    .social-block__link {
        margin-top: 0px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__link {
        height: 117vw;
    }
}

.social-block__link:hover .social-block__arrow {
    transform: translate(0);
}

@media screen and (max-width: 1024px) {
    .social-block__link:hover .social-block__arrow {
        display: none;
        transform: unset;
    }
}

.social-block__content_title span {
    position: relative;
    z-index: 2;
    padding: 4px 12px;
}

.social-block__bg {
    grid-row: 1/1;
    grid-column: 1/1;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
}

.social-block__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
    display: block;
}

.social-block__content {
    grid-row: 1/1;
    grid-column: 1/1;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 40px;
    padding-right: 100px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(4deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    padding: 32px;
    justify-content: flex-start;
}

@media screen and (max-width: 1280px) {
    .social-block__content {
        padding: 25px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block__content {
        padding: 15px;
    }
}

@media screen and (max-width: 768px) {
    .social-block__content {
        padding: 12px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__content {
        gap: 10px;
    }
}

.social-block__content .social-block__arrow {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.99919 15.9991C1.99919 16.2643 2.10455 16.5186 2.29208 16.7062C2.47962 16.8937 2.73397 16.9991 2.99919 16.9991L26.5852 16.9991L20.2912 23.2911C20.1034 23.4788 19.9979 23.7335 19.9979 23.9991C19.9979 24.2646 20.1034 24.5193 20.2912 24.7071C20.479 24.8948 20.7336 25.0003 20.9992 25.0003C21.2647 25.0003 21.5194 24.8948 21.7072 24.7071L29.7072 16.7071C29.8003 16.6142 29.8742 16.5038 29.9246 16.3823C29.975 16.2608 30.001 16.1306 30.001 15.9991C30.001 15.8675 29.975 15.7373 29.9246 15.6158C29.8742 15.4943 29.8003 15.384 29.7072 15.2911L21.7072 7.29107C21.6142 7.19809 21.5038 7.12434 21.3824 7.07402C21.2609 7.0237 21.1307 6.9978 20.9992 6.9978C20.7336 6.9978 20.479 7.10329 20.2912 7.29107C20.1034 7.47884 19.9979 7.73351 19.9979 7.99907C19.9979 8.26462 20.1034 8.51929 20.2912 8.70707L26.5852 14.9991L2.99919 14.9991C2.73397 14.9991 2.47962 15.1044 2.29208 15.292C2.10455 15.4795 1.99919 15.7338 1.99919 15.9991Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 46%;
    background-position: center;
    position: absolute;
    bottom: 32px;
    right: 32px;
    transform: translateX(120px);
    transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media screen and (max-width: 1280px) {
    .social-block__content .social-block__arrow {
        width: 50px;
        height: 50px;
        bottom: 25px;
        right: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block__content .social-block__arrow {
        transform: unset;
        bottom: 20px;
        right: 20px;
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 768px) {
    .social-block__content .social-block__arrow {
        right: 12px;
        bottom: 12px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__content .social-block__arrow {
        right: 12px;
        bottom: 12px;
    }
}

.social-block__content .social-block__arrow:hover {
    background-color: rgb(255, 255, 255);
}

.social-block__content .social-block__arrow img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.social-block__content_title {
    color: white;
    font-size: min(32px, 1.66vw);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    max-width: max-content;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .social-block__content_title {
        font-size: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block__content_title {
        font-size: 20px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__content_title {
        font-size: 20px;
        line-height: 130%;
        font-weight: 700;
    }
}

.social-block__content_title::before {
    content: "";
    width: 120%;
    height: 120%;
    left: -10%;
    top: -10%;
    position: absolute;
    z-index: 1;
    background: rgba(108, 108, 108, 0.6);
    filter: blur(5px);
}

.social-block__content_text {
    color: white;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

@media screen and (max-width: 1280px) {
    .social-block__content_text {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .social-block__content_text {
        font-size: 20px;
    }
}

@media screen and (max-width: 450px) {
    .social-block__content_text {
        font-size: 16px;
    }
}

.master-plan__wrap {
    margin-top: 40px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .master-plan__wrap {
        margin-top: 24px;
    }
}

.master-plan__wrap:hover img {
    transform: scale(1.05);
}

.master-plan__wrap .master-plan__wrap_img {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.master-plan__wrap .master-plan__wrap_img::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.master-plan__wrap img {
    width: 100%;
    height: min(600px, 32vw);
    object-fit: cover;
    display: block;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .master-plan__wrap img {
        height: 38.6vw;
        object-position: 65%;
    }
}

@media screen and (max-width: 768px) {
    .master-plan__wrap img {
        height: max(42vw, 300px);
    }
}

@media screen and (max-width: 600px) {
    .master-plan__wrap img {
        height: 73vw;
    }
}

@media screen and (max-width: 450px) {
    .master-plan__wrap img {
        height: 94.4vw;
    }
}

.master-plan__wrap .btn-white {
    position: absolute;
    z-index: 3;
    background: rgb(255, 255, 255);
    right: 32px;
    bottom: 32px;
    top: unset;
    left: unset;
    transform: unset;
}

@media screen and (max-width: 600px) {
    .master-plan__wrap .btn-white {
        position: static;
        margin-top: 16px;
    }
}

.master-plan__wrap .btn-white:hover {
    background: #0f498a;
}

.main-page__news {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 600px) {
    .main-page__news {
        width: calc(100% + 32px);
        margin-left: -16px;
    }
}

.main-page__news .swiper-container {
    position: static;
    overflow: hidden;
    width: 100%;
}

.main-page__news .swiper-pagination {
    display: none;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    background: #f5f5f7;
    bottom: -25px;
    padding: 12px;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .main-page__news .swiper-pagination {
        display: flex;
        position: static;
        transform: unset;
        margin: 16px auto 0;
    }
}

.main-page__news .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    opacity: 1;
    margin: 0 !important;
}

.main-page__news .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0f498a;
}

.main-page__news .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.main-page__news_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 600px) {
    .main-page__news_top {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.main-page__news_top .btn-white {
    margin: 0;
}

.main-page__news_top .btn-white svg {
    width: 32px;
    height: 32px;
}

@media screen and (max-width: 450px) {
    .main-page__news_top .btn-white svg {
        width: 24px;
        height: 24px;
    }
}

.main-page__news_slider {
    padding-top: 40px;
}

@media screen and (max-width: 600px) {
    .main-page__news_slider {
        padding-top: 24px;
    }
}

@media screen and (max-width: 600px) {
    .main-page__news_slider {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.main-page__news_wrapper {
    display: flex;
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .main-page__news_wrapper {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_wrapper {
        gap: 0;
    }
}

.main-page__news_wrapper .main-page__news_block:nth-child(1) {
    width: calc((100% - 60px) / 2);
}

@media screen and (max-width: 1280px) {
    .main-page__news_wrapper .main-page__news_block:nth-child(1) {
        width: calc((100% - 40px) / 2);
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_wrapper .main-page__news_block:nth-child(1) {
        width: min(740px, 70vw);
    }
}

@media screen and (max-width: 600px) {
    .main-page__news_wrapper .main-page__news_block:nth-child(1) {
        width: min(308px, 100dvw - 32px);
    }
}

.main-page__news_block {
    width: calc((100% - 60px) / 4);
    display: grid;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.3s;
    position: relative;
}

@media (max-width: 1440px) {
    .main-page__news_block {
        height: 23.7vw;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__news_block {
        width: calc((100% - 40px) / 4);
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_block {
        width: min(355px, 38vw);
        height: 39vw;
    }
}

@media screen and (max-width: 768px) {
    .main-page__news_block {
        height: 45vw;
    }
}

@media screen and (max-width: 600px) {
    .main-page__news_block {
        height: 400px;
        width: min(308px, 100dvw - 32px);
    }
}

.main-page__news_block:hover {
    transform: translateY(-10px);
}

@media screen and (max-width: 1024px) {
    .main-page__news_block:hover {
        transform: unset;
    }
}

.main-page__news_block:hover .main-page__news__arrow {
    transform: translateX(0);
}

@media screen and (max-width: 1024px) {
    .main-page__news_block:hover .main-page__news__arrow {
        display: none;
    }
}

.main-page__news_block.image .main-page__news_block-bg {
    background: transparent;
}

.main-page__news_block.image .main-page__news_block-content {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}

.main-page__news_block-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.main-page__news_block-content {
    width: 100%;
    position: relative;
    z-index: 2;
    min-height: min(400px, 20.9vw);
}

@media (max-width: 1440px) {
    .main-page__news_block-content {
        height: 23.7vw;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_block-content {
        height: 39vw;
    }
}

@media screen and (max-width: 768px) {
    .main-page__news_block-content {
        height: 45vw;
    }
}

@media screen and (max-width: 600px) {
    .main-page__news_block-content {
        height: 100%;
    }
}

.main-page__news_block-content {
    padding: min(24px, 1.25vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

@media screen and (max-width: 1280px) {
    .main-page__news_block-content {
        padding: 20px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__news_block-content {
        padding: 12px;
    }
}

.main-page__news_block-bg {
    background: #0f498a;
}

.main-page__news_block-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-page__news_block-date {
    color: white;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 14px;
    border-radius: 8px;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .main-page__news_block-date {
        padding: 8px 12px;
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__news_block-date {
        font-size: 20px;
        padding: 12px 14px;
    }
}

.image .main-page__news_block-date {
    background: var(--unnamed, rgba(108, 108, 108, 0.6));
    backdrop-filter: blur(5px);
    color: white;
}

.main-page__news_block-title {
    color: white;
    font-size: min(24px, 1.3vw);
    padding: 4px 12px;
    border-radius: 12px;
    background: rgba(108, 108, 108, 0.6);
    backdrop-filter: blur(5px);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    cursor: pointer;
}

@media (max-width: 1440px) {
    .main-page__news_block-title {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .main-page__news_block-title {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news_block-title {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .main-page__news_block-title {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__news_block-title {
        font-size: 22px;
        line-height: 130%;
    }
}

.image .main-page__news_block-title {
    background: rgba(108, 108, 108, 0.6);
}

.main-page__news__arrow {
    width: 48px;
    height: 48px;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0003 39.5833L24.2191 38.75L37.3441 25.5729L10.417 25.5729V24.427L37.3441 24.427L24.2191 11.25L25.0003 10.4166L39.5837 25L25.0003 39.5833Z' fill='%231D1D1F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 62%;
    background-position: center;
    position: absolute;
    bottom: 24px;
    right: 24px;
    transform: translateX(120px);
    transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media screen and (max-width: 1280px) {
    .main-page__news__arrow {
        right: 20px;
        bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-page__news__arrow {
        transform: unset;
    }
}

@media screen and (max-width: 600px) {
    .main-page__news__arrow {
        right: 20px;
        bottom: 20px;
    }
}

@media screen and (max-width: 450px) {
    .main-page__news__arrow {
        right: 12px;
        bottom: 12px;
    }
}

.main-page__news__arrow:hover {
    background-color: rgb(255, 255, 255);
}

.contact-block__tg {
    width: 355px;
    max-width: 100%;
    min-width: min(355px, 100%);
    min-height: 324px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    background: #0f498a;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: min(30px, 1.6vw);
}

@media screen and (max-width: 1280px) {
    .contact-block__tg {
        padding: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .contact-block__tg {
        width: 100%;
        min-height: 180px;
    }
}

@media screen and (max-width: 450px) {
    .contact-block__tg {
        padding: 16px;
        padding-right: 19px;
        background: #f5f5f7;
        gap: 32px;
    }
}

.contact-block__tg p {
    color: white;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1280px) {
    .contact-block__tg p {
        font-size: 22px;
    }
}

@media screen and (max-width: 450px) {
    .contact-block__tg p {
        color: #1d1d1f;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 132%;
    }
}

.contact-block__tg a {
    border: 1px solid white;
    display: flex;
    padding: min(16px, 0.85vw) min(32px, 1.7vw);
    height: min(70px, 5.5vw);
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: white;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: max-content;
    border-radius: 48px;
    transition: 0.3s;
    position: relative;
    z-index: 3;
}

@media (max-width: 1440px) {
    .contact-block__tg a {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .contact-block__tg a {
        height: 55px;
    }
}

@media screen and (max-width: 450px) {
    .contact-block__tg a {
        background: #0f498a;
        border-color: #0f498a;
        font-size: 18px;
        padding: 12px 22px;
        height: 48px;
    }
}

.contact-block__tg a:hover {
    background: white;
    color: #0f498a;
}

.contact-block__tg a:hover svg {
    fill: #0f498a;
}

.contact-block__tg a svg {
    width: 32px;
    height: 32px;
    transition: 0.3s;
    fill: white;
}

@media screen and (max-width: 450px) {
    .contact-block__tg a svg {
        width: 24px;
        height: 24px;
    }
}

.contact-block__tg img {
    position: absolute;
    bottom: -31px;
    right: -23px;
    width: 160px;
    z-index: 2;
}

@media screen and (max-width: 450px) {
    .contact-block__tg img {
        width: 104px;
        bottom: -37px;
        right: -16px;
    }
}

.contact-block__tg::before {
    content: "";
    position: absolute;
    bottom: -172px;
    right: -104px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 1;
    width: 286px;
    height: 286px;
}

@media screen and (max-width: 450px) {
    .contact-block__tg::before {
        background: rgba(137, 170, 40, 0.2);
        width: 150px;
        height: 150px;
        bottom: -91px;
        right: -31px;
    }
}

/*-------------------------------new-styles-------------------------------------------*/
jdiv [class*=orientationRight] {
    margin-bottom: 82px !important;
}

jdiv {
    z-index: 999;
}

/*------------------------------------new-styles-----------------------------------------*/
.catalog-filter__item {
    max-width: 220px;
    min-width: 220px;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .catalog-filter__item {
        max-width: 348px;
    }
}

@media screen and (max-width: 600px) {
    .catalog-filter__item {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .catalog-filter__item {
        max-width: 100%;
    }
}

.catalog-filter__item.rooms {
    max-width: max-content;
}

.catalog-filter__item.w100 {
    max-width: 100%;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .catalog-filter__item.w100 {
        width: 100%;
    }
}


.catalog-filter__item.wfull {
    max-width: unset;
    width: max-content;
}

@media screen and (max-width: 768px) {
    .catalog-filter__item.wfull {
        width: 100%;
    }
}

.filter-bordered .filter-bordered__btn {
    margin-top: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    padding: 11px 32px;
    border: 1px solid #0f498a;
    border-radius: 100px;
    color: #0f498a;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    transition: color 0.3s, border-color 0.3s, background 0.3s;
    cursor: pointer;
    user-select: none;
    max-width: max-content;
}

@media screen and (max-width: 768px) {
    .filter-bordered .filter-bordered__btn {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .filter-bordered .filter-bordered__btn {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .filter-bordered .filter-bordered__btn {
        width: 100%;
        max-width: unset;
        justify-content: center;
    }
}

@media (hover: hover) {
    .filter-bordered .filter-bordered__btn:hover {
        border-color: #0f498a;
        color: #0f498a;
    }

    .filter-bordered .filter-bordered__btn:hover svg {
        stroke: #0f498a;
    }
}

.filter-bordered input:checked~.filter-bordered__btn {
    background: #0f498a;
    color: white;
}

@media (hover: hover) {
    .filter-bordered input:checked~.filter-bordered__btn:hover {
        border-color: #0f498a;
        color: white;
        background: #0f498a;
    }

    .filter-bordered input:checked~.filter-bordered__btn:hover svg {
        stroke: white;
    }
}

.filter-bordered input:checked~.filter-bordered__btn svg {
    stroke: white;
}

.filter-bordered input:checked~.filter-bordered__btn .filter-bordered__checked {
    display: block;
}

.filter-bordered input:checked~.filter-bordered__btn .filter-bordered__default {
    display: none;
}

.filter-bordered .filter-bordered__checked {
    display: none;
}

.filter-bordered svg {
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
    object-position: center;
    fill: none;
    stroke: #0f498a;
    transition: stroke 0.3s;
}

@media screen and (max-width: 450px) {
    .filter-bordered svg {
        display: none;
    }
}

.range_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 264px;
    padding-bottom: 10px;
}

@media screen and (max-width: 600px) {
    .range_container {
        max-width: 100%;
    }
}

.range_container .sliders_control {
    position: relative;
}

@media screen and (max-width: 600px) {
    .range_container .sliders_control {
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .range_container .sliders_control {
        margin-bottom: 8px;
    }
}

.range_container .form_control {
    position: relative;
    display: flex;
    gap: 17px;
    color: #635a5a;
    width: 100%;
    margin-bottom: 12px;
}

@media screen and (max-width: 600px) {
    .range_container .form_control {
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .range_container .form_control {
        margin-bottom: 25px;
    }
}

.range_container .form_control::after {
    content: "";
    height: 24px;
    width: 1px;
    background: rgba(112, 112, 112, 0.1);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.range_container .form_control_container {
    width: calc(100% - 8.5px);
}

.range_container input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    background-color: #0f498a;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #0f498a;
}

.range_container input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    background-color: #0f498a;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #0f498a;
    cursor: pointer;
}

.range_container input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}

.range_container input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #0f498a, 0 0 9px #0f498a;
    -webkit-box-shadow: inset 0 0 3px #0f498a, 0 0 9px #0f498a;
}

.range_container input[type=number] {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border: none;
    height: 48px;
    border-radius: 100px;
    border: 1px solid #c3c3c3;
    padding: 0 20px;
    display: flex;
    align-items: center;
    width: 100%;
}

.range_container input[type=number]::-webkit-inner-spin-button,
.range_container input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.range_container input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: rgba(138, 147, 166, 0.8509803922);
    pointer-events: none;
}

.range_container input[type=range].fromSlider {
    height: 0;
    z-index: 1;
}

.price label {
    display: flex;
    position: relative;
    z-index: 2;
}

.price label span {
    border-radius: unset;
    border: unset;
}

.price .price__final {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 8px;
    padding: 0;
    display: flex;
    align-items: baseline;
}

.price .price__final::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.70956 11.71L11.2996 14.3C11.6896 14.69 12.3196 14.69 12.7096 14.3L15.2996 11.71C15.9296 11.08 15.4796 10 14.5896 10H9.40956C8.51956 10 8.07956 11.08 8.70956 11.71Z' fill='%230f498a'/%3E%3C/svg%3E");
    width: 18px;
    min-width: 18px;
    height: 18px;
    background-size: 24px;
    background-position: center;
    display: block;
    background-repeat: no-repeat;
}

.price .price__option_text {
    padding: 12px 16px;
    margin-bottom: 0;
    margin-right: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}

.price .price__option {
    margin-bottom: 0;
    margin-right: 0;
}

.price .price__option input:checked~span {
    background: #f5f5f5;
}

.price__select {
    display: inline-block;
    position: relative;
}

.price__drop {
    position: absolute;
    background: white;
    margin: 2px 0 0;
    padding: 0;
    background: #fff;
    margin-top: 1px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    top: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    transition: 0.3s;
    border-radius: 20px;
    overflow: hidden;
}

.price__drop input {
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden;
}

.show-drop .price__drop {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 2;
}

.show-drop .price__final::after {
    transform: scale(1, -1);
}

.filter-cont {
    margin-top: 40px;
    border-radius: 20px;
    background: #f5f5f7;
    padding: 32px;
}

@media screen and (max-width: 768px) {
    .filter-cont {
        padding: 16px;
    }
}

@media screen and (max-width: 600px) {
    .filter-cont {
        margin-top: 24px;
    }
}

@media screen and (max-width: 450px) {
    .filter-cont {
        padding: 24px 16px;
    }
}

@media screen and (max-width: 600px) {
    .catalog-filter {
        max-width: calc(100vw - 32px);
        overflow: hidden;
    }
}

.catalog-filter__container {
    display: flex;
    flex-wrap: wrap;
    gap: min(35px, 1.9vw) min(40px, 2.1vw);
}

@media screen and (max-width: 1280px) {
    .catalog-filter__container {
        gap: 40px 30px;
    }
}

@media screen and (max-width: 1024px) {
    .catalog-filter__container {
        gap: 30px 20px;
    }
}

@media screen and (max-width: 600px) {
    .catalog-filter__container {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .catalog-filter__container {
        gap: 23px;
    }
}

.catalog-filter__item_title {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 12px;
    display: block;
}

@media screen and (max-width: 1280px) {
    .catalog-filter__item_title {
        font-size: 19px;
    }
}

@media screen and (max-width: 1024px) {
    .catalog-filter__item_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .catalog-filter__item_title {
        margin-bottom: 8px;
        font-weight: 700;
    }
}

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

@media screen and (max-width: 450px) {
    .catalog-filter__rounded {
        gap: 10px;
    }
}

.catalog-filter__rounded label {
    cursor: pointer;
}

.catalog-filter__rounded label:hover .catalog-filter__rounded_check {
    background: rgba(137, 170, 40, 0.4);
}

.catalog-filter__rounded .not-round .catalog-filter__rounded_check {
    width: auto;
}

.catalog-filter__rounded input {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    left: -1px;
}

.catalog-filter__rounded input:checked~.catalog-filter__rounded_check {
    background: #0f498a;
    border-color: #0f498a;
    color: white;
}

.catalog-filter__rounded_check {
    border-radius: 48px;
    cursor: pointer;
    padding: 14px 20px;
    border: 1px solid #c3c3c3;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.show-filters .form-row {
    width: 100%;
    flex-grow: unset;
}

.show-filters .form-row .catalog-filter__item {
    max-width: min(348px, 50%);
}

.show-filters .form-row .catalog-filter__item.populars {
    max-width: min(50% - 20px, 500px);
}

@media screen and (max-width: 1024px) {
    .show-filters .form-row .catalog-filter__item.populars {
        max-width: 100%;
        width: 100%;
    }
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: min(32px, 1.7vw) min(40px, 2.1vw);
    flex-grow: 1;
    align-items: flex-end;
}

@media screen and (max-width: 1280px) {
    .form-row {
        gap: 40px 30px;
    }
}

@media screen and (max-width: 1024px) {
    .form-row {
        gap: 30px 20px;
    }
}

@media screen and (max-width: 450px) {
    .form-row {
        gap: 23px;
    }
}

.form-row .catalog-filter__item {
    max-width: 100%;
    align-self: flex-start;
}

@media screen and (max-width: 450px) {
    .item-check {
        margin-top: 8px;
    }
}

.multiselect {
    position: relative;
    max-width: min(273px, 14.2vw);
    min-width: 220px;
}

@media screen and (max-width: 1280px) {
    .multiselect {
        max-width: 348px;
    }
}

@media screen and (max-width: 768px) {
    .multiselect {
        max-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .multiselect {
        max-width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .multiselect {
        margin-bottom: 10px;
    }
}

.multiselect .multiselect__option {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border: unset;
    border-radius: unset;
    max-width: unset;
    margin: 0;
    padding: 12px 16px;
    padding-left: 44px;
    cursor: pointer;
    position: relative;
}

.multiselect .multiselect__option input {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    left: -1px;
    z-index: -1;
}

.multiselect .multiselect__option.selected .multiselect__option_checkbox {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2457_10289)'%3E%3Crect width='20' height='20' rx='4' fill='%230f498a'/%3E%3Cpath d='M16.9121 5.2457C17.2366 5.57024 17.2366 6.09643 16.9121 6.42097L7.49972 15.8333L3.50424 11.8379C3.17958 11.5132 3.17958 10.9868 3.50424 10.6621C3.82863 10.3378 4.35446 10.3374 4.67924 10.6614L7.49972 13.475L15.7371 5.24542C16.0617 4.92114 16.5876 4.92126 16.9121 5.2457Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2457_10289'%3E%3Crect width='20' height='20' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.multiselect .multiselect__option_text {
    padding: 0;
    border-radius: unset;
    border: unset;
    cursor: pointer;
}

.multiselect .multiselect__option_checkbox {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' stroke='%23C3C3C3'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 16px;
    top: 12px;
    border: unset;
    border-radius: unset;
    margin-right: 0;
    cursor: pointer;
}

.multiselect .multiselect__trigger_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    cursor: pointer;
    color: #8b8b8b;
}

.multiselect.changed .multiselect__trigger_text {
    color: black;
}

.multiselect .multiselect__trigger_arr {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s;
}

.multiselect .multiselect__trigger_arr svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #1d1d1f;
}

.multiselect .multiselect__dropdown_inner {
    margin: 4px 0;
    margin-right: 10px;
}

.multiselect .multiselect__trigger {
    border-radius: 1000px;
    border: 1px solid #c3c3c3;
    padding: 0 16px;
    height: 48px;
    max-width: 348px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .multiselect .multiselect__trigger {
        max-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .multiselect .multiselect__trigger {
        max-width: 100%;
    }
}

.multiselect .multiselect__options {
    background: #fff;
    box-shadow: unset;
    border: unset;
    overflow: hidden;
    border-radius: 20px;
    min-height: 0;
    transition: 0.3s;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    margin: 4px 10px 10px;
    max-height: 220px;
    overflow-y: auto;
}

.multiselect .multiselect__options::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}

.multiselect .multiselect__options::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 6px;
}

.multiselect .multiselect__options::-webkit-scrollbar-corner {
    background: transparent;
}

@media screen and (max-width: 600px) {
    .multiselect .multiselect__options {
        max-width: calc(100% + 20px);
    }
}

.moz .multiselect__options {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

.show .all-objects__hide {
    display: block;
}

.show .all-objects__show {
    display: none;
}

.all-objects__hide {
    display: none;
}

.multiselect__dropdown {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transition: opacity 0.2s;
    left: -10px;
    width: calc(100% + 20px);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.show-multiselect.multiselect {
    z-index: 100;
}

.show-multiselect .multiselect__dropdown {
    grid-template-rows: 1fr;
    z-index: 2;
    opacity: 1;
    pointer-events: all;
}

.show-multiselect .multiselect__trigger_arr {
    transform: rotate(-180deg);
}

.catalog-filter__checks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px min(40px, 2.1vw);
}

@media screen and (max-width: 450px) {
    .catalog-filter__checks {
        gap: 14px 10px;
        padding-top: 4px;
    }
}

.catalog-filter__checks.btns {
    gap: 8px;
}

.catalog-filter__check.btn span {
    padding: 11px 20px;
    margin: 0;
    border-radius: 100px;
    border: 1px solid var(--stroke-line-light, #c3c3c3);
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: color 0.3s, border 0.3s, background 0.3s;
}

@media (hover: hover) {
    .catalog-filter__check.btn span:hover {
        color: #0f498a;
    }
}

.catalog-filter__check.btn span::before {
    content: none;
}

.catalog-filter__check.btn input:checked~span {
    border-color: #0f498a;
    background: #0f498a;
    color: white;
}

@media (hover: hover) {
    .catalog-filter__check.btn input:checked~span:hover {
        background-color: #0f498a;
        border-color: #0f498a;
    }
}

.catalog-filter__check input {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    z-index: -1;
    position: absolute;
    left: -1px;
}

.catalog-filter__check input:checked~span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2457_10289)'%3E%3Crect width='20' height='20' rx='4' fill='%230f498a'/%3E%3Cpath d='M16.9121 5.2457C17.2366 5.57024 17.2366 6.09643 16.9121 6.42097L7.49972 15.8333L3.50424 11.8379C3.17958 11.5132 3.17958 10.9868 3.50424 10.6621C3.82863 10.3378 4.35446 10.3374 4.67924 10.6614L7.49972 13.475L15.7371 5.24542C16.0617 4.92114 16.5876 4.92126 16.9121 5.2457Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2457_10289'%3E%3Crect width='20' height='20' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.catalog-filter__check span {
    padding: 0;
    background: unset;
    border-radius: inherit;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    margin-right: 16px;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    text-align: left;
}

.catalog-filter__check span::before {
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' stroke='%23C3C3C3'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0;
    top: 2px;
}

.btn-green {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background: #0f498a;
    transition: 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 22px;
    cursor: pointer;
}

.btn-green span {
    cursor: pointer;
}

.btn-green:hover {
    background: #0f498a;
}

.btn-green:active {
    background: #0f498a;
}

.btn-green.loading {
    position: relative;
    pointer-events: none;
    cursor: default;
    background: #c3c3c3;
    color: #8b8b8b;
}

.btn-green.loading svg {
    fill: #8b8b8b;
}

.btn-green.loading::before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 100%;
    position: absolute;
    border: 3px solid white;
    border-right: 3px solid transparent;
    top: calc(50% - 12px);
    left: 10px;
    transform-origin: center;
    animation: rotate 1s infinite;
}

.btn-green svg {
    width: 32px;
    height: 32px;
    fill: #fff;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.show-more-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    gap: 6px;
    color: #0f498a;
    transition: 0.3s;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
    border: 1px solid #0f498a;
    border-radius: 100px;
    padding: 12px 23px;
}

@media screen and (max-width: 450px) {
    .show-more-filters {
        width: 100%;
    }
}

@media (hover: hover) {
    .show-more-filters:hover {
        background: #0f498a;
        color: white;
    }

    .show-more-filters:hover::after {
        filter: brightness(0) invert(1);
    }
}

.show-more-filters::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 9.5L12 14.5L7 9.5' stroke='%230f498a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    transition: filter 0.3s;
}

.show-more-filters .hide {
    display: none;
}

.show-more-filters span {
    position: relative;
    cursor: pointer;
}

.filter-btns__left {
    display: flex;
    gap: 12px 32px;
}

@media screen and (max-width: 900px) {
    .filter-btns__left {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.filter-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    gap: 16px 32px;
    max-width: 100%;
    flex-wrap: wrap;
    flex-grow: 1;
    margin-top: -10px;
}

@media screen and (max-width: 1280px) {
    .filter-btns {
        margin-top: 10px;
    }
}

@media screen and (max-width: 900px) {
    .filter-btns {
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .filter-btns {
        gap: 12px 10px;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 450px) {
    .filter-btns {
        margin-top: -8px;
        gap: 40px 14px;
        align-items: stretch;
        flex-direction: column;
        padding-bottom: 60px;
        position: relative;
    }
}

.filter-btns .btn-bordered,
.filter-btns .btn-green {
    padding-left: 32px;
    padding-right: 32px;
}

@media screen and (max-width: 450px) {

    .filter-btns .btn-bordered,
    .filter-btns .btn-green {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.filter-btns .del_filter {
    color: var(--Primary-Main, #0f498a);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    transition: color 0.3s;
}

@media screen and (max-width: 450px) {
    .filter-btns .del_filter {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        width: max-content;
        max-width: 100%;
    }
}

.filter-btns .del_filter path {
    transition: fill 0.3s;
}

@media (hover: hover) {
    .filter-btns .del_filter:hover {
        color: #0f498a;
    }

    .filter-btns .del_filter:hover path {
        fill: #0f498a;
    }
}

.filter-btns.hide-btn .show-more-filters::after {
    transform: scale(1, -1);
}

.filter-btns.hide-btn .show-more-filters .default {
    display: none;
}

.filter-btns.hide-btn .show-more-filters .hide {
    display: block;
}

@media screen and (max-width: 450px) {
    .filter-btns.hide-btn .show-more-filters .hide span {
        display: none;
    }
}

.btn-bordered {
    color: #0f498a;
    font-size: min(18px, 1.2vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background: transparent;
    border: 1px solid #0f498a;
    transition: 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 22px;
    cursor: pointer;
}

@media (max-width: 1440px) {
    .btn-bordered {
        font-size: 18px;
    }
}

.btn-bordered span {
    cursor: pointer;
}

.btn-bordered:hover {
    background: #0f498a;
    color: white;
}

.hidden-filters {
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    width: 0px;
}

.hidden-filters.show {
    height: auto;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    position: relative;
}

.hidden-filters.catalog-filter__item {
    min-width: 264px;
}

.hidden-filters .multiselect {
    min-width: 264px;
}

.links-ind {
    padding: 30px;
}

.custom-s {
    position: relative;
}

.custom-s__btn {
    min-width: 220px;
    border: 1px solid #c3c3c3;
    border-radius: 1000px;
    padding: 10px 16px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.custom-s:not(._changed)>.custom-s__btn {
    color: #8b8b8b;
}

.custom-s__value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 100px;
    max-width: 156px;
    text-align: left;
}

.custom-s__arrow {
    width: 20px;
    height: 20px;
}

.custom-s__arrow svg {
    width: 100%;
    height: 100%;
    transition: all 0.2s;
}

.custom-s__options {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    background-color: #fff;
    border-radius: 10px;
    padding: 12px 16px;
    z-index: 2;
    width: max-content;
    min-width: 100%;
    display: none;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
}

.custom-s._show .custom-s__options {
    display: flex;
}

.custom-s._show .custom-s__arrow svg {
    transform: rotate(-180deg);
}

.custom-s__option {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.custom-s__option input {
    display: none;
}

.custom-s__option input:checked~.custom-s__option-icon {
    background-color: #0f498a;
    border-color: #0f498a;
}

.custom-s__option input:checked~.custom-s__option-icon svg {
    opacity: 1;
    stroke: #fff;
}

.custom-s__option-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 10px;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
}

.custom-s__option-icon svg {
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all 0.1s;
}

.main-hero {
    position: relative;
}

.main-hero .main-hero__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
}

.main-hero .main-hero__bg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.main-hero .main-hero__content {
    position: relative;
    z-index: 2;
    padding: min(56px, 3vw) min(120px, 6.3vw);
    display: flex;
    align-items: stretch;
    gap: 55px;
}

@media screen and (max-width: 1024px) {
    .main-hero .main-hero__content {
        padding: 32px;
        gap: 5.4vw;
    }
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__content {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__content {
        padding: 0;
        gap: 0;
    }
}

.main-hero .main-hero__content_left {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 42px 0px 31px;
}

@media (max-width: 1440px) {
    .main-hero .main-hero__content_left {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__content_left {
        flex-direction: column-reverse;
        gap: 24px;
    }
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__content_left {
        padding: 32px 24px;
    }
}

.main-hero .main-hero__text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    font-family: "Roboto Mono", monospace;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__text {
        gap: 24px;
    }
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__text {
        font-size: 18px;
        line-height: 150%;
    }
}

.main-hero .main-hero__text_title {
    font-size: min(50px, 2.7vw);
    font-weight: 500;
    line-height: 110%;
}

@media (max-width: 1440px) {
    .main-hero .main-hero__text_title {
        font-size: 44px;
    }
}

@media screen and (max-width: 1024px) {
    .main-hero .main-hero__text_title {
        font-size: 4.3vw;
    }
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__text_title {
        font-size: 36px;
    }
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__text_title {
        font-size: 30px;
        line-height: 130%;
    }
}

.main-hero .main-hero__line-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__line-top {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__line-top svg {
        width: 32px;
        height: 26px;
    }
}

.main-hero .main-hero__line-top .line {
    flex-grow: 1;
    height: 2px;
    margin-left: 8px;
    background: linear-gradient(-90deg, rgba(245, 245, 247, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__line-bottom {
        display: none;
    }
}

.main-hero .main-hero__line-bottom .line {
    width: 100%;
    height: 2px;
    margin-left: 8px;
    background: linear-gradient(90deg, rgba(245, 245, 247, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
}

.main-hero .main-hero__form_fields {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__form_fields {
        flex-direction: row;
        gap: 16px;
    }
}

@media screen and (max-width: 600px) {
    .main-hero .main-hero__form_fields {
        flex-direction: column;
        gap: 0;
    }
}

.main-hero .main-hero__side {
    width: 400px;
    min-width: 400px;
    border-radius: 20px;
    background: rgba(35, 98, 179, 0.5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    padding: min(40px, 2.1vw);
    position: relative;
}

@media screen and (max-width: 1024px) {
    .main-hero .main-hero__side {
        width: 40vw;
        min-width: 40vw;
    }
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__side {
        width: 100%;
        min-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .main-hero .main-hero__side {
        padding: 12px;
    }
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__side {
        padding: 32px 16px;
    }
}

.main-hero .main-hero__form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.main-hero .main-hero__form.hide {
    opacity: 0;
    pointer-events: none;
}

.main-hero .main-hero__side_result {
    color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    top: min(40px, 2.1vw);
    left: min(40px, 2.1vw);
    width: calc(100% - min(80px, 4.2vw));
}

@media screen and (max-width: 600px) {
    .main-hero .main-hero__side_result {
        top: 12px;
        left: 12px;
        width: calc(100% - 24px);
    }
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__side_result {
        top: 32px;
        left: 16px;
        width: calc(100% - 32px);
    }
}

.main-hero .main-hero__side_result.hide {
    display: none;
}

.main-hero .main-hero__side_result .btn {
    border-radius: 100px;
    background: var(--Background-Wight, #fff);
    margin-top: 40px;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #134485;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: background 0.3s;
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__side_result .btn {
        margin-top: 32px;
    }
}

@media (hover: hover) {
    .main-hero .main-hero__side_result .btn:hover {
        background: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
    }
}

.main-hero .main-hero__form_title {
    color: var(--text-icon-light-primary, #fff);
    font-size: min(32px, 1.9vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    text-align: center;
    margin-bottom: 8px;
}

@media (max-width: 1440px) {
    .main-hero .main-hero__form_title {
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__form_title {
        text-align: left;
    }
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__form_title {
        font-size: 22px;
        line-height: 120%;
        text-align: center;
    }
}

.main-hero .main-hero__side_result-title {
    width: 100%;
    color: var(--text-icon-light-primary, #fff);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
    .main-hero .main-hero__side_result-title {
        font-size: 26px;
    }
}

@media screen and (max-width: 450px) {
    .main-hero .main-hero__side_result-title {
        font-size: 22px;
        line-height: 120%;
        margin-bottom: 20px;
    }
}

.main-hero .callback__form_inp {
    width: 100%;
    padding: 16px 0;
}

@media screen and (max-width: 450px) {
    .main-hero .callback__form_inp {
        padding: 12px 0;
    }
}

.main-hero .callback__form_inp .callback__form_name {
    color: var(--text-icon-light-primary, #fff);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main-hero .callback__form_inp input {
    color: white;
    border-color: white;
    height: 44px;
}

.main-hero .callback__form_inp input::placeholder {
    color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
}

.main-hero .callback__form_inp .input-wrap {
    margin-top: 10px;
}

.main-hero .btn-white {
    margin: 24px 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: var(--Background-Wight, #fff);
    height: 48px;
    color: #134485;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-hero .btn-white:hover {
    background: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
    border-color: transparent;
}

.main-hero .callback__form_check {
    margin-top: 8px;
    color: var(--text-icon-light-primary, #fff);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.main-hero .callback__form_check a {
    text-decoration: underline;
    transition: color 0.3s;
    color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
}

@media (hover: hover) {
    .main-hero .callback__form_check a:hover {
        color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
        text-decoration: underline;
    }
}

.main-hero .iti__selected-flag {
    color: white;
    user-select: none;
}

.main-hero .iti__arrow {
    border: unset;
    width: 1px;
    height: calc(100% - 18px);
    background: white;
}

.main-hero .checkbox span {
    padding-left: 24px;
}

.main-hero .checkbox span::before {
    background: unset;
    border: 1px solid var(--Background-Wight, #fff);
    top: 0;
    transform: unset;
    width: 16px;
    min-width: 16px;
    height: 16px;
}

.main-hero .checkbox input:checked~span::before {
    background-color: white;
    border-color: white;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.9121 5.24567C17.2366 5.57021 17.2366 6.0964 16.9121 6.42094L7.49972 15.8333L3.50424 11.8378C3.17958 11.5132 3.17958 10.9868 3.50424 10.6621C3.82863 10.3377 4.35446 10.3374 4.67924 10.6614L7.49972 13.475L15.7371 5.24539C16.0617 4.92111 16.5876 4.92123 16.9121 5.24567Z' fill='%23134485'/%3E%3C/svg%3E");
}

.main-hero .grey-text {
    color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-hero .grey-text a {
    text-decoration: underline;
    transition: color 0.3s;
    color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
}

@media (hover: hover) {
    .main-hero .grey-text a:hover {
        color: var(--text-icon-light-tetriary, rgba(255, 255, 255, 0.5));
    }
}

#viewport {
    display: none;
}

#canvas {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: 10000;
    pointer-events: none;
    display: none;
}

.header-mob-bg,
.header__drop_bg,
.header-bg {
    display: none;
}

.header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-left: 205px;
    padding-right: 205px;
    width: 100%;
    z-index: 120;
    font-family: "Formular";
    background: white;
    transition: transform 0.5s, background 0.3s;
}

@media (max-width: 1440px) {
    .header {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .header {
        padding: 5px 20px;
    }
}

@media screen and (max-width: 600px) {
    .header {
        padding: 12px 16px;
    }
}

@media screen and (max-width: 450px) {
    .header {
        padding: 12px 16px 0;
    }
}

.header.gray {
    background: #f5f5f7;
    box-shadow: 0px 0px 9px 0px rgba(0, 22, 6, 0.22);
}

@media screen and (max-width: 1024px) {
    .header.gray {
        background: white;
    }
}

.header.hide-header {
    transform: translateY(-108%);
}

.header__inner {
    display: flex;
    flex-direction: column;
    max-width: 1510px;
    width: 100%;
    border-radius: 20px;
    background: #f5f5f7;
    padding-left: min(40px, 2.085vw);
    padding-right: min(40px, 2.085vw);
    z-index: 2;
    position: relative;
}

@media (max-width: 1600px) {
    .header__inner {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
}

@media (max-width: 1440px) {
    .header__inner {
        padding-left: min(40px, 2.085vw);
        padding-right: min(40px, 2.085vw);
    }
}

@media screen and (max-width: 1024px) {
    .header__inner {
        border-radius: 10px;
        padding: 8px 12px;
        position: static;
    }
}

.header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .header__top {
        padding: 10px 0;
    }
}

@media screen and (max-width: 1024px) {
    .header__top {
        padding: 0;
        /*flex-direction: row-reverse;*/
    }
}

.header__top_info {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

@media screen and (max-width: 1024px) {
    .header__top_info {
        order: 3;
    }
}

@media screen and (max-width: 768px) {
    .header__top_info {
        gap: 20px;
    }
}

@media screen and (max-width: 450px) {
    .header__top_info {
        align-items: center;
    }
}

.header__top_side {
    display: flex;
    gap: 24px;
    align-items: flex-end;
}

@media screen and (max-width: 1024px) {
    .header__top_side {
        order: 2;
        flex-grow: 1;
        justify-content: flex-end;
        margin-right: 40px;
    }

    .header__top_side .header__drop_soc,
    .header__top_side .header__drop_contact,
    .header__top_side .header__drop_office,
    .header__top_side .header__compare,
    .header__top_side .header__fav {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .header__top_side {
        margin-right: 20px;
    }
}

@media screen and (max-width: 450px) {
    .header__top_side {
        margin-right: min(24px, 6.7vw);
    }
}

.header__contact {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

@media screen and (max-width: 750px) {
    .header__contact {
        display: none;
    }

    a.header__logo {
        display: contents;
    }

}

.header__compare,
.header__fav {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding-top: 5px;
}

.header__compare:hover,
.header__fav:hover {
    color: #0f498a;
}

.header__compare:hover svg,
.header__fav:hover svg {
    stroke: #0f498a;
}

.header__compare:active,
.header__fav:active {
    color: #0f498a;
}

.header__compare:active svg,
.header__fav:active svg {
    stroke: #0f498a;
}

.header__compare svg,
.header__fav svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke-width: 1.5;
    stroke: rgb(29, 29, 31);
    transition: 0.3s;
}

.header__compare .header__compare_num,
.header__compare .header__fav_num,
.header__fav .header__compare_num,
.header__fav .header__fav_num {
    position: absolute;
    left: calc(50% + 5px);
    top: 0;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #0f498a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__contact_tel {
    color: #1d1d1f;
    font-size: min(16px, 1.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: 0.3s;
}

@media (max-width: 1785px) {
    .header__contact_tel {
        font-size: 15px;
    }
}

@media screen and (max-width: 1280px) {
    .header__contact_tel {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .header__contact_tel {
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) {
    .header__contact_tel {
        font-size: 13px;
    }
}

@media screen and (max-width: 450px) {
    .header__contact_tel {
        font-size: 0px;
        display: block;
        width: min(32px, 8.9vw);
        height: min(32px, 8.9vw);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M11.9823 17.5933C12.9236 19.5371 14.4953 21.1048 16.4415 22.0411C16.5851 22.109 16.7439 22.1385 16.9022 22.1264C17.0606 22.1144 17.2131 22.0613 17.3448 21.9725L20.2033 20.063C20.3296 19.9773 20.4755 19.9251 20.6274 19.9111C20.7794 19.8971 20.9324 19.9218 21.0722 19.983L26.4233 22.2812C26.6062 22.3573 26.759 22.4914 26.8582 22.6629C26.9573 22.8344 26.9974 23.0337 26.9721 23.2302C26.8025 24.5539 26.1564 25.7705 25.1546 26.6523C24.1529 27.5341 22.8642 28.0207 21.5296 28.021C17.4055 28.021 13.4502 26.3827 10.534 23.4665C7.6178 20.5503 5.97949 16.595 5.97949 12.4709C5.97979 11.1363 6.46636 9.84759 7.34816 8.84584C8.22995 7.84409 9.44655 7.19796 10.7703 7.02836C10.9668 7.00312 11.1661 7.04317 11.3376 7.14234C11.5091 7.24151 11.6432 7.3943 11.7193 7.57719L14.0175 12.9397C14.0773 13.0773 14.1023 13.2275 14.0903 13.377C14.0784 13.5266 14.0298 13.6709 13.9489 13.7972L12.0395 16.7014C11.9544 16.8328 11.9046 16.9838 11.8945 17.1399C11.8845 17.296 11.9147 17.4521 11.9823 17.5933V17.5933Z' stroke='%23707070' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-size: contain;
        background-position: center;
    }
}

.header__contact_tel:hover {
    color: #0f498a;
}

.header__contact_callback {
    position: relative;
    color: #0f498a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media (max-width: 1785px) {
    .header__contact_callback {
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) {
    .header__contact_callback {
        display: none;
    }
}

.header__contact_callback::after {
    width: 100%;
    height: 1px;
    background: #707070;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    transform-origin: left;
    transition: transform 0.3s;
}

.header__contact_callback:hover {
    color: #0f498a;
}

.header__address {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1785px) {
    .header__address {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .header__address {
        display: none;
    }
}

.header__address a {
    color: #8b8b8b;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

.header__address a:hover {
    color: #0f498a;
}

.header__bottom {
    border-top: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    padding: 15.5px 0;
    z-index: 2;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .header__bottom {
        padding: 6px 0;
    }
}

@media screen and (max-width: 1024px) {
    .header__bottom {
        display: none;
    }
}

.header__burger {
    display: none;
}

@media screen and (max-width: 1024px) {
    .header__burger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-width: 44px;
        height: 44px;
        border-radius: 5px;
        align-self: center;
        transition: background-color 0.3s;
        background-color: #0f498a;
    }
}

@media screen and (max-width: 450px) {
    .header__burger {
        width: min(32px, 8.9vw);
        min-width: min(32px, 8.9vw);
        height: min(32px, 8.9vw);
        background: transparent;
    }
}

.header__burger .header__burger_close {
    display: none;
}

.header__burger .header__burger_ico path {
    stroke: white;
}

@media screen and (max-width: 450px) {
    .header__burger .header__burger_ico path {
        stroke: #0f498a;
    }
}

@media (hover: hover) {
    .header__burger:hover {
        background-color: #0f498a;
    }
}

.open-burger.header {
    transform: translateY(0);
}

@media screen and (max-width: 1024px) {
    .open-burger.header {
        background: white;
    }
}

@media screen and (max-width: 1024px) {
    .open-burger.header .header__inner {
        background: white;
    }
}

@media screen and (max-width: 1024px) {
    .open-burger.header .header__burger {
        background-color: rgba(112, 112, 112, 0.1);
        padding: 0;
        background-size: 24px 24px;
    }
}

.open-burger.header .header__burger .header__burger_close {
    display: block;
}

.open-burger.header .header__burger .header__burger_ico {
    display: none;
}

.header__trigger {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
}

.header__trigger_btn {
    margin-left: min(24px, 1.25vw);
    margin-right: min(24px, 1.25vw);
    width: 34px;
    height: 14px;
    border-radius: 4px;
    background-color: #0f498a;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__trigger_btn:hover {
    background-color: #0f498a;
}

/*.header__logo {*/
/*    width: 280px;*/
/*    height: 55px;*/
/*}*/
/*@media screen and (max-width: 1024px) {*/
/*    .header__logo {*/
/*        !*order: 1;*!*/
/*    }*/
/*}*/
/*@media screen and (max-width: 450px) {*/
/*    .header__logo {*/
/*        width: 200px;*/
/*        height: 40px;*/
/*    }*/
/*}*/
.header__logo img,
.header__logo svg {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.header__nav {
    display: flex;
    align-items: center;
    gap: min(24px, 1.25vw);
}

@media (max-width: 1701px) {
    .header__nav {
        gap: 11px;
    }
}

@media (max-width: 1440px) {
    .header__nav {
        gap: 12px;
    }
}

@media screen and (max-width: 1280px) {
    .header__nav {
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .header__nav {
        gap: 5px 10px;
    }
}

@media screen and (max-width: 450px) {
    .header__nav {
        gap: 0;
    }
}

@media (max-width: 1600px) {
    .header__nav_item.green {
        width: 90px;
    }
}

@media (max-width: 1440px) {
    .header__nav_item.green {
        width: unset;
    }
}

.header__nav_item.green .header__nav_link {
    padding: 8px min(14px, 0.84vw);
    background: #0f498a;
    color: white;
    border-radius: 8px;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .header__nav_item.green .header__nav_link {
        padding: 6px 12px;
    }
}

.header__nav_item.green .header__nav_link:hover {
    color: white;
    background: #0f498a;
}

.header__nav_item {
    display: flex;
    align-items: flex-end;
    position: relative;
    margin: 0 5px;
}

@media screen and (max-width: 1024px) {
    .header__nav_item {
        width: calc((100% - 30px) / 4);
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .header__nav_item {
        width: calc((100% - 20px) / 3);
        min-height: 36px;
        align-items: center;
    }
}

@media screen and (max-width: 600px) {
    .header__nav_item {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 450px) {
    .header__nav_item {
        width: 100%;
        min-height: unset;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #c3c3c3;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_item:nth-child(1) {
        border-top: unset;
        padding-top: 14px;
    }
}

.header__nav_item svg {
    fill: none;
    stroke-width: 1.5;
    stroke: rgb(29, 29, 31);
}

.mobile-header-trigger {
    z-index: 2;
}

@media screen and (max-width: 450px) {
    .mobile-header-trigger {
        display: block;
    }
}

.mobile-header-trigger.open .header__nav_sub {
    opacity: 1;
    height: auto;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

@media screen and (max-width: 450px) {
    .mobile-header-trigger.open .header__nav_sub-wrap {
        grid-template-rows: 1fr;
    }
}

.mobile-header-trigger.open .header__nav_link:focus,
.mobile-header-trigger.open .header__nav_link:hover,
.mobile-header-trigger.open .header__nav_link:active {
    color: #0f498a;
}

.mobile-header-trigger.open .header__nav_link::after {
    transform: scale(1, -1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='white'/%3E%3C/svg%3E");
}

.mobile-header-trigger .header__nav_link {
    position: relative;
}

@media screen and (max-width: 450px) {
    .mobile-header-trigger .header__nav_link {
        padding-right: 16px;
    }
}

.mobile-header-trigger .header__nav_link:focus,
.mobile-header-trigger .header__nav_link:hover,
.mobile-header-trigger .header__nav_link:active {
    color: #1d1d1f;
}

.mobile-header-trigger .header__nav_link::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='%23707070'/%3E%3C/svg%3E");
    width: 8px;
    height: 4px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -12px;
}

@media screen and (max-width: 450px) {
    .mobile-header-trigger .header__nav_link::after {
        right: 4px;
    }
}

.header__nav_sub {
    position: absolute;
    top: calc(100% + 10px);
    left: -15px;
    background: white;
    padding: 4px 0;
    border-radius: 20px;
    box-shadow: 0px 0px 9px 0px rgba(0, 22, 6, 0.22);
    opacity: 0;
    height: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-20px);
    transition: opacity 0.3s, transform 0.3s;
}

@media screen and (max-width: 450px) {
    .header__nav_sub {
        opacity: 1;
        pointer-events: all;
        visibility: visible;
        height: auto;
        min-height: 0;
        position: static;
        padding: 0;
        box-shadow: unset;
        border-radius: unset;
        transform: translateY(0);
        min-height: 0;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_sub-wrap {
        display: grid;
        grid-template-rows: 0fr;
        overflow: hidden;
        transition: 0.3s;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_sub-item:nth-child(1) {
        padding-top: 7px;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_sub-item:nth-last-child(1) .header__nav_sub-link {
        padding-bottom: 0;
    }
}

.header__nav_sub-link {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 16px;
}

@media screen and (max-width: 450px) {
    .header__nav_sub-link {
        padding: 10px 24px;
    }
}

.header__nav_item-trigger {
    padding-top: 5px;
    padding-bottom: 5px;
}

.header__nav_item-trigger .header__nav_link {
    width: max-content;
}

.header__nav_item-trigger:hover .header-bottom__dropdown {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}

.header__nav_item-trigger:hover .header__nav_trigger {
    transform: scale(1, -1) translateY(1px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='%230f498a'/%3E%3C/svg%3E");
}

.header-bottom__dropdown {
    position: absolute;
    top: 98%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    left: -16px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateY(-15px);
    padding-top: 4px;
    padding-bottom: 4px;
}

.header-bottom__dropdown-item {
    min-width: max-content;
}

.header-bottom__dropdown-item a {
    color: #1d1d1f;
    transition: 0.3s;
    padding: 12px 16px;
    width: 100%;
}

.header-bottom__dropdown-item a:hover {
    background: rgba(112, 112, 112, 0.1019607843);
}

.header-bottom__dropdown-item a:active {
    background-color: rgba(137, 170, 40, 0.2);
}

.header__nav_link {
    color: black;
    font-size: min(16px, 0.84vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media (max-width: 1785px) {
    .header__nav_link {
        font-size: 14px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1600px) {
    .header__nav_link {
        font-size: 13px;
    }
}

@media (max-width: 1440px) {
    .header__nav_link {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .header__nav_link {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        display: flex;
        align-items: center;
        position: relative;
    }

    .header__nav_link .header__nav_link-num {
        position: absolute;
        left: 18px;
        top: 0;
        color: #fff;
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        width: 16px;
        height: 16px;
        border-radius: 100%;
        background: #0f498a;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 450px) {
    .header__nav_link {
        width: 100%;
    }
}

.header__nav_link.green {
    padding: 8px 14px;
    border-radius: 8px;
    background: #0f498a;
    color: white;
    max-width: max-content;
}

@media (max-width: 1701px) {
    .header__nav_link svg {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }
}

.header__nav_link:hover {
    color: #0f498a;
}

.header__panorama {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 0;
    background: unset;
    border-radius: unset;
}

@media (max-width: 1785px) {
    .header__panorama {
        font-size: 14px;
    }
}

@media (max-width: 1600px) {
    .header__panorama {
        font-size: 13px;
    }
}

@media (max-width: 1440px) {
    .header__panorama {
        font-size: 14px;
    }
}

@media screen and (max-width: 1280px) {
    .header__panorama {
        font-size: 14px;
        padding: 3px 12px;
    }
}

.header__panorama:hover {
    color: #0f498a;
}

.header__panorama:hover svg {
    stroke: #0f498a;
}

.header__panorama:active {
    color: #0f498a;
}

.header__panorama:active svg {
    stroke: #0f498a;
}

.header__panorama span {
    cursor: pointer;
    min-width: 106px;
}

@media (max-width: 928px) {
    .header__panorama {
        display: none;
    }
}


.header__panorama svg,
.header__panorama img {
    width: 23px;
    min-width: 23px;
    height: 25px;
    stroke-width: 1.5;
    object-fit: contain;
    cursor: pointer;
    transition: 0.3s;
    fill: none;
    stroke: rgb(29, 29, 31);
}

.header__nav_trigger {
    cursor: pointer;
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 13px;
    margin-left: 5px;
    padding: 3.5px 3px;
    background-size: 57%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4' fill='none'%3E%3Cpath d='M4 4L0 0H8L4 4Z' fill='%23707070'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.header__drop {
    width: 100%;
    left: 0;
    position: absolute;
    z-index: 1;
    top: calc(100% + 5px);
    display: none;
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity 0.3s, transform 0.3s;
    max-height: calc(100dvh - var(--headerH));
    overflow-y: auto;
}

@media (max-width: 1701px) {
    .header__drop {
        background: white;
        padding: 32px;
        border-top: 1px solid #f5f5f7;
        border-radius: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .header__drop {
        background: white;
        top: 100%;
        padding: 32px;
        border-radius: 0;
        border-top: 1px solid #f5f5f7;
    }
}

@media screen and (max-width: 450px) {
    .header__drop {
        padding-top: 3px;
        padding-left: 28px;
        padding-right: 28px;
    }
}

.header__drop.active {
    opacity: 1;
    transform: translateY(0);
}

.header__nav.mob {
    display: none;
}

@media (max-width: 1701px) {
    .header__nav.mob {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
}

@media screen and (max-width: 1024px) {
    .header__nav.mob {
        display: flex;
        gap: 5px 10px;
    }
}

@media screen and (max-width: 450px) {
    .header__nav.mob {
        gap: 0;
    }
}

@media (max-width: 1701px) {
    .header__nav.mob .header__nav_item {
        display: none;
        width: 25%;
    }
}

@media screen and (max-width: 1024px) {
    .header__nav.mob .header__nav_item {
        display: flex;
        width: calc((100% - 30px) / 4);
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .header__nav.mob .header__nav_item {
        width: calc((100% - 20px) / 3);
        min-height: 36px;
        align-items: center;
    }
}

@media screen and (max-width: 600px) {
    .header__nav.mob .header__nav_item {
        width: calc(50% - 5px);
    }
}

@media screen and (max-width: 450px) {
    .header__nav.mob .header__nav_item {
        width: 100%;
    }
}

.header__nav.mob .header__nav_item.mobile-header-trigger {
    z-index: 2;
}

@media screen and (max-width: 450px) {
    .header__nav.mob .header__nav_item.mobile-header-trigger {
        display: block;
    }
}

.header__drop_links {
    columns: 4;
    column-gap: 10px;
    padding: 32px min(40px, 2.085vw);
    background: white;
    border-radius: 20px;
    margin-top: 8px;
}

@media (max-width: 1701px) {
    .header__drop_links {
        padding-left: 0;
        padding-right: 0;
        border-radius: unset;
        margin-top: 0;
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .header__drop_links {
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid #c3c3c3;
        border-radius: unset;
        columns: 4;
    }
}

@media screen and (max-width: 768px) {
    .header__drop_links {
        columns: 3;
    }
}

@media screen and (max-width: 600px) {
    .header__drop_links {
        columns: 2;
    }
}

@media screen and (max-width: 450px) {
    .header__drop_links {
        border-top: unset;
        columns: unset;
        display: flex;
        flex-direction: column;
        margin-top: 4px;
    }
}

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

.header__drop_socials .header__drop_soc {
    display: none;
}

@media screen and (max-width: 1024px) {
    .header__drop_socials .header__drop_soc {
        display: block;
    }
}

.header__drop_soc svg {
    width: 28px;
    height: 28px;
    fill: #1d1d1f;
    transition: 0.3s;
}

@media screen and (max-width: 450px) {
    .header__drop_soc svg {
        width: 24px;
        height: 24px;
    }
}

.header__drop_soc:hover svg {
    fill: #0f498a;
}

.header__drop_link {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    padding: 10px 0;
    transition: 0.3s;
}

@media screen and (max-width: 1024px) {
    .header__drop_link {
        color: #707070;
    }
}

.header__drop_link:hover {
    color: #0f498a;
}

.header__drop_contact {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 10px;
}

@media screen and (max-width: 1024px) {
    .header__drop_contact {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .header__drop_contact {
        margin-top: 13px;
        padding-top: 16px;
        border-top: 1px solid #c3c3c3;
    }
}

.header__drop_callback {
    color: #0f498a;
    text-decoration: underline;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
    display: none;
}

@media screen and (max-width: 600px) {
    .header__drop_callback {
        display: block;
    }
}

.header__drop_callback:hover {
    color: #0f498a;
}

.header__drop_office {
    padding: 10px 0;
    display: none;
}

@media screen and (max-width: 600px) {
    .header__drop_office {
        display: block;
    }
}

@media screen and (max-width: 450px) {
    .header__drop_office {
        display: flex;
        align-items: baseline;
        gap: 8px;
        padding: 12px 0;
    }
}

.header__drop_office p {
    color: #8b8b8b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .header__drop_office p {
        font-size: min(14px, 4.05vw);
    }
}

.header__drop_office a {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    transition: 0.3s;
}

@media screen and (max-width: 450px) {
    .header__drop_office a {
        font-size: min(14px, 4.05vw);
    }
}

.header__drop_office a:hover {
    color: #0f498a;
}

.footer {
    border-radius: 20px 20px 0px 0px;
    background: #eaeaea;
    font-family: Formular;
    margin-top: 100px;
}

.footer__top {
    max-width: 100%;
    margin: 0 auto;
    padding: 55px 45px 45px;
    display: flex;
    align-items: flex-start;
    gap: 30px 35px;
}

@media (max-width: 1440px) {
    .footer__top {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .footer__top {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    .footer__top {
        gap: 30px 20px;
        padding: 40px 20px 30px;
    }
}

@media screen and (max-width: 600px) {
    .footer__top {
        padding: 32px 16px 0;
        gap: 40px 20px;
    }
}

.footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 600px) {
    .footer__bottom {
        padding-bottom: 55px;
    }
}

@media screen and (max-width: 450px) {
    .footer__bottom {
        border: unset;
    }
}

.footer__bottom_inner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 24px 205px 32px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 1440px) {
    .footer__bottom_inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .footer__bottom_inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px 25px;
    }
}

@media screen and (max-width: 600px) {
    .footer__bottom_inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 450px) {
    .footer__bottom_inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding-top: 30px;
    }
}

.footer__bottom_inner a,
.footer__bottom_inner p {
    color: #26211a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
}

@media (max-width: 1701px) {

    .footer__bottom_inner a,
    .footer__bottom_inner p {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {

    .footer__bottom_inner a,
    .footer__bottom_inner p {
        font-size: 13px;
    }
}

@media screen and (max-width: 450px) {

    .footer__bottom_inner a,
    .footer__bottom_inner p {
        text-align: left;
        font-size: 14px;
    }
}

.footer__bottom_inner a {
    transition: 0.3s;
}

.footer__bottom_inner a:hover {
    color: #0f498a;
}

.footer__logo {
    width: 90%;
    height: auto;
    margin-bottom: 56px;
}

@media screen and (max-width: 768px) {
    .footer__logo {
        margin-bottom: 20px;
        width: 103px;
        height: 70px;
    }
}

@media screen and (max-width: 450px) {
    .footer__logo {
        grid-area: 1/1/span 2/span 1;
        margin-bottom: 0;
    }
}

.footer__logo svg,
.footer__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer__address {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #26211a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .footer__address {
        grid-area: 1/2/span 1/span 1;
    }
}

.footer__address a {
    color: #26211a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .footer__address a {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .footer__address a {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .footer__contact {
        grid-area: 2/2/span 1/span 1;
    }
}

.footer__contact_tel {
    margin-top: 24px;
    color: #0f498a;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    transition: 0.3s;
}

@media (max-width: 1701px) {
    .footer__contact_tel {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .footer__contact_tel {
        margin-top: 16px;
    }
}

@media screen and (max-width: 600px) {
    .footer__contact_tel {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .footer__contact_tel {
        margin-top: 0;
        line-height: normal;
    }
}

.footer__contact_tel:hover {
    color: #0f498a;
}

.footer__col {
    width: calc((100% - 90px) / 3);
}

@media screen and (max-width: 1280px) {
    .footer__col {
        width: calc((100% - 60px) / 2);
    }
}

@media screen and (max-width: 768px) {
    .footer__col {
        width: calc((100% - 20px) / 1);
    }
}

@media screen and (max-width: 450px) {
    .footer__col {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .footer__col:nth-child(1) {
        order: 1;
    }
}

@media screen and (max-width: 450px) {
    .footer__col:nth-child(1) {
        display: grid;
        grid-template-columns: 103px 1fr;
        gap: 16px 24px;
        margin-bottom: -8px;
    }
}

@media screen and (max-width: 768px) {
    .footer__col:nth-child(2) {
        order: 3;
    }
}

@media screen and (max-width: 450px) {
    .footer__col:nth-child(2) {
        order: 2;
    }
}

@media screen and (max-width: 768px) {
    .footer__col:nth-child(3) {
        order: 4;
    }
}

@media screen and (max-width: 450px) {
    .footer__col:nth-child(3) {
        order: 3;
    }
}

@media screen and (max-width: 1280px) {
    .footer__col:nth-last-child(1) {
        width: 100%;
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 768px) {
    .footer__col:nth-last-child(1) {
        width: calc((100% - 20px) / 2);
        display: flex;
        flex-direction: column;
        order: 2;
    }
}

@media screen and (max-width: 450px) {
    .footer__col:nth-last-child(1) {
        width: 100%;
        order: 4;
        padding-top: 32px;
        padding-bottom: 32px;
        border-top: 1px solid #26211a;
        border-bottom: 1px solid #26211a;
        gap: 32px;
    }
}

@media screen and (max-width: 1280px) {
    .footer__col:nth-last-child(1) .footer__col_text {
        grid-area: 2/2/span 1/span 1;
    }
}

.footer__col_text {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #26211a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media screen and (max-width: 768px) {
    .footer__col_text {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .footer__col_text {
        font-size: 16px;
        margin-bottom: -16px;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

.footer__col_link {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #26211a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media (max-width: 1701px) {
    .footer__col_link {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .footer__col_link {
        font-size: 15px;
    }
}

@media screen and (max-width: 450px) {
    .footer__col_link {
        font-size: 16px;
    }
}

.footer__col_link:hover {
    color: #0f498a;
}

.footer__col_link svg,
.footer__col_link img {
    width: 24px;
    height: 24px;
    fill: transparent;
    stroke: #0f498a;
}

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

.footer__col_submenu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    margin-left: 16px;
}

.footer__col_submenu a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

.footer__col_submenu a:hover {
    color: #0f498a;
}

.footer__help {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #26211a;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px;
    background: #0f498a;
    border-radius: 100px;
    width: 100%;
    transition: 0.3s;
}

@media (max-width: 1701px) {
    .footer__help {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    .footer__help {
        padding: 12px 20px;
    }
}

@media screen and (max-width: 1280px) {
    .footer__help {
        font-size: 16px;
        margin-top: 0;
        grid-area: 1/2/span 1/span 1;
        max-width: max-content;
        padding: 12px 24px;
    }
}

@media screen and (max-width: 768px) {
    .footer__help {
        font-size: 14px;
        padding: 12px 16px;
    }
}

@media screen and (max-width: 450px) {
    .footer__help {
        width: 100%;
        max-width: unset;
        justify-content: center;
        font-size: min(18px, 5vw);
    }
}

.footer__help:hover {
    background: #0f498a;
}

.footer__help:active {
    background: #0f498a;
}

.footer__help svg,
.footer__help img {
    width: 24px;
    min-width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
    fill: none;
    stroke: #26211a;
    stroke-width: 6px;
}

.footer__socials {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px 8px;
}

@media screen and (max-width: 1280px) {
    .footer__socials {
        margin-top: 0;
        grid-area: 1/1/span 2/span 1;
    }
}

@media screen and (max-width: 768px) {
    .footer__socials {
        gap: 8px;
    }
}

@media screen and (max-width: 600px) {
    .footer__socials {
        gap: 10px 3px;
    }
}

@media screen and (max-width: 450px) {
    .footer__socials {
        justify-content: center;
        gap: 32px;
    }
}

.footer__socials_text {
    width: 100%;
    color: #26211a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 450px) {
    .footer__socials_text {
        display: none;
    }
}

.footer__social_link {
    padding: 9px;
    border-radius: 8px;
    transition: 0.3s;
}

@media screen and (max-width: 600px) {
    .footer__social_link {
        padding: 7px;
    }
}

@media screen and (max-width: 450px) {
    .footer__social_link {
        padding: 0;
    }
}

.footer__social_link:hover {
    background: rgba(112, 112, 112, 0.2);
}

.footer__social_link svg,
.footer__social_link img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    object-position: center;
    display: block;
}

@media screen and (max-width: 450px) {

    .footer__social_link svg,
    .footer__social_link img {
        width: 24px;
        height: 24px;
    }
}

.footer__bottom_a100 {
    transition: 0.3s;
}

.footer__bottom_a100:hover {
    filter: drop-shadow(0px 0px 0px #4b4b4b);
}

.footer__bottom_a100 svg,
.footer__bottom_a100 img {
    width: 70px;
    height: 28px;
}

@media screen and (max-width: 450px) {
    .breadcrumbs-outer {
        position: relative;
        width: 100%;
    }
}

.breadcrumbs-outer.right::after {
    opacity: 1;
}

.breadcrumbs-outer.left::before {
    opacity: 1;
}

@media screen and (max-width: 450px) {
    .breadcrumbs-outer::after {
        content: "";
        position: absolute;
        right: -1px;
        bottom: 0;
        width: 75px;
        height: 36px;
        background: linear-gradient(92deg, rgba(255, 255, 255, 0) 1.46%, #fff 98.79%);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.1s;
    }
}

@media screen and (max-width: 450px) {
    .breadcrumbs-outer::before {
        content: "";
        position: absolute;
        left: -1px;
        bottom: 0;
        width: 75px;
        height: 36px;
        background: linear-gradient(-92deg, rgba(255, 255, 255, 0) 1.46%, #fff 98.79%);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.1s;
    }
}

.breadcrumbs-outer .breadcrumbs__line {
    display: none;
}

@media screen and (max-width: 450px) {
    .breadcrumbs-outer .breadcrumbs__line {
        display: block;
        position: absolute;
        bottom: 0;
        left: 16px;
        height: 1px;
        width: calc(100vw - 32px);
        background: rgba(112, 112, 112, 0.1);
    }
}

.breadcrumbs-outer~.container-main {
    margin-top: 16px;
}

.house-intro__info .breadcrumbs,
.live-banner__head .breadcrumbs,
.conditions-intro__content .breadcrumbs,
.banner__head .breadcrumbs {
    margin-top: 0;
}

@media screen and (max-width: 450px) {

    .house-intro__info .breadcrumbs-outer,
    .live-banner__head .breadcrumbs-outer,
    .conditions-intro__content .breadcrumbs-outer,
    .banner__head .breadcrumbs-outer {
        width: 100vw;
        margin-left: -16px;
        padding: 0 16px;
    }
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    margin-top: 90px;
}

@media screen and (max-width: 1280px) {
    .breadcrumbs {
        margin-top: 56px;
    }
}

@media screen and (max-width: 450px) {
    .breadcrumbs {
        margin-top: 0;
        flex-wrap: nowrap;
        padding-top: 24px;
        padding-bottom: 16px;
        overflow: auto;
    }

    .breadcrumbs::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent;
        display: none;
    }

    .breadcrumbs::-webkit-scrollbar-thumb {
        border-radius: 100%;
        background: transparent;
    }

    .breadcrumbs::-webkit-scrollbar-corner {
        background: transparent;
    }
}

.breadcrumbs .breadcrumbs__item:nth-last-child(1) {
    pointer-events: none;
    cursor: default;
}

.breadcrumbs .breadcrumbs__item:nth-last-child(1)::after {
    content: none;
}

.breadcrumbs .breadcrumbs__item:nth-last-child(1) .breadcrumbs__link {
    color: #8b8b8b;
}

.breadcrumbs .breadcrumbs__item:nth-last-child(1) .breadcrumbs__link:hover {
    color: #8B8B8B #707070;
}

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

@media screen and (max-width: 450px) {
    .breadcrumbs__item {
        white-space: nowrap;
    }
}

.breadcrumbs__item::after {
    content: "-";
    margin-left: 8px;
    margin-right: 8px;
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.breadcrumbs__link {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    transition: 0.3s;
}

@media screen and (max-width: 450px) {
    .breadcrumbs__link {
        font-size: 16px;
        line-height: 1.25;
    }
}

.breadcrumbs__link:hover {
    color: #0f498a;
}

.modal {
    font-family: Formular;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.3s;
    display: none;
}

.modal.show-modal {
    opacity: 1;
}

.modal-inner {
    background: white;
    border-radius: 20px;
    position: relative;
    width: 100%;
    max-width: 800px;
}

.modal__close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 32px;
    right: 32px;
    transition: 0.3s;
    z-index: 1;
}

@media (max-width: 1440px) {
    .modal__close {
        top: 28px;
        right: 28px;
        width: 38px;
        height: 38px;
    }
}

@media screen and (max-width: 1280px) {
    .modal__close {
        top: 22px;
    }
}

.modal__close:hover svg {
    fill: #1d1d1f;
}

.modal__close img,
.modal__close svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    fill: white;
}

.credit-calculator[data-step=step1] .credit-calculator__top::after {
    width: 25%;
}

.credit-calculator[data-step=step2] .credit-calculator__top::after {
    width: 50%;
}

.credit-calculator[data-step=step2] .credit-calculator__top_back {
    display: none;
}

@media screen and (max-width: 600px) {
    .credit-calculator[data-step=step2] .credit-calculator__top_back {
        display: block;
    }
}

.credit-calculator[data-step=step3] .credit-calculator__top::after {
    width: 75%;
}

.credit-calculator[data-step=step3] .credit-calculator__top_back {
    display: none;
}

@media screen and (max-width: 600px) {
    .credit-calculator[data-step=step3] .credit-calculator__top_back {
        display: block;
    }
}

.credit-calculator[data-step=step4] .credit-calculator__top::after {
    width: 100%;
}

.credit-calculator[data-step=step4] .credit-calculator__top_back {
    display: none;
}

@media screen and (max-width: 600px) {
    .credit-calculator[data-step=step4] .credit-calculator__top_back {
        display: block;
    }
}

.credit-calculator .modal-inner {
    max-width: calc(100% - 280px);
    border-radius: 24px 24px 20px 20px;
}

@media screen and (max-width: 1280px) {
    .credit-calculator .modal-inner {
        max-width: 96dvw;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .modal-inner {
        align-self: flex-end;
        border-radius: 20px 20px 0 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}

.credit-calculator .modal-inner__scrollable {
    max-height: calc(100dvh - 220px);
    overflow-y: auto;
    margin: min(40px, 2.1vw) min(32px, 1.7vw);
    scrollbar-width: 0;
}

@media screen and (max-width: 600px) {
    .credit-calculator .modal-inner__scrollable {
        margin: 24px 0;
    }
}

.credit-calculator .modal-inner__scrollable::-webkit-scrollbar {
    width: 0px;
}

@media screen and (max-width: 600px) {
    .credit-calculator .modal__close {
        width: 32px;
        height: 32px;
        z-index: 1;
        top: 15px;
        right: 16px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator .modal__close {
        top: 13px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .modal__close svg {
        fill: #c3c3c3;
    }
}

.credit-calculator .credit-calculator__top {
    padding: 32px 0;
    background: #0f498a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 20px 0 0;
    position: relative;
}

@media (max-width: 1440px) {
    .credit-calculator .credit-calculator__top {
        padding: 28px 0;
    }
}

@media screen and (max-width: 1280px) {
    .credit-calculator .credit-calculator__top {
        padding: 24px 0;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__top {
        background: white;
        padding: 16px 0 19px;
        margin: 0 16px;
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__top::before {
        content: "";
        height: 3px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(112, 112, 112, 0.1019607843);
        border-radius: 100px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__top::after {
        content: "";
        height: 3px;
        width: 25%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #0f498a;
        border-radius: 100px;
        transition: 0.3s;
    }
}

.credit-calculator .credit-calculator__title {
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
}

@media (max-width: 1440px) {
    .credit-calculator .credit-calculator__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .credit-calculator .credit-calculator__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__title {
        color: #1d1d1f;
        font-size: 22px;
        font-weight: 400;
        line-height: 130%;
        text-transform: capitalize;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator .credit-calculator__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator .credit-calculator__title span {
        display: none;
    }
}

.credit-calculator__top_back {
    position: absolute;
    display: none;
}

@media screen and (max-width: 600px) {
    .credit-calculator__top_back {
        display: none;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.credit-calculator__top_back svg {
    display: block;
}

.credit-calculator__steps {
    display: flex;
    flex-direction: column;
    gap: min(32px, 2vw);
}

.credit-calculator__step_wrap {
    display: none;
    padding: 0 min(32px, 1.7vw);
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_wrap {
        padding: 0 16px;
    }
}

.credit-calculator__step_block {
    min-height: 0;
    padding: 0;
}

.credit-calculator__step_block.flex-end {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.credit-calculator__step_footnote {
    color: #707070;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 18px;
}

.credit-calculator__step_top {
    background: #f5f5f7;
    padding: min(32px, 1.7vw);
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 11px;
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_top {
        padding: 25px 20px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_top {
        margin-bottom: 20px;
        padding: 0 16px;
    }
}

.credit-calculator__step_state {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    color: #8b8b8b;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    background: #e9e9e9;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_state {
        display: none;
    }
}

.credit-calculator__step_text {
    color: #1d1d1f;
    font-size: min(20px, 1.1vw);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_text {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_text {
        color: #1d1d1f;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }
}

.credit-calculator__step {
    margin-bottom: 1px;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step {
        display: none;
    }
}

.credit-calculator__step.active {
    border-radius: 20px;
    border: 1px solid rgba(137, 170, 40, 0.5);
    background: #fff;
    padding-bottom: 32px;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step.active {
        display: block;
        border-radius: unset;
        border: unset;
        padding: 0;
    }
}

.credit-calculator__step.active .credit-calculator__step_state {
    background: #0f498a;
    color: white;
}

.credit-calculator__step.active .credit-calculator__step_wrap {
    display: block;
}

.credit-calculator__step.active .credit-calculator__step_top {
    background: transparent;
}

.credit-calculator__step.completed .credit-calculator__step_state {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.6665 16C2.6665 8.66663 8.6665 2.66663 15.9998 2.66663C23.3332 2.66663 29.3332 8.66663 29.3332 16C29.3332 23.3333 23.3332 29.3333 15.9998 29.3333C8.6665 29.3333 2.6665 23.3333 2.6665 16ZM14.066 22.6651L8.33999 16.9391C7.82048 16.4196 7.82048 15.5773 8.33999 15.0578C8.85899 14.5388 9.70027 14.5382 10.22 15.0565L14.066 18.8918L21.7121 11.0339C22.2344 10.5116 23.0816 10.5131 23.6021 11.0373C24.1199 11.5588 24.1185 12.4009 23.5988 12.9206L14.066 22.6651Z' fill='%230f498a'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 32px 32px;
    background-position: center;
    font-size: 0;
    line-height: 0;
}

.credit-calculator__step.active.completed .credit-calculator__step_state {
    background: #0f498a;
    color: white;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.credit-calculator__step .price__select {
    margin-left: 16px;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step .price__select {
        margin-left: 12px;
    }
}

.credit-calculator__step_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_row {
        gap: 20px;
    }
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_row {
        flex-direction: column;
    }
}

.credit-calculator__step_row .input-wrap {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_row .input-wrap {
        margin-top: 0;
        max-width: 100%;
    }
}

.credit-calculator__step_row .input-wrap>input {
    width: 328px;
    border-radius: 100px;
    background: rgb(240, 240, 240);
    border: unset;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 20px;
    border: 1px solid;
    transition: 0.3s;
    border: 1px solid rgb(240, 240, 240);
}

@media screen and (max-width: 600px) {
    .credit-calculator__step_row .input-wrap>input {
        background: transparent;
        border: 1px solid #c3c3c3;
        max-width: 100%;
        width: 400px;
        max-width: calc(100vw - 32px);
    }
}

.credit-calculator__step_row .input-wrap>input:focus {
    border: 1px solid #0f498a;
}

.credit-calculator__step_row .input-wrap .price__option input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.credit-calculator__step_row .price__select .price__final {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    padding: 0;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_row .price__select .price__final {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_row .price__select .price__final {
        font-size: 16px;
        line-height: normal;
        font-weight: 400;
    }
}

.credit-calculator__step_row .price__select .price__final::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.70956 11.71L11.2996 14.3C11.6896 14.69 12.3196 14.69 12.7096 14.3L15.2996 11.71C15.9296 11.08 15.4796 10 14.5896 10H9.40956C8.51956 10 8.07956 11.08 8.70956 11.71Z' fill='%230f498a'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
}

.credit-calculator__step_row .price__select .price__option_text {
    padding: 12px 16px;
    margin-bottom: 0;
    margin-right: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_row .price__select .price__option_text {
        font-size: 14px;
    }
}

.credit-calculator__step_row .price__select .price__option {
    margin-bottom: 0;
    margin-right: 0;
}

.credit-calculator__step_row .price__select .price__option input:checked~span {
    background: #f5f5f5;
}

.credit-calculator__btn {
    border-radius: 100px;
    background: #0f498a;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    height: 48px;
}

@media screen and (max-width: 450px) {
    .credit-calculator__btn {
        width: auto;
        max-width: max-content;
        justify-content: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.credit-calculator__btn span {
    cursor: pointer;
}

.credit-calculator__btn svg {
    width: 24px;
    height: 24px;
    fill: white;
    cursor: pointer;
}

.credit-calculator__btn:hover {
    background: #0f498a;
}

.credit-calculator__btn:active {
    background: #0f498a;
}

.credit-calculator__step_banks {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0 min(60px, 3.2vw);
    margin-bottom: 32px;
    position: relative;
}

@media (max-width: 1440px) {
    .credit-calculator__step_banks {
        gap: 0 24px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_banks {
        margin-bottom: 20px;
    }
}

.credit-calculator__step_banks::after {
    content: "";
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #c3c3c3;
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_banks::after {
        content: none;
    }
}

.credit-calculator__step_bank {
    display: flex;
    flex-direction: column;
    width: calc((100% - min(60px, 3.2vw)) / 2);
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .credit-calculator__step_bank {
        width: calc((100% - 28px) / 2);
    }
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_bank {
        width: 100%;
    }
}

.credit-calculator__step_bank * {
    cursor: pointer;
}

.credit-calculator__step_bank:nth-last-child(1):nth-child(even) .credit-calculator__step_bank-info,
.credit-calculator__step_bank:nth-last-child(2):nth-child(odd) .credit-calculator__step_bank-info,
.credit-calculator__step_bank:nth-last-child(1):nth-child(odd) .credit-calculator__step_bank-info {
    border-bottom: unset;
}

.credit-calculator__step_bank input:checked~.credit-calculator__step_bank-check {
    background: #0f498a;
}

.credit-calculator__step_bank input:checked~.credit-calculator__step_bank-check::after {
    transform: scale(1);
}

.credit-calculator__step_bank-other {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    gap: 12px;
}

.credit-calculator__step_bank-info {
    padding: min(16px, 0.9vw) 0;
    padding-left: 44px;
    transition: 0.3s;
    overflow: hidden;
    height: 100%;
    border-bottom: 1px solid #c3c3c3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-info {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .credit-calculator__step_bank-info {
        padding-left: 36px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-info {
        padding: 20px;
        padding-left: 36px;
    }
}

.credit-calculator__step_bank-info .credit-calculator__step_bank-row:nth-last-child(1) {
    border-bottom: unset;
    padding-bottom: 0;
}

.credit-calculator__step_bank-info .credit-calculator__step_bank-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.vusually-hidden {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
    left: -1px;
    width: 0;
    height: 0;
}

.credit-calculator__step_bank-logo {
    width: 100%;
    position: relative;
    width: max-content;
    margin-bottom: 0;
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-logo {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_bank-logo .credit-calculator__step_bank-prop {
        display: none;
    }
}

.credit-calculator__step_bank-logo img,
.credit-calculator__step_bank-logo svg {
    width: auto;
    max-width: 103px;
    height: 29px;
    object-fit: contain;
    object-position: left;
    display: block;
}

@media screen and (max-width: 1280px) {

    .credit-calculator__step_bank-logo img,
    .credit-calculator__step_bank-logo svg {
        width: 140px;
    }
}

@media screen and (max-width: 450px) {

    .credit-calculator__step_bank-logo img,
    .credit-calculator__step_bank-logo svg {
        width: 160px;
    }
}

.credit-calculator__step_bank-logo .credit-calculator__step_bank-note {
    position: absolute;
    left: min(176px, 45%);
    top: 50%;
    transform: translateY(-50%);
    color: #1d1d1f;
    font-size: min(16px, 0.85vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: 100%;
    max-width: 200px;
    transition: color 0.3s;
    white-space: nowrap;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-logo .credit-calculator__step_bank-note {
        left: unset;
        top: unset;
        position: relative;
        transform: unset;
        font-size: 14px;
        max-width: unset;
    }
}

.credit-calculator__step_bank-check {
    position: absolute;
    width: 24px;
    height: 24px;
    background: transparent;
    border-radius: 100%;
    border: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: min(16px, 0.9vw);
    background: transparent;
    transition: 0.3s;
    pointer-events: none;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-check {
        top: 20px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-check {
        width: 24px;
        height: 24px;
        top: 20px;
    }
}

.credit-calculator__step_bank-check::after {
    content: "";
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 100%;
    display: block;
    transform-origin: center;
    transform: scale(0);
    transition: 0.3s;
}

.credit-calculator__step_bank-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #c3c3c3;
    transition: 0.3s;
    gap: 20px;
}

@media (max-width: 1440px) {
    .credit-calculator__step_bank-row {
        padding: 10px 0;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-row {
        align-items: flex-start;
        padding: 16px 0;
    }
}

.credit-calculator__step_bank-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: calc((100% - 24px) / 3);
}

@media screen and (max-width: 768px) {
    .credit-calculator__step_bank-col {
        width: auto;
        min-width: 190px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__step_bank-col {
        width: calc(50% - 6px);
        min-width: unset;
    }
}

.credit-calculator__step_bank-prop {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: 0.3s;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-prop {
        font-size: 14px;
    }
}

.credit-calculator__step_bank-deskr {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__step_bank-deskr {
        font-size: 14px;
    }
}

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

@media screen and (max-width: 600px) {
    .flex-end {
        justify-content: center;
    }
}

.range__container_title {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .range__container_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .range__container_title {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.flex-start {
    justify-content: flex-start;
}

.credit-calculator__range-container {
    margin-top: 12px;
}

.range__container {
    max-width: calc(50% - 15px);
    align-self: flex-start;
}

@media screen and (max-width: 768px) {
    .range__container {
        max-width: calc(50% - 10px);
    }
}

@media screen and (max-width: 600px) {
    .range__container {
        margin-bottom: 0;
        max-width: 100%;
        width: 400px;
        max-width: calc(100vw - 32px);
    }
}

.range__container input {
    max-width: 100%;
    width: 483px;
}

@media screen and (max-width: 600px) {
    .range__container input {
        max-width: calc(100vw - 32px);
    }
}

.range__container input[type=number],
.range__container input[type=text] {
    border-radius: 100px;
    border: 1px solid #c3c3c3;
    background: #fff;
    transition: 0.3s;
    height: 44px;
    padding: 12px 20px;
    color: var(--unnamed, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.range__container input[type=number]:focus,
.range__container input[type=text]:focus {
    border-color: #0f498a;
}

.range__container input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    background-color: #0f498a;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #0f498a;
}

.range__container input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    background-color: #0f498a;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #0f498a;
    cursor: pointer;
}

.range__container input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
}

.range__container input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #0f498a, 0 0 3px #0f498a;
    -webkit-box-shadow: inset 0 0 3px #0f498a, 0 0 3px #0f498a;
}

.range__container input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    height: 2px;
    background: rgba(138, 147, 166, 0.8509803922);
    background-image: linear-gradient(#0f498a, #0f498a);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
}

.range__container .range__container_note {
    margin-top: 4px;
    color: #8b8b8b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.credit-calculator__range_inp {
    position: relative;
}

.credit-calculator__range_inp .credit-calculator__range_inp-per {
    position: absolute;
    min-width: 80px;
    right: 0;
    padding: 3px 10px;
    padding-right: 0;
    border-left: 1px solid #c3c3c3;
    top: 50%;
    transform: translateY(-50%);
}

.credit-calculator__payments {
    margin-top: 8px;
}

@media screen and (max-width: 600px) {
    .credit-calculator__payments {
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .moz .credit-changable-wrapper {
        scrollbar-width: thin;
        scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
    }
}

.credit-changable-wrapper {
    width: 100%;
}

@media screen and (max-width: 600px) {
    .credit-changable-wrapper {
        max-height: 320px;
    }

    .credit-changable-wrapper::-webkit-scrollbar {
        height: 6px;
        width: 6px;
        background: transparent;
    }

    .credit-changable-wrapper::-webkit-scrollbar-thumb {
        background: rgba(137, 170, 40, 0.5019607843);
        border-radius: 4px;
    }

    .credit-changable-wrapper::-webkit-scrollbar-corner {
        background: transparent;
    }
}

.credit-changable-wrapper.show .credit-table {
    max-height: unset;
}

.credit-changable-wrapper.show~.credit-table__btn {
    display: none;
}

@media screen and (max-width: 600px) {
    .moz .credit-table {
        scrollbar-width: thin;
        scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
    }
}

.credit-table {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: stretch;
    max-height: 345px;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .credit-table {
        overflow: visible;
    }

    .credit-table::-webkit-scrollbar {
        height: 6px;
        width: 6px;
        background: transparent;
    }

    .credit-table::-webkit-scrollbar-thumb {
        background: rgba(137, 170, 40, 0.5019607843);
        border-radius: 4px;
    }

    .credit-table::-webkit-scrollbar-corner {
        background: transparent;
    }
}

@media screen and (max-width: 450px) {
    .credit-table {
        min-width: 520px;
        max-height: unset;
    }
}

.credit-table__head {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .credit-table__head .credit-table__th:nth-child(1) {
        flex-grow: 1;
    }
}

.credit-table__th {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .credit-table__th {
        padding: 12px 12px;
        font-size: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .credit-table__th {
        padding: 12px 8px;
        font-size: 14px;
        width: 10%;
        flex-grow: 10;
    }
}

@media screen and (max-width: 600px) {
    .credit-table__th {
        padding: 8px 6px;
        font-size: 13px;
    }
}

@media screen and (max-width: 450px) {
    .credit-table__th {
        padding: 16px;
        padding-top: 4px;
        font-size: 14px;
        line-height: 130%;
    }
}

.credit-table__body {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: stretch;
}

.credit-table__row {
    width: 100%;
    display: flex;
    border-top: 1px solid #c3c3c3;
}

.credit-table__row .credit-table__td:nth-child(1) {
    flex-grow: 1;
}

.credit-table__td {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media screen and (max-width: 1280px) {
    .credit-table__td {
        padding: 12px 12px;
        font-size: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .credit-table__td {
        padding: 12px 8px;
        font-size: 14px;
        width: 10%;
        flex-grow: 10;
    }
}

@media screen and (max-width: 450px) {
    .credit-table__td {
        font-size: 14px;
        padding: 16px;
        line-height: 130%;
    }
}

.credit-table__btn {
    color: #0f498a;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 22px;
    height: 48px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin-top: 20px;
    justify-self: flex-end;
}

@media screen and (max-width: 768px) {
    .credit-table__btn {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .credit-table__btn {
        display: none;
    }
}

.credit-table__btn:hover {
    color: #0f498a;
}

.credit-table__btn~.credit-table {
    display: none;
    width: 100%;
}

@media screen and (max-width: 450px) {
    .credit-table__btn~.credit-table {
        display: block;
    }
}

.credit-table__btn .credit-table__btn_hide {
    display: none;
}

.credit-table__btn.show .credit-table__btn_hide {
    display: block;
}

.credit-table__btn.show .credit-table__btn_show {
    display: none;
}

.credit-table__btn.show~.credit-table {
    display: block;
}

.step1__mobile-text {
    display: none;
}

@media screen and (max-width: 600px) {
    .step1__mobile-text {
        display: block;
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

@media screen and (max-width: 600px) {
    .step1 .credit-calculator__step_top {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .step1 .input-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 600px) {
    .step1 .step1__mobile-text {
        order: 1;
    }
}

@media screen and (max-width: 600px) {
    .step1 .price__select {
        order: 2;
        flex-grow: 1;
    }
}

@media screen and (max-width: 600px) {
    .step1 .price__drop {
        display: flex;
        flex-direction: column;
    }
}

.step1 .input-wrap .input-sum[readonly] {
    color: #1d1d1f;
}

@media screen and (max-width: 600px) {
    .step1 .input-wrap .input-sum {
        order: 3;
        margin-top: 12px;
        color: #8b8b8b;
    }
}

@media screen and (max-width: 450px) {
    .step1 .credit-calculator__btn {
        margin-top: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .step3 .credit-calculator__btn {
        margin-top: 20px;
    }
}

@media screen and (max-width: 450px) {
    .step3 .credit-calculator__btn {
        margin-top: 20px;
    }
}

.step3 .credit-calculator__step_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.step3 .credit-calculator__step_block .flex-end {
    flex-grow: 1;
}

.modal .step4 .credit-calculator__step_block {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: min(72px, 3.75vw);
}

@media screen and (max-width: 1280px) {
    .modal .step4 .credit-calculator__step_block {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .modal .step4 .credit-calculator__step_block {
        flex-direction: column-reverse;
    }
}

.modal .step4 .credit-calculator__payments {
    margin-top: 8px;
    width: calc(100% - 289px - min(72px, 3.75vw));
}

@media screen and (max-width: 1280px) {
    .modal .step4 .credit-calculator__payments {
        width: calc(100% - 270px);
    }
}

@media screen and (max-width: 1024px) {
    .modal .step4 .credit-calculator__payments {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .modal .step4 .credit-calculator__payments {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .modal .credit-table {
        max-height: unset;
    }
}

.modal .credit-table__btn-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.modal .credit-table__btn-wrap~.credit-table {
    margin-top: 16px;
}

.modal .credit-calculator__final {
    position: relative;
}

.modal .credit-calculator__final-sticky {
    top: 0;
    position: sticky;
    width: 289px;
    min-width: 289px;
    background: #0f498a;
    padding: 24px;
    border-radius: 16px;
}

@media screen and (max-width: 1280px) {
    .modal .credit-calculator__final-sticky {
        width: 250px;
        min-width: 250px;
        padding: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .modal .credit-calculator__final-sticky {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        gap: 0 20px;
    }
}

.modal .credit-calculator__final_name {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 16px;
}

@media screen and (max-width: 1024px) {
    .modal .credit-calculator__final_name {
        width: 100%;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .modal .credit-calculator__final_name {
        font-size: 18px;
    }
}

.modal .credit-calculator__final_prop {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 16px;
}

@media screen and (max-width: 450px) {
    .modal .credit-calculator__final_prop {
        font-size: 12px;
    }
}

.modal .credit-calculator__final_prop p:nth-last-child(1) {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media screen and (max-width: 450px) {
    .modal .credit-calculator__final_prop p:nth-last-child(1) {
        font-size: 14px;
        font-weight: 700;
    }
}

.modal .credit-table__btn_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.modal .credit-table__btn_wrap~.credit-table {
    display: none;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .modal .credit-table__btn_wrap~.credit-table {
        display: block;
    }
}

.modal .credit-table__btn_wrap.show .credit-table__btn_hide {
    display: block;
}

.modal .credit-table__btn_wrap.show .credit-table__btn_show {
    display: none;
}

.modal .credit-table__btn_wrap.show~.credit-table {
    display: block;
    margin-top: 16px;
}

.modal .step2 .credit-calculator__step_top {
    margin-bottom: 0;
}

@media screen and (max-width: 450px) {
    .modal .credit-calculator__step_bank-logo {
        margin: 0;
    }
}

.success-modal .modal-inner {
    max-width: min(400px, 96vw);
    padding: 40px;
}

@media screen and (max-width: 450px) {
    .success-modal .modal-inner {
        padding: 20px 16px;
    }
}

.success-modal .modal-inner>.modal__close {
    top: 10px;
    right: 10px;
}

.success-modal .modal-inner>.modal__close svg {
    fill: #8b8b8b;
}

@media screen and (max-width: 450px) {
    .success-modal .callback__title {
        max-width: calc(100% - 28px);
    }
}

.modal .btn-green.modal__close {
    position: static;
    margin-top: 40px;
    width: max-content;
    height: 46px;
}

.modal .btn-green.modal__close::after {
    content: none;
}

.contact-block {
    display: flex;
    align-items: stretch;
    gap: 30px;
}

@media screen and (max-width: 1024px) {
    .contact-block {
        flex-direction: column-reverse;
    }
}

.custom-scroll .simplebar-scrollbar::before {
    content: "";
    opacity: 1;
    border-radius: 4px;
    background: rgb(196, 212, 147);
}

.custom-scroll .simplebar-track.simplebar-horizontal {
    height: 6px;
}

.custom-scroll .simplebar-track.simplebar-vertical {
    width: 6px;
    background: white;
}

.custom-scroll .simplebar-scrollbar {
    background: rgb(196, 212, 147);
    border-radius: 4px;
}

.callback>div {
    max-width: 975px;
}

.callback {
    flex-grow: 1;
    border-radius: 20px;
    background: #F5F5F7;
    padding: min(40px, 2.1vw) min(60px, 3.15vw);
}

@media screen and (max-width: 600px) {
    .callback {
        padding: 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .callback {
        width: calc(100% + 32px);
        margin-left: -16px;
        gap: 32px;
    }
}

@media screen and (max-width: 450px) {
    .callback .grey-text {
        margin-top: -10px;
    }
}

.callback__title {
    color: #0f498a;
    font-size: min(32px, 1.9vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: min(32px, 1.9vw);
}

@media (max-width: 1440px) {
    .callback__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .callback__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 450px) {
    .callback__title {
        font-size: 22px;
        line-height: 120%;
        margin-bottom: 24px;
    }
}

.callback__form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px 30px;
}

@media screen and (max-width: 600px) {
    .callback__form {
        gap: 24px;
    }
}

.callback__form_inp {
    width: calc((100% - 60px) / 3);
    min-width: 210px;
    flex-grow: 1;
}

.callback__form_inp .callback__form_name {
    color: #1D1D1F;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .callback__form_inp .callback__form_name {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) {
    .callback__form_inp .callback__form_name {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .callback__form_inp .callback__form_name {
        display: none;
    }
}

.callback__form_inp .btn-green {
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-wrap {
    position: relative;
    margin-top: 12px;
}

@media screen and (max-width: 1024px) {
    .input-wrap {
        margin-top: 6px;
    }
}

@media screen and (max-width: 450px) {
    .input-wrap {
        margin-top: 0;
    }
}

.input-wrap._err input {
    border-color: #E3473D;
}

.input-wrap .iti {
    width: 100%;
}

.input-wrap input,
.input-wrap textarea {
    width: 100%;
    border-radius: 1000px;
    border: 1px solid #C3C3C3;
    padding: 12px 16px;
    font-family: "Formular";
    color: #1D1D1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 48px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 450px) {

    .input-wrap input,
    .input-wrap textarea {
        padding: 12px 25px;
    }
}

.input-wrap input::placeholder,
.input-wrap textarea::placeholder {
    color: #8B8B8B;
}

.input-wrap textarea {
    height: 84px;
    border-radius: 16px;
    resize: none;
}

.input-wrap .iti__flag {
    border-radius: 3px;
    margin-right: 4px;
}

.input-wrap .iti--allow-dropdown .iti__flag-container,
.input-wrap .iti--separate-dial-code .iti__flag-container {
    left: 8px;
}

.input-wrap .iti--separate-dial-code .iti__selected-flag,
.input-wrap .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: unset;
}

.callback__form_check {
    margin-top: 24px;
    color: #1D1D1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .callback__form_check {
        margin-top: 7px;
    }
}

.callback__form_check a {
    color: #0f498a;
    text-decoration: underline;
}

.callback__form_check a:hover {
    text-decoration: none;
}

.checkbox._err span::before {
    border-color: #E3473D;
}

.checkbox input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    left: -1px;
}

.checkbox input:checked~span::before {
    background: #0f498a;
    border-color: #0f498a;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2457_10289)'%3E%3Crect width='20' height='20' rx='4' fill='%230f498a'/%3E%3Cpath d='M16.9121 5.2457C17.2366 5.57024 17.2366 6.09643 16.9121 6.42097L7.49972 15.8333L3.50424 11.8379C3.17958 11.5132 3.17958 10.9868 3.50424 10.6621C3.82863 10.3378 4.35446 10.3374 4.67924 10.6614L7.49972 13.475L15.7371 5.24542C16.0617 4.92114 16.5876 4.92126 16.9121 5.2457Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2457_10289'%3E%3Crect width='20' height='20' rx='4' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox span {
    padding-left: 28px;
    position: relative;
    cursor: pointer;
}

.checkbox span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    min-width: 18px;
    display: block;
    height: 18px;
    border-radius: 4px;
    background: white;
    border: 1px solid #C3C3C3;
}

.grey-text {
    color: #8B8B8B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .grey-text {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .grey-text {
        font-size: 16px;
    }
}

.grey-text a {
    display: inline;
    text-decoration: underline;
    color: #8B8B8B;
}

.grey-text a:hover {
    color: #0f498a;
}

.callback__success .callback__title,
.callback__err .callback__title {
    margin-bottom: 16px;
}

.callback__success p,
.callback__err p {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.callback__success .callback__return,
.callback__err .callback__return {
    margin-top: 40px;
    width: max-content;
}

.callback__err .callback__title {
    color: #E3473D;
}

.callback-modal {
    overflow: hidden;
}

@media screen and (min-width: 601px) {
    .callback-modal {
        display: none !important;
    }
}

.callback-modal.show-modal .modal-inner {
    opacity: 1;
    transform: translateY(0);
}

.callback-modal .modal-inner {
    padding: 24px 16px;
    border-radius: 20px 20px 0px 0px;
    background-color: #f5f5f7;
    margin-top: auto;
    max-height: 100%;
    overflow: auto;
    opacity: 0;
    transform: translateY(80%);
    transition: 0.5s;
}

.callback-modal .modal__close {
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
}

.callback-modal .modal__close svg {
    fill: #343c4b;
}

.callback-modal .callback {
    width: 100%;
    margin: 0;
    padding: 0;
}

.callback-modal .callback__title {
    color: #1d1d1f;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 24px;
    padding-right: 24px;
}

.callback-modal .callback__form_inp {
    width: 100%;
}

.callback-modal .callback .grey-text {
    margin: 0 0 16px;
}

.callback-header {
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 600px) {
    .callback-header {
        align-items: flex-end;
    }
}

.callback-header .callback__err .callback__title {
    color: #E3473D;
}

.callback-header.show-modal .modal-inner {
    opacity: 1;
}

@media screen and (max-width: 600px) {
    .callback-header.show-modal .modal-inner {
        transform: translateY(0%);
    }
}

.callback-header .modal-inner {
    padding: 40px;
    border-radius: 20px;
    background-color: #f5f5f7;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: clip;
    opacity: 0;
    transition: 0.5s;
    width: 400px;
    max-width: 100vw;
}

@media screen and (max-width: 600px) {
    .callback-header .modal-inner {
        margin-top: auto;
        transform: translateY(100%);
        border-radius: 20px 20px 0 0;
        width: 100%;
        padding: 24px 16px;
    }
}

.callback-header .modal__close {
    top: 17px;
    right: 17px;
    width: 30px;
    height: 30px;
}

@media screen and (max-width: 600px) {
    .callback-header .modal__close {
        top: 8px;
        right: 8px;
        width: 24px;
        height: 24px;
    }
}

.callback-header .modal__close::after {
    content: "";
    position: absolute;
    inset: -10px;
    z-index: -1;
}

.callback-header .modal__close svg {
    fill: #343c4b;
}

.callback-header .callback__form_name {
    line-height: 130%;
}

.callback-header .callback {
    width: 100%;
    margin: 0;
    padding: 0;
}

.callback-header .callback__title {
    color: #0f498a;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 600px) {
    .callback-header .callback__title {
        font-size: 22px;
        color: #1D1D1F;
    }
}

.callback-header .callback__form_inp {
    width: 100%;
}

.callback-header .callback__form {
    flex-direction: column;
    align-items: flex-start;
    gap: 31px;
}

@media screen and (max-width: 600px) {
    .callback-header .callback__form {
        gap: 24px;
    }
}

.callback-header .callback__form .btn-green {
    margin-top: 10px;
}

@media screen and (max-width: 600px) {
    .callback-header .callback__form .btn-green {
        margin-top: 14px;
    }
}

.callback-header .callback .callback__form_inp {
    order: 1;
}

.callback-header .callback .callback__form_check {
    order: 2;
    margin-top: 7px;
}

@media screen and (max-width: 600px) {
    .callback-header .callback .callback__form_check {
        order: 1;
        margin-top: 0;
    }
}

.callback-header .callback .grey-text {
    order: 3;
    margin-top: -19px;
}

@media screen and (max-width: 600px) {
    .callback-header .callback .grey-text {
        order: 1;
        margin-top: -8px;
    }
}

.xxl.callback-form .modal-inner {
    width: 744px;
}

.xxl.callback-form .callback__form.form-val {
    flex-direction: row;
    gap: 31px 24px;
}

.xxl.callback-form .callback__form_inp {
    width: calc(50% - 12px);
}

.xxl.callback-form .callback__form_inp:first-of-type {
    width: 100%;
}

.xxl.callback-form .callback__form_inp:last-of-type {
    width: 100%;
}

.xxl.callback-form .callback__title {
    margin-bottom: 24px;
}

.bottom-menu {
    display: none;
    font-family: "Formular";
}

@media screen and (max-width: 600px) {
    .bottom-menu {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 66px;
        background: white;
        border-radius: 20px 20px 0 0;
        z-index: 1000;
        box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    }
}

.bottom-menu .bottom-menu__title,
.bottom-menu h3 {
    color: #1D1D1F;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 16px;
}

.bottom-menu .bottom-menu__subtitle,
.bottom-menu h4 {
    color: #1D1D1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bottom-menu .bottom-menu__text,
.bottom-menu ul,
.bottom-menu p {
    color: #1D1D1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.bottom-menu__bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
}

.bottom-menu__bar_trigger {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 50px;
    min-width: max-content;
}

.bottom-menu__bar_trigger.centered {
    width: 58px;
    height: 58px;
    background: #0f498a;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
}

.bottom-menu__bar_trigger.centered span {
    color: white;
}

.bottom-menu__bar_trigger.current span {
    color: #0f498a;
}

.bottom-menu__bar_trigger.current img {
    filter: invert(55%) sepia(93%) saturate(335%) hue-rotate(34deg) brightness(93%) contrast(92%);
}

.bottom-menu__bar_trigger svg {
    width: 24px;
    height: 24px;
}

.bottom-menu__bar_trigger span {
    color: #1D1D1F;
    font-size: max(9px, 2.05vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bottom-menu__content {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    transition: 0.3s;
    opacity: 0;
    align-items: flex-end;
}

.bottom-menu__content.open {
    opacity: 1;
}

.bottom-menu__content.open .bottom-menu__content_inner {
    transform: translateY(0);
}

.bottom-menu__content ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.bottom-menu__content ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.bottom-menu__content .bottom-conditions .btn-green {
    margin-top: 24px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    transition: 0.3s;
    border-radius: 48px;
    background: #0f498a;
    padding: 0;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-menu__content .bottom-conditions .btn-green:hover {
    background: #0f498a;
}

.bottom-menu__content_inner {
    max-height: min(100%, 565px);
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    background: #F7F7F7;
    overflow-y: auto;
    position: relative;
    padding: 24px 16px;
    transform: translateY(100%);
    transition: 0.4s;
    max-height: 80vh;
}

.bottom-menu__content_inner .catalog-filter__container {
    padding: 0;
}

.bottom-menu__content_inner .filter-cont {
    padding: 0;
    margin-top: 0;
}

.bottom-menu__content_inner .filter-cont .catalog-filter__item .catalog-filter__item_title {
    color: #1D1D1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 8px;
}

.bottom-menu__close {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 8px;
    top: 8px;
}

.bottom-menu__elem {
    display: none;
}

.bottom-menu__elem.active {
    display: block;
}

.bottom-more__links {
    display: flex;
    flex-direction: column;
}

.bottom-more__link {
    display: flex;
    gap: 8px;
    border-top: 1px solid #C3C3C3;
    color: #1D1D1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 20px 0;
}

.bottom-more__link:nth-child(1) {
    border-top: unset;
    padding-top: 12px;
}

.flats {
    width: 100%;
    overflow-x: clip;
}

.flats .flats__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: min(30px, 1.6vw);
    margin-top: 16px;
}

@media screen and (max-width: 1024px) {
    .flats .flats__wrap {
        gap: 24px;
    }
}

@media screen and (max-width: 600px) {
    .flats .flats__wrap {
        margin-top: 30px;
    }
}

@media (max-width: 550px) {
    .flats .flats__wrap {
        gap: 24px;
        margin-top: 18px;
    }
}

@media (max-width: 1440px) {
    .flats .flats__wrap .flat .tooltip {
        position: static;
    }

    .flats .flats__wrap .flat .flat-card__prices {
        position: relative;
    }

    .flats .flats__wrap .flat .tooltip-block {
        left: 0;
        top: 100%;
        transform: translateX(-15px);
        max-width: 22vw;
    }

    .flats .flats__wrap .flat .tooltip-block .tooltip-block__svg {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .flats .flats__wrap .flat .tooltip-block {
        max-width: 30vw;
    }
}

@media screen and (max-width: 768px) {
    .flats .flats__wrap .flat .tooltip-block {
        max-width: 46vw;
    }
}

@media screen and (max-width: 600px) {
    .flats .flats__wrap .flat .tooltip-block {
        max-width: min(90vw, 300px);
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .flats .flats__wrap.list-view .flat {
        display: flex;
        flex-direction: row;
        gap: 40px;
        width: 100%;
        padding: 24px;
        display: flex;
        position: relative;
        border-radius: 16px;
        border: 1px solid var(--stroke-line-light, #c3c3c3);
        transition: border 0.3s, box-shadow 0.3s;
    }
}

@media screen and (min-width: 601px) and (max-width: 600px) {
    .flats .flats__wrap.list-view .flat {
        flex-direction: column;
    }
}

@media (min-width: 601px) and (hover: hover) {
    .flats .flats__wrap.list-view .flat:hover .flat-card {
        border: unset;
        box-shadow: unset;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card {
        border: unset;
        border-radius: unset;
        padding: 0;
        flex-direction: row;
        align-items: flex-start;
        padding-right: 95px;
        gap: 40px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1280px) {
    .flats .flats__wrap.list-view .flat-card {
        gap: 16px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card {
        flex-direction: column;
        gap: 32px;
        padding-right: 0px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__row {
        display: none;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__imgs {
        width: 167px;
        min-width: 167px;
    }

    .flats .flats__wrap.list-view .flat-card__imgs .swiper-slide {
        height: 163px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__badges {
        display: none;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__bottom_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_side {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 32px;
    }
}

@media screen and (min-width: 601px) and (max-width: 600px) {
    .flats .flats__wrap.list-view .flat-card__main_side {
        width: 100%;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__prices {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 4px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_top {
        grid-area: title;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 24px;
    }

    .flats .flats__wrap.list-view .flat-card__main_top .flat-card__booked {
        display: flex;
    }

    .flats .flats__wrap.list-view .flat-card__main_top .flat-card__hash {
        display: flex;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__title {
        padding-bottom: 0;
        border: unset;
        max-width: max-content;
        transition: color 0.2s;
    }
}

@media (min-width: 601px) and (hover: hover) {
    .flats .flats__wrap.list-view .flat-card__title:hover {
        color: #0f498a;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__content {
        display: grid;
        grid-gap: 20px 40px;
        grid-template-areas: "title cost" "deskr cost";
        grid-template-columns: 1fr 300px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .flats .flats__wrap.list-view .flat-card__content {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card__content {
        width: 100%;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__bottom {
        grid-area: cost;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .flats .flats__wrap.list-view .flat-card__bottom {
        flex-direction: row;
        gap: 12px 24px;
        margin-top: 16px;
        flex-wrap: wrap;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__prices-block {
        flex-grow: unset;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 740px;
        gap: 8px min(50px, 2.6vw);
        grid-area: deskr;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr {
        max-width: 100%;
        flex-direction: column;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col:nth-child(1) {
        width: 202px;
        flex-grow: 1;
        max-width: 488px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col:nth-child(1) {
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col:nth-child(2) {
        flex-grow: 30;
        max-width: 488px;
        min-width: 355px;
    }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .flats .flats__wrap.list-view .flat-card__main_deskr .flat-card__main_deskr-col:nth-child(2) {
        width: 100%;
        max-width: 100%;
        min-width: unset;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .sale .flat-card__prices {
        padding-left: 20px;
    }
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .flats .flats__wrap.list-view .sale .flat-card__prices {
        padding-left: 0;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_prop {
        display: flex;
        align-items: flex-start;
        position: relative;
        justify-content: space-between;
        gap: 24px;
    }

    .flats .flats__wrap.list-view .flat-card__main_prop::before {
        content: "";
        width: 100%;
        position: absolute;
        left: 0;
        top: 14px;
        height: 1px;
        background: linear-gradient(to right, #c3c3c3 50%, white 50%);
        background-size: 6px 2px;
        z-index: 1;
    }

    .flats .flats__wrap.list-view .flat-card__main_prop span,
    .flats .flats__wrap.list-view .flat-card__main_prop a {
        position: relative;
        z-index: 2;
        background: white;
    }

    .flats .flats__wrap.list-view .flat-card__main_prop .flat-card__main_prop-name {
        padding-right: 8px;
        color: var(--text-icon-dark-secondary, #707070);
        font-size: min(18px, 0.95vw);
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }
}

@media (min-width: 601px) and (max-width: 1440px) {
    .flats .flats__wrap.list-view .flat-card__main_prop .flat-card__main_prop-name {
        font-size: 16px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_prop .flat-card__main_prop-deskr {
        padding-left: 8px;
        color: var(--text-icon-dark-primary, #1d1d1f);
        font-size: min(18px, 0.95vw);
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        text-align: right;
    }
}

@media (min-width: 601px) and (max-width: 1440px) {
    .flats .flats__wrap.list-view .flat-card__main_prop .flat-card__main_prop-deskr {
        font-size: 16px;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main_prop a.flat-card__main_prop-deskr {
        text-decoration: underline;
        transition: color 0.3s;
    }
}

@media (min-width: 601px) and (hover: hover) {
    .flats .flats__wrap.list-view .flat-card__main_prop a.flat-card__main_prop-deskr:hover {
        color: #0f498a;
    }
}

@media (min-width: 601px) {
    .flats .flats__wrap.list-view .flat-card__main {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        flex-grow: 1;
    }
}

.flats .flats__wrap .flat-card__prices-block_changeable {
    display: grid;
}

@media screen and (max-width: 450px) {
    .flats .flats__wrap .flat-card__prices-block_changeable {
        margin-top: 6px;
    }
}

.flats .flats__wrap .flat-card__badges {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-top: 4px;
}

.flats .flats__wrap .flat-card__prices-block_cur {
    grid-area: 1/-1;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: 0.1s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.flats .flats__wrap .flat-card__prices-block_cur.active {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.flats .flats__wrap .flat-card__prices-block_cur.sale .flat-card__prices {
    padding-left: 18px;
}

.flats .flats__wrap .flat-card__prices-block_cur.sale .flat-card__prices_main::before {
    content: "";
    left: -18px;
    top: 4px;
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 15L7 10L3 8.5L10 1L9 6L13 7.5L6 15Z' fill='%23FFC815' stroke='%23FFC815' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.flats .flats__wrap .flat-card__main_deskr {
    display: none;
}

.flats .flats__wrap .flat-card__bottom_btn {
    display: none;
}

.flats .flats__wrap .flat-card__prices-block_trigger {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .flats .flats__wrap .flat-card__prices-block_trigger {
        font-size: 16px;
    }
}

.flats .flats__wrap .flat-card__bottom {
    flex-grow: 1;
}

.flats .flats__wrap .flat-card__bottom .price__drop {
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    background: var(--text-icon-light-primary, #fff);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
}

.flats .flats__wrap .flat-card__bottom .price__final {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    padding-right: 12px;
    transition: color 0.3s;
}

@media screen and (max-width: 450px) {
    .flats .flats__wrap .flat-card__bottom .price__final {
        font-size: 16px;
    }
}

@media (hover: hover) {
    .flats .flats__wrap .flat-card__bottom .price__final:hover {
        color: #0f498a;
    }
}

.flats .flats__wrap .flat-card__bottom .price__final::after {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #0f498a transparent transparent transparent;
    transform: rotate(0deg);
    pointer-events: none;
}

.flats .flats__wrap .flat-card__bottom .show-drop .price__final::after {
    transform: scale(1, -1);
}

.flats .flats__wrap .flat-card__bottom .price__drop {
    border-radius: 8px;
}

.flats .flats__wrap .flat-card__bottom .price__drop .price__option {
    display: block;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.flats .flats__wrap .flat-card__bottom .price__drop .price__option span {
    padding: 8px 12px;
}

.flats .flats__wrap .flat-card__bottom .price__drop .price__option input:checked~span {
    background: #f5f5f5;
}

.flats .flats__wrap .flat-card__main_top .flat-card__hash {
    display: none;
}

.flats .flats__wrap .flat-card__main_top .flat-card__booked {
    display: none;
}

.flats .flats__wrap .flat {
    width: calc((100% - min(90px, 4.8vw)) / 4);
}

@media screen and (max-width: 1024px) {
    .flats .flats__wrap .flat {
        width: calc((100% - 48px) / 3);
    }
}

@media screen and (max-width: 768px) {
    .flats .flats__wrap .flat {
        width: calc((100% - 30px) / 2);
    }
}

@media (max-width: 550px) {
    .flats .flats__wrap .flat {
        width: 100%;
    }
}

@media (max-width: 1440px) and (min-width: 1025px) {
    .flats .flats__wrap .flat:nth-child(4n) .in-fav span {
        max-width: 190px;
        white-space: normal;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .flats .flats__wrap .flat:nth-child(3n) .in-fav span {
        max-width: 190px;
        white-space: normal;
    }
}

@media (max-width: 768px) and (min-width: 551px) {
    .flats .flats__wrap .flat:nth-child(2n) .in-fav span {
        max-width: 190px;
        white-space: normal;
    }
}

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

@media screen and (max-width: 1024px) {
    .flats__controls {
        padding: 0;
    }
}

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

@media screen and (max-width: 600px) {
    .flats__controls .flats__view {
        display: none;
    }
}

.flats__controls .flats__view_contol {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (hover: hover) {
    .flats__controls .flats__view_contol:hover svg {
        stroke: #0f498a;
    }
}

.flats__controls .flats__view_contol.active svg {
    stroke: #0f498a;
}

.flats__controls .flats__view_contol svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    stroke-width: 1.75;
    stroke: #1d1d1f;
    fill: none;
    transition: stroke 0.3s;
}

.flats__sort {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 20;
    min-height: 40px;
    max-width: calc(100% - 104px);
}

@media screen and (max-width: 1280px) {
    .flats__sort {
        min-height: 33px;
    }
}

@media screen and (max-width: 600px) {
    .flats__sort {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        max-width: 100%;
    }
}

.flats__clear {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    color: #0f498a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
}

@media (hover: hover) {
    .flats__clear:hover {
        color: #0f498a;
    }

    .flats__clear:hover svg {
        stroke: #0f498a;
    }
}

.flats__clear svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #0f498a;
    transition: stroke 0.3s;
}

.js-select {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.custom-select {
    position: relative;
    z-index: 2;
    flex-grow: 1;
    display: flex;
    order: 2;
    justify-content: flex-end;
}

@media screen and (max-width: 600px) {
    .custom-select {
        justify-self: flex-end;
        width: 100%;
    }
}

.custom-select.show .custom-select__wrap {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: all;
}

.custom-select.show .custom-trigger::after {
    transform: scale(1, -1);
}

.custom-select.choosen .custom-trigger {
    color: #1d1d1f;
}

.custom-select.choosen~.flats__sort_result {
    display: block;
}

.flats__sort_result {
    margin-top: 24px;
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    display: none;
}

@media screen and (max-width: 1280px) {
    .flats__sort_result {
        font-size: 26px;
    }
}

.custom-trigger {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #8b8b8b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 26px;
    position: relative;
}

@media screen and (max-width: 600px) {
    .custom-trigger {
        gap: 10px;
    }
}

.custom-trigger::before {
    content: "";
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7 11L5 13L3 11' stroke='%230f498a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 3V13' stroke='%230f498a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 5L11 3L13 5' stroke='%230f498a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 13V3' stroke='%230f498a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.custom-trigger::after {
    content: "";
    width: 26px;
    height: 28px;
    min-width: 16px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='16' viewBox='0 0 26 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='16' fill='url(%23paint0_linear_10902_16143)'/%3E%3Cpath d='M23 6L18 11L13 6' stroke='%231D1D1F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10902_16143' x1='0' y1='8' x2='9.5' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    transform: scale(1, 1) translateY(-1px);
    background-position: right center;
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
}

.custom-select__wrap {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    pointer-events: none;
    position: absolute;
    left: 0;
    top: calc(100% + 21px);
    transition: 0.3s;
    background: white;
    max-height: 230px;
    overflow-y: auto;
    width: 285px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    padding-top: 4px;
    padding-bottom: 4px;
}

.custom-select__wrap::-webkit-scrollbar {
    width: 4px;
    background: transparent;
}

.custom-select__wrap::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 40px;
}

.custom-select__wrap::-webkit-scrollbar-corner {
    background: transparent;
}

.custom-select__wrap .custom-option {
    padding: 12px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s;
    cursor: pointer;
}

.custom-select__wrap .custom-option:hover {
    color: #0f498a;
}

.custom-select__wrap .custom-option.checked {
    background: var(--20, rgba(137, 170, 40, 0.2));
    color: #1d1d1f;
}

.custom-select__wrap .custom-option[data-value=default] {
    display: none;
}

.flats__show-more {
    margin-top: 32px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 46px;
    padding: 12px 22px;
}

@media screen and (max-width: 450px) {
    .flats__show-more {
        font-size: 15px;
        padding: 12px;
    }
}

.flat {
    position: relative;
}

.flat:hover {
    z-index: 2;
}

@media (hover: hover) {
    .flat:hover .flat-card {
        border-color: #c3c3c3;
        box-shadow: inset 0px 0px 0px 1px transparent;
    }
}

.flat .flat-controls {
    position: absolute;
    z-index: 16;
    transform: translateZ(1px);
    top: min(20px, 1.05vw);
    right: min(24px, 1.26vw);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media screen and (max-width: 1024px) {
    .flat .flat-controls {
        top: 12px;
        right: 12px;
    }
}

@media (max-width: 550px) {
    .flat .flat-controls {
        top: 16px;
        right: 16px;
        gap: 16px;
    }
}

.flat .flat-card {
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    transition: 0.3s;
    padding: 20px min(24px, 1.25vw) min(24px, 1.25vw);
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100%;
}

@media screen and (max-width: 768px) {
    .flat .flat-card {
        padding: 20px;
    }
}

@media (max-width: 550px) {
    .flat .flat-card {
        padding: 16px;
    }
}

.flat .flat-card__imgs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
}

@media (max-width: 550px) {
    .flat .flat-card__imgs {
        gap: 5px;
    }
}

.flat .flat-card__imgs .swiper-wrapper {
    height: unset;
}

.flat .flat-card__imgs .swiper-slide {
    width: 100%;
    height: min(249px, 13vw);
}

@media (max-width: 1440px) {
    .flat .flat-card__imgs .swiper-slide {
        height: 200px;
    }
}

@media screen and (max-width: 600px) {
    .flat .flat-card__imgs .swiper-slide {
        height: 192px;
    }
}

.flat .flat-card__imgs .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

.flat .flat-card__imgs .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    gap: min(12px, 0.7vw);
}

@media screen and (max-width: 1024px) {
    .flat .flat-card__imgs .swiper-pagination {
        gap: 8px;
    }
}

@media screen and (max-width: 600px) {
    .flat .flat-card__imgs .swiper-pagination {
        gap: 12px;
    }
}

.flat .flat-card__imgs .swiper-pagination .swiper-pagination-bullet {
    background: var(--stroke-line-light, #c3c3c3);
    opacity: 1;
    margin: 0 !important;
    display: block;
}

.flat .flat-card__imgs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0f498a;
}

.flat .flat-card__content {
    margin-top: min(20px, 1.06vw);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    flex-grow: 1;
}

@media (max-width: 1440px) {
    .flat .flat-card__content {
        gap: 12px;
        margin-top: 16px;
    }
}

@media screen and (max-width: 600px) {
    .flat .flat-card__content {
        margin-top: 20px;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__content {
        gap: 6px;
    }
}

.flat .flat-card__prices-block {
    gap: min(8px, 4.2vw);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    flex-grow: 1;
}

@media (max-width: 1440px) {
    .flat .flat-card__prices-block {
        gap: 8px;
    }
}

.flat .flat-card__prices-block .price__select {
    margin-left: 4px;
}

.flat .flat-card__hash {
    border-radius: 1000px;
    background: rgba(137, 170, 40, 0.1);
    padding: 4px 12px;
    display: flex;
    gap: 8px;
    align-items: center;
    max-width: max-content;
    color: var(--Primary-Main, #0f498a);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.flat .flat-card__hash svg {
    width: 16px;
    height: 16px;
    fill: #0f498a;
}

.flat .flat-card__booked {
    border-radius: 100px;
    background: var(--text-icon-light, #e9e9e9);
    padding: 4px 12px;
    display: flex;
    gap: 6px;
    align-items: center;
    max-width: max-content;
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 550px) {
    .flat .flat-card__booked {
        margin-top: 6px;
    }
}

.flat .flat-card__booked svg {
    width: 16px;
    height: 16px;
    stroke: var(--text-icon-dark-secondary, #707070);
    fill: none;
}

.flat .flat-card__title {
    color: var(--text-icon-dark-primary, #1d1d1f);
    text-align: left;
    font-size: min(24px, 1.28vw);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    width: 100%;
    transition: color 0.3s;
}

@media (max-width: 1440px) {
    .flat .flat-card__title {
        font-size: 19px;
    }
}

@media screen and (max-width: 768px) {
    .flat .flat-card__title {
        padding-bottom: 12px;
    }
}

@media screen and (max-width: 600px) {
    .flat .flat-card__title {
        text-align: left;
        font-size: 18px;
        line-height: normal;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__title {
        border: unset;
        padding-bottom: 0;
    }
}

@media (hover: hover) {
    .flat .flat-card__title:hover {
        color: #0f498a;
    }
}

.flat .flat-card__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid #c3c3c3;
}

@media (max-width: 550px) {
    .flat .flat-card__row {
        justify-content: flex-start;
        gap: 10px;
        padding-bottom: 14px;
        border-bottom: 1px solid #c3c3c3;
        margin-bottom: 3px;
    }
}

.flat .flat-card__main_min-size,
.flat .flat-card__main_min-floor {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: min(16px, 1vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media (max-width: 1440px) {

    .flat .flat-card__main_min-size,
    .flat .flat-card__main_min-floor {
        font-size: 16px;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__main_min-size {
        order: 2;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__main_min-floor {
        order: 3;
    }
}

.flat .flat-card__prices_main {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
    padding-right: 16px;
}

@media screen and (max-width: 768px) {
    .flat .flat-card__prices_main {
        font-size: 18px;
    }
}

.flat .flat-card__prices_main .tooltip {
    right: 0;
    top: 0;
    width: 16px;
}

.flat .flat-card__prices_main .tooltip-icon {
    width: 16px;
    height: 24px;
    color: var(--text-icon-dark-tetriary, #8b8b8b);
}

.flat .flat-card__prices_main-sale {
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    white-space: nowrap;
}

.flat .flat-card__prices_main-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 5px;
    transform-origin: left;
    transform: rotate(-7deg);
    background: #8b8b8b;
}

.flat .flat-card__prices_m2 {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.flat .flat-card__prices_m2-sale {
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    position: relative;
    white-space: nowrap;
}

.flat .flat-card__prices_m2-sale::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 5px;
    transform-origin: left;
    transform: rotate(-7deg);
    background: #8b8b8b;
}

.flat .flat-card__prices {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 8px;
}

@media (max-width: 550px) {
    .flat .flat-card__prices {
        justify-content: flex-start;
        gap: 10px 6px;
        flex-wrap: wrap;
    }
}

.flat .flat-card__main_min-rooms {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: min(16px, 1vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media (max-width: 1440px) {
    .flat .flat-card__main_min-rooms {
        font-size: 16px;
    }
}

@media (max-width: 550px) {
    .flat .flat-card__main_min-rooms {
        order: 1;
    }
}

.to-compare,
.to-fav,
.to-calc,
.to-del {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--Background-Light, #f5f5f7);
    transition: background 0.3s;
}

@media (hover: hover) {

    .to-compare:hover,
    .to-fav:hover,
    .to-calc:hover,
    .to-del:hover {
        z-index: 2;
    }

    .to-compare:hover svg,
    .to-fav:hover svg,
    .to-calc:hover svg,
    .to-del:hover svg {
        stroke: #0f498a;
    }

    .to-compare:hover span,
    .to-fav:hover span,
    .to-calc:hover span,
    .to-del:hover span {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s;
    }
}

.to-compare svg,
.to-fav svg,
.to-calc svg,
.to-del svg {
    width: 24px;
    height: 24px;
    display: block;
    fill: none;
    stroke-width: 1.5;
    stroke: #0f498a;
    transition: 0.3s;
}

.to-compare span,
.to-fav span,
.to-calc span,
.to-del span {
    position: absolute;
    padding: 16px;
    background: white;
    border-radius: 20px;
    color: var(--Text-Dark-Main, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media screen and (max-width: 1024px) {

    .to-compare span,
    .to-fav span,
    .to-calc span,
    .to-del span {
        display: none;
    }
}

.to-compare span::after,
.to-fav span::after,
.to-calc span::after,
.to-del span::after {
    content: attr(data-default);
}

.to-compare span::before,
.to-fav span::before,
.to-calc span::before,
.to-del span::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M7.29289 0.707106C7.68342 0.316582 8.31658 0.316582 8.70711 0.707107L16 8H0L7.29289 0.707106Z' fill='white'/%3E%3C/svg%3E");
}

.to-compare.compared,
.to-fav.compared,
.to-calc.compared,
.to-del.compared {
    background: #0f498a;
}

@media (hover: hover) {

    .to-compare.compared:hover,
    .to-fav.compared:hover,
    .to-calc.compared:hover,
    .to-del.compared:hover {
        background: #0f498a;
    }
}

.to-compare.compared svg,
.to-fav.compared svg,
.to-calc.compared svg,
.to-del.compared svg {
    stroke: #f5f5f7;
}

.to-compare.compared span::after,
.to-fav.compared span::after,
.to-calc.compared span::after,
.to-del.compared span::after {
    content: attr(data-del);
}

.to-compare.in-fav,
.to-fav.in-fav,
.to-calc.in-fav,
.to-del.in-fav {
    background: #0f498a;
}

@media (hover: hover) {

    .to-compare.in-fav:hover,
    .to-fav.in-fav:hover,
    .to-calc.in-fav:hover,
    .to-del.in-fav:hover {
        background: #0f498a;
    }
}

.to-compare.in-fav svg,
.to-fav.in-fav svg,
.to-calc.in-fav svg,
.to-del.in-fav svg {
    stroke: #f5f5f7;
    fill: #f5f5f7;
}

@media (max-width: 1440px) {

    .to-compare.in-fav span,
    .to-fav.in-fav span,
    .to-calc.in-fav span,
    .to-del.in-fav span {
        max-width: 115px;
        white-space: normal;
        text-align: center;
        padding: 11px 16px;
    }
}

.to-compare.in-fav span::after,
.to-fav.in-fav span::after,
.to-calc.in-fav span::after,
.to-del.in-fav span::after {
    content: attr(data-del);
}

@media (max-width: 1440px) {
    .to-calc span {
        max-width: 115px;
        white-space: normal;
        text-align: center;
        padding: 11px 16px;
    }
}

.empty-favs {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 380px;
    margin: 0 auto;
}

@media screen and (max-width: 600px) {
    .empty-favs {
        padding: 12px;
    }
}

.empty-favs .empty-favs__ico {
    width: 90px;
    height: 90px;
    fill: none;
    stroke: #0f498a;
    margin-bottom: 24px;
}

@media screen and (max-width: 600px) {
    .empty-favs .empty-favs__ico {
        width: 80px;
        height: 80px;
        margin-bottom: 16px;
    }
}

.empty-favs .empty-favs__title {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .empty-favs .empty-favs__title {
        font-size: 20px;
    }
}

.empty-favs .empty-favs__text {
    color: var(--text-icon-dark-secondary, #707070);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media screen and (max-width: 600px) {
    .empty-favs .empty-favs__text {
        font-size: 16px;
        line-height: normal;
    }
}

.empty-favs .btn-green {
    margin-top: 16px;
}

@media (hover: hover) {
    .calculator-p .price__select .price__drop {
        pointer-events: none;
    }

    .calculator-p .price__select:hover .price__btn::after {
        transform: scale(1, -1);
    }

    .calculator-p .price__select:hover .price__drop {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        z-index: 2;
    }
}

.calculator-p .price__select .price__btn:hover::after {
    transform: scale(1, -1);
}

.calculator-p .price__select .price__btn:hover~.price__drop {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    z-index: 2;
}

.calculator-p .price__option {
    display: block;
    width: 100%;
}

.calculator-p .price__drop {
    margin-top: -1px;
}

.calculator-p .price__btn {
    color: var(--unnamed, #1d1d1f);
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 12px;
    padding: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: unset;
    padding: 0;
    max-width: max-content;
    border-radius: 0;
}

.calculator-p .price__btn::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.70956 11.71L11.2996 14.3C11.6896 14.69 12.3196 14.69 12.7096 14.3L15.2996 11.71C15.9296 11.08 15.4796 10 14.5896 10H9.40956C8.51956 10 8.07956 11.08 8.70956 11.71Z' fill='%230f498a'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
}

.calculator-p .price__drop {
    pointer-events: all;
}

.calculator-p.container-main {
    margin-top: 16px;
}

.calculator-p .credit-calculator__step_banks::after {
    content: none;
}

.calculator-p .calculator-p__wrap {
    margin-top: 40px;
    border-radius: 20px;
    background: #F5F5F7;
    padding: min(40px, 2.1vw);
    display: flex;
    align-items: stretch;
    gap: min(63px, 3.3vw);
    position: relative;
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap {
        flex-direction: column;
        gap: 0;
    }
}

@media screen and (max-width: 768px) {
    .calculator-p .calculator-p__wrap {
        padding: 15px;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .calculator-p__wrap {
        background: transparent;
        padding: 0;
        margin-top: 28px;
    }
}

.calculator-p .calculator-p__wrap::before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 80px);
    top: 40px;
    left: calc(50% + 20px);
    background: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap::before {
        content: none;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap[data-active=step1] .calculator-p__wrap_back {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap[data-active=step1] .step1 {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap[data-active=step2] .step2 {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap[data-active=step3] .step3 {
        display: block;
    }
}

.calculator-p .calculator-p__wrap[data-active=step4] .calculator-p__wrap_result {
    display: block;
}

.calculator-p .step3 .credit-calculator__step_title {
    display: none;
}

@media screen and (max-width: 1024px) {
    .calculator-p .step3 .credit-calculator__step_title {
        display: flex;
    }
}

.calculator-p .credit-calculator__step_wrap {
    display: block;
    padding: 0;
}

.calculator-p .calculator-p__wrap_steps {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: calc((100% - min(63px, 3.3vw)) / 2 + 20px);
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap_steps {
        width: 100%;
    }
}

.calculator-p .calculator-p__wrap_result {
    width: calc((100% - min(63px, 3.3vw)) / 2 - 20px);
    position: relative;
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap_result {
        width: 100%;
        display: none;
    }
}

.calculator-p .calculator-p__wrap_result .hide {
    display: none;
}

.calculator-p .calculator-p__wrap_result-inner {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 100%;
    position: sticky;
    top: 30px;
}

.calculator-p .credit-calculator__step_title {
    color: #1D1D1F;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

@media (max-width: 1440px) {
    .calculator-p .credit-calculator__step_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-calculator__step_title {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_title {
        color: #1D1D1F;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        margin-bottom: 20px;
    }
}

.calculator-p .credit-calculator__step_title span {
    display: none;
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-calculator__step_title span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        border-radius: 100%;
        text-align: center;
        background: #0f498a;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        color: white;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-calculator__step {
        display: none;
        width: 100%;
    }
}

.calculator-p .calculator-p__btn-step {
    display: none;
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__btn-step {
        display: flex;
        padding: 12px 22px;
        align-items: center;
        background: #0f498a;
        border-radius: 100px;
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        gap: 8px;
        width: max-content;
        margin: 40px auto 0;
    }
}

.calculator-p .calculator-p__btn-step:hover {
    background: #0f498a;
}

.calculator-p .calculator-p__btn-step:active {
    background: #0f498a;
}

.calculator-p .calculator-p__btn-step svg {
    width: 24px;
    height: 24px;
    fill: white;
}

.calculator-p .credit-calculator__step_banks {
    margin-top: 2px;
    gap: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_banks {
        margin-top: -16px;
    }
}

.calculator-p .credit-calculator__step_row .input-wrap {
    margin-top: 8px;
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_row .input-wrap {
        margin-top: 0;
    }
}

.calculator-p .credit-calculator__step_row .input-wrap>input {
    border-radius: 100px;
    border: 1px solid #C3C3C3;
    background: transparent;
    height: 44px;
    color: #1D1D1F;
}

.calculator-p .credit-calculator__step_row .input-wrap>input::placeholder {
    color: #8B8B8B;
}

.calculator-p .credit-calculator__step_row .input-wrap>input.err {
    border-color: #E3473D;
}

.calculator-p .credit-calculator__step_bank {
    width: 100%;
}

.calculator-p .credit-calculator__step_bank:nth-last-child(1) .credit-calculator__step_bank-info {
    padding-bottom: 0;
}

.calculator-p .credit-calculator__step_text-grey {
    margin-top: 8px;
    color: #707070;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.calculator-p .credit-calculator__step_bank-info {
    padding: 17px 16px 16px 44px;
    border-radius: unset;
    border: unset;
    border-bottom: 1px solid #C3C3C3;
    box-shadow: unset;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-calculator__step_bank-info {
        padding-left: 35px;
        padding-right: 0;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_bank-info {
        padding-top: 19px;
        padding-bottom: 19px;
    }
}

.calculator-p .credit-calculator__step_bank-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.calculator-p .credit-calculator__step_bank-prop {
    color: #1D1D1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.calculator-p .credit-calculator__step_bank-deskr {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: 130%;
}

.calculator-p .credit-calculator__step_bank-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: calc((100% - 24px) / 3);
}

@media screen and (max-width: 768px) {
    .calculator-p .credit-calculator__step_bank-col {
        width: auto;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__step_bank-col {
        width: calc(50% - 6px);
    }
}

.calculator-p .credit-calculator__step_bank-logo {
    width: max-content;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .calculator-p .credit-calculator__step_bank-logo .credit-calculator__step_bank-prop {
        display: none;
    }
}

.calculator-p .credit-calculator__step_bank-logo img {
    width: auto;
    max-width: 103px;
    height: 29px;
    object-fit: contain;
    object-position: left;
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-calculator__step_bank-logo img {
        margin-bottom: 0;
    }
}

.calculator-p .credit-calculator__step_bank-other {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    gap: 12px;
}

.calculator-p .credit-calculator__step_bank:nth-last-child(1) .credit-calculator__step_bank-info {
    border-bottom: unset;
}

.calculator-p .credit-calculator__step_bank-check {
    left: 0;
    top: 16px;
    right: unset;
}

@media screen and (max-width: 768px) {
    .calculator-p .credit-calculator__step_bank-check {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 768px) {
    .calculator-p .credit-calculator__step_bank-check::after {
        width: 8px;
        height: 8px;
    }
}

.calculator-p .credit-calculator__step_bank input:checked~.credit-calculator__step_bank-info {
    background: unset;
    border: unset;
    border-bottom: 1px solid #C3C3C3;
}

.calculator-p .credit-calculator__payments {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 100%;
}

.calculator-p .credit-table__btn_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.calculator-p .credit-table__btn_wrap~.credit-table {
    display: none;
    width: 100%;
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table__btn_wrap~.credit-table {
        display: block;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table {
        min-width: 560px;
    }
}

.calculator-p .credit-table__btn_wrap.show~.credit-table {
    display: block;
}

.calculator-p .credit-table__btn_wrap.show .credit-table__btn_hide {
    display: block;
}

.calculator-p .credit-table__btn_wrap.show .credit-table__btn_show {
    display: none;
}

.calculator-p .credit-table__btn_hide {
    display: none;
}

.calculator-p .credit-table__wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 20px;
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table__wrap {
        overflow: scroll;
        width: 100%;
        height: 307px;
        align-items: unset;
    }

    .calculator-p .credit-table__wrap::-webkit-scrollbar {
        height: 6px;
        width: 6px;
        background: transparent;
    }

    .calculator-p .credit-table__wrap::-webkit-scrollbar-thumb {
        background: rgba(137, 170, 40, 0.5019607843);
        border-radius: 4px;
    }

    .calculator-p .credit-table__wrap::-webkit-scrollbar-corner {
        background: transparent;
    }
}

.calculator-p .credit-table__btn {
    border: unset;
    background: unset;
    color: #0f498a;
    margin-top: 19px;
    margin-bottom: 19px;
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-table__btn {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 600px) {
    .calculator-p .credit-table__btn {
        display: block;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table__btn {
        display: none;
    }
}

.calculator-p .credit-table__btn:hover {
    color: #0f498a;
}

.calculator-p .range__container input[type=number],
.calculator-p .range__container input[type=text] {
    background: transparent;
}

@media screen and (max-width: 1024px) {
    .calculator-p .range__container_title {
        color: #1D1D1F;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .step1__mobile-text {
        color: #1D1D1F;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .price__select {
        margin-left: 8px;
    }
}

@media screen and (max-width: 1024px) {
    .calculator-p .price__select .price__final {
        color: #1D1D1F;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.calculator-p .credit-table__btn.show .credit-table__btn_hide {
    display: block;
}

.calculator-p .credit-table__btn.show .credit-table__btn_show {
    display: none;
}

.calculator-p .credit-calculator__payments_common-col {
    display: flex;
    flex-direction: column;
    width: 33.3%;
    padding-right: 5px;
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-calculator__payments_common-col {
        width: 50%;
    }
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-calculator__payments_common-col:nth-last-child(1) {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-calculator__payments_common-col:nth-last-child(1) {
        width: 50%;
    }
}

.calculator-p .credit-calculator__btn {
    margin-top: 40px;
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-calculator__btn {
        width: max-content;
        font-size: 18px;
    }
}

.calculator-p .credit-table {
    max-height: unset;
}

@media screen and (max-width: 600px) {
    .calculator-p .credit-table {
        overflow: visible;
    }
}

.calculator-p .range__container {
    min-width: 300px;
    margin-bottom: 0;
}

.calculator-p .credit-table__th {
    color: #1D1D1F;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 16px min(24px, 1.25vw);
}

@media screen and (max-width: 450px) {
    .calculator-p .credit-table__th {
        line-height: 130%;
    }
}

.calculator-p .credit-table__td {
    padding: 16px min(24px, 1.25vw);
}

@media screen and (max-width: 1280px) {
    .calculator-p .credit-table__td {
        font-size: 14px;
    }
}

.calculator-p .credit-table__row .credit-table__td:nth-child(1) {
    width: min(100px, 6vw);
    min-width: min(100px, 6vw);
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-table__row .credit-table__td:nth-child(1) {
        width: 100px;
    }
}

.calculator-p .credit-table__head .credit-table__th:nth-child(1) {
    width: min(100px, 6vw);
    min-width: min(100px, 6vw);
}

@media screen and (max-width: 1024px) {
    .calculator-p .credit-table__head .credit-table__th:nth-child(1) {
        width: 100px;
    }
}

.calculator-p .calculator-p__wrap_back {
    display: none;
}

@media screen and (max-width: 1024px) {
    .calculator-p .calculator-p__wrap_back {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #8B8B8B;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 450px) {
    .calculator-p .calculator-p__wrap_back {
        margin-bottom: 26px;
    }
}

.calculator-p .calculator-p__wrap_back svg {
    width: 24px;
    height: 24px;
    fill: #8B8B8B;
    transform: scale(-1, 1);
}

.credit-calculator__payments_title {
    color: #1D1D1F;
    font-size: min(32px, 2vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 20px;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .credit-calculator__payments_title {
        color: #1D1D1F;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

.credit-calculator__payments_title span {
    display: none;
}

@media screen and (max-width: 1024px) {
    .credit-calculator__payments_title span {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        border-radius: 100%;
        text-align: center;
        background: #0f498a;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        color: white;
    }
}

.credit-calculator__payments_common-name {
    display: none;
}

@media screen and (max-width: 450px) {
    .credit-calculator__payments_common-name {
        display: block;
        width: 100%;
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.credit-calculator__payments_common {
    border-radius: 16px;
    background: #0f498a;
    padding: 20px min(24px, 1.25vw);
    display: flex;
    width: 100%;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__payments_common {
        flex-wrap: wrap;
        gap: 5px 0;
    }
}

@media screen and (max-width: 1024px) {
    .credit-calculator__payments_common {
        padding: 20px 24px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__payments_common {
        padding: 16px;
        gap: 12px 0;
    }
}

.credit-calculator__payments_common-text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .credit-calculator__payments_common-text {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.credit-calculator__payments_common-prop {
    color: #FFF;
    font-size: min(18px, 1.2vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 4px;
}

@media screen and (max-width: 1280px) {
    .credit-calculator__payments_common-prop {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .credit-calculator__payments_common-prop {
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.credit-calculator__payments_start {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}

.credit-calculator__payments_start p {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.live-banner {
    position: relative;
    width: 100%;
    min-height: 650px;
    border-radius: 20px;
    overflow: hidden;
    padding: 40px;
}

@media screen and (max-width: 768px) {
    .live-banner {
        padding: 32px 16px;
    }
}

@media screen and (max-width: 450px) {
    .live-banner {
        padding: 0;
        border-radius: 0;
        margin-top: -56px;
    }
}

.live-banner__title {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    /* 40px */
}

@media (max-width: 1440px) {
    .live-banner__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .live-banner__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 1024px) {
    .live-banner__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 450px) {
    .live-banner__title {
        font-weight: 700;
    }
}

.live-banner__text {
    color: #707070;
}

@media screen and (max-width: 600px) {
    .live-banner [data-closeable] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .live-banner [data-closeable] [data-closeable-conteiner] {
        overflow: hidden;
    }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
    .live-banner [data-closeable].closeable .live-info-text__close-btn {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .live-banner [data-closeable].closeable [data-closeable-conteiner] {
        max-height: var(--content-height, unset);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: var(--max-lines, 8);
        /* number of lines to show */
        line-clamp: var(--max-lines, 8);
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 600px) {
    .live-banner [data-closeable].closeable.active [data-closeable-conteiner] {
        max-height: unset;
        display: block;
    }
}

.live-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 450px) {
    .live-banner__bg {
        display: none;
    }
}

.live-banner__bg img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.live-banner__container {
    position: relative;
    padding: 32px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(6px);
    max-width: 696px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

@media screen and (max-width: 450px) {
    .live-banner__container {
        padding: 0;
        gap: 16px;
    }
}

@media screen and (max-width: 450px) {
    .live-banner__container .breadcrumbs {
        margin: 0;
    }
}

.live-banner__container .live-banner__bg {
    display: none;
}

@media screen and (max-width: 450px) {
    .live-banner__container .live-banner__bg {
        display: block;
        position: static;
        height: 94.4dvw;
        border-radius: 20px;
        overflow: hidden;
    }
}

.live-banner__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

@media screen and (max-width: 450px) {
    .live-banner__head {
        margin-bottom: 8px;
    }
}

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

@media screen and (max-width: 600px) {
    .live-info {
        gap: 24px;
    }
}

.live-info-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #707070;
}

@media screen and (max-width: 900px) {
    .live-info-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .live-info-text {
        order: 3;
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.live-info-text__inner {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.live-info-text__inner ul {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.live-info-text__inner ul li {
    position: relative;
    padding-left: 24px;
}

.live-info-text__inner ul li::before {
    content: "";
    position: absolute;
    top: 0.7rem;
    left: 0;
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background-color: #0f498a;
}

@media screen and (max-width: 600px) {
    .live-info-text__close {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .live-info-text__close .live-info-text__inner {
        overflow: hidden;
    }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
    .live-info-text__close.closeable .live-info-text__close-btn {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .live-info-text__close.closeable .live-info-text__inner {
        max-height: var(--content-height, unset);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: var(--max-lines, 8);
        /* number of lines to show */
        line-clamp: var(--max-lines, 8);
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 600px) {
    .live-info-text__close.closeable.active .live-info-text__inner {
        max-height: unset;
        display: block;
    }
}

.live-info-text__close-btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
    color: #0f498a;
    display: none;
}

.live-info-text__close-btn input {
    display: none;
}

.live-info-text__close-btn input:checked+span::before {
    content: attr(data-close-text);
}

.live-info-text__close-btn span::before {
    content: attr(data-open-text);
}

.live-info__swiper {
    position: relative;
}

.live-info__swiper .swiper-button {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    transition: 0.3s;
    transform: translateY(-30px);
}

@media screen and (max-width: 1280px) {
    .live-info__swiper .swiper-button {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 450px) {
    .live-info__swiper .swiper-button {
        display: none;
    }
}

.live-info__swiper .swiper-button::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(2px);
}

@media screen and (max-width: 1280px) {
    .live-info__swiper .swiper-button::after {
        font-size: 16px;
        transform: translateX(1px);
    }
}

.live-info__swiper .swiper-button:hover {
    background: #0f498a;
}

.live-info__swiper .swiper-button:hover::after {
    color: white;
}

.live-info__swiper .swiper-button.swiper-button-next {
    right: -50px;
}

@media (max-width: 1440px) {
    .live-info__swiper .swiper-button.swiper-button-next {
        right: 0;
    }
}

.live-info__swiper .swiper-button.swiper-button-prev {
    left: -50px;
}

@media (max-width: 1440px) {
    .live-info__swiper .swiper-button.swiper-button-prev {
        left: 0;
    }
}

.live-info__swiper .swiper-button.swiper-button-disabled {
    background: #f5f5f7;
    pointer-events: all;
}

.live-info__swiper .swiper-button.swiper-button-disabled:hover {
    background: #f5f5f7;
}

.live-info__swiper .swiper-button.swiper-button-disabled:hover::after {
    color: #1d1d1f;
}

.live-info__slider {
    width: 100%;
    overflow: hidden;
    margin-top: 8px;
}

@media screen and (max-width: 768px) {
    .live-info__slider {
        order: 2;
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .live-info__slider {
        width: calc(100% + 32px);
        margin: 0 -16px;
        padding: 0 16px;
    }
}

.live-info__slider .swiper-wrapper {
    align-items: stretch;
    height: 650px;
}

@media screen and (max-width: 1280px) {
    .live-info__slider .swiper-wrapper {
        height: 560px;
    }
}

@media screen and (max-width: 900px) {
    .live-info__slider .swiper-wrapper {
        height: 500px;
    }
}

@media screen and (max-width: 768px) {
    .live-info__slider .swiper-wrapper {
        height: 400px;
    }
}

.live-info__slider .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 12px;
    border-radius: 28px;
    background: #f5f5f7;
    gap: 12px;
    margin: 24px auto 0;
}

@media screen and (max-width: 600px) {
    .live-info__slider .swiper-pagination {
        margin-top: 16px;
    }
}

.live-info__slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    opacity: 1;
    margin: 0 !important;
}

.live-info__slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0f498a;
}

.live-info__img {
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    width: calc((100% - 60px) / 3);
}

@media screen and (max-width: 1280px) {
    .live-info__img {
        width: calc((100% - 30px) / 2);
    }
}

@media screen and (max-width: 768px) {
    .live-info__img {
        width: calc((100% - 16px) / 2);
    }
}

@media screen and (max-width: 600px) {
    .live-info__img {
        width: 96%;
    }
}

.live-info__img.live-info__img_xl {
    width: 100%;
}

@media screen and (max-width: 600px) {
    .live-info__img.live-info__img_xl {
        width: 96%;
    }
}

.live-info__img.live-info__img_sm {
    width: calc((100% - 30px) / 2);
}

@media screen and (max-width: 768px) {
    .live-info__img.live-info__img_sm {
        width: calc((100% - 16px) / 2);
    }
}

@media screen and (max-width: 600px) {
    .live-info__img.live-info__img_sm {
        width: 96%;
    }
}

.live-info__img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.live-infrastructure {
    /*
    background-color: transparent;
    border: 1px solid #0f498a;
    */
}

.company-home h3 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 15px;
}

@media screen and (max-width: 600px) {
    .live-infrastructure {
        width: 100%;
    }
}

.live-infrastructure .infrastructure__block_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.live-infrastructure .infrastructure__btn {
    margin-top: 32px;
}

@media screen and (max-width: 600px) {
    .live-infrastructure .infrastructure__btn {
        margin-top: 24px;
    }
}

.formats-wrap {
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .formats-wrap {
        margin-top: 24px;
    }
}

.formats-wrap .formats:nth-child(1) {
    margin-top: 0;
}

.formats-wrap .formats:nth-child(odd) .format-block:nth-child(5) {
    width: calc((100% - 60px) / 1.5 + 30px);
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(odd) .format-block:nth-child(5) {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(1) {
        order: 1;
    }
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(2) {
        order: 2;
    }
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(3) {
        order: 4;
    }
}

@media (max-width: 500px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(3) {
        order: 3;
    }
}

.formats-wrap .formats:nth-child(even) .format-block:nth-child(4) {
    width: calc((100% - 60px) / 1.5 + 30px);
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(4) {
        width: 100%;
        order: 3;
    }
}

@media (max-width: 500px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(4) {
        order: 4;
    }
}

@media screen and (max-width: 1024px) {
    .formats-wrap .formats:nth-child(even) .format-block:nth-child(5) {
        order: 5;
    }
}

.container-main~.formats-wrap.container-main {
    margin-top: 80px;
}

@media screen and (max-width: 1280px) {
    .container-main~.formats-wrap.container-main {
        margin-top: 56px;
    }
}

.container-main~.formats-wrap.container-main .formats {
    margin-top: 40px;
}

@media screen and (max-width: 600px) {
    .container-main~.formats-wrap.container-main .formats {
        margin-top: 24px;
    }
}

.breadcrumbs-outer+.container-main+.formats-wrap {
    margin-top: 0;
}

.formats {
    display: flex;
    flex-wrap: wrap;
    gap: min(64px, 3.34vw) 30px;
    margin-top: min(64px, 3.34vw);
}

@media screen and (max-width: 1280px) {
    .formats {
        gap: 20px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 600px) {
    .formats {
        gap: 10px;
        margin-top: 32px;
    }
}

@media (max-width: 500px) {
    .formats {
        gap: 32px;
        margin-top: 24px;
    }
}

.formats .format-block {
    width: calc((100% - 60px) / 3);
    position: relative;
    height: min(400px, 21vw);
}

@media (max-width: 1440px) {
    .formats .format-block {
        height: min(400px, 25.6vw);
    }
}

@media screen and (max-width: 1280px) {
    .formats .format-block {
        width: calc((100% - 40px) / 3);
    }
}

@media screen and (max-width: 1024px) {
    .formats .format-block {
        width: calc(50% - 15px);
        height: max(35vw, 200px);
    }
}

@media screen and (max-width: 600px) {
    .formats .format-block {
        gap: 10px;
        width: calc(50% - 5px);
    }
}

@media (max-width: 500px) {
    .formats .format-block {
        width: 100%;
        height: 240px;
    }
}

@media screen and (max-width: 450px) {
    .formats .format-block {
        height: 400px;
    }
}

.formats .text-block {
    background: #f5f5f7;
    border-radius: 20px;
}

@media screen and (max-width: 450px) {
    .formats .text-block {
        height: 230px;
    }
}

.formats .text-block .social-block__content {
    background: transparent;
    font-size: min(18px, 0.95vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: #1d1d1f;
}

@media screen and (max-width: 1280px) {
    .formats .text-block .social-block__content {
        font-size: 18px;
        line-height: 145%;
    }
}

@media screen and (max-width: 768px) {
    .formats .text-block .social-block__content {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .formats .text-block .social-block__content {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .formats .text-block .social-block__content {
        font-size: 16px;
        line-height: 130%;
    }
}

@media screen and (max-width: 450px) {
    .formats .text-block .social-block__content {
        padding: 12px;
    }
}

@media screen and (max-width: 1280px) {
    .formats .social-block__content {
        padding: 25px;
    }
}

@media screen and (max-width: 768px) {
    .formats .social-block__content {
        padding: 15px;
    }
}

@media screen and (max-width: 450px) {
    .formats .social-block__content {
        padding: 12px;
    }
}

.formats .social-block__content_title {
    color: #fff;
    font-size: min(24px, 1.25vw);
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .formats .social-block__content_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .formats .social-block__content_title {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .formats .social-block__content_title {
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

h1 {
    color: #1d1d1f;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media (max-width: 1440px) {
    h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1280px) {
    h1 {
        font-size: 46px;
    }
}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 38px;
    }
}

@media screen and (max-width: 600px) {
    h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 450px) {
    h1 {
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.slider__full-screen {
    width: calc(100% + 60px);
    margin-left: -30px;
    padding: 0 30px;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1440px) {
    .slider__full-screen {
        width: 100%;
        padding: 0;
        margin: 40px 0 0;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
        margin-top: 24px;
    }
}

@media screen and (max-width: 768px) {
    .slider__full-screen.two-imgs {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen.two-imgs {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.slider__full-screen.two-imgs .swiper-slide {
    width: calc((100% - 30px) / 2);
    aspect-ratio: 1/0.88;
}

@media screen and (max-width: 768px) {
    .slider__full-screen.two-imgs .swiper-slide {
        width: min(308px, 100vw - 32px);
        height: 400px;
        aspect-ratio: unset;
    }
}

@media screen and (max-width: 768px) {
    .slider__full-screen.three-imgs {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen.three-imgs {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.slider__full-screen.three-imgs .swiper-slide {
    width: calc((100% - 60px) / 3);
    aspect-ratio: 1/1.35;
}

@media screen and (max-width: 768px) {
    .slider__full-screen.three-imgs .swiper-slide {
        width: min(308px, 100vw - 32px);
        height: 400px;
        aspect-ratio: unset;
    }
}

.slider__full-screen .swiper-pagination {
    position: static;
    width: max-content;
    margin-top: 24px;
    border-radius: 28px;
    background: #f5f5f7;
    padding: 12px;
    display: flex;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .slider__full-screen .swiper-pagination {
        margin-top: 16px;
    }
}

.slider__full-screen .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #c3c3c3;
    transition: 0.3s;
}

.slider__full-screen .swiper-pagination .swiper-pagination-bullet:hover {
    background: #0f498a;
}

.slider__full-screen .swiper-pagination .swiper-pagination-bullet-active {
    background: #0f498a;
}

.slider__full-screen .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    right: 0;
    margin-top: 0;
    transform: translateY(calc(-50% - 30px));
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .slider__full-screen .swiper-button-next {
        right: 0;
    }
}

@media screen and (max-width: 1280px) {
    .slider__full-screen .swiper-button-next {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen .swiper-button-next {
        display: none;
    }
}

.slider__full-screen .swiper-button-next::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(2px);
}

@media screen and (max-width: 1280px) {
    .slider__full-screen .swiper-button-next::after {
        font-size: 16px;
        transform: translateX(1px);
    }
}

.slider__full-screen .swiper-button-next:hover {
    background: #0f498a;
}

.slider__full-screen .swiper-button-next:hover::after {
    color: white;
}

.slider__full-screen .swiper-button-prev {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    left: 0;
    margin-top: 0;
    transform: translateY(calc(-50% - 30px));
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .slider__full-screen .swiper-button-prev {
        left: 0;
    }
}

@media screen and (max-width: 1280px) {
    .slider__full-screen .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen .swiper-button-prev {
        display: none;
    }
}

.slider__full-screen .swiper-button-prev::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(-2px);
}

@media screen and (max-width: 1280px) {
    .slider__full-screen .swiper-button-prev::after {
        font-size: 16px;
        transform: translateX(-1px);
    }
}

.slider__full-screen .swiper-button-prev:hover {
    background: #0f498a;
}

.slider__full-screen .swiper-button-prev:hover::after {
    color: white;
}

.slider__full-screen .swiper-button-disabled {
    background: #f5f5f7;
    pointer-events: all;
}

.slider__full-screen .swiper-button-disabled:hover {
    background: #f5f5f7;
}

.slider__full-screen .swiper-button-disabled:hover::after {
    color: #1d1d1f;
}

.slider__full-screen .swiper-slide {
    border-radius: 20px;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1/0.43;
}

@media screen and (max-width: 768px) {
    .slider__full-screen .swiper-slide {
        aspect-ratio: 1/0.5;
    }
}

@media screen and (max-width: 600px) {
    .slider__full-screen .swiper-slide {
        width: min(308px, 100vw - 32px);
        height: 400px;
        aspect-ratio: unset;
    }
}

.slider__full-screen .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

@media screen and (max-width: 450px) {
    .hidden-text-block__inner {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        line-clamp: 10;
        -webkit-box-orient: vertical;
    }
}

@media screen and (max-width: 450px) {
    .hidden-text-block.show-text .hidden-text-block__inner {
        overflow: visible;
        line-clamp: unset;
        -webkit-line-clamp: unset;
        display: block;
    }
}

.hidden-text-block.show-text .hidden-text-block__button .hide {
    display: block;
}

.hidden-text-block.show-text .hidden-text-block__button .show {
    display: none;
}

.hidden-text-block__button {
    display: none;
}

@media screen and (max-width: 450px) {
    .hidden-text-block__button {
        color: #0f498a;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-top: 8px;
        text-decoration: none;
    }

    .hidden-text-block__button:hover {
        text-decoration: none;
    }
}

.hidden-text-block__button .hide {
    display: none;
}

@media screen and (max-width: 450px) {
    .hidden-text-block__button.show {
        display: block;
    }
}

.conditions-intro {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #fafafa;
    padding: 40px;
    aspect-ratio: 1/0.43;
}

@media screen and (max-width: 1280px) {
    .conditions-intro {
        aspect-ratio: unset;
        height: auto;
    }
}

@media screen and (max-width: 1024px) {
    .conditions-intro {
        padding: 30px;
    }
}

@media screen and (max-width: 768px) {
    .conditions-intro {
        background: transparent;
        padding: 0;
        border-radius: 0;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro {
        margin-top: -56px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro .breadcrumbs {
        margin-top: 0;
    }
}

.conditions-intro .conditions-intro__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .conditions-intro .conditions-intro__bg {
        width: min(328px, 43vw);
        height: min(340px, 44.6vw);
        right: 0;
        left: unset;
        border-radius: 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 600px) {
    .conditions-intro .conditions-intro__bg {
        display: none;
    }
}

.conditions-intro .conditions-intro__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}

@media screen and (max-width: 1024px) {
    .conditions-intro .conditions-intro__bg img {
        object-position: 80% 50%;
    }
}

.conditions-intro .conditions-intro__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: min(696px, 65%);
    height: 100%;
}

@media screen and (max-width: 1280px) {
    .conditions-intro .conditions-intro__content {
        min-height: 380px;
    }
}

@media screen and (max-width: 1024px) {
    .conditions-intro .conditions-intro__content {
        max-width: 60%;
    }
}

@media screen and (max-width: 768px) {
    .conditions-intro .conditions-intro__content {
        max-width: calc(100% - min(328px, 43vw) - 20px);
    }
}

@media screen and (max-width: 600px) {
    .conditions-intro .conditions-intro__content {
        max-width: 100%;
        min-height: unset;
    }
}

.conditions-intro .main-page__title {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-top: 16px;
    margin-bottom: 10px;
    flex-grow: unset;
}

@media screen and (max-width: 1024px) {
    .conditions-intro .main-page__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 768px) {
    .conditions-intro .main-page__title {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 600px) {
    .conditions-intro .main-page__title {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro .main-page__title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.conditions-intro p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .conditions-intro p {
        font-size: 14px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.conditions-intro .btn-green {
    margin-top: 32px;
}

@media screen and (max-width: 1024px) {
    .conditions-intro .btn-green {
        font-size: 18px;
        height: 46px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro .btn-green {
        order: 3;
    }
}

.conditions-intro__img-mob {
    display: none;
}

@media screen and (max-width: 600px) {
    .conditions-intro__img-mob {
        display: block;
        margin-bottom: 14px;
    }
}

.conditions-intro__img-mob img {
    width: 328px;
    height: 340px;
    border-radius: 20px;
}

@media screen and (max-width: 450px) {
    .conditions-intro__img-mob img {
        max-width: 100%;
        max-height: calc((100vw - 32px) * 1.04);
    }
}

.conditions-intro__bottom {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
}

@media screen and (max-width: 1280px) {
    .conditions-intro__bottom {
        margin-top: 32px;
    }
}

@media screen and (max-width: 768px) {
    .conditions-intro__bottom {
        width: calc(100vw - 40px);
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro__bottom {
        margin-top: 20px;
        order: 2;
    }
}

.conditions-intro__bottom ul {
    display: flex;
    align-items: flex-start;
    gap: 24px min(48px, 3vw);
}

@media screen and (max-width: 768px) {
    .conditions-intro__bottom ul {
        flex-wrap: wrap;
        gap: 24px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro__bottom ul {
        gap: 20px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro__bottom ul p {
        font-size: 14px;
        line-height: normal;
    }
}

.conditions-intro__bottom li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.conditions-intro__bottom .conditions-intro__condition {
    color: #1d1d1f;
    text-align: left;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .conditions-intro__bottom .conditions-intro__condition {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .conditions-intro__bottom .conditions-intro__condition {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-intro__bottom .conditions-intro__condition {
        font-size: 14px;
        line-height: normal;
        font-weight: 700;
    }
}

.conditions-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    grid-auto-rows: minmax(350px, 1fr);
}

@media screen and (max-width: 1280px) {
    .conditions-list {
        grid-gap: 16px;
    }
}

@media (max-width: 900px) {
    .conditions-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list {
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(306px, 1fr);
    }
}

@media screen and (max-width: 450px) {
    .conditions-list {
        grid-gap: 24px;
    }
}

.conditions-list p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .conditions-list p {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list p {
        font-size: 16px;
    }
}

.conditions-list ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    margin-top: 12px;
}

.conditions-list .conditions-list__block_title {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 12px;
}

@media screen and (max-width: 1280px) {
    .conditions-list .conditions-list__block_title {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .conditions-list .conditions-list__block_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list .conditions-list__block_title {
        font-size: 22px;
        line-height: 120%;
    }
}

.conditions-list .conditions-list__block {
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    padding: 24px;
}

@media screen and (max-width: 1280px) {
    .conditions-list .conditions-list__block {
        padding: 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .conditions-list .conditions-list__block {
        padding: 16px;
    }
}

@media (min-width: 901px) {
    .conditions-list .conditions-list__block:nth-child(odd) {
        background: #0f498a;
        border-color: #0f498a;
    }

    .conditions-list .conditions-list__block:nth-child(odd) p {
        color: rgba(255, 255, 255, 0.8);
    }

    .conditions-list .conditions-list__block:nth-child(odd) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(odd) .conditions-list__block_title {
        color: white;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list .conditions-list__block:nth-child(odd) {
        background: #0f498a;
        border-color: #0f498a;
    }

    .conditions-list .conditions-list__block:nth-child(odd) p {
        color: rgba(255, 255, 255, 0.8);
    }

    .conditions-list .conditions-list__block:nth-child(odd) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(odd) .conditions-list__block_title {
        color: white;
    }
}

@media (max-width: 900px) and (min-width: 601px) {

    .conditions-list .conditions-list__block:nth-child(1),
    .conditions-list .conditions-list__block:nth-child(4),
    .conditions-list .conditions-list__block:nth-child(5),
    .conditions-list .conditions-list__block:nth-child(8),
    .conditions-list .conditions-list__block:nth-child(9),
    .conditions-list .conditions-list__block:nth-child(12) {
        background: #0f498a;
        border-color: #0f498a;
    }

    .conditions-list .conditions-list__block:nth-child(1) p,
    .conditions-list .conditions-list__block:nth-child(4) p,
    .conditions-list .conditions-list__block:nth-child(5) p,
    .conditions-list .conditions-list__block:nth-child(8) p,
    .conditions-list .conditions-list__block:nth-child(9) p,
    .conditions-list .conditions-list__block:nth-child(12) p {
        color: rgba(255, 255, 255, 0.8);
    }

    .conditions-list .conditions-list__block:nth-child(1) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(1) .conditions-list__block_title,
    .conditions-list .conditions-list__block:nth-child(4) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(4) .conditions-list__block_title,
    .conditions-list .conditions-list__block:nth-child(5) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(5) .conditions-list__block_title,
    .conditions-list .conditions-list__block:nth-child(8) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(8) .conditions-list__block_title,
    .conditions-list .conditions-list__block:nth-child(9) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(9) .conditions-list__block_title,
    .conditions-list .conditions-list__block:nth-child(12) .conditions-list__block_subtitle,
    .conditions-list .conditions-list__block:nth-child(12) .conditions-list__block_title {
        color: white;
    }
}

.conditions-list .btn-green,
.conditions-list .btn-white {
    margin-top: 32px;
    max-width: max-content;
}

@media screen and (max-width: 768px) {

    .conditions-list .btn-green,
    .conditions-list .btn-white {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {

    .conditions-list .btn-green,
    .conditions-list .btn-white {
        font-size: 18px;
    }
}

.conditions-list .btn-green svg,
.conditions-list .btn-white svg {
    width: 24px;
    height: 24px;
}

.conditions-list .conditions-list__block_subtitle {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4px;
}

@media screen and (max-width: 1024px) {
    .conditions-list .conditions-list__block_subtitle {
        font-size: 15px;
    }
}

@media screen and (max-width: 600px) {
    .conditions-list .conditions-list__block_subtitle {
        font-size: 16px;
    }
}

.credits {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 40px;
}

@media screen and (max-width: 1280px) {
    .credits {
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .credits {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .credits {
        margin-top: 7px;
    }
}

.credits__col {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (max-width: 1280px) {
    .credits__col {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 768px) {
    .credits__col {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .credits__col {
        gap: 0;
    }
}

@media screen and (max-width: 450px) {
    .credits__col:nth-last-child(1) .credits__block:nth-last-child(1) {
        padding-bottom: 0;
        border-bottom: unset;
    }
}

.credits__block {
    width: 100%;
    border-radius: 24px;
    background: #f5f5f7;
    padding: 20px 80px 24px 24px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
}

@media screen and (max-width: 1280px) {
    .credits__block {
        padding: 15px 60px 15px 15px;
    }
}

@media screen and (max-width: 450px) {
    .credits__block {
        padding: 0;
        margin: 20px 0 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #c3c3c3;
        background: unset;
        border-radius: 0;
    }
}

.credits__block .credits__block_chars {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
}

.credits__block .credits__block_char:nth-child(1),
.credits__block .credits__block_char:nth-child(2),
.credits__block .credits__block_char:nth-child(3),
.credits__block .credits__block_char:nth-child(4) {
    display: flex;
}

@media screen and (max-width: 450px) {
    .credits__block .credits__block_char:nth-child(4) {
        display: none;
    }
}

.credits__block.dropped .credits__block_btn {
    display: block;
}

.credits__block.dropped .credits__block_char {
    display: flex;
}

.credits__block.dropped .credits__block_trigger {
    background-color: #0f498a;
    border-color: #0f498a;
}

.credits__block.dropped .credits__block_trigger svg {
    transform: scale(1, 1);
}

.credits__block.dropped .credits__block_trigger svg path {
    fill: #ffffff;
}

.credits__block .credits__block_trigger {
    position: absolute;
    top: 20px;
    right: 24px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

@media screen and (max-width: 1280px) {
    .credits__block .credits__block_trigger {
        right: 10px;
        top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .credits__block .credits__block_trigger {
        right: 15px;
        top: 15px;
    }
}

@media screen and (max-width: 450px) {
    .credits__block .credits__block_trigger {
        width: 32px;
        height: 32px;
        right: 0;
        top: -2px;
    }
}

.credits__block .credits__block_trigger:hover {
    border-color: #0f498a;
}

.credits__block .credits__block_trigger svg {
    transition: 0.3s;
    transform: scale(1, -1);
}

@media screen and (max-width: 450px) {
    .credits__block .credits__block_trigger svg {
        width: 12px;
    }
}

.credits__block .credits__block_trigger svg path {
    fill: #1d1d1f;
}

.credits__block_char {
    width: calc((100% - 24px) / 3);
    display: none;
    flex-direction: column;
    gap: 4px;
}

@media screen and (max-width: 1280px) {
    .credits__block_char {
        width: calc((100% - 12px) / 2);
    }
}

.credits__block_char.info {
    width: 100%;
}

.credits__block_char p,
.credits__block_char a {
    color: #707070;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.credits__block_char a:hover {
    color: #0f498a;
}

.credits__block_char .credits__block_subtile {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.credits__block_btn {
    width: 100%;
    margin-top: 8px;
    display: none;
}

.credits__block_btn .btn-green {
    width: max-content;
}

.credits__block_logo {
    width: 132px;
}

@media screen and (max-width: 450px) {
    .credits__block_logo {
        width: 103px;
    }
}

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

.credits__block_droppable {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s;
    overflow: hidden;
}

.credits__block_droppable-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 12px;
    min-height: 0;
}

.district-intro {
    margin-top: 40px;
}

.disctrict-adv {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media screen and (max-width: 768px) {
    .disctrict-adv {
        gap: 32px;
    }
}

.disctrict-adv__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .disctrict-adv__list {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .disctrict-adv__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .disctrict-adv__list {
        gap: 16px;
    }
}

@media screen and (max-width: 600px) {
    .disctrict-adv__list {
        grid-template-columns: 1fr;
    }
}

.disctrict-adv-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 23px;
    border-radius: 20px;
    border: 1px solid #c3c3c3;
}

@media screen and (max-width: 1280px) {
    .disctrict-adv-item {
        padding: 16px;
    }
}

@media screen and (max-width: 768px) {
    .disctrict-adv-item {
        padding: 15px;
    }
}

.disctrict-adv-item__icon {
    flex: none;
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
}

@media screen and (max-width: 1280px) {
    .disctrict-adv-item__icon {
        width: 70px;
        height: 70px;
    }
}

@media screen and (max-width: 768px) {
    .disctrict-adv-item__icon {
        width: 56px;
        height: 56px;
    }
}

.disctrict-adv-item__icon svg {
    width: 100%;
    height: 100%;
    fill: transparent;
    stroke: #0f498a;
}

.disctrict-adv-item__icon img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}

.disctrict-adv-item__title {
    color: #1d1d1f;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 12px;
}

@media screen and (max-width: 1280px) {
    .disctrict-adv-item__title {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .disctrict-adv-item__title {
        font-size: 20px;
    }
}

.disctrict-adv-item__text {
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.district-info {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media screen and (max-width: 768px) {
    .district-info {
        gap: 32px;
    }
}

.district-info .house-page__parameters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .district-info .house-page__parameters {
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .district-info .house-page__parameters {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .district-info .house-page__parameters {
        gap: 16px;
    }
}

@media screen and (max-width: 600px) {
    .district-info .house-page__parameters {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameters {
        gap: 0;
    }
}

.district-info .house-page__parameter {
    width: 100%;
    height: 100%;
    padding: 24px 32px 24px 24px;
    border-radius: 20px;
}

@media screen and (max-width: 1280px) {
    .district-info .house-page__parameter {
        padding: 24px 32px 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameter {
        border-radius: 0;
        padding: 0 0 16px;
        height: fit-content;
    }
}

.district-info .house-page__parameter_icon {
    flex: none;
    width: 50px;
    height: 50px;
}

@media screen and (max-width: 1280px) {
    .district-info .house-page__parameter_icon {
        width: 36px;
        height: 36px;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameter_icon {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameter_title {
        padding: 0;
    }
}

@media screen and (max-width: 450px) {
    .district-info .house-page__parameter_text {
        padding-left: 36px;
        padding-top: 2px;
    }
}

.concept__cards {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .concept__cards {
        gap: 16px;
    }
}

@media screen and (max-width: 450px) {
    .concept__cards {
        margin-top: 32px;
    }
}

.concept__card {
    width: calc((100% - 60px) / 3);
    border-radius: 20px;
    border: 1px solid #C3C3C3;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 24px;
}

@media screen and (max-width: 1280px) {
    .concept__card {
        padding: 16px;
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .concept__card {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 450px) {
    .concept__card {
        width: 100%;
        max-width: 328px;
        gap: 24px;
        padding: 15px;
    }
}

.concept__card p,
.concept__card .concept__card_title {
    color: #1D1D1F;
    font-size: min(32px, 1.8vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 1280px) {

    .concept__card p,
    .concept__card .concept__card_title {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {

    .concept__card p,
    .concept__card .concept__card_title {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {

    .concept__card p,
    .concept__card .concept__card_title {
        font-size: 20px;
        line-height: 130%;
    }
}

.concept__card svg,
.concept__card img {
    width: min(80px, 5vw);
    height: min(80px, 5vw);
    display: block;
    object-fit: contain;
}

@media screen and (max-width: 1280px) {

    .concept__card svg,
    .concept__card img {
        width: 55px;
        height: 55px;
    }
}

@media screen and (max-width: 1024px) {

    .concept__card svg,
    .concept__card img {
        width: 48px;
        height: 48px;
    }
}

.house-intro.art {
    position: relative;
}

.house-intro.art .house-intro__img {
    overflow-y: visible;
}

.house-intro.art .art-text {
    position: absolute;
    border-radius: 18px;
    background: #F5F5F7;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 292px;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .house-intro.art .art-text {
        width: 240px;
        padding: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro.art .art-text {
        width: 230px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro.art .art-text {
        border-radius: 12px;
        padding: 7px;
        width: 180px;
        gap: 5px;
    }
}

.house-intro.art .svg-img {
    flex-wrap: nowrap;
}

.house-intro.art .svg-wrapper__inner {
    width: unset;
}

.house-intro.art .svg-wrapper {
    overflow: unset;
    position: unset;
}

@media screen and (max-width: 450px) {
    .house-intro.art .svg-img img {
        height: 530px;
        width: auto;
    }
}

.house-intro.art .art-text1 {
    left: 4%;
    bottom: 69.5%;
}

@media screen and (max-width: 1280px) {
    .house-intro.art .art-text1 {
        left: 2%;
    }
}

.house-intro.art .art-text2 {
    left: 20.4%;
    bottom: 81.5%;
}

.house-intro.art .art-text3 {
    left: 44.9%;
    bottom: 75.5%;
}

.house-intro.art .art-text4 {
    left: 65.9%;
    bottom: 68%;
}

.house-intro.art .art-text5 {
    left: 18.6%;
    top: 65.5%;
}

.house-intro.art .art-text6 {
    left: 47.6%;
    top: 76.5%;
}

.house-intro.art .art-text__name {
    color: #C76C94;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .house-intro.art .art-text__name {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro.art .art-text__name {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .house-intro.art .art-text__name {
        font-size: 10px;
    }
}

.house-intro.art .art-text__descr {
    color: #1D1D1F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .house-intro.art .art-text__descr {
        font-size: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .house-intro.art .art-text__descr {
        font-size: 11px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 768px) {
    .house-intro.art .art-text__descr {
        font-size: 9px;
        line-height: 1.3;
    }
}

.formats-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 68px;
}

@media screen and (max-width: 768px) {
    .formats-slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 600px) {
    .formats-slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 52px;
    }
}

.formats-slider .formats {
    gap: 0;
    flex-wrap: nowrap;
    margin-top: 40px;
}

@media screen and (max-width: 600px) {
    .formats-slider .formats {
        margin-top: 24px;
    }
}

.formats-slider .format-block {
    width: auto;
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    .formats-slider .format-block {
        width: calc(50vw - 20px - 8px);
        height: 400px;
    }
}

@media screen and (max-width: 600px) {
    .formats-slider .format-block {
        width: min(308px, 100dvw - 32px);
    }
}

.formats-slider .swiper-pagination {
    display: flex;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
}

.formats-slider .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.formats-slider .swiper-pagination-bullet-active {
    background: #0f498a;
}

@media screen and (max-width: 450px) {
    .main-page .container-main:nth-child(1) .banner {
        margin-top: -56px;
    }
}

.banner {
    border-radius: 20px;
    position: relative;
    min-height: min(650px, 47vw);
    width: 100%;
    padding: 40px;
    overflow: hidden;
}

@media screen and (max-width: 1280px) {
    .banner {
        min-height: min(650px, 50vw);
    }
}

@media screen and (max-width: 1024px) {
    .banner {
        padding: 20px;
        min-height: min(650px, 65vw);
    }
}

@media screen and (max-width: 768px) {
    .banner {
        padding: 0;
        border-radius: unset;
    }
}

.banner .banner__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media screen and (max-width: 768px) {
    .banner .banner__bg {
        display: none;
    }
}

.banner__img {
    display: none;
}

@media screen and (max-width: 768px) {
    .banner__img {
        display: block;
        width: 100%;
        height: 80vw;
        border-radius: 20px;
        overflow: hidden;
        margin-top: 8px;
    }
}

@media screen and (max-width: 450px) {
    .banner__img {
        height: 97vw;
    }
}

.banner__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner__content {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(6px);
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 2;
    max-width: min(696px, 100%);
}

@media screen and (max-width: 1024px) {
    .banner__content {
        padding: 20px 16px;
    }
}

@media screen and (max-width: 768px) {
    .banner__content {
        background: unset;
        border-radius: 0;
        backdrop-filter: unset;
        padding: 0;
    }
}

.banner__content .breadcrumbs {
    margin-top: 0;
}

.banner__info_top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px 16px;
}

@media screen and (max-width: 768px) {
    .banner__info_top {
        position: relative;
        width: 100%;
    }
}

.banner__info_top.col {
    flex-direction: column-reverse;
}

.banner__info_title {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 1280px) {
    .banner__info_title {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .banner__info_title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        /* 33.8px */
    }
}

.banner__info {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (max-width: 450px) {
    .banner__info {
        line-height: 24px;
    }
}

.banner__info .btn-green {
    margin-top: 8px;
    max-width: max-content;
}

.banner__info .btn-green svg {
    width: 24px;
    height: 24px;
}

.banner__tags {
    display: flex;
    gap: 8px 16px;
}

@media screen and (max-width: 768px) {
    .banner__tags {
        position: absolute;
        top: calc(100% + 48px);
        right: 24px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.banner__tag {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    display: block;
    padding: 8px 16px;
    color: #0f498a;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.infoblock-bg {
    background: #f5f5f7;
    padding: 20px 40px;
}

.infoblock {
    display: flex;
    padding: 40px 60px;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 20px;
    background: #f5f5f7;
    gap: 20px;
}

@media screen and (max-width: 1280px) {
    .infoblock {
        padding: min(40px, 4vw) min(60px, 5vw);
    }
}

@media screen and (max-width: 768px) {
    .infoblock {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .infoblock {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 24px 16px;
    }
}

@media screen and (max-width: 450px) {
    .infoblock .main-page__title {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.infoblock__img {
    display: block;
    width: min(423px, 22.1vw);
    min-width: min(423px, 22.1vw);
    height: min(403px, 16vw);
    border-radius: 20px;
    overflow: hidden;
}

.infoblock__img-1 {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

@media (max-width: 1440px) {
    .infoblock__img {
        width: 300px;
        min-width: 300px;
        height: 285px;
    }
}

@media screen and (max-width: 450px) {
    .infoblock__img {
        width: 100%;
        height: 340px;
    }
}

/*.infoblock__img img {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    object-position: center;*/
/*}*/

.infoblock__content {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media screen and (max-width: 1280px) {
    /*
    .infoblock__content {
        font-size: 18px;
    }
    */
}

@media screen and (max-width: 1024px) {
    /*
    .infoblock__content {
        font-size: 16px;
    }
    */
}

.facing__point_close {
    display: none;
}

@media screen and (max-width: 768px) {
    .facing__point_close {
        display: block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.2987 5.70973C17.9087 5.31973 17.2787 5.31973 16.8887 5.70973L11.9988 10.5897L7.10875 5.69973C6.71875 5.30973 6.08875 5.30973 5.69875 5.69973C5.30875 6.08973 5.30875 6.71973 5.69875 7.10973L10.5888 11.9997L5.69875 16.8897C5.30875 17.2797 5.30875 17.9097 5.69875 18.2997C6.08875 18.6897 6.71875 18.6897 7.10875 18.2997L11.9988 13.4097L16.8887 18.2997C17.2787 18.6897 17.9087 18.6897 18.2987 18.2997C18.6887 17.9097 18.6887 17.2797 18.2987 16.8897L13.4087 11.9997L18.2987 7.10973C18.6787 6.72973 18.6787 6.08973 18.2987 5.70973Z' fill='%23343C4B'/%3E%3C/svg%3E");
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: 8px;
        right: 8px;
    }
}

@media screen and (max-width: 768px) {
    .facing {
        position: relative;
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) and (max-width: 600px) {
    .facing {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.facing .house-intro__img_hint {
    display: none;
}

@media screen and (max-width: 768px) {
    .facing .house-intro__img_hint {
        display: flex;
        position: absolute;
        height: calc(100% - 70px);
        width: 100%;
        left: 0;
        top: 70px;
        transition: opacity 0.3s;
    }
}

@media screen and (max-width: 600px) {
    .facing .house-intro__img_hint {
        height: calc(100% - 67px);
        top: 67px;
    }
}

.facing .house-intro__img_hint.hide {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.facing.concrete .facing__point:nth-child(1) {
    left: 61%;
    top: 25.3%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(1) .facing__point_dot {
        left: 61%;
        top: 25.3%;
    }
}

.facing.concrete .facing__point:nth-child(2) {
    left: 33%;
    top: 42.5%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(2) .facing__point_dot {
        left: 33%;
        top: 42.5%;
    }
}

.facing.concrete .facing__point:nth-child(3) {
    left: 47%;
    top: 28%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(3) .facing__point_dot {
        left: 47%;
        top: 28%;
    }
}

.facing.concrete .facing__point:nth-child(4) {
    left: 54.5%;
    top: 35%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(4) .facing__point_dot {
        left: 54.5%;
        top: 35%;
    }
}

.facing.concrete .facing__point:nth-child(5) {
    left: 52.4%;
    top: 49.5%;
}

@media screen and (max-width: 768px) {
    .facing.concrete .facing__point:nth-child(5) .facing__point_dot {
        left: 52.4%;
        top: 49.5%;
    }
}

.facing.concrete .facing__point_dot {
    background: rgba(210, 255, 78, 0.2);
}

.facing.concrete .facing__point_dot::before {
    background: rgb(178, 228, 30);
}

.facing.concrete .facing__point_dot::after {
    background: rgba(210, 255, 78, 0.2);
}

.facing__wrap {
    margin-top: 32px;
    position: relative;
    width: 100%;
    aspect-ratio: 1/0.53;
}

@media screen and (max-width: 768px) {
    .facing__wrap {
        aspect-ratio: unset;
        width: calc(100% + 40px);
        margin-left: -20px;
        height: 100%;
        overflow-x: scroll;
    }
}

@media screen and (max-width: 768px) and (max-width: 600px) {
    .facing__wrap {
        width: calc(100% + 32px);
        margin-left: -16px;
    }
}

.facing__wrap_photo {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .facing__wrap_photo {
        height: max-content;
        overflow: unset;
        width: fit-content;
        border-radius: 0;
        position: relative;
    }
}

.facing__wrap_photo img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 768px) {
    .facing__wrap_photo img {
        height: 680px;
        width: auto;
    }
}

.facing__points {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.facing__points .facing__point {
    position: absolute;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point {
        position: static;
    }
}

.facing__points .facing__point:hover .facing__point_block {
    pointer-events: all;
    opacity: 1;
}

.facing__points .facing__point:nth-child(1) {
    left: 28.5%;
    top: 79%;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point:nth-child(1) .facing__point_dot {
        left: 28.5%;
        top: 79%;
    }
}

.facing__points .facing__point:nth-child(1) .facing__point_dot::after {
    animation-delay: 0.1s;
}

.facing__points .facing__point:nth-child(2) {
    left: 53%;
    top: 46%;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point:nth-child(2) .facing__point_dot {
        left: 53%;
        top: 46%;
    }
}

.facing__points .facing__point:nth-child(2) .facing__point_dot::after {
    animation-delay: 0.3s;
}

.facing__points .facing__point:nth-child(3) {
    left: 59%;
    top: 90%;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point:nth-child(3) .facing__point_dot {
        left: 59%;
        top: 90%;
    }
}

.facing__points .facing__point:nth-child(3) .facing__point_dot::after {
    animation-delay: 0.45s;
}

.facing__points .facing__point:nth-child(4) {
    left: 75%;
    top: 32%;
}

@media screen and (max-width: 768px) {
    .facing__points .facing__point:nth-child(4) .facing__point_dot {
        left: 75%;
        top: 32%;
    }
}

.facing__point_block {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    max-width: max-content;
    width: 300px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    padding: 16px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    opacity: 0;
    transition: 0.3s;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .facing__point_block {
        opacity: 1;
        pointer-events: all;
        bottom: 0;
        left: 0;
        transform: translateY(103%);
        width: 100%;
        max-width: 100%;
        border-radius: 12px 12px 0 0;
        z-index: 2;
        box-shadow: unset;
        padding: 24px 16px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-bottom: 1px solid rgba(128, 128, 128, 0.1098039216);
    }
}

@media screen and (max-width: 768px) {
    .facing__point_block.show {
        transform: translateY(0);
    }
}

.facing__point_dot {
    width: 32px;
    height: 32px;
    position: relative;
    display: block;
    border-radius: 100%;
    background: rgba(137, 170, 40, 0.2);
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .facing__point_dot {
        position: absolute;
    }
}

.facing__point_dot::before {
    content: "";
    width: 18px;
    height: 18px;
    position: relative;
    display: block;
    border-radius: 100%;
    background: #0f498a;
    position: absolute;
    left: 7px;
    top: 7px;
}

.facing__point_dot::after {
    content: "";
    width: 32px;
    height: 32px;
    position: relative;
    display: block;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #0f498a;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    animation: pulse 1.4s infinite;
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.2;
    }
}

.collections__block {
    display: none;
    flex-direction: column;
}

@media screen and (max-width: 450px) {
    .collections__block {
        flex-direction: column-reverse;
    }
}

.collections__block.active {
    display: flex;
}

.collections__slider {
    margin-top: 32px;
}

@media screen and (max-width: 600px) {
    .collections__slider {
        margin-top: 16px;
    }
}

@media screen and (max-width: 450px) {
    .collections__slider~.collections__wrap {
        margin-top: 0;
    }
}

.collections__slide {
    padding: 6px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 2px solid transparent;
    max-width: max-content;
    transition: 0.3s;
}

@media screen and (max-width: 450px) {
    .collections__slide {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.collections__slide:hover {
    color: #0f498a;
}

.collections__slide.active {
    color: var(--Primary-Main, #0f498a);
    border-color: #0f498a;
}

.collections__wrap {
    margin-top: 32px;
    width: 100%;
}

@media screen and (max-width: 450px) {
    .collections__wrap {
        margin-top: 20px;
    }
}

.collections__block_text {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    columns: 2;
    column-gap: 60px;
}

@media screen and (max-width: 1280px) {
    .collections__block_text {
        font-size: 16px;
        column-gap: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .collections__block_text {
        column-gap: 30px;
    }
}

@media screen and (max-width: 600px) {
    .collections__block_text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        columns: unset;
    }
}

.collections__block_text p {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .collections__block_text p {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .collections__block_text p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.collections__block_text a {
    color: #0f498a;
    text-decoration: underline;
}

.collections__block_text a:hover {
    text-decoration: none;
}

.collections__block_text ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 0;
    margin-top: 12px;
}

@media screen and (max-width: 1280px) {
    .collections__block_text ul {
        gap: 6px;
    }
}

.collections__block_text ul li {
    padding-left: 24px;
    position: relative;
    font-size: 15px;
}

.collections__block_text ul li::before {
    content: "";
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background: #0f498a;
    position: absolute;
    left: 0;
    top: 11px;
}

.collections__block_text ol {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: decimal;
    padding-left: 20px;
    margin-top: 12px;
}

@media screen and (max-width: 1280px) {
    .collections__block_text ol {
        gap: 6px;
    }
}

.collections__block_text ol li {
    position: relative;
    list-style: decimal;
}

.collections__block_text ol li::marker {
    background: #0f498a;
    color: #0f498a;
}

.collections__block_slider {
    width: 100%;
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .collections__block_slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
        padding-bottom: 68px;
    }
}

@media screen and (max-width: 768px) and (max-width: 600px) {
    .collections__block_slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px 68px;
    }
}

@media screen and (max-width: 768px) and (max-width: 450px) {
    .collections__block_slider {
        padding-bottom: 58px;
        margin-top: 24px;
    }
}

.collections__block_slider .swiper-wrapper {
    gap: 30px;
}

@media screen and (max-width: 1280px) {
    .collections__block_slider .swiper-wrapper {
        gap: 20px;
    }
}

@media (min-width: 769px) {
    .collections__block_slider .swiper-wrapper {
        transform: unset !important;
    }
}

@media screen and (max-width: 768px) {
    .collections__block_slider .swiper-wrapper {
        gap: 0;
    }
}

.collections__block_slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 768px) {
    .collections__block_slider .swiper-pagination {
        display: flex;
    }
}

.collections__block_slider .swiper-pagination-bullets {
    display: flex;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
}

.collections__block_slider .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.collections__block_slider .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.collections__block_slider .swiper-pagination-bullet-active {
    background: #0f498a;
}

.collections__block_slide {
    width: calc((100% - 60px) / 3);
    height: auto;
    overflow: hidden;
    flex-grow: 1;
}

@media screen and (max-width: 1280px) {
    .collections__block_slide {
        width: calc((100% - 40px) / 3);
    }
}

@media screen and (max-width: 768px) {
    .collections__block_slide {
        width: min(300px, 100vw - 32px);
    }
}

@media (min-width: 769px) {
    .collections__block_slide {
        margin-right: 0 !important;
    }
}

.collections__block_slide img {
    width: 100%;
    height: min(650px, 31vw);
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

@media (max-width: 1440px) {
    .collections__block_slide img {
        height: min(650px, 41vw);
    }
}

@media screen and (max-width: 768px) {
    .collections__block_slide img {
        height: 400px;
    }
}

.collections__block_footnote {
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 12px;
    padding: 0 20px;
}

.faq .btn-white {
    font-size: 18px;
    margin-top: 16px;
    height: 48px;
}

.faq__wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 997px;
    margin-top: 40px;
}

@media screen and (max-width: 450px) {
    .faq__wrap {
        margin-top: 32px;
    }
}

.faq__el {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    padding: 24px;
    background: #f5f5f7;
}

@media screen and (max-width: 450px) {
    .faq__el {
        padding: 16px;
    }
}

.faq__el[hidden] {
    display: none;
}

.faq__el.drop .faq__block_inner {
    padding-top: 20px;
}

.faq__el.drop .faq__block {
    grid-template-rows: 1fr;
}

.faq__el.drop .faq__trigger::after {
    transform: scale(1, -1);
}

.faq__trigger {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    cursor: pointer;
}

@media screen and (max-width: 450px) {
    .faq__trigger {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
    }
}

.faq__trigger::after {
    content: "";
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.faq__block {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s;
    overflow: hidden;
}

@media screen and (max-width: 450px) {
    .hidden-text-block__inner {
        max-height: 236px;
    }
}

@media screen and (max-width: 450px) {
    .hidden-text-block.show-text .hidden-text-block__inner {
        max-height: unset;
    }
}

.faq__block_inner {
    min-height: 0px;
    transition: 0.3s;
}

.faq__block_inner * {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.faq__block_inner a {
    color: #0f498a;
}

.faq__block_inner a:hover {
    color: #0f498a;
}

.constructor {
    padding: 32px 40px;
    border-radius: 20px;
    background: #f5f5f7;
    width: 100%;
    overflow: clip;
}

@media screen and (max-width: 1280px) {
    .constructor {
        padding: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor {
        position: relative;
    }
}

@media screen and (max-width: 450px) {
    .constructor {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 24px 16px;
    }
}

.constructor.final .constructor__tabs {
    display: none;
}

.constructor.final .constructor__block.active {
    display: none;
}

.constructor.final .constructor__block.final {
    display: flex;
    position: relative;
    z-index: 2;
    opacity: 1;
    pointer-events: all;
    margin-top: 32px;
}

@media screen and (max-width: 1024px) {
    .constructor.final .constructor__block.final {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 450px) {
    .constructor.final .constructor__block.final {
        margin-top: 34px;
        gap: 0;
    }
}

.constructor__wrap {
    position: relative;
}

.constructor__block {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    display: flex;
    gap: 24px;
}

@media screen and (max-width: 1280px) {
    .constructor__block {
        gap: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__block {
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .constructor__block {
        gap: 40px;
    }
}

.constructor__block.active {
    position: relative;
    z-index: 2;
    opacity: 1;
    pointer-events: all;
}

.constructor__block.final .constructor__right {
    border-radius: 20px;
    background: #fff;
    padding-top: 20px;
    padding-left: 32px;
}

@media (max-width: 1440px) {
    .constructor__block.final .constructor__right {
        padding-left: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__block.final .constructor__right {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__block.final .constructor__right {
        background: transparent;
        padding: 0;
        border-radius: unset;
    }
}

.constructor__block.final .constructor__right_scrollable {
    overflow-y: auto;
    max-height: 100%;
    margin-bottom: 16px;
    margin-right: 16px;
    padding-right: 10px;
}

@media screen and (max-width: 1024px) {
    .constructor__block.final .constructor__right_scrollable {
        margin-right: 6px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__block.final .constructor__right_scrollable {
        margin-right: 0;
        padding-right: 0;
    }
}

.constructor__block.final .constructor__right_scrollable::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background: transparent;
}

.constructor__block.final .constructor__right_scrollable::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 4px;
}

.constructor__block.final .constructor__right_scrollable::-webkit-scrollbar-corner {
    background: transparent;
}

.constructor__block.final .constructor__left {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.constructor__block.final .constructor__left p {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.constructor__block.final .constructor__left .constructor__title {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .constructor__block.final .constructor__left .constructor__title {
        font-size: 22px;
    }
}

.constructor__block.final .constructor__left .callback__form {
    margin-top: 16px;
    flex-grow: 1;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.constructor__block.final .constructor__left .callback__form_inp {
    width: 100%;
    max-width: 320px;
    flex-grow: unset;
}

.constructor__block.final .constructor__left .callback__form-btn {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
}

.constructor__block.final .constructor__left .callback__form-btn button {
    max-width: max-content;
}

@media screen and (max-width: 450px) {
    .constructor__block.final .constructor__left .callback__form-btn button {
        width: 100%;
        max-width: unset;
    }
}

.constructor__block.final .constructor__left .callback__form_check {
    margin-top: 0;
}

.constructor__block.final .constructor__left .grey-text {
    margin-top: -16px;
}

.moz .final .constructor__right_scrollable {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

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

.final__top_title {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .final__top_title {
        font-size: 20px;
    }
}

.final__back {
    color: #0f498a;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: color 0.3s;
}

.final__back:hover {
    color: #0f498a;
}

.final-checked {
    margin-top: -8px;
}

.final-checked .final-step:nth-last-child(1) {
    border-bottom: unset;
}

.lb-disable-scrolling {
    padding-right: var(--pad);
}

.lb-disable-scrolling .header__inner {
    margin-right: var(--pad);
}

.lightboxOverlay {
    background: rgba(29, 29, 31, 0.4);
    opacity: 1;
}

.lightbox {
    position: fixed;
    top: 0 !important;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lightbox .lb-dataContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    padding-top: 40px;
    padding-right: 40px;
}

@media screen and (max-width: 768px) {
    .lightbox .lb-dataContainer {
        padding-top: 10px;
        padding-right: 10px;
    }
}

.lightbox .lb-close {
    width: 48px;
    height: 48px;
    opacity: 1;
}

.lightbox .lb-outerContainer {
    border-radius: 8px;
}

.lightbox .lb-nav a.lb-prev {
    opacity: 1;
    width: 60px;
    background-size: 40px;
    background-position-x: right;
}

.lightbox .lb-nav a.lb-next {
    opacity: 1;
    width: 60px;
    background-size: 40px;
    background-position-x: left;
}

.final-step {
    padding: 24px 0;
    border-bottom: 1px solid rgba(112, 112, 112, 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: 20px 24px;
    position: relative;
    padding-left: min(244px, 204px + 2.1vw);
    min-height: 202px;
}

@media (max-width: 1440px) {
    .final-step {
        gap: 20px 10px;
    }
}

@media screen and (max-width: 1280px) {
    .final-step {
        padding-left: 280px;
        min-height: 244px;
        gap: 12px;
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 1024px) {
    .final-step {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    .final-step {
        padding-left: 224px;
    }
}

@media screen and (max-width: 600px) {
    .final-step {
        padding-left: 0;
        flex-direction: column;
    }
}

@media screen and (max-width: 450px) {
    .final-step {
        padding: 32px 0 20px;
        gap: 24px;
    }
}

.final-step .swiper {
    position: absolute;
    left: 0;
    top: 24px;
    height: 154px;
    width: 204px;
    overflow: hidden;
}

@media screen and (max-width: 1280px) {
    .final-step .swiper {
        width: 260px;
        height: 196px;
    }
}

@media screen and (max-width: 768px) {
    .final-step .swiper {
        height: 154px;
        width: 204px;
    }
}

@media screen and (max-width: 600px) {
    .final-step .swiper {
        order: 1;
        position: relative;
        left: unset;
        top: unset;
        width: 100%;
        height: 50vw;
    }
}

@media screen and (max-width: 450px) {
    .final-step .swiper {
        height: 69vw;
        margin-bottom: -8px;
    }
}

.final-step .swiper::before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    right: 8px;
    top: 8px;
    background-image: url("./../img/zoom.png");
    z-index: 3;
    transform: translate3d(0, 0, 1px);
    pointer-events: none;
}

.final-step .swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.final-step .swiper .swiper-pagination {
    padding: 10px;
    margin: 0 auto;
    display: flex;
    max-width: max-content;
    bottom: 8px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.8);
    gap: 12px;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 450px) {
    .final-step .swiper .swiper-pagination {
        bottom: 12px;
    }
}

.final-step .swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    width: 8px;
    height: 8px;
    background: #c3c3c3;
    opacity: 1;
}

.final-step .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0f498a;
}

.final-col {
    width: calc(50% - 12px);
    min-width: 225px;
}

@media (max-width: 1440px) {
    .final-col {
        width: calc(50% - 5px);
        min-width: 190px;
    }
}

@media screen and (max-width: 1280px) {
    .final-col {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .final-col {
        width: calc(50% - 6px);
        min-width: 170px;
    }
}

@media screen and (max-width: 768px) {
    .final-col {
        min-width: 180px;
        flex-grow: 1;
    }
}

@media screen and (max-width: 600px) {
    .final-col {
        order: 2;
        width: 100%;
    }
}

.final-col .constructor__left_info {
    width: 100%;
}

.final-col .constructor__label {
    pointer-events: none;
    cursor: default;
    height: auto;
    min-height: unset;
    display: block;
    margin-top: 8px;
    width: 100%;
}

.final-col .constructor__label_block {
    border: unset;
    padding: 0;
    border-radius: 0;
    gap: 12px;
}

@media screen and (max-width: 450px) {
    .final-col .constructor__label_block {
        background: unset;
        min-height: unset;
    }
}

.final-col .constructor__title {
    font-size: 18px;
}

@media screen and (max-width: 450px) {
    .final-col .constructor__title {
        font-size: 16px;
    }
}

@media screen and (max-width: 450px) {
    .final-col .constructor__left_info {
        gap: 6px;
    }
}

.final-col .constructor__left_info .constructor__title {
    font-size: 20px;
}

@media (max-width: 1440px) {
    .final-col .constructor__left_info .constructor__title {
        font-size: 18px;
    }
}

.constructor__tabs {
    margin-top: 32px;
    padding-bottom: 24px;
    min-width: unset;
}

@media screen and (max-width: 1280px) {
    .constructor__tabs {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__tabs {
        position: sticky;
        top: 0;
        background: #f5f5f7;
        z-index: 4;
        margin-top: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__tabs {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 12px 16px;
    }
}

.constructor__tab {
    height: 48px;
    margin-bottom: 2px;
    max-width: max-content;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px 22px;
    border-radius: 100px;
    border: 1px solid #c3c3c3;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 0.3s, background 0.3s, border 0.3s;
}

@media screen and (max-width: 1280px) {
    .constructor__tab {
        font-size: 16px;
        padding: 10px 18px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__tab {
        padding: 13px 22px;
        font-size: 18px;
    }
}

.constructor__tab:hover {
    border-color: #0f498a;
    color: #0f498a;
}

.constructor__tab:hover .constructor__tab_icon {
    fill: #0f498a;
}

.constructor__tab.success .constructor__tab_icon {
    display: block;
}

.constructor__tab.active {
    background: #0f498a;
    border-color: #0f498a;
    color: white;
}

.constructor__tab.active .constructor__tab_icon {
    fill: white;
}

.constructor__tab_icon {
    width: 20px;
    height: 20px;
    fill: #0f498a;
    transition: fill 0.3s;
    display: none;
    margin-left: -8px;
}

.constructor__left {
    width: calc(42% - min(84px, 4.4vw));
    min-width: calc(42% - min(84px, 4.4vw));
}

@media screen and (max-width: 1280px) {
    .constructor__left {
        width: calc(42% - 24px);
        min-width: calc(42% - 24px);
    }
}

@media screen and (max-width: 1024px) {
    .constructor__left {
        width: 100%;
    }
}

.constructor__title {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

@media screen and (max-width: 1280px) {
    .constructor__title {
        font-size: 18px;
    }
}

.constructor__left_row {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    max-width: calc(100% - 16px);
}

@media screen and (max-width: 1280px) {
    .constructor__left_row {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__left_row {
        width: calc(50% - 10px);
        max-width: unset;
    }
}

@media screen and (max-width: 768px) {
    .constructor__left_row {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .constructor__left_row {
        font-size: 16px;
    }
}

.constructor__left_inputs {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px;
    width: 100%;
}

@media screen and (max-width: 1280px) {
    .constructor__left_inputs {
        gap: 12px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__left_inputs {
        flex-direction: column;
        gap: 16px;
    }
}

.constructor__label {
    width: calc(50% - 8px);
    min-width: 175px;
    height: auto;
    min-height: 60px;
}

@media screen and (max-width: 1280px) {
    .constructor__label {
        width: calc(50% - 6px);
        min-width: 164px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__label {
        max-width: 260px;
        min-width: 158px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__label {
        width: 100%;
        max-width: 400px;
        min-height: 64px;
    }
}

.constructor__left_inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: min(514px, 36vw - 88px);
    max-height: min(514px, 36vw - 88px);
    overflow-y: auto;
}

@media (max-width: 1440px) {
    .constructor__left_inner {
        height: min(514px, 38vw - 88px);
        max-height: min(514px, 38vw - 88px);
    }
}

@media screen and (max-width: 1280px) {
    .constructor__left_inner {
        height: min(514px, 42vw - 88px);
        max-height: min(514px, 42vw - 88px);
        gap: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__left_inner {
        height: auto;
        max-height: unset;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 768px) {
    .constructor__left_inner {
        flex-direction: column;
    }
}

.constructor__left_inner::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    background: transparent;
}

.constructor__left_inner::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 4px;
}

.constructor__left_inner::-webkit-scrollbar-corner {
    background: transparent;
}

.moz .constructor__left_inner {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

.constructor__label {
    position: relative;
}

.constructor__label input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    left: -1px;
}

.constructor__label input:checked~.constructor__label_block {
    border-color: #0f498a;
    color: #1d1d1f;
}

.constructor__label_block {
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid transparent;
    background: #fff;
    padding: 10px 16px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: color 0.3s, border 0.3s;
}

@media screen and (max-width: 1280px) {
    .constructor__label_block {
        padding: 10px;
        font-size: 13px;
    }
}

@media screen and (max-width: 768px) {
    .constructor__label_block {
        padding: 10px 16px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__label_block {
        min-height: 64px;
        font-size: 16px;
    }
}

.constructor__label_block:hover {
    color: #0f498a;
}

.constructor__label_bg {
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 100%;
}

.constructor__next {
    margin-top: 40px;
    max-width: max-content;
}

@media screen and (max-width: 1024px) {
    .constructor__next {
        margin: 0;
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

@media screen and (max-width: 450px) {
    .constructor__next {
        left: 50%;
        transform: translateX(-50%);
    }
}

.constructor__next svg {
    width: 24px;
    height: 24px;
}

.constructor__right {
    width: 58%;
    min-width: 58%;
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: min(602px, 36vw);
}

@media (max-width: 1440px) {
    .constructor__right {
        max-height: min(602px, 38vw);
    }
}

@media screen and (max-width: 1280px) {
    .constructor__right {
        max-height: min(602px, 42vw);
    }
}

@media screen and (max-width: 1024px) {
    .constructor__right {
        width: 100%;
        height: unset;
        max-height: unset;
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__right {
        margin-bottom: 88px;
    }
}

.constructor__right .constructor__right_footnote {
    color: #8b8b8b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 0 20px;
}

@media screen and (max-width: 1280px) {
    .constructor__right .constructor__right_footnote {
        padding: 0 12px;
    }
}

@media screen and (max-width: 600px) {
    .constructor__right .constructor__right_footnote {
        padding: 0;
    }
}

.constructor__right_slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    flex-grow: 1;
    height: -moz-available;
}

@media screen and (max-width: 1024px) {
    .constructor__right_slider {
        height: 58vw;
    }
}

@media screen and (max-width: 600px) {
    .constructor__right_slider {
        height: calc(62vw + 52px);
        padding-bottom: 52px;
    }
}

@media screen and (max-width: 450px) {
    .constructor__right_slider {
        height: 452px;
    }
}

.constructor__right_slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 600px) {
    .constructor__right_slider .swiper-pagination {
        display: flex;
        max-width: max-content;
        left: 50%;
        border-radius: 28px;
        background: #ffffff;
        bottom: 0;
        padding: 12px;
        gap: 12px;
        position: static;
        margin: 16px auto 0;
    }
}

.constructor__right_slider .swiper-pagination .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.constructor__right_slider .swiper-pagination .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.constructor__right_slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #0f498a;
}

.constructor__right_slider .swiper-slide {
    width: 100%;
    height: 100%;
    display: block;
}

.constructor__right_slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
}

.constructor__right-btn {
    border-radius: 60px;
    background: #f5f5f7;
    width: 70px;
    height: 70px;
    margin: 0;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

@media screen and (max-width: 1280px) {
    .constructor__right-btn {
        width: 60px;
        height: 60px;
        right: 10px;
    }
}

@media screen and (max-width: 600px) {
    .constructor__right-btn {
        display: none;
    }
}

.constructor__right-btn::after {
    content: none;
}

.constructor__right-btn.swiper-button-prev {
    left: 20px;
    right: unset;
}

@media screen and (max-width: 1280px) {
    .constructor__right-btn.swiper-button-prev {
        left: 10px;
    }
}

.constructor__right-btn.swiper-button-prev svg {
    transform: scale(-1, 1);
}

.constructor__right-btn svg {
    width: 48px;
    height: 48px;
}

.constructor__left_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .constructor__left_info {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .constructor__left_info {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 768px) {
    .constructor__left_info {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .constructor__left_info {
        font-size: 16px;
    }
}

.constructor__left_info ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.constructor__left_info ul li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.constructor__left_info ul li::before {
    content: "";
    width: 10px;
    min-width: 10px;
    background: #0f498a;
    height: 3px;
    display: block;
    border-radius: 3px;
    margin-top: 8px;
}

.constructor__wrap .callback>div {
    max-width: unset;
}

.constructor__wrap .callback {
    padding: 0;
    border-radius: unset;
    width: 100%;
    margin-left: 0;
}

.img-comp-container {
    position: relative;
    width: 100%;
    aspect-ratio: 1/0.53;
    margin-top: 40px;
    border-radius: 20px;
    overflow: hidden;
    background: #f5f5f7;
}

@media screen and (max-width: 600px) {
    .img-comp-container {
        aspect-ratio: 1/1.11;
    }
}

@media screen and (max-width: 450px) {
    .img-comp-container {
        width: calc(100% + 32px);
        margin-left: -16px;
        border-radius: 0;
    }
}

.img-comp-img__text {
    position: absolute;
    top: 70px;
    width: 290px;
    right: 60px;
    padding: 16px 20px;
    border-radius: 20px;
    background: #e9e9e9;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .img-comp-img__text {
        right: 20px;
        top: 20px;
        width: 240px;
    }
}

@media screen and (max-width: 1024px) {
    .img-comp-img__text {
        padding: 12px;
        font-size: 16px;
        width: 200px;
    }
}

@media screen and (max-width: 768px) {
    .img-comp-img__text {
        font-size: 14px;
        width: 180px;
    }
}

@media screen and (max-width: 450px) {
    .img-comp-img__text {
        font-weight: 700;
        top: 12px;
        right: 12px;
        padding: 0;
        background: unset;
        border-radius: 0;
        width: 132px;
    }
}

.img-comp-img {
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.img-comp-img picture {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.img-comp-img img {
    display: block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.img-comp-slider {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    width: 3px;
    height: 100%;
    stroke-width: 3px;
    top: 0 !important;
    filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.6));
    background: linear-gradient(to bottom, white 0% 47%, transparent 47% 53%, white 53% 100%);
}

@media screen and (max-width: 1024px) {
    .img-comp-slider {
        background: linear-gradient(to bottom, white 0% 46%, transparent 46% 54%, white 54% 100%);
    }
}

.img-comp-slider::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 68px;
    height: 7.1%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='68' height='57' viewBox='0 0 68 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.3786 32.2794C26.341 33.6709 25.3223 35.9737 25.3223 39.188C25.3223 44.0093 31.2489 52.2505 36.5932 52.2505C41.9374 52.2505 45.0369 52.2505 50.2677 52.2505C55.4987 52.2505 58.6758 47.6778 58.6758 44.0093C58.6758 39.0773 58.6758 34.1452 58.6758 29.2131C58.6758 27.0839 56.9529 25.3561 54.8236 25.3501C52.702 25.3442 50.9773 27.0593 50.9713 29.1809C50.9713 29.1844 50.9713 29.188 50.9713 29.1916V29.3121' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M37.6797 28.5005V23.5219C37.6797 21.6828 39.1706 20.1919 41.0097 20.1919C42.8488 20.1919 44.3397 21.6828 44.3397 23.5219V29.0077' stroke='white' stroke-width='2.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.3105 29.2821V25.8969C44.3105 24.0578 45.8015 22.5669 47.6405 22.5669C49.4796 22.5669 50.9705 24.0578 50.9705 25.8969V29.6919' stroke='white' stroke-width='2.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M37.7793 9.5H65.6855' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M37.7793 9.5H65.6855' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M59.75 14.8438L61.7292 13.0625L65.6875 9.5L61.7292 5.9375L59.75 4.15625' stroke='white' stroke-width='2.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.0391 34.9668V9.09966C30.0391 6.98974 31.7495 5.2793 33.8595 5.2793C35.9694 5.2793 37.6798 6.98974 37.6798 9.09966V28.0824' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M29.9082 9.5H2.00195' stroke='white' stroke-width='2.375' stroke-linecap='round'/%3E%3Cpath d='M7.9375 14.8438L5.9583 13.0625L2 9.5L5.9583 5.9375L7.9375 4.15625' stroke='white' stroke-width='2.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 1024px) {
    .img-comp-slider::before {
        height: 10%;
    }
}

.img-comp-overlay .img-comp-img__text {
    right: unset;
    left: 60px;
}

@media screen and (max-width: 1280px) {
    .img-comp-overlay .img-comp-img__text {
        left: 20px;
    }
}

@media screen and (max-width: 450px) {
    .img-comp-overlay .img-comp-img__text {
        left: 12px;
        width: 162px;
    }
}

.quarters {
    margin-top: 32px;
}

@media screen and (max-width: 600px) {
    .quarters {
        margin-top: 16px;
    }
}

.quarters .quarters__block {
    display: none;
}

.quarters .quarters__block.active {
    display: block;
}

.quarters .collections__slider {
    margin-top: 20px;
}

.quarters .collections__slider .collections__slide {
    padding: 10px 20px;
    border-radius: 20px;
    border: 1px solid var(--stroke-line-light, #c3c3c3);
    background: #fff;
}

.quarters .collections__slider .collections__slide.active {
    border: 1px solid rgba(112, 112, 112, 0.1);
    background: #0f498a;
    color: white;
}

.quarters .quarters__tabs {
    border-bottom: 1px solid var(--stroke-line-light, #c3c3c3);
    width: 100%;
}

.quarters .quarters__tab {
    padding: 13px 22px;
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: max-content;
    position: relative;
}

@media (hover: hover) {
    .quarters .quarters__tab:hover {
        color: #0f498a;
    }
}

.quarters .quarters__tab::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    height: 2px;
    bottom: -1px;
    width: 100%;
    background: #0f498a;
    transition: transform 0.3s;
}

.quarters .quarters__tab.active {
    color: #1d1d1f;
}

.quarters .quarters__tab.active::before {
    transform: translateX(-50%) scaleX(1);
}

.banner__content.min {
    min-width: 425px;
    max-width: 684px;
    width: max-content;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(6px);
}

@media screen and (max-width: 768px) {
    .banner__content.min {
        max-width: 100%;
        min-width: unset;
        width: 100%;
        height: 80vw;
        position: relative;
        padding: 16px;
    }
}

@media screen and (max-width: 450px) {
    .banner__content.min {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min::before {
        content: "";
        border-radius: 20px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(15, 15, 15, 0.5) 0%, rgba(24, 24, 24, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min .banner__img {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        margin-top: 0;
    }
}

@media screen and (max-width: 450px) {
    .banner__content.min .banner__img {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min .btn-green {
        position: absolute;
        bottom: 16px;
        right: 16px;
        z-index: 2;
        gap: 0;
        font-size: 0;
        width: 48px;
        min-width: 48px;
        height: 48px;
        border-radius: 100%;
        padding: 0;
        justify-content: center;
        background: rgba(255, 255, 255, 0.8);
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min .btn-green svg {
        fill: #707070;
    }
}

@media screen and (max-width: 768px) {

    .banner__content.min .banner__info_top,
    .banner__content.min .hidden-text-block {
        position: relative;
        z-index: 2;
        color: white;
    }
}

@media screen and (max-width: 768px) {
    .banner__content.min .banner__info_title {
        color: white;
    }
}

.banner+.swiper-similar {
    padding-bottom: 0;
}

.banner+.swiper-similar .swiper-pagination-bullets {
    position: static;
    transform: unset;
    margin: 32px auto 0;
}

.banner+.swiper-similar .swiper-pagination-bullets.swiper-pagination-lock {
    margin: 0;
}

@media screen and (max-width: 450px) {
    .banner.parking-banner .banner__content::before {
        content: none;
    }

    .banner.parking-banner .banner__content.min {
        height: unset;
        padding: 0;
    }

    .banner.parking-banner .banner__img {
        position: relative;
        left: unset;
        top: unset;
        z-index: 1;
    }

    .banner.parking-banner .banner__img::before {
        content: "";
        border-radius: 20px;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        order: 1;
        background: linear-gradient(180deg, rgba(15, 15, 15, 0.5) 0%, rgba(24, 24, 24, 0.48) 23.12%, rgba(255, 255, 255, 0) 100%);
    }

    .banner.parking-banner .banner__info_top {
        order: 2;
        position: absolute;
        top: 16px;
        left: 16px;
        max-width: calc(100% - 32px);
    }

    .banner.parking-banner .hidden-text-block {
        order: 3;
        color: #1d1d1f;
    }

    .banner.parking-banner .btn-green {
        bottom: unset;
        top: 228px;
    }
}

.swiper-similar__hash.green {
    max-width: max-content;
    border-radius: 8px;
    background: #0f498a;
    padding: 5px 12px;
    max-width: calc(100% - 10px);
}

@media screen and (max-width: 450px) {
    .swiper-similar__hash.green {
        width: calc(100vw - 64px);
        max-width: max-content;
    }
}

.swiper-similar__hash.green .swiper-similar__hash_text {
    color: white;
}

.swiper-similar__slide_prices.old {
    margin-top: 16px;
}

.swiper-similar__slide_prices.old .swiper-similar__slide_price-usd,
.swiper-similar__slide_prices.old .swiper-similar__slide_price-byn {
    color: #8b8b8b;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.swiper-similar__slide_prices.sale {
    margin-top: 8px;
    position: relative;
    padding-left: 20px;
}

@media screen and (max-width: 450px) {
    .swiper-similar__slide_prices.sale {
        border: unset;
        padding-top: 0;
    }
}

.swiper-similar__slide_prices.sale::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M6 15.5L7 10.5L3 9L10 1.5L9 6.5L13 8L6 15.5Z' fill='%23FFC815' stroke='%23FFC815' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.anniversary {
    padding-top: 0;
    padding-bottom: 0;
    aspect-ratio: unset;
    min-height: min(650px, 34vw);
    display: flex;
}

@media screen and (max-width: 600px) {
    .anniversary {
        min-height: unset;
    }
}

@media screen and (max-width: 450px) {
    .anniversary {
        margin-top: -56px;
    }
}

.anniversary .conditions-intro__bottom {
    width: min(1430px, 100vw - 490px);
    flex-grow: 1;
    padding-top: 20px;
}

@media (max-width: 1440px) {
    .anniversary .conditions-intro__bottom {
        width: calc(100vw - 120px);
    }
}

@media screen and (max-width: 768px) {
    .anniversary .conditions-intro__bottom {
        width: calc(100vw - 40px);
    }
}

@media screen and (max-width: 600px) {
    .anniversary .conditions-intro__bottom {
        margin-top: 0;
        width: 100%;
    }
}

.anniversary .conditions-intro__bottom ul {
    gap: 24px min(32px, 1.7vw);
    align-items: stretch;
}

@media screen and (max-width: 768px) {
    .anniversary .conditions-intro__bottom ul {
        gap: 16px;
    }
}

.anniversary .conditions-intro__bottom ul li {
    width: 100%;
    border-radius: 16px;
    border: 1px solid #0f498a;
    background: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (max-width: 768px) {
    .anniversary .conditions-intro__bottom ul li {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 450px) {
    .anniversary .conditions-intro__bottom ul li {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .anniversary .conditions-intro__bottom ul p {
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }
}

@media screen and (max-width: 450px) {
    .anniversary .conditions-intro__bottom ul .conditions-intro__condition {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: left;
    }
}

.anniversary .conditions-intro__content {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: min(696px, 60%);
}

@media (max-width: 1440px) {
    .anniversary .conditions-intro__content {
        max-width: min(710px, 55%);
    }
}

@media screen and (max-width: 1024px) {
    .anniversary .conditions-intro__content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary .conditions-intro__content {
        padding-right: 10px;
        padding-bottom: 0;
        padding-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .anniversary .conditions-intro__content {
        max-width: unset;
        width: 100%;
        padding-right: 0;
    }
}

.anniversary .conditions-intro {
    min-height: max-content;
}

.anniversary .conditions-intro__condition {
    flex-grow: 1;
    margin-top: 4px;
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .anniversary .conditions-intro__condition {
        font-size: 16px;
    }
}

.anniversary .conditions-intro__more {
    align-self: flex-end;
    color: #0f498a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.anniversary .conditions-intro__more:hover {
    text-decoration: none;
}

.anniversary-p.container-main {
    margin-top: 16px;
}

.anniversary-p.container-main .big-title {
    max-width: 1120px;
}

.big-title {
    color: #1d1d1f;
    font-size: min(60px, 3.2vw);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

@media (max-width: 1440px) {
    .big-title {
        font-size: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .big-title {
        font-size: 44px;
    }
}

@media screen and (max-width: 768px) {
    .big-title {
        font-size: 40px;
    }
}

@media screen and (max-width: 600px) {
    .big-title {
        font-size: 34px;
    }
}

@media screen and (max-width: 450px) {
    .big-title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.green-text {
    color: #0f498a;
}

.btn-purple {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: min(16px, 0.85vw) min(32px, 1.7vw);
    height: min(70px, 5.5vw);
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: #c4afd5;
    user-select: none;
    max-width: max-content;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .btn-purple {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .btn-purple {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .btn-purple {
        height: 55px;
        padding: 10px 16px;
        height: 48px;
    }
}

@media screen and (max-width: 600px) {
    .btn-purple {
        font-size: 18px;
        padding: 12px 22px;
        height: 48px;
        line-height: 1.2;
        text-align: center;
    }
}

@media (hover: hover) {
    .btn-purple:hover {
        background-color: #d799ff;
    }

    .btn-purple:active {
        background-color: #eacaff;
    }
}

.btn-purple svg {
    width: 32px;
    height: 32px;
    fill: white;
}

@media screen and (max-width: 600px) {
    .btn-purple svg {
        width: 24px;
        height: 24px;
    }
}

.anniversary-p__top {
    margin-top: 32px;
    display: flex;
    gap: 60px;
    align-items: flex-start;
}

@media screen and (max-width: 1280px) {
    .anniversary-p__top {
        gap: 32px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-p__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-p__top {
        margin-top: 24px;
        gap: 24px;
    }
}

.anniversary-p__text {
    color: #1d1d1f;
    font-size: min(24px, 1.3vw);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media (max-width: 1440px) {
    .anniversary-p__text {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .anniversary-p__text {
        font-size: 20px;
        line-height: 140%;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-p__text {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-p__text {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .anniversary-p__text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.full-block-slider {
    overflow: hidden;
    margin-top: -40px;
    cursor: grab;
}

@media screen and (max-width: 768px) {
    .full-block-slider {
        margin-top: -24px;
    }
}

@media screen and (max-width: 600px) {
    .full-block-slider {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.full-block-slider .swiper-slide {
    width: 100%;
    height: min(650px, 34vw);
    overflow: hidden;
    border-radius: 20px;
}

@media (max-width: 1440px) {
    .full-block-slider .swiper-slide {
        height: 42vw;
    }
}

@media screen and (max-width: 768px) {
    .full-block-slider .swiper-slide {
        height: 52vw;
    }
}

@media screen and (max-width: 600px) {
    .full-block-slider .swiper-slide {
        height: unset;
        aspect-ratio: 0.77/1;
        width: min(308px, 100vw - 32px);
    }
}

.full-block-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.full-block-slider .swiper-pagination-bullets {
    display: flex;
    max-width: max-content;
    left: unset;
    position: static;
    border-radius: 28px;
    background: #f5f5f7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
    margin: 32px auto 0;
}

@media screen and (max-width: 600px) {
    .full-block-slider .swiper-pagination-bullets {
        margin-top: 16px;
    }
}

.full-block-slider .swiper-pagination-bullet {
    background: #d9d9d9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.full-block-slider .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.full-block-slider .swiper-pagination-bullet-active {
    background: #0f498a;
}

.high-slider {
    width: calc(100% + 80px);
    margin-left: -40px;
    padding: 0 40px;
    position: relative;
}

@media (max-width: 1440px) {
    .high-slider {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
}

.high-slider .main-page__title {
    margin-bottom: 24px;
    color: #1d1d1f;
    font-size: min(54px, 2.9vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media screen and (max-width: 1280px) {
    .high-slider .main-page__title {
        font-size: 42px;
    }
}

@media screen and (max-width: 768px) {
    .high-slider .main-page__title {
        font-size: 38px;
    }
}

@media screen and (max-width: 600px) {
    .high-slider .main-page__title {
        font-size: 30px;
    }
}

@media screen and (max-width: 450px) {
    .high-slider .main-page__title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 24px;
    }
}

.high-slider .high-slider__swiper {
    position: static;
    width: 100%;
    height: unset;
}

@media screen and (max-width: 768px) {
    .high-slider .high-slider__swiper {
        aspect-ratio: unset;
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 16px;
    }
}

.high-slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 600px) {
    .high-slider .swiper-pagination {
        display: flex;
        max-width: max-content;
        left: unset;
        position: static;
        border-radius: 28px;
        background: #f5f5f7;
        bottom: 0;
        padding: 12px;
        gap: 12px;
        margin: 16px auto 0;
    }

    .high-slider .swiper-pagination .swiper-pagination-bullet {
        background: #d9d9d9;
        cursor: pointer;
        transition: 0.3s;
        width: 12px;
        height: 12px;
        margin: 0 !important;
        opacity: 1;
    }

    .high-slider .swiper-pagination .swiper-pagination-bullet:hover {
        background: rgba(138, 170, 40, 0.7607843137);
    }

    .high-slider .swiper-pagination .swiper-pagination-bullet-active {
        background: #0f498a;
    }
}

.high-slider .swiper-wrapper {
    width: max-content;
}

.high-slider .swiper-slide {
    width: 100%;
    aspect-ratio: 1/0.707;
    overflow: hidden;
    border: 1px solid #c3c3c3;
    border-radius: 20px;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .high-slider .swiper-slide {
        position: relative;
        pointer-events: all;
    }
}

@media screen and (max-width: 600px) {
    .high-slider .swiper-slide {
        width: calc(100vw - 32px);
    }
}

@media screen and (max-width: 768px) {
    .high-slider .swiper-slide::before {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 8px;
        right: 8px;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 100%;
        transform: translate3d(0, 0, 1px);
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 10.875H13.875' stroke='%23707070' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.875 7.875V13.875' stroke='%23707070' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.875 18.75C15.2242 18.75 18.75 15.2242 18.75 10.875C18.75 6.52576 15.2242 3 10.875 3C6.52576 3 3 6.52576 3 10.875C3 15.2242 6.52576 18.75 10.875 18.75Z' stroke='%23707070' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4434 16.4438L20.9996 21.0001' stroke='%23707070' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.high-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.high-slider .swiper-button-next {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    right: 0;
    bottom: min(534px, 27.85vw);
    transform: translateY(50%);
    top: unset;
    transition: 0.3s;
    margin: 0;
}

@media (max-width: 1440px) {
    .high-slider .swiper-button-next {
        bottom: 34vw;
    }
}

@media screen and (max-width: 1280px) {
    .high-slider .swiper-button-next {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 768px) {
    .high-slider .swiper-button-next {
        display: none;
    }
}

.high-slider .swiper-button-next::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(2px);
}

@media screen and (max-width: 1280px) {
    .high-slider .swiper-button-next::after {
        font-size: 16px;
        transform: translateX(1px);
    }
}

.high-slider .swiper-button-next:hover {
    background: #c4afd5;
}

.high-slider .swiper-button-next:hover::after {
    color: white;
}

.high-slider .swiper-button-prev {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    background: #f5f5f7;
    left: 0;
    bottom: min(534px, 27.85vw);
    transform: translateY(50%);
    top: unset;
    transition: 0.3s;
}

@media (max-width: 1440px) {
    .high-slider .swiper-button-prev {
        bottom: 34vw;
    }
}

@media screen and (max-width: 1280px) {
    .high-slider .swiper-button-prev {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 768px) {
    .high-slider .swiper-button-prev {
        display: none;
    }
}

.high-slider .swiper-button-prev::after {
    font-size: 23px;
    color: #1d1d1f;
    transition: 0.3s;
    transform: translateX(-2px);
}

@media screen and (max-width: 1280px) {
    .high-slider .swiper-button-prev::after {
        font-size: 16px;
        transform: translateX(-1px);
    }
}

.high-slider .swiper-button-prev:hover {
    background: #c4afd5;
}

.high-slider .swiper-button-prev:hover::after {
    color: white;
}

.high-slider .swiper-button-disabled {
    background: #f5f5f7;
    pointer-events: all;
}

.high-slider .swiper-button-disabled:hover {
    background: #f5f5f7;
}

.high-slider .swiper-button-disabled:hover::after {
    color: #1d1d1f;
}

.high-slider__top {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 100px;
    margin-bottom: 26px;
}

@media (max-width: 1440px) {
    .high-slider__top {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    .high-slider__top {
        gap: 32px;
    }
}

@media screen and (max-width: 1024px) {
    .high-slider__top {
        font-size: 20px;
        line-height: 140%;
    }
}

@media screen and (max-width: 768px) {
    .high-slider__top {
        flex-direction: column;
        gap: 10px;
        align-items: flex-end;
    }
}

@media screen and (max-width: 600px) {
    .high-slider__top {
        font-size: 18px;
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 450px) {
    .high-slider__top {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.high-slider__top p {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    flex-grow: 1;
}

@media (max-width: 1440px) {
    .high-slider__top p {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .high-slider__top p {
        font-size: 20px;
        line-height: 140%;
    }
}

@media screen and (max-width: 768px) {
    .high-slider__top p {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .high-slider__top p {
        font-size: 18px;
    }
}

@media screen and (max-width: 450px) {
    .high-slider__top p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.high-slider__top_nav {
    width: 160px;
    min-width: 160px;
    padding: 16px 32px;
    gap: 32px;
    display: flex;
    border-radius: 100px;
    border: 1px solid #c4afd5;
}

@media screen and (max-width: 768px) {
    .high-slider__top_nav {
        width: auto;
        min-width: unset;
        padding: 12px 25px;
    }
}

@media screen and (max-width: 600px) {
    .high-slider__top_nav {
        display: none;
    }
}

.high-slider__top_nav svg {
    display: block;
    width: 32px;
    height: 32px;
    fill: #c4afd5;
    transition: fill 0.3s;
}

.high-slider__top_nav .high-slider__top_prev {
    transform: scale(-1, 1);
}

.high-slider__top_nav .high-slider__top_btn:hover svg {
    fill: #d799ff;
}

.high-slider__top_nav .high-slider__top_btn.lock {
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.anniversary-columns {
    display: flex;
    align-items: stretch;
    gap: 56px 30px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .anniversary-columns {
        flex-direction: column;
    }
}

.anniversary-col {
    width: calc(50% - 15px);
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .anniversary-col {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-col .btn-purple {
        margin: 0 auto;
    }
}

.anniversary-col__title {
    color: #1d1d1f;
    font-size: min(50px, 2.65vw);
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    min-height: min(126px, 6.7vw);
}

@media (max-width: 1440px) {
    .anniversary-col__title {
        font-size: 42px;
        min-height: 105px;
    }
}

@media screen and (max-width: 1280px) {
    .anniversary-col__title {
        font-size: 38px;
        min-height: 95px;
    }
}

@media screen and (max-width: 1024px) {
    .anniversary-col__title {
        font-size: 32px;
        min-height: 80px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-col__title {
        min-height: unset;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-col__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .anniversary-col__title {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
    }
}

.anniversary-col__title .green-text {
    display: block;
}

.anniversary-col__img {
    margin-top: 32px;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    aspect-ratio: 1/0.676;
}

@media screen and (max-width: 1024px) {
    .anniversary-col__img {
        margin-top: 24px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-col__img {
        min-height: 400px;
    }
}

.anniversary-col__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.anniversary-col__text {
    flex-grow: 1;
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 24px;
    margin-bottom: 40px;
}

@media (max-width: 1440px) {
    .anniversary-col__text {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .anniversary-col__text {
        font-size: 20px;
        line-height: 140%;
        margin-top: 16px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 600px) {
    .anniversary-col__text {
        margin-bottom: 32px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.anniversary-frame {
    width: 100%;
    aspect-ratio: 1/0.43;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 104px;
}

@media screen and (max-width: 1280px) {
    .anniversary-frame {
        margin-top: 64px;
    }
}

@media screen and (max-width: 768px) {
    .anniversary-frame {
        aspect-ratio: 1/0.55;
        min-height: 400px;
    }
}

.anniversary-frame iframe,
.anniversary-frame video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.highModal .lb-nav {
    opacity: 0;
}

:root {
    --cardH: min(650px, 33.9vw);
}

@media (max-width: 1440px) {
    :root {
        --cardH: 43vw;
    }
}

.project-intro {
    width: 100%;
    margin-top: 16px;
    overflow: hidden;
    position: relative;
    margin-bottom: -1px;
}

.project-intro::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 75.54%, #FFF 95.21%);
    z-index: 2;
}

.project-intro img {
    width: 100%;
    height: 1/0.625;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

.project-cards {
    margin-top: 80px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 600px) {
    .project-cards {
        margin-top: 56px;
    }
}

@media screen and (max-width: 450px) {
    .project-cards {
        overflow: visible;
    }
}

.project-cards .main-page__title {
    width: calc(50% - min(50px, 2.6vw));
}

@media screen and (max-width: 1024px) {
    .project-cards .main-page__title {
        width: auto;
    }
}

.project-cards__wrap {
    margin-top: min(60px, 3.2vw);
    width: 100%;
    overflow: visible;
    position: static;
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap {
        margin-top: 40px;
    }
}

@media screen and (max-width: 600px) {
    .project-cards__wrap {
        margin-top: 24px;
    }
}

@media screen and (max-width: 450px) {
    .project-cards__wrap {
        overflow: hidden;
        margin-left: -16px;
        width: calc(100% + 32px);
    }
}

.project-cards__wrap .swiper-pagination-bullets {
    display: none;
    max-width: max-content;
    left: unset;
    position: static;
    border-radius: 28px;
    background: #F5F5F7;
    bottom: 0;
    padding: 12px;
    gap: 12px;
    margin: 32px auto 0;
}

@media (max-width: 700px) {
    .project-cards__wrap .swiper-pagination-bullets {
        display: flex;
    }
}

@media screen and (max-width: 600px) {
    .project-cards__wrap .swiper-pagination-bullets {
        margin-top: 16px;
    }
}

.project-cards__wrap .swiper-pagination-bullet {
    background: #D9D9D9;
    cursor: pointer;
    transition: 0.3s;
    width: 12px;
    height: 12px;
    margin: 0 !important;
    opacity: 1;
}

.project-cards__wrap .swiper-pagination-bullet:hover {
    background: rgba(138, 170, 40, 0.7607843137);
}

.project-cards__wrap .swiper-pagination-bullet-active {
    background: #0f498a;
}

.project-cards__wrap .swiper-wrapper {
    width: 100%;
    display: flex;
    gap: min(60px, 3.2vw) min(101px, 5.3vw);
    flex-wrap: wrap;
    position: static;
    transform: unset;
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .swiper-wrapper {
        flex-direction: column;
        gap: 40px min(100px, 5.2vw);
    }
}

@media screen and (max-width: 768px) {
    .project-cards__wrap .swiper-wrapper {
        gap: 32px 24px;
    }
}

@media (max-width: 700px) {
    .project-cards__wrap .swiper-wrapper {
        gap: unset;
        flex-direction: row;
        flex-wrap: unset;
    }
}

@media (min-width: 701px) {
    .project-cards__wrap .swiper-wrapper {
        transform: unset !important;
    }
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(odd) {
        flex-direction: row-reverse;
    }
}

@media (max-width: 700px) {
    .project-cards__wrap .project-cards__block:nth-child(odd) {
        flex-direction: column;
    }
}

.project-cards__wrap .project-cards__block:nth-child(even) {
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(even) {
        position: relative;
        top: unset;
        right: unset;
    }
}

.project-cards__wrap .project-cards__block:nth-child(4) {
    top: calc(var(--cardH) + min(60px, 3.2vw));
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(4) {
        top: unset;
    }
}

.project-cards__wrap .project-cards__block:nth-child(6) {
    top: calc((var(--cardH) + min(60px, 3.2vw)) * 2);
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(6) {
        top: unset;
    }
}

.project-cards__wrap .project-cards__block:nth-child(8) {
    top: calc((var(--cardH) + min(60px, 3.2vw)) * 3);
}

@media screen and (max-width: 1024px) {
    .project-cards__wrap .project-cards__block:nth-child(8) {
        top: unset;
    }
}

.project-cards__block_title {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

@media screen and (max-width: 1024px) {
    .project-cards__block_title {
        color: #1D1D1F;
    }
}

@media screen and (max-width: 600px) {
    .project-cards__block_title {
        font-size: 20px;
        font-weight: 700;
    }
}

.project-cards__block {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: calc(50% - min(50px, 2.6vw));
    height: var(--cardH);
}

@media screen and (max-width: 1024px) {
    .project-cards__block {
        display: flex;
        height: auto;
        width: 100%;
        justify-content: space-between;
        border-radius: unset;
    }
}

@media (max-width: 700px) {
    .project-cards__block {
        flex-direction: column;
        width: 414px;
        max-width: 100vw;
        height: auto;
        border-radius: 20px;
        background: #F5F5F7;
        padding: 24px 16px;
    }
}

.project-cards__block:hover .project-cards__block_text-outer {
    grid-template-rows: 1fr;
}

.project-cards__block:hover::before {
    opacity: 1;
}

.project-cards__block::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(21deg, rgba(0, 0, 0, 0.5) 12.39%, rgba(0, 0, 0, 0) 87.03%);
    opacity: 0;
    transition: opacity 0.3s;
}

@media screen and (max-width: 1024px) {
    .project-cards__block::before {
        content: none;
    }
}

.project-cards__block .project-cards__block_img {
    z-index: 1;
    position: relative;
    height: 100%;
}

@media screen and (max-width: 1024px) {
    .project-cards__block .project-cards__block_img {
        width: calc(50% - min(50px, 2.6vw));
        border-radius: 20px;
        overflow: hidden;
    }
}

@media screen and (max-width: 768px) {
    .project-cards__block .project-cards__block_img {
        width: calc(50% - 12px);
    }
}

@media (max-width: 700px) {
    .project-cards__block .project-cards__block_img {
        width: 100%;
        height: 340px;
        margin-top: 24px;
    }
}

.project-cards__block .project-cards__block_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.project-cards__block .project-cards__block_text {
    position: absolute;
    z-index: 3;
    left: 32px;
    bottom: 32px;
    width: calc(100% - 64px);
    border-radius: 12px;
    background: rgba(108, 108, 108, 0.6);
    padding: 16px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
}

@media screen and (max-width: 1024px) {
    .project-cards__block .project-cards__block_text {
        position: static;
        width: calc(50% - min(50px, 2.6vw));
        background: unset;
        color: #707070;
        padding: 0;
        border-radius: unset;
    }
}

@media screen and (max-width: 768px) {
    .project-cards__block .project-cards__block_text {
        width: calc(50% - 12px);
    }
}

@media (max-width: 700px) {
    .project-cards__block .project-cards__block_text {
        width: 100%;
    }
}

.project-cards__block_text-outer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid 0.3s;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .project-cards__block_text-outer {
        grid-template-rows: 1fr;
        transition: unset;
    }
}

.project-cards__block_text-inner {
    min-height: 0px;
}

.project-cards__block_text-inner p {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 10px;
}

@media screen and (max-width: 1024px) {
    .project-cards__block_text-inner p {
        color: #707070;
        margin-top: 16px;
        font-size: min(18px, 1.8vw);
    }
}

@media screen and (max-width: 768px) {
    .project-cards__block_text-inner p {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    .project-cards__block_text-inner p {
        margin-top: 8px;
        color: #1D1D1F;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }
}

.project-cards__block_text-inner a {
    color: #0f498a;
    font-size: inherit;
    line-height: inherit;
    transition: color 0.3s;
}

.project-cards__block_text-inner a:hover {
    color: #0f498a;
}

.disctrict-adv.project .disctrict-adv__list {
    gap: 24px;
}

@media screen and (max-width: 768px) {
    .disctrict-adv.project .disctrict-adv__list {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.disctrict-adv.project .disctrict-adv-item {
    padding: 32px;
}

@media screen and (max-width: 768px) {
    .disctrict-adv.project .disctrict-adv-item {
        padding: 24px;
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    .disctrict-adv.project .disctrict-adv-item {
        padding: 16px;
    }
}

.disctrict-adv.project .disctrict-adv-item__icon {
    margin-bottom: 40px;
}

@media (max-width: 1440px) {
    .disctrict-adv.project .disctrict-adv-item__icon {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 450px) {
    .disctrict-adv.project .disctrict-adv-item__icon {
        margin-bottom: 16px;
    }
}

.disctrict-adv.project .disctrict-adv-item__title {
    margin-bottom: 16px;
}

@media screen and (max-width: 450px) {
    .disctrict-adv.project .disctrict-adv-item__title {
        margin-bottom: 12px;
    }
}

.disctrict-adv.project .disctrict-adv-item__text {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media (max-width: 1440px) {
    .disctrict-adv.project .disctrict-adv-item__text {
        font-size: 16px;
    }
}

.project-default {
    display: flex;
    align-items: stretch;
    gap: 68px;
}

@media screen and (max-width: 1024px) {
    .project-default {
        gap: 24px;
    }
}

@media screen and (max-width: 768px) {
    .project-default {
        flex-direction: column;
    }
}

.project-default .main-page__title {
    flex-grow: unset;
}

.project-default__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    color: #1D1D1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: calc(50% - 18px);
}

@media screen and (max-width: 1024px) {
    .project-default__info {
        gap: 24px;
    }
}

@media screen and (max-width: 768px) {
    .project-default__info {
        width: 100%;
    }
}

.project-default__img {
    width: calc(50% - min(50px, 2.6vw));
    height: 500px;
    flex-grow: 1;
    max-height: var(--cardH);
}

@media screen and (max-width: 600px) {
    .project-default__img {
        width: 100%;
        height: unset;
        aspect-ratio: 1/0.91;
        max-height: unset;
    }
}

.project-default__img img {
    display: block;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.project-facing {
    background: #F5F5F7;
    padding-top: min(100px, 5.2vw);
    padding-bottom: min(100px, 5.2vw);
    margin-top: 80px;
}

@media screen and (max-width: 600px) {
    .project-facing {
        margin-top: 56px;
        background: unset;
        padding: 0;
    }
}

.project-facing .container-main {
    margin-top: 0;
}

.project-facing__wrap {
    padding-left: calc(50% + min(50px, 2.6vw));
    position: relative;
    min-height: var(--cardH);
}

@media (max-width: 1440px) {
    .project-facing__wrap {
        padding-left: calc(39% + min(50px, 2.6vw));
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__wrap {
        padding-left: 0;
    }
}

.project-facing__wrap .project-facing__img {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(50% - min(50px, 2.6vw));
    height: var(--cardH);
    border-radius: 20px;
    overflow: hidden;
    pointer-events: none;
    cursor: pointer;
}

@media (max-width: 1440px) {
    .project-facing__wrap .project-facing__img {
        width: calc(39% - min(50px, 2.6vw));
        height: 36vw;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__wrap .project-facing__img {
        position: static;
        width: calc(50% - min(50px, 2.6vw));
        height: unset;
        aspect-ratio: 1/0.92;
    }
}

@media screen and (max-width: 768px) {
    .project-facing__wrap .project-facing__img {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .project-facing__wrap .project-facing__img {
        aspect-ratio: 1/0.91;
        max-height: unset;
        height: unset;
        pointer-events: all;
        width: 100%;
    }
}

.project-facing__wrap .project-facing__img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.7s;
}

@media screen and (max-width: 1024px) {
    .project-facing__wrap .project-facing__img img {
        opacity: 1;
        transition: unset;
    }
}

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

.project-facing__top p {
    color: #1D1D1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media screen and (max-width: 600px) {
    .project-facing__top p {
        font-family: 16px;
    }
}

.project-facing__top p a {
    color: #0f498a;
    transition: color 0.3s;
}

.project-facing__top p a:hover {
    color: #0f498a;
}

.project-facing__list {
    margin-top: 40px;
}

@media screen and (max-width: 1024px) {
    .project-facing__list {
        min-height: unset !important;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__list {
        margin-top: 24px;
    }
}

.project-facing__list ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
}

@media (max-height: 1440px) {
    .project-facing__list ul {
        gap: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__list ul {
        gap: 48px;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__list ul {
        gap: 32px;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__list ul .project-facing__item:nth-child(odd) .project-facing__row {
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__list ul .project-facing__item:nth-child(odd) .project-facing__row {
        flex-direction: column;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__list ul .project-facing__item:nth-child(odd) .project-facing__title {
        left: 20px;
    }
}

.project-facing__title {
    color: #0f498a;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    transition: color 0.3s;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .project-facing__title {
        max-width: calc(50% - min(50px, 2.6vw) - 40px);
        position: absolute;
        left: calc(50% + min(50px, 2.6vw) + 20px);
        top: 20px;
        background: rgba(255, 255, 255, 0.7411764706);
        border-radius: 6px;
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        padding: 10px 14px;
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .project-facing__title {
        left: calc(50% + 32px);
        max-width: calc(50% - 54px);
        font-size: 18px;
        padding: 8px 10px;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__title {
        position: static;
        max-width: unset;
        padding: 0;
        border-radius: unset;
        background: unset;
        backdrop-filter: unset;
        -webkit-backdrop-filter: unset;
        color: #1D1D1F;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        max-width: calc(100% - 46px);
    }
}

.project-facing__title:hover {
    color: #0f498a;
}

@media screen and (max-width: 1024px) {
    .project-facing__item {
        position: relative;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__item::before {
        content: "";
        transition: background 0.3s;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 100%;
        border: 1px solid #C3C3C3;
        background-size: 12px 8px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.39961 1.49741L0.984297 0.912719L5.9895 5.91792L11.0149 0.91272L11.5996 1.49741L5.9895 7.08729L0.39961 1.49741Z' fill='%231D1D1F'/%3E%3C/svg%3E%0A");
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__item .project-facing__row {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 24px min(100px, 5.2vw);
    }
}

@media screen and (max-width: 768px) {
    .project-facing__item .project-facing__row {
        gap: 24px;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__item .project-facing__row {
        min-height: 0px;
        flex-direction: column;
        flex-wrap: unset;
        align-items: flex-start;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__item .project-facing__row_outer {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid 0.5s;
        overflow: hidden;
    }
}

.project-facing__hidden {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.7s grid;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    .project-facing__hidden {
        grid-template-rows: 1fr;
        width: calc(50% - min(50px, 2.6vw));
    }
}

@media screen and (max-width: 768px) {
    .project-facing__hidden {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .project-facing__hidden {
        width: 100%;
        display: block;
        transition: unset;
        margin-top: 19px;
    }
}

.project-facing__text {
    color: #707070;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    min-height: 0px;
}

@media (max-height: 1440px) {
    .project-facing__text {
        font-size: 16px;
        line-height: 140%;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__text {
        font-size: min(18px, 1.8vw);
        line-height: 150%;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    .project-facing__text {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .project-facing__text {
        max-height: max-content;
    }
}

.project-facing__text p {
    margin-top: 16px;
}

@media (max-height: 1440px) {
    .project-facing__text p {
        margin-top: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .project-facing__text p {
        margin-top: 0;
    }
}

.project-facing__text a {
    color: #0f498a;
    transition: color 0.3s;
}

.project-facing__text a:hover {
    color: #0f498a;
}

.visible .project-facing__item.active .project-facing__title {
    color: rgb(29, 29, 31);
}

@media screen and (max-width: 1024px) {
    .visible .project-facing__item.active .project-facing__title {
        color: #0f498a;
    }
}

.visible .project-facing__item.active .project-facing__hidden {
    grid-template-rows: 1fr;
}

.visible .project-facing__item.active .project-facing__img img {
    opacity: 1;
}

@media screen and (max-width: 600px) {
    .project-facing__item.active .project-facing__row_outer {
        grid-template-rows: 1fr;
    }
}

.project-facing__item.active::before {
    border-color: rgb(137, 170, 40);
    background-color: rgb(137, 170, 40);
    transform: scale(1, -1);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.39961 1.49741L0.984297 0.912719L5.9895 5.91792L11.0149 0.91272L11.5996 1.49741L5.9895 7.08729L0.39961 1.49741Z' fill='white'/%3E%3C/svg%3E");
}

.compare-p {
    margin-top: 40px;
}

.compare-p__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: min(370px, 100%);
    margin: 0 auto;
}

.compare-p__empty p {
    color: #707070;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .compare-p__empty p {
        font-size: 16px;
    }
}

.compare-p__empty .compare__text {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .compare-p__empty .compare__text {
        font-size: 20px;
    }
}

.compare-p__empty .btn-green {
    margin-top: 16px;
}

.compare-p__ico {
    width: 90px;
    height: 90px;
}

@media screen and (max-width: 600px) {
    .compare-p__ico {
        width: 80px;
        height: 80px;
    }
}

.compare-p__ico img,
.compare-p__ico svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.compare__tab {
    padding: 6px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 2px solid transparent;
    max-width: max-content;
    transition: 0.3s;
    white-space: nowrap;
}

.compare__tab:hover {
    color: #0f498a;
}

.compare__tab.active {
    color: var(--Primary-Main, #0f498a);
    border-color: #0f498a;
}

.compare__tabs {
    width: 100%;
    display: flex;
    overflow-x: auto;
}

@media screen and (max-width: 600px) {
    .compare__tabs {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0 20px;
    }
}

.compare__tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
}

.compare__tabs::-webkit-scrollbar-thumb {
    border-radius: 100%;
    background: transparent;
}

.compare__tabs::-webkit-scrollbar-corner {
    background: transparent;
}

.compare__top {
    position: sticky;
    top: 0;
    z-index: 21;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 16px;
    padding-left: max(205px, 50vw - 755px);
    padding-right: max(205px, 50vw - 755px);
    background: white;
    overflow: hidden;
}

@media (max-width: 1440px) {
    .compare__top {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__top {
        padding-bottom: 56px;
        flex-direction: column;
        gap: 0;
    }
}

@media screen and (max-width: 768px) {
    .compare__top {
        top: -88px;
    }
}

@media screen and (max-width: 600px) {
    .compare__top {
        top: -130px;
    }
}

@media screen and (max-width: 450px) {
    .compare__top {
        padding-left: 16px;
        padding-right: 16px;
        top: -163px;
    }
}

.compare__top.fixed {
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.08);
}

.compare__top_side {
    width: 260px;
    background: white;
    z-index: 20;
    position: relative;
    padding-top: 16px;
}

@media screen and (max-width: 1024px) {
    .compare__top_side {
        width: 100%;
        padding-top: 24px;
    }
}

.compare__top_side::before {
    content: "";
    width: max(210px, 50vw - 750px);
    height: 100%;
    position: absolute;
    right: 99%;
    top: 0;
    z-index: 1;
    background: white;
}

@media (max-width: 1440px) {
    .compare__top_side::before {
        width: 21px;
        right: calc(100% - 1px);
    }
}

@media screen and (max-width: 1024px) {
    .compare__top_side::before {
        content: none;
    }
}

.compare__top_side-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 16px;
    padding-bottom: 36px;
    height: 100%;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .compare__top_side-inner {
        padding: 0;
        flex-direction: row;
        gap: 24px;
        justify-content: space-between;
    }
}

@media screen and (max-width: 600px) {
    .compare__top_side-inner {
        flex-direction: column;
    }
}

.compare__top_controls {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

@media screen and (max-width: 1024px) {
    .compare__top_controls {
        flex-direction: row;
    }
}

@media screen and (max-width: 450px) {
    .compare__top_controls {
        flex-direction: column;
    }
}

.compare__top_controls.tab2 {
    display: none;
}

.compare__top_label {
    position: relative;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
    transition: color 0.3s;
}

.compare__top_label:hover {
    color: rgb(137, 170, 40);
}

.compare__top_label .compare__top_radio {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid rgb(195, 195, 195);
    transition: background 0.3s;
    position: relative;
}

.compare__top_label input {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.compare__top_label input:checked~.compare__top_radio {
    background: rgb(137, 170, 40);
    border-color: rgb(137, 170, 40);
}

.compare__top_label input:checked~.compare__top_radio::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 100%;
}

.draggable-slider {
    width: calc(100% - 260px);
    overflow: unset;
    position: static;
    padding-left: 8px;
    padding-top: 16px;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .draggable-slider {
        width: calc(100% + 8px);
        margin-left: -4px;
        padding-left: 0;
    }
}

@media screen and (max-width: 450px) {
    .draggable-slider {
        width: 100%;
        margin: 0;
        overflow: hidden;
    }
}

.draggable-slider .swiper-pagination {
    display: none;
}

@media screen and (max-width: 1024px) {
    .draggable-slider .swiper-pagination {
        display: flex;
        top: calc(100% - 44px);
        left: 50%;
        max-width: max-content;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
        gap: 12px;
        padding: 12px;
        border-radius: 28px;
        background: #f5f5f7;
        height: 36px;
    }
}

.draggable-slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    display: block;
    width: 12px;
    height: 12px;
    opacity: 1;
    background: rgb(195, 195, 195);
}

.draggable-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgb(137, 170, 40);
}

.draggable-slider.progress {
    background: white;
}

.draggable-slider.progress .swiper-wrapper {
    opacity: 0.4;
}

.draggable-slider.progress::before {
    content: "";
    z-index: 30;
    position: absolute;
    width: 40px;
    height: 40px;
    left: calc(50% + 66px);
    top: calc(50% - 57px);
    border: 5px solid rgba(137, 170, 40, 0.6196078431);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.draggable-slider .swiper-button-prev,
.draggable-slider .swiper-button-next {
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: -1;
}

.draggable-holder {
    --width: 310px;
    --height: 250px;
    width: var(--width);
    min-height: var(--height);
}

@media (max-width: 1440px) {
    .draggable-holder {
        --width: 280px;
        --height: 220px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-holder {
        --height: 180px;
        --width: 240px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-holder {
        --width: 168px;
    }
}

@media screen and (max-width: 450px) {
    .draggable-holder {
        width: 100%;
        min-height: unset;
    }
}

.draggable-holder:hover {
    z-index: 2;
}

.draggable-holder.disabled::after {
    content: attr(data-text);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 113px;
    color: var(--State-Error, #e3473d);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 8px 16px;
    border-radius: 100px;
    background: #ffd8d6;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .draggable-holder.disabled::after {
        top: 101px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-holder.disabled::after {
        top: 88px;
        font-size: 16px;
        padding: 4px 10px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-holder.disabled::after {
        top: 58px;
    }
}

@media screen and (max-width: 450px) {
    .draggable-holder.disabled::after {
        top: 38%;
    }
}

.draggable-holder.disabled .draggable-card__img {
    opacity: 0.4;
}

.draggable-holder.disabled .draggable-card__link {
    opacity: 0.4;
    pointer-events: none;
}

.draggable-card {
    position: relative;
    background: white;
    width: var(--width);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 12px;
    padding: 8px;
    transition: box-shadow 0.3s;
}

@media screen and (max-width: 1024px) {
    .draggable-card {
        padding: 8px 4px;
        gap: 12px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card {
        padding: 0 4px;
        border-radius: 0;
    }
}

@media screen and (max-width: 450px) {
    .draggable-card {
        padding: 0;
        width: 100%;
    }
}

.draggable-card:hover {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
}

@media screen and (max-width: 1024px) {
    .draggable-card:hover {
        box-shadow: unset;
    }
}

.draggable-card .to-fav {
    position: absolute;
    top: 75px;
    right: 14px;
    z-index: 2;
    transform: translateZ(1px);
    background: #f5f5f7;
}

@media screen and (max-width: 1024px) {
    .draggable-card .to-fav {
        right: 10px;
        top: 64px;
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card .to-fav {
        right: 12px;
        top: 54px;
    }
}

.draggable-card .to-fav.in-fav {
    background: #0f498a;
}

@media (hover: hover) {
    .draggable-card .to-fav:hover {
        z-index: 3;
    }
}

.draggable-card.start-drag {
    opacity: 0.2;
}

.draggable-card.dublicate {
    z-index: 1000;
    font-family: "Formular";
    --width: 310px;
    --height: 250px;
    transform: translate(-8px, -8px);
}

@media (max-width: 1440px) {
    .draggable-card.dublicate {
        --width: 280px;
        --height: 220px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-card.dublicate {
        --height: 180px;
        --width: 240px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card.dublicate {
        --width: 168px;
    }
}

.draggable-card.disabled::after {
    content: attr(data-text);
    position: absolute;
    left: 50%;
    transform: translate(-50%, -8px);
    top: 121px;
    color: var(--State-Error, #e3473d);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 8px 16px;
    border-radius: 100px;
    background: #ffd8d6;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .draggable-card.disabled::after {
        top: 101px;
    }
}

.draggable-card.disabled img {
    opacity: 0.4;
}

.compare-creator {
    width: var(--width);
    padding: 8px;
    border-radius: 12px;
    transition: box-shadow 0.3s;
    --width: 310px;
    --height: 250px;
}

@media (max-width: 1440px) {
    .compare-creator {
        --width: 280px;
        --height: 220px;
    }
}

@media screen and (max-width: 1024px) {
    .compare-creator {
        --height: 180px;
        --width: 240px;
        padding: 8px 4px;
    }
}

@media screen and (max-width: 600px) {
    .compare-creator {
        padding: 0 4px;
        --width: 168px;
    }
}

@media screen and (max-width: 450px) {
    .compare-creator {
        padding: 0;
    }
}

.compare-creator:hover {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.13);
}

.compare-creator__inner {
    height: var(--height);
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    padding: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: var(--Primary-Main, #0f498a);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .compare-creator__inner {
        font-size: 14px;
        gap: 6px;
    }
}

@media screen and (max-width: 450px) {
    .compare-creator__inner {
        height: 37.1vw;
        padding: 6px;
    }
}

.compare-creator__plus {
    display: block;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    background: var(--Background-Light, #f5f5f7);
    position: relative;
}

@media screen and (max-width: 600px) {
    .compare-creator__plus {
        width: 40px;
        height: 40px;
    }
}

.compare-creator__plus::before {
    content: "";
    width: 2px;
    height: 18px;
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 1px);
    border-radius: 14px;
    background-color: rgb(137, 170, 40);
}

.compare-creator__plus::after {
    content: "";
    height: 2px;
    width: 18px;
    position: absolute;
    left: calc(50% - 9px);
    top: calc(50% - 1px);
    border-radius: 14px;
    background-color: rgb(137, 170, 40);
}

.draggable-card__link {
    color: var(--text-icon-dark-primary, #1d1d1f);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    transition: color 0.3s;
}

@media screen and (max-width: 768px) {
    .draggable-card__link {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.draggable-card__link:hover {
    text-decoration: underline;
    color: #0f498a;
}

.draggable-card__del {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #f5f5f7;
    z-index: 2;
    transform: translateZ(1px);
}

@media screen and (max-width: 1024px) {
    .draggable-card__del {
        width: 40px;
        height: 40px;
        right: 10px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card__del {
        right: 12px;
        top: 8px;
    }
}

@media (hover: hover) {
    .draggable-card__del:hover {
        z-index: 3;
    }

    .draggable-card__del:hover svg {
        stroke: rgb(113, 140, 33);
    }

    .draggable-card__del:hover span {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s;
    }
}

.draggable-card__del svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: rgb(137, 170, 40);
    transition: stroke 0.3s;
    stroke-width: 1.5;
}

.draggable-card__del span {
    position: absolute;
    padding: 16px;
    background: white;
    border-radius: 20px;
    color: var(--Text-Dark-Main, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    white-space: nowrap;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 22, 6, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .draggable-card__del span {
        display: none;
    }
}

.draggable-card__zoom {
    position: absolute;
    top: 136px;
    right: 14px;
    width: 45px;
    height: 45px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #f5f5f7;
}

@media screen and (max-width: 1024px) {
    .draggable-card__zoom {
        width: 40px;
        height: 40px;
        right: 10px;
        top: 114px;
    }
}

@media screen and (max-width: 600px) {
    .draggable-card__zoom {
        right: 12px;
        top: 100px;
    }
}

.draggable-card__zoom:hover svg {
    stroke: rgb(113, 140, 33);
}

.draggable-card__zoom svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: rgb(137, 170, 40);
    transition: stroke 0.3s;
    stroke-width: 1.5;
}

.draggable-card__img {
    border-radius: 20px;
    border: 1px solid #c3c3c3;
    padding: 14px;
    width: 100%;
    height: var(--height);
    cursor: grab;
}

@media screen and (max-width: 1024px) {
    .draggable-card__img {
        padding: 8px;
    }
}

@media screen and (max-width: 450px) {
    .draggable-card__img {
        height: 37.1vw;
    }
}

.draggable-card__img span {
    width: 100%;
    height: 100%;
}

.draggable-card__img img,
.draggable-card__img svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.draggable-card__img .img2 {
    display: none;
}

.draggable-card__img .hide {
    display: none;
}

.draggable-card__img .show {
    display: block;
}

.draggable-nav {
    position: absolute;
    width: calc(100% - max(205px, 50vw - 755px) - max(205px, 50vw - 755px) - 253px);
    max-width: min(1510px, 100vw - 410px);
    height: 40px;
    left: calc(max(205px, 50vw - 755px) + 261px);
    top: 170px;
    z-index: 25;
    pointer-events: none;
}

@media (max-width: 1440px) {
    .draggable-nav {
        max-width: 100vw;
        width: calc(100% - 296px);
        left: 296px;
        top: 150px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-nav {
        display: none;
    }
}

.draggable-nav .swiper-button-next {
    top: 0px;
    width: 40px;
    height: 40px;
    border-radius: 60px;
    background: #0f498a;
    right: 0;
    transform: translateX(30px);
    transition: 0.3s;
    margin: 0;
    pointer-events: all;
}

@media (max-width: 1440px) {
    .draggable-nav .swiper-button-next {
        transform: unset;
        right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-nav .swiper-button-next {
        position: static;
    }
}

.draggable-nav .swiper-button-next::after {
    font-size: 13px;
    color: white;
    transition: 0.3s;
    transform: translateX(1px);
}

@media screen and (max-width: 1280px) {
    .draggable-nav .swiper-button-next::after {
        font-size: 12px;
    }
}

.draggable-nav .swiper-button-next:hover {
    background: #0f498a;
}

.draggable-nav .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 60px;
    left: 0;
    transform: translateX(-100%);
    background: #0f498a;
    top: 0;
    transition: 0.3s;
    margin: 0;
    pointer-events: all;
}

@media (max-width: 1440px) {
    .draggable-nav .swiper-button-prev {
        left: -4px;
    }
}

@media screen and (max-width: 1024px) {
    .draggable-nav .swiper-button-prev {
        position: static;
    }
}

.draggable-nav .swiper-button-prev::after {
    font-size: 13px;
    color: white;
    transition: 0.3s;
    transform: translateX(-1px);
}

@media screen and (max-width: 1280px) {
    .draggable-nav .swiper-button-prev::after {
        font-size: 12px;
    }
}

.draggable-nav .swiper-button-prev:hover {
    background: #0f498a;
}

.draggable-nav .disabled {
    opacity: 0;
}

@media screen and (max-width: 1024px) {
    .draggable-nav .disabled {
        opacity: 0.4;
    }
}

.draggable-nav .disabled:hover {
    background: #0f498a;
}

.compare__clear-all {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
    color: #0f498a;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .compare__clear-all {
        padding: 0;
    }
}

.compare__clear-all svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: rgb(137, 170, 40);
    transition: stroke 0.3s;
    stroke-width: 1.5;
}

.compare__bottom {
    position: relative;
    display: flex;
    padding-top: 40px;
    margin-left: max(205px, 50vw - 755px);
    padding-right: max(205px, 50vw - 755px);
    overflow: hidden;
}

@media (max-width: 1440px) {
    .compare__bottom {
        margin-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__bottom {
        padding-top: 24px;
    }
}

@media screen and (max-width: 450px) {
    .compare__bottom {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
    }
}

.compare__bottom_side {
    width: 260px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: white;
    z-index: 20;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .compare__bottom_side {
        width: 0;
    }
}

.compare__bottom_side .compare__bottom_side-cell:nth-child(odd) {
    background: rgb(245, 245, 247);
}

.compare__outer {
    position: relative;
    width: 100%;
    overflow-x: clip;
}

.compare__outer::after {
    content: "";
    z-index: 23;
    position: absolute;
    right: -1px;
    top: 0;
    width: 206px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, #fff 25.61%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 1440px) {
    .compare__outer::after {
        content: none;
    }
}

.compare__table-swiper {
    width: calc(100% - 253px);
    overflow: unset;
    position: static;
    padding-left: 8px;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper {
        width: 100%;
        padding-left: 0;
    }
}

.compare__table-swiper .swiper-slide {
    position: relative;
    background: white;
    width: 310px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

@media (max-width: 1440px) {
    .compare__table-swiper .swiper-slide {
        width: 280px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .swiper-slide {
        width: 240px;
    }
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .swiper-slide {
        width: 160px;
    }
}

.compare__table-swiper .swiper-slide:hover {
    z-index: 2;
}

.compare__table-swiper .swiper-slide .compare__table_cell:nth-child(odd) {
    background: rgb(245, 245, 247);
}

.compare__table-swiper .swiper-slide:nth-child(1) .compare__table_cell {
    padding: 20px 24px 20px 36px;
}

@media (max-width: 1440px) {
    .compare__table-swiper .swiper-slide:nth-child(1) .compare__table_cell {
        padding: 20px 16px 20px 20px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .swiper-slide:nth-child(1) .compare__table_cell {
        padding: 28px 16px 20px;
    }
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .swiper-slide:nth-child(1) .compare__table_cell {
        padding: 37px 8px 20px 16px;
    }
}

.compare__table-swiper .swiper-slide.disabled .compare__table_txt,
.compare__table-swiper .swiper-slide.disabled .apartment__info_top-price {
    opacity: 0.4;
}

.compare__table-swiper .swiper-slide.disabled .tooltip {
    cursor: default;
    pointer-events: none;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .swiper-slide .tooltip-block {
        transform: translateX(104%);
        top: calc(100% - 26px);
        right: 12px;
        left: unset;
    }
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .swiper-slide .tooltip-block {
        font-size: 12px;
        padding: 9px;
        border-radius: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .swiper-slide .tooltip-block__svg {
        display: none;
    }
}

.compare__table-swiper .price-usd {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .price-usd {
        font-size: 14px;
    }
}

.compare__table-swiper .price-byn {
    color: var(--text-icon-dark-secondary, #707070);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .price-byn {
        font-size: 14px;
    }
}

.compare__table-swiper .apartment__info_top-price {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 4px 18px;
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .apartment__info_top-price {
        flex-direction: column;
        align-items: flex-start;
    }
}

.compare__table-swiper .apartment__info_top-price .price-usd {
    position: relative;
}

.compare__table-swiper .apartment__info_top-price .price-usd .tooltip {
    right: -10px;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .apartment__info_top-price .price-usd .tooltip {
        right: -8px;
    }
}

.compare__table-swiper .apartment__info_top-price.sale {
    position: relative;
}

.compare__table-swiper .apartment__info_top-price.sale::before {
    top: 4px;
    width: 15px;
    height: 15px;
}

.compare__table-swiper .apartment__info_top-price.old {
    justify-content: flex-start;
    margin-top: 4px;
    padding-left: 20px;
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .apartment__info_top-price.old {
        margin-top: 0;
    }
}

.compare__table-swiper .apartment__info_top-price.old .price-usd,
.compare__table-swiper .apartment__info_top-price.old .price-byn {
    color: var(--text-icon-dark-tetriary, #8b8b8b);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-decoration: line-through;
}

@media screen and (max-width: 1024px) {

    .compare__table-swiper .apartment__info_top-price.old .price-usd,
    .compare__table-swiper .apartment__info_top-price.old .price-byn {
        font-size: 14px;
    }
}

.compare__table-swiper .apartment__info_top-price .tooltip-block {
    max-width: 270px;
    top: 100%;
    transform: translateX(63%);
}

@media screen and (max-width: 1024px) {
    .compare__table-swiper .apartment__info_top-price .tooltip-block {
        max-width: 240px;
        transform: translateX(59%);
    }
}

@media screen and (max-width: 600px) {
    .compare__table-swiper .apartment__info_top-price .tooltip-block {
        max-width: 153px;
    }
}

.compare__table-swiper .apartment__info_top-price .tooltip-block__svg {
    left: 41%;
}

.compare__table_txt {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media screen and (max-width: 600px) {
    .compare__table_txt {
        font-size: 14px;
        line-height: 130%;
    }
}

a.compare__table_txt {
    transition: color 0.3s;
}

a.compare__table_txt:hover {
    color: #0f498a;
}

.compare__bottom_side-cell {
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
    padding: 20px 16px;
    width: calc(100% + 8px);
    min-height: 66px;
}

@media screen and (max-width: 1024px) {
    .compare__bottom_side-cell {
        padding: 0;
        width: 0;
        position: relative;
        color: #707070;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

@media screen and (max-width: 1024px) {
    .compare__bottom_side-cell span {
        position: absolute;
        left: 16px;
        top: 4px;
        white-space: nowrap;
    }
}

@media screen and (max-width: 600px) {
    .compare__bottom_side-cell span {
        top: 8px;
    }
}

.compare__bottom_side-cell.setH {
    min-height: var(--h);
}

.compare__table_cell {
    padding: 20px 24px 20px 32px;
    min-height: 66px;
}

@media (max-width: 1440px) {
    .compare__table_cell {
        padding: 20px 16px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table_cell {
        padding: 28px 16px 20px;
        position: relative;
        z-index: 0;
    }
}

@media screen and (max-width: 600px) {
    .compare__table_cell {
        padding: 37px 8px 20px 16px;
    }
}

@media screen and (max-width: 1024px) {
    .compare__table_cell:hover {
        z-index: 3;
    }
}

.compare__table_cell.setH {
    min-height: var(--h);
}

.compare__table_cell .sale {
    padding-left: 16px;
}

.compare__table_cell .sale::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.5 11.25L5.25 7.5L2.25 6.375L7.5 0.75L6.75 4.5L9.75 5.625L4.5 11.25Z' fill='%23FFC815' stroke='%23FFC815' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background-size: contain;
}

.hide-equals {
    display: none !important;
}

.compare__bottom.filtered .compare__table_cell,
.compare__bottom.filtered .compare__bottom_side-cell {
    background: white !important;
}

.compare__bottom.filtered .even {
    background: rgb(245, 245, 247) !important;
}

.compare__outer[data-block=compare-layout] .compare__top_controls.tab1 {
    display: none;
}

.compare__outer[data-block=compare-layout] .compare__top_controls.tab2 {
    display: flex;
}

.compare__outer[data-block=compare-layout] .compare__bottom {
    display: none;
}

.compare__outer[data-block=compare-layout] .draggable-holder {
    --width: 496px;
    --height: 400px;
}

@media (max-width: 1440px) {
    .compare__outer[data-block=compare-layout] .draggable-holder {
        --width: 400px;
        --height: 323px;
    }
}

@media screen and (max-width: 1280px) {
    .compare__outer[data-block=compare-layout] .draggable-holder {
        --width: 360px;
        --height: 291px;
    }
}

@media screen and (max-width: 600px) {
    .compare__outer[data-block=compare-layout] .draggable-holder {
        --width: 300px;
        --height: 271px;
    }
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .draggable-holder {
        width: 100% !important;
        margin: 0 !important;
        --width: 100%;
        --height: 76vw;
    }
}

.compare__outer[data-block=compare-layout] .draggable-card__img {
    padding: 8px;
    border: unset;
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .draggable-card__img {
        height: 76vw;
        border-radius: 22px;
        border: 1px solid #c3c3c3;
    }
}

.compare__outer[data-block=compare-layout] .draggable-card__zoom {
    display: flex;
}

.compare__outer[data-block=compare-layout] .draggable-holder.disabled::after {
    top: 208px;
}

@media (max-width: 1440px) {
    .compare__outer[data-block=compare-layout] .draggable-holder.disabled::after {
        top: 140px;
    }
}

.compare__outer[data-block=compare-layout] .swiper-slide.compare-creator {
    display: none;
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .draggable-slider .swiper-pagination {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .draggable-slider .swiper-wrapper {
        display: flex;
        flex-direction: column;
        transform: unset !important;
        height: auto !important;
        gap: 24px;
    }
}

@media screen and (max-width: 450px) {
    .compare__outer[data-block=compare-layout] .compare__top {
        padding-bottom: 0;
    }
}

.view2 .draggable-card {
    padding: 8px 32px;
}

@media screen and (max-width: 450px) {
    .view2 .draggable-card {
        padding: 0;
    }
}

.view2 .draggable-card.dublicate {
    --width: 496px;
    --height: 400px;
    transform: translate(-32px, -8px);
}

@media (max-width: 1440px) {
    .view2 .draggable-card.dublicate {
        --width: 400px;
        --height: 323px;
    }
}

@media screen and (max-width: 1280px) {
    .view2 .draggable-card.dublicate {
        --width: 360px;
        --height: 291px;
    }
}

@media screen and (max-width: 600px) {
    .view2 .draggable-card.dublicate {
        --width: 300px;
        --height: 271px;
    }
}

.view2 .dublicate .draggable-card__img {
    padding: 0;
    border: unset;
}

.view2 .dublicate.disabled::after {
    top: 208px;
    transform: translate(-50%, 0);
}

@media (max-width: 1440px) {
    .view2 .dublicate.disabled::after {
        top: 140px;
    }
}

.view2 .draggable-nav {
    top: 255px;
}

@media (max-width: 1440px) {
    .view2 .draggable-nav {
        top: 188px;
    }
}

.view2 .dublicate .draggable-card__zoom {
    display: flex;
}

.view2 .fixed {
    box-shadow: unset;
}

.view2 .lightbox .lb-image {
    width: min(832px, 90vw) !important;
    height: min(568px, 90vh) !important;
    object-fit: contain;
    object-position: center;
    border-radius: 8px;
    border-color: transparent;
}

@media screen and (max-width: 600px) {
    .view2 .lightbox .lb-image {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 600px) {
    .view2 .lb-nav {
        top: calc(100% - 50px);
        height: 40px;
        display: flex;
        justify-content: center;
        gap: 24px;
    }
}

.mt16 {
    margin-top: 16px;
}

.mt40 {
    margin-top: 40px;
}

@media screen and (max-width: 600px) {
    .mt40 {
        margin-top: 24px;
    }
}

.visually-hidden {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
}

.text-container {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-family: "Formular";
}

@media screen and (max-width: 600px) {
    .text-container {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.text-container.mt16 {
    margin-top: 16px;
}

.text-container button {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background: #0f498a;
    transition: 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 22px;
    cursor: pointer;
}

.text-container button span {
    cursor: pointer;
}

.text-container button:hover {
    background: #0f498a;
}

.text-container button:active {
    background: #0f498a;
}

.text-container h2 {
    color: #1d1d1f;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1440px) {
    .text-container h2 {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .text-container h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px) {
    .text-container h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 768px) {
    .text-container h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    .text-container h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .text-container h2 {
        font-size: 26px;
        font-weight: 700;
    }
}

.text-container h3 {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 450px) {
    .text-container h3 {
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
}

.text-container h4 {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .text-container h4 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
    }
}

.text-container h5 {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .text-container h5 {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.text-container h6 {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 450px) {
    .text-container h6 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.text-container p {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .text-container p {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

.text-container a {
    color: #0f498a;
    text-decoration: underline;
}

.text-container a:hover {
    text-decoration: none;
}

.text-container ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    margin: 0;
}

.text-container ul li {
    padding-left: 24px;
    position: relative;
}

.text-container ul li::before {
    content: "";
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background: #0f498a;
    position: absolute;
    left: 0;
    top: 11px;
}

.text-container ol {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    margin: 0;
    list-style: decimal;
    padding-left: 20px;
}

.text-container ol li {
    position: relative;
    list-style: decimal;
}

.text-container ol li::marker {
    background: #0f498a;
    color: #0f498a;
}

.text-container table th {
    padding: 20px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}

.text-container table th p {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}

.text-container table td {
    min-width: 201px;
    padding: 20px 16px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text-container table td p {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text-p__container {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    font-family: "Formular";
}

@media screen and (max-width: 600px) {
    .text-p__container {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.text-p__container.mt16 {
    margin-top: 16px;
}

.text-p__container button {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 100px;
    background: #0f498a;
    transition: 0.3s;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 22px;
    cursor: pointer;
}

.text-p__container button span {
    cursor: pointer;
}

.text-p__container button:hover {
    background: #0f498a;
}

.text-p__container button:active {
    background: #0f498a;
}

.text-p__container h2 {
    color: #1d1d1f;
    font-size: min(48px, 2.6vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media (max-width: 1440px) {
    .text-p__container h2 {
        font-size: 44px;
    }
}

@media screen and (max-width: 1280px) {
    .text-p__container h2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px) {
    .text-p__container h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 768px) {
    .text-p__container h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    .text-p__container h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 450px) {
    .text-p__container h2 {
        font-size: 26px;
        font-weight: 700;
    }
}

.text-p__container h3 {
    color: #1d1d1f;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

@media screen and (max-width: 450px) {
    .text-p__container h3 {
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
}

.text-p__container h4 {
    color: #1d1d1f;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .text-p__container h4 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
    }
}

.text-p__container h5 {
    color: #1d1d1f;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

@media screen and (max-width: 450px) {
    .text-p__container h5 {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.text-p__container h6 {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

@media screen and (max-width: 450px) {
    .text-p__container h6 {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
}

.text-p__container p {
    color: #1d1d1f;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 600px) {
    .text-p__container p {
        color: #1d1d1f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}

.text-p__container a {
    color: #0f498a;
    text-decoration: underline;
}

.text-p__container a:hover {
    text-decoration: none;
}

.text-p__container ul {
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 0;
    margin: 0;
}

.text-p__container ul li {
    padding-left: 24px;
    position: relative;
}

.text-p__container ul li::before {
    content: "";
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background: #0f498a;
    position: absolute;
    left: 0;
    top: 11px;
}

.text-p__container ol {
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 0;
    margin: 0;
    list-style: decimal;
    padding-left: 20px;
}

.text-p__container ol li {
    position: relative;
    list-style: decimal;
}

.text-p__container ol li::marker {
    background: #0f498a;
    color: #0f498a;
}

.text-p__container .table-wrap {
    width: 100%;
    overflow-x: auto;
    margin-top: 24px;
}

.text-p__container .table-wrap::-webkit-scrollbar {
    height: 6px;
    background: transparent;
}

.text-p__container .table-wrap::-webkit-scrollbar-thumb {
    background: rgba(137, 170, 40, 0.5019607843);
    border-radius: 6px;
}

.text-p__container .table-wrap::-webkit-scrollbar-corner {
    background: transparent;
}

.text-p__container table {
    width: max-content;
    border-collapse: collapse;
}

.text-p__container table tr:nth-last-child(1) td {
    border-bottom: unset;
}

.text-p__container table th {
    min-width: 201px;
    max-width: max(36vw, 300px);
    padding: 20px 16px;
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    background: rgba(137, 170, 40, 0.2);
}

@media screen and (max-width: 768px) {
    .text-p__container table th {
        min-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .text-p__container table th {
        padding: 12px 10px;
        font-size: 14px;
    }
}

.text-p__container table th p {
    color: #1d1d1f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}

.text-p__container table td {
    min-width: 201px;
    max-width: max(36vw, 300px);
    padding: 20px 16px;
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    border-bottom: 1px solid #8b8b8b;
}

@media screen and (max-width: 768px) {
    .text-p__container table td {
        min-width: unset;
    }
}

@media screen and (max-width: 600px) {
    .text-p__container table td {
        padding: 12px 10px;
        font-size: 13px;
    }
}

.text-p__container table td p {
    color: #1d1d1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text-p__container img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
}

@media screen and (max-width: 600px) {
    .text-p__container img {
        aspect-ratio: 1.4/1;
        object-fit: cover;
        object-position: center;
    }
}

.text-p__container iframe,
.text-p__container video {
    width: 1125px;
    max-width: 100%;
    aspect-ratio: 1/0.56;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

@media screen and (max-width: 600px) {

    .text-p__container iframe,
    .text-p__container video {
        aspect-ratio: 1.4/1;
    }
}

.grey-text__container {
    border-radius: 20px;
    background: #f5f5f7;
    padding: 40px;
    margin: 24px auto;
    max-width: min(1510px, 100% - 410px);
}

@media (max-width: 1440px) {
    .grey-text__container {
        max-width: calc(100% - 40px);
    }
}

@media screen and (max-width: 600px) {
    .grey-text__container {
        padding: 20px;
    }
}

.grey-text__container~.text-p__container {
    margin-top: 24px;
}

.moz .table-wrap {
    scrollbar-width: thin;
    scrollbar-color: rgba(137, 170, 40, 0.5019607843) transparent;
}

.iti.iti--container {
    z-index: 10000;
}

.compare-pop-up {
    position: fixed;
    max-width: 252px;
    bottom: 50px;
    right: 50px;
    border-radius: 12px;
    background: var(--Background-Light, #f5f5f7);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 16px;
    gap: 12px;
    z-index: 2000;
    transform: translateY(30px);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
}

.compare-pop-up.show {
    transform: translateY(0);
    opacity: 1;
}

.compare-pop-up .compare-pop-up__icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    fill: none;
    stroke: #0f498a;
}

.compare-pop-up .compare-pop-up__icon svg,
.compare-pop-up .compare-pop-up__icon img {
    width: 100%;
    height: 100%;
}

.compare-pop-up .compare-pop-up__content {
    font-family: "Formular";
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    color: var(--text-icon-dark-primary, #1d1d1f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.compare-pop-up .compare-pop-up__content a {
    color: var(--Primary-Main, #0f498a);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.compare-pop-up .compare-pop-up__content a:hover {
    color: #0f498a;
    text-decoration: none;
}

.iti.iti--container {
    top: 100% !important;
    left: 0 !important;
    bottom: unset !important;
    position: absolute !important;
    right: unset !important;
    height: 230px;
}

.p404 {
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}

@media screen and (max-width: 450px) {
    .p404 {
        margin-top: -30px;
    }
}

.p404 .p404__bg {
    width: 100%;
}

.p404 .p404__bg img {
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
    aspect-ratio: 1/0.464;
}

@media screen and (max-width: 450px) {
    .p404 .p404__bg img {
        aspect-ratio: unset;
        height: auto;
    }
}

.p404 .p404__content {
    position: absolute;
    display: flex;
    flex-direction: column;
    bottom: 10.5%;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
    .p404 .p404__content {
        bottom: 24px;
    }
}

@media screen and (max-width: 768px) {
    .p404 .p404__content {
        position: static;
        transform: unset;
        bottom: unset;
        left: unset;
    }
}

.p404 .p404__title {
    color: var(--text-icon-light-secondary, rgba(255, 255, 255, 0.8));
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .p404 .p404__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .p404 .p404__title {
        position: absolute;
        top: 33vw;
        width: 96%;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 450px) {
    .p404 .p404__title {
        top: 40vw;
    }
}

.p404 .p404__btns {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-top: min(71px, 3.7vw);
}

@media screen and (max-width: 1280px) {
    .p404 .p404__btns {
        margin-top: 3.5vw;
    }
}

@media screen and (max-width: 1024px) {
    .p404 .p404__btns {
        margin-top: 24px;
    }
}

@media screen and (max-width: 600px) {
    .p404 .p404__btns {
        gap: 10px 16px;
    }
}

@media screen and (max-width: 450px) {
    .p404 .p404__btns {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.p404 .p404__btns .btn-green {
    white-space: nowrap;
}

@media screen and (max-width: 450px) {
    .p404 .p404__btns .btn-green {
        text-align: center;
        justify-content: center;
    }
}

.compass {
    position: absolute;
    left: 100px;
    top: 60px;
    width: 123px;
    height: 123px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 10;
    padding: 9px 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .compass {
        left: unset;
        right: 10px;
        top: unset;
        bottom: 25px;
        width: 58px;
        height: 58px;
        padding: 7px;
    }
}

@media screen and (max-width: 450px) {
    .compass {
        right: 16px;
        bottom: 16px;
    }
}

.compass img,
.compass svg {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 1024px) {
    .genplan.svg-img {
        width: 100vw;
    }
}

.genplan .svg-img-filter {
    min-width: 174px;
}

@media screen and (max-width: 600px) {
    .genplan .svg-img-filter {
        right: unset;
        max-width: 210px;
    }
}

@media screen and (max-width: 450px) {
    .genplan .svg-img-filter {
        left: 16px !important;
        bottom: 16px !important;
    }
}

@media screen and (max-width: 1064px) {
    .main-page article.mt .floor-block {
        padding-top: 160px;
    }
}

@media screen and (max-width: 768px) {
    .main-page article.mt .floor-block {
        padding-top: 0px;
    }
}

.news-tabs__content-block__ {
    width: inherit;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
    gap: 16px;
}

.news-tabs__content-block__ .main-news__item,
.last-news .main-news__item {
    border-radius: 20px;
}

@media (min-width: 600px) and (max-width: 1279px) {

    .news-tabs__content-block__ .main-news__item {
        width: calc(100% / 2.1) !important;
    }
}

@media screen and (min-width: 1280px) {

    .news-tabs__content-block__ .main-news__item {
        width: calc(100% / 3.1);
    }

    .news-tabs__content-block__ .main-news__item {
        min-height: 400px;
        min-width: 400px;
    }
}

/* Start:/local/templates/new_template_newbor/css/news.css?171826686212672*/

/* line 2, dev/sass/modules/news-blocks.scss */
.news-tabs__menu {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (max-width: 1064px) {

    /* line 2, dev/sass/modules/news-blocks.scss */
    .news-tabs__menu {
        overflow-x: auto;
    }
}

/* line 11, dev/sass/modules/news-blocks.scss */
.news-tabs__menu li {
    border-bottom: 1px solid transparent;
    cursor: pointer;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    padding: 0 0 17px 0;
    margin-right: 32px;
    color: #222222;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    position: relative;
}

/* line 12, dev/sass/modules/news-blocks.scss */
.news-tabs__menu li:hover {
    color: #0f498a;
}

/* line 15, dev/sass/modules/news-blocks.scss */
.news-tabs__menu li:hover svg {
    fill: #0f498a;
}

/* line 20, dev/sass/modules/news-blocks.scss */
.news-tabs__menu li.active {
    border-bottom: 1px solid black;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

@media screen and (max-width: 600px) {

    /* line 11, dev/sass/modules/news-blocks.scss */
    .news-tabs__menu li {
        font-size: 12px;
    }
}

/* line 50, dev/sass/modules/news-blocks.scss */
.news-tabs__menu li svg {
    margin-right: 8px;
}

/* line 54, dev/sass/modules/news-blocks.scss */
.news-tabs__menu li span {
    font-size: 16px;
}

/* line 60, dev/sass/modules/news-blocks.scss */
.news-tabs__content {
    width: 100%;
    /*padding: 56px 0 16px 0;*/
    position: relative;
}

/* line 61, dev/sass/modules/news-blocks.scss */
.news-tabs__content.buying-optiones {
    border-top: 1px solid #e0e0e0;
}

/* line 64, dev/sass/modules/news-blocks.scss */
.news-tabs__content.buying-optiones .events__elem {
    margin-bottom: 32px;
}

@media screen and (max-width: 990px) {

    /* line 67, dev/sass/modules/news-blocks.scss */
    .news-tabs__content.buying-optiones .events__elem .main-news__item {
        display: block;
    }
}

/* line 73, dev/sass/modules/news-blocks.scss */
.news-tabs__content.buying-optiones .events__elem .main-news__item .text .date {
    font-size: 32px;
    line-height: 130%;
    color: #ffffff;
}

/* line 78, dev/sass/modules/news-blocks.scss */
.news-tabs__content.buying-optiones .events__elem .main-news__item .text .date a,
.news-tabs__content.buying-optiones .events__elem .main-news__item .text .date span {
    font-size: 18px;
    line-height: 130%;
    color: #ffffff;
    opacity: 0.8;
    text-align: left;
}

/* line 87, dev/sass/modules/news-blocks.scss */
.news-tabs__content.buying-optiones .events__elem .main-news__item .text .date a {
    text-decoration: underline;
    margin-right: 5px;
}

/* line 91, dev/sass/modules/news-blocks.scss */
.news-tabs__content.buying-optiones .events__elem .main-news__item .text .date a:hover {
    text-decoration: none;
    opacity: 1;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}

@media screen and (max-width: 600px) {

    /* line 60, dev/sass/modules/news-blocks.scss */
    .news-tabs__content {
        padding: 16px 0;
    }
}

/* line 111, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block {
    width: inherit;
    display: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

/* line 117, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* line 121, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block h3 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

/* line 125, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block .main-news__item {
    width: calc(33.33% - 25px);
    min-height: 400px;
    min-width: 400px;
    margin: 0 0 32px 0;
}

@media screen and (max-width: 600px) {

    /* line 125, dev/sass/modules/news-blocks.scss */
    .news-tabs__content-block .main-news__item {
        min-height: 250px;
    }
}

/* line 134, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block .main-news__item:nth-child(3n + 2) {
    margin: 0 32px 0 32px;
}

/* line 138, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block .main-news__item .text {
    padding: 32px 40px;
}

@media screen and (max-width: 600px) {

    /* line 138, dev/sass/modules/news-blocks.scss */
    .news-tabs__content-block .main-news__item .text {
        padding: 15px;
    }
}

/* line 145, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block .main-news__item .zag {
    font-weight: bold;
    font-size: 24px;
    line-height: 130%;
    color: #ffffff;
}

@media screen and (max-width: 600px) {

    /* line 145, dev/sass/modules/news-blocks.scss */
    .news-tabs__content-block .main-news__item .zag {
        font-size: 18px;
    }
}

@media screen and (max-width: 1064px) {

    /* line 125, dev/sass/modules/news-blocks.scss */
    .news-tabs__content-block .main-news__item {
        min-width: auto;
        width: calc(50% - 16px) !important;
    }

    /* line 158, dev/sass/modules/news-blocks.scss */
    .news-tabs__content-block .main-news__item:nth-child(3n + 2) {
        margin: 0;
    }

    /* line 161, dev/sass/modules/news-blocks.scss */
    .news-tabs__content-block .main-news__item:nth-child(odd) {
        margin: 0 32px 32px 0;
    }
}

@media screen and (max-width: 600px) {

    /* line 125, dev/sass/modules/news-blocks.scss */
    .news-tabs__content-block .main-news__item {
        width: 100% !important;
        margin-bottom: 15px;
    }

    /* line 167, dev/sass/modules/news-blocks.scss */
    .news-tabs__content-block .main-news__item:nth-child(3n + 2),
    .news-tabs__content-block .main-news__item:nth-child(odd) {
        margin: 0 0 15px 0;
    }
}

/* line 174, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block .main-news__item--without-img {
    border: 1px solid #e0e0e0;
}

/* line 177, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block .main-news__item--without-img .text {
    background-color: transparent;
    padding: 32px 40px;
}

/* line 181, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block .main-news__item--without-img .text .zag {
    color: black;
}

/* line 185, dev/sass/modules/news-blocks.scss */
.news-tabs__content-block .main-news__item--without-img .text .date {
    color: #a6a6a6;
}


/* line 230, dev/sass/modules/actions-block.scss */
.actions-detail .news-tabs__content-block {
    padding: 72px 0 72px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 768px) {

    /* line 230, dev/sass/modules/actions-block.scss */
    .actions-detail .news-tabs__content-block {
        padding: 64px 0 64px;
    }
}

@media screen and (max-width: 600px) {

    /* line 230, dev/sass/modules/actions-block.scss */
    .actions-detail .news-tabs__content-block {
        padding: 40px 0 40px;
    }
}

@media screen and (max-width: 600px) {

    /* line 241, dev/sass/modules/actions-block.scss */
    .actions-detail .news-tabs__content-block h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 375px) {

    /* line 371, dev/sass/modules/credits.scss */
    .credits__dropdown .news-tabs__content {
        display: none;
    }
}

@media screen and (max-width: 990px) {

    /* line 376, dev/sass/modules/credits.scss */
    .credits__dropdown .news-tabs__content .events__elem {
        width: 100% !important;
        height: 388px;
        margin-right: 0;
    }

    /* line 381, dev/sass/modules/credits.scss */
    .credits__dropdown .news-tabs__content .events__elem .main-news__item {
        height: inherit;
    }
}

/* line 104, dev/sass/modules/events-block.scss */
.events .news-tabs__content {
    padding: 0 0 32px 0;
    border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 768px) {

    /* line 104, dev/sass/modules/events-block.scss */
    .events .news-tabs__content {
        padding: 0 0 48px 0;
    }
}

@media screen and (max-width: 375px) {

    /* line 104, dev/sass/modules/events-block.scss */
    .events .news-tabs__content {
        padding: 0 0 16px 0;
    }
}

/* line 292, dev/sass/modules/events-block.scss */
.events .news-tabs__menu .mCSB_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* line 295, dev/sass/modules/events-block.scss */
.events .news-tabs__menu .mCSB_container li:last-child {
    padding-right: 70px;
    position: relative;
}

/* line 298, dev/sass/modules/events-block.scss */
.events .news-tabs__menu .mCSB_container li:last-child:after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    left: 65%;
    top: 3px;
    background: white;
}


/* line 18, dev/sass/modules/main-page-blocks/main-news.scss */
.main-news__item {
    width: 25%;
    position: relative;
    overflow: hidden;
    height: 316px;
}

@media screen and (max-width: 1304px) {

    /* line 18, dev/sass/modules/main-page-blocks/main-news.scss */
    .main-news__item {
        width: 33.33%;
    }
}

@media screen and (max-width: 990px) {

    /* line 18, dev/sass/modules/main-page-blocks/main-news.scss */
    .main-news__item {
        width: 50% !important;
    }
}

@media screen and (max-width: 600px) {

    /* line 18, dev/sass/modules/main-page-blocks/main-news.scss */
    .main-news__item {
        width: 100% !important;
    }
}

@media screen and (max-width: 990px) {

    /* line 32, dev/sass/modules/main-page-blocks/main-news.scss */
    .main-news__item:last-child {
        display: none;
    }
}

/* line 39, dev/sass/modules/main-page-blocks/main-news.scss */
.main-news__item:hover .text {
    background-color: rgba(0, 0, 0, 0.3);
}

/* line 42, dev/sass/modules/main-page-blocks/main-news.scss */
.main-news__item:hover img {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

/* line 46, dev/sass/modules/main-page-blocks/main-news.scss */
.main-news__item .zag {
    font-size: 18px;
    line-height: 150%;
    color: #FFFFFF;
    font-weight: bold;
}

/* line 52, dev/sass/modules/main-page-blocks/main-news.scss */
.main-news__item img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    min-width: 100%;
    max-width: 1000%;
    z-index: 1;
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
}

/* line 62, dev/sass/modules/main-page-blocks/main-news.scss */
.main-news__item .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 24px 32px;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.08);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

/* line 73, dev/sass/modules/main-page-blocks/main-news.scss */
.main-news__item .date {
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    position: absolute;
    left: 32px;
    bottom: 24px;
}

/* line 81, dev/sass/modules/main-page-blocks/main-news.scss */
.main-news__item--main {
    width: 50%;
}

@media screen and (max-width: 1304px) {

    /* line 81, dev/sass/modules/main-page-blocks/main-news.scss */
    .main-news__item--main {
        width: 33.33%;
    }
}

/* line 86, dev/sass/modules/main-page-blocks/main-news.scss */
.main-news__item--main .zag {
    font-size: 32px;
    line-height: 130%;
}

@media screen and (max-width: 1304px) {

    /* line 86, dev/sass/modules/main-page-blocks/main-news.scss */
    .main-news__item--main .zag {
        font-size: 18px;
    }
}

/* End */


/* Start:/local/templates/new_template_newbor/components/bitrix/system.pagenavigation/ajax_infinity_list/style.css?1730278048101*/
/*
.search-result__more {
    margin-top: unset!important;
    text-align: unset!important;
}*/

/* End */


/* Start:/local/templates/new_template_newbor/components/bitrix/news/news/bitrix/news.list/new_page/style.css?1706514568162*/
div.news-list {
    word-wrap: break-word;
}

div.news-list img.preview_picture {
    float: left;
    margin: 0 4px 6px 0;
}

.news-date-time {
    color: #486DAA;
}

/* End */
/* /local/templates/new_template_newbor/css/news.css?171826686212672 */
/* /local/templates/new_template_newbor/components/bitrix/system.pagenavigation/ajax_infinity_list/style.css?1730278048101 */
/* /local/templates/new_template_newbor/components/bitrix/news/news/bitrix/news.list/new_page/style.css?1706514568162 */


.footer_contacts_wrapper {
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 1.125rem;
    margin: 5.5rem 0 0;
    flex-direction: row;
    justify-content: space-evenly;
}

@media (max-width: 900px) {
    .footer_contacts_wrapper {
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 2.125rem;
        margin: 2.5rem 0 0;
        flex-direction: column;
        padding: 10px 30px;
    }
}

.fc_item {
    width: auto;
}

.fc_item_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .313rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
}

.fc_item_title i,
.news_inner a:hover,
.text_content_wrapper a:hover {
    color: #a5aeb4;
}

.phone_wrapper {
    background: #faf8f9;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 10rem auto;
    gap: 1.875rem;
}

.fc_item_inner {
    margin-top: 2.188rem;
    padding: 1.875rem;
}

.br_default {
    border-radius: 1.125rem;
}

.phone_wrapper img {
    width: 100%;
    height: auto;
}

.tel_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.563rem 0 0;
}

.tel_footer_xl {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    color: #26211a;
}

@media (max-width: 900px) {
    .tel_footer_xl {
        font-size: 20px;
        line-height: 22px;
        font-weight: 600;
        color: #26211a;
    }
}

.ff_message_sent h3,
.tel_footer p {
    font-size: .875rem;
    line-height: 1.375rem;
}

.fc_item .hot_inf_item {
    margin-top: 1.25rem;
}

.hot_inf_item {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1.5rem auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .938rem;
    background: #26211a;
    color: #faf8f9;
    font-size: 1rem;
    line-height: 1.125rem;
    padding: 1.25rem;
    font-weight: 500;
}

.br_default {
    border-radius: 1.125rem;
}

.download_item i svg,
.hot_inf_item svg {
    width: 1.5rem;
    height: 1.5rem;
}

.sales_office {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 10rem auto;
    gap: 1.875rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fc_item_inner_type_2 {
    margin-top: 2.188rem;
    padding: 0 0 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 31.25rem;
}

.button_default {
    background: 0 0;
    color: #26211a;
    border: .063rem solid #26211a;
    height: 2.875rem;
    border-radius: 1.438rem;
    padding: 0 1.563rem;
    gap: .938rem;
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: 500;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.button_default i {
    width: .25rem;
    height: .25rem;
    background: #26211a;
    border-radius: 50%;
}

.button_default.button_dark i,
.button_default.button_light_2 i,
.form_wrapper_type_1 .fb_message_sent_type_1 .fbms_top,
.form_wrapper_type_2 .fb_message_sent_type_1 .fbms_top,
.grid_gallery_item_7:hover .button_default:hover i {
    background: #faf8f9;
}

.button_default.button_dark,
.grid_gallery_item_7:hover .button_default:hover {
    background: #26211a;
    color: #faf8f9;
}

.button_default,
.slider-navigation,
.sn_button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

button.button_dark::before {
    content: "";
    position: absolute;
    z-index: 1;
    background: url(/upload/loader.svg) no-repeat center;
    background-size: 24px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.button_default span {
    white-space: nowrap;
}

/** --- **/
.checkbox-wrapper label i {
    font-weight: 500;
    font-size: .875rem;
    line-height: .875rem;
    min-height: 1.625rem;
}

.checkbox-wrapper label a {
    color: #26211a;
    text-decoration: underline;
    text-decoration-color: rgba(38, 33, 26, .15);
    text-underline-offset: .313rem;
    position: relative;
    z-index: 3;
}

.checkbox-wrapper label::before {
    top: 0;
    left: 0;
    border: 1px solid #26211a;
    border-width: .063rem;
    border-radius: .375rem;
}

.fc_item_inner_type_3 {
    margin-top: 2.188rem;
    padding: 0 0 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    gap: 1.25rem;
    max-width: 31.25rem;
}

.f_text {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
}


.fc_item i {
    color: #a5aeb4;
    font-style: normal;
}


.sales_office a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.sales_office .button_default i {
    width: .25rem;
    height: .25rem;
    background: #26211a;
    border-radius: 50%;
}

.sales_office .button_default,
.slider-navigation,
.sn_button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sales_office .button_default {
    background: 0 0;
    color: #26211a;
    border: .063rem solid #26211a;
    height: 2.875rem;
    border-radius: 1.438rem;
    padding: 0 1.563rem;
    gap: .938rem;
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: 500;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.sales_office .item_inf {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sales_office .item_inf {
    gap: .313rem;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
}

.ff_message_sent,
.sales_office .item_inf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/** **/

.footer_bottom,
.sales_office .item_inf {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer_bottom {
    margin-top: 1rem;
    padding: 55px 45px 45px;
    position: relative;
    gap: 2.5rem
}

.footer_bottom::before {
    content: "";
    position: absolute;
    top: 0;
    width: calc(100% + 3.75rem);
    margin-left: -1.875rem;
    border-top: 1px solid rgba(38, 33, 26, .15)
}

.fb_top,
.fb_top nav,
.footer_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fb_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fb_top nav {
    gap: 2.188rem
}

.fb_top nav a,
.fb_txt_xs a {
    text-decoration: underline;
    text-decoration-color: rgba(38, 33, 26, .15);
    text-underline-offset: .313rem
}

.fb_top nav a {
    color: #26211a;
    font-size: 1rem;
    line-height: 1rem
}

.fb_top nav a:hover {
    text-decoration-color: #26211a
}

.fb_top,
.nav_more_footer {
    gap: 1.25rem
}

.fb_txt_xs,
.fb_txt_xs P,
.nav_more_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fb_txt_xs {
    color: #a5aeb4;
    font-size: .875rem;
    line-height: 1.125rem;
    gap: 3.75rem
}

.fb_txt_xs P {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .938rem
}

.fb_txt_xs a {
    color: #a5aeb4
}

.developer,
.developer i,
.fb_bottom,
.up_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fb_bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1.25rem
}

.developer,
.developer i,
.up_button {
    font-size: .875rem
}

.developer {
    color: #a5aeb4;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .625rem
}

.developer i,
.up_button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.25rem;
    padding: 0 1.25rem;
    border-radius: 1.25rem;
    font-weight: 500;
    color: #26211a
}

.developer i {
    border: .063rem solid rgba(38, 33, 26, .15);
    -webkit-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear
}

.developer i:hover {
    border-color: #0f498a;
    background: #0f498a
}

.up_button {
    background: #faf8f9;
    gap: .938rem;
    position: absolute;
    right: 15px;
}

.up_button svg {
    width: .938rem;
    height: .5rem
}

.up_button:hover {
    background: #0f498a;
    color: #fff;
}

.cookie-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.25rem;
    position: fixed;
    bottom: 1.25rem;
    left: 1.25rem;
    color: #faf8f9;
    background: rgba(38, 33, 26, .65);
    -webkit-backdrop-filter: blur(.156rem);
    backdrop-filter: blur(.156rem);
    padding: 1.563rem;
    z-index: 9
}

.cookie-item span {
    margin-top: -.063rem
}

.cookie-item a {
    color: #faf8f9;
    text-decoration: underline
}

.cookie-item,
.social_links,
.social_links a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.social_links {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
}

@media (max-width: 1023px) {
    .social_links {
        display: none;
    }


}

.social_links a {
    width: 35px;
    height: 35px;
    border: .063rem solid #26211a;
    border-radius: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.social_links a:hover {
    border: .100rem solid #26211a;
}

.social_links a img {
    width: 20px;
    height: 20px;
}

.form_type_2,
.form_type_2 .form_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .938rem
}

.form_type_2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.form_type_2 .select_item select {
    height: 3.438rem;
    border-radius: .75rem
}

.form_type_2 .select_item.form_error {
    border-radius: .75rem
}

.form_type_2 .form_bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

/** **/

.input_item {
    background: 0 0;
    border: .063rem solid #26211a;
    border-radius: .75rem;
    height: 4.875rem;
    font-size: 1.125rem;
    padding: 0 1.563rem;
    width: 100%;
    -webkit-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear
}

.input_item:hover {
    background: #fff
}

.input_item:focus {
    border-color: rgba(38, 33, 26, .65);
    background: #fff;
    -webkit-box-shadow: 0 0 0 .25rem rgba(38, 33, 26, .15);
    box-shadow: 0 0 0 .25rem rgba(38, 33, 26, .15)
}

.form_error {
    border-color: #ff6f6f;
    -webkit-box-shadow: 0 0 0 .25rem rgba(255, 111, 111, .25);
    box-shadow: 0 0 0 .25rem rgba(255, 111, 111, .25)
}

.input_item_type_2 {
    background: 0 0;
    border: .063rem solid #26211a;
    border-radius: .75rem;
    height: 3.438rem;
    font-size: 1rem;
    padding: 0 1.25rem;
    width: 100%;
    -webkit-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear
}

.checkbox-wrapper:hover label::before,
.input_item_type_2:hover {
    background: #fff
}

.input_item_type_2:focus {
    border-color: rgba(38, 33, 26, .65);
    background: #fff;
    -webkit-box-shadow: 0 0 0 .25rem rgba(38, 33, 26, .15);
    box-shadow: 0 0 0 .25rem rgba(38, 33, 26, .15)
}

.select_item,
.select_item select {
    border-radius: 1.5rem;
    width: 100%;
    z-index: 0;
    background: 0 0;
    background-origin: .5rem
}

.select_item {
    min-width: 7.5rem;
    position: relative
}

.select_item select {
    font: 500 1rem/3rem "Montserrat";
    -webkit-appearance: none;
    border: 0;
    margin: 0;
    float: left;
    height: 3rem;
    padding: 0 1.875rem 0 1.25rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: .063rem solid #26211a;
    -webkit-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear
}

.select_item select:hover {
    cursor: pointer;
    background: #fff
}

.select_item select::-ms-expand {
    display: none
}

.select_item select:focus {
    background: #fff
}

@-moz-document url-prefix() {
    .select_item select {
        padding: 0 1.875rem 0 1.25rem
    }
}

.select_item::after,
.title_group_type_2 picture::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.select_item::after {
    top: 0;
    right: 1.25rem;
    color: #26211a;
    /* background: url(../img/select_ar.svg) no-repeat center right; */
    background-size: .875rem .438rem;
    pointer-events: none
}

.form_wrapper_type_1 .fb_message_sent_type_1 a:hover,
.form_wrapper_type_2 .fb_message_sent_type_1 a:hover,
.select_item select {
    color: #26211a
}

.select_item option {
    color: #26211a;
    background: #fff
}

.button_filter svg,
.ie .select_item:after {
    display: none
}

.ie .select_item select {
    padding: .5em;
    width: 100%
}

.form_wrapper_type_1,
.form_wrapper_type_2 {
    background: #eaeaea;
    padding: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem
}

.form_wrapper_type_1 h3,
.form_wrapper_type_2 h3 {
    font-size: 1.25rem;
    line-height: 1.375rem;
    font-weight: 600
}

.form_wrapper_type_1 .fb_message_sent_type_1 a,
.form_wrapper_type_2 .fb_message_sent_type_1 a {
    color: #0f498a;
    text-decoration: underline;
    font-weight: 700
}

.form_wrapper_type_2 {
    background: 0 0;
    padding: 0
}

.fb_message_sent_type_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem
}

.fb_message_sent_type_1 .fbms_top {
    background: #eaeaea;
    padding: 1.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.fb_message_sent_type_1 .fbms_top img {
    margin-bottom: .313rem
}

.fb_message_sent_type_1 .fbms_bottom,
.fb_message_sent_type_1 .fbms_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .625rem
}

.fb_message_sent_type_1 .fbms_bottom h3,
.fb_message_sent_type_1 .fbms_bottom p {
    font-size: .938rem;
    line-height: 1.25rem
}

.ico_message_sent {
    width: 3.75rem !important;
    height: 3.75rem !important
}

/** **/
.service_item_title {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(38, 33, 26, .65);
    -webkit-backdrop-filter: blur(.156rem);
    backdrop-filter: blur(.156rem);
    color: #faf8f9;
    padding: 1.875rem;
    min-height: 65px;
    border-radius: 20px;
    transition: all .5s;
}

.social-block__element:hover .service_item_title {
    background: rgba(15, 73, 138, 0.86);
    -webkit-backdrop-filter: blur(.156rem);
    backdrop-filter: blur(.156rem);
    transition: all .5s;
}

.service_item_title-name {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}

/** **/
.bg-wrapper {
    background-color: #f4f4f5;
    position: relative;
    padding: 40px 20px 40px 0;
    margin-top: 30px;
}

.service-detail h3 {
    margin-bottom: 20px;
    font-size: 25px;
}

.service-detail img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

a.service-btn {
    margin-top: 30px;
    background-color: #141313;
    color: #fff;
    transition: all .5s;
    outline: 1px solid transparent;
    cursor: pointer;
    padding: 13px 20px;
    font-size: 15px;
    border-radius: 20px;
}

a.service-btn:hover {
    background-color: #434343;
}

/** **/
.swiper {
    width: 100%;
    height: auto;
}


.swiper-slide {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    /* background-color: #f0f0f0; */
    border-radius: 15px;
    font-size: 24px;
    color: #333;
    flex-direction: column;
}

/* Стили для кнопок навигации */
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
    color: #818181;
    background: #f5f5f7;
    width: 45px;
    height: 45px;
    border-radius: 60px;
    top: 45%;
}

/* Стили для пагинации */
.mySwiper .swiper-pagination-bullet-active {
    background-color: #007aff;
}

.mySwiper .swiper-button-next:after {
    content: 'next';
    font-size: 22px;
}

.mySwiper .swiper-button-prev:after {
    content: 'prev';
    font-size: 22px;
}

.swiper-slide picture {
    display: block;
    background: #faf8f9;
    width: 100%;
    height: auto;
}

.swiper-slide p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #5f5f5f;
    margin: 15px 0;
    text-transform: uppercase;
    transition: all .3s;
}

.swiper-slide:hover p {
    color: #000;
    transition: all .3s;
}

.img-type-1 {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-background-size: cover;
    -o-object-position: center;
    object-position: center;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
    font: inherit;
    max-width: 100%;
}

/** **/