.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

@font-face {
    font-family: Suisse Intl Book;
    src: url(/build/assets/SuisseIntl-Book-0e1d3e12.eot);
    src: url(/build/assets/SuisseIntl-Book-0e1d3e12.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-Book-341585eb.woff2) format("woff2"), url(/build/assets/SuisseIntl-Book-7f22dcdb.woff) format("woff"), url(/build/assets/SuisseIntl-Book-8ea926aa.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-BoldItalic-ff70c2cf.eot);
    src: url(/build/assets/SuisseIntl-BoldItalic-ff70c2cf.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-BoldItalic-c62fe80e.woff2) format("woff2"), url(/build/assets/SuisseIntl-BoldItalic-11676fcd.woff) format("woff"), url(/build/assets/SuisseIntl-BoldItalic-bb10d3d9.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-Medium-c70a3c20.eot);
    src: url(/build/assets/SuisseIntl-Medium-c70a3c20.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-Medium-8d868071.woff2) format("woff2"), url(/build/assets/SuisseIntl-Medium-b3e672f1.woff) format("woff"), url(/build/assets/SuisseIntl-Medium-184e3321.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-BlackItalic-ad094e97.eot);
    src: url(/build/assets/SuisseIntl-BlackItalic-ad094e97.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-BlackItalic-a4cbd7bf.woff2) format("woff2"), url(/build/assets/SuisseIntl-BlackItalic-b2d6c47e.woff) format("woff"), url(/build/assets/SuisseIntl-BlackItalic-e7746891.ttf) format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl Book;
    src: url(/build/assets/SuisseIntl-BookItalic-181450ef.eot);
    src: url(/build/assets/SuisseIntl-BookItalic-181450ef.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-BookItalic-c8a1a5a2.woff2) format("woff2"), url(/build/assets/SuisseIntl-BookItalic-c046def7.woff) format("woff"), url(/build/assets/SuisseIntl-BookItalic-6fabf575.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-Bold-057892d2.eot);
    src: url(/build/assets/SuisseIntl-Bold-057892d2.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-Bold-793b5f89.woff2) format("woff2"), url(/build/assets/SuisseIntl-Bold-d11b96c6.woff) format("woff"), url(/build/assets/SuisseIntl-Bold-1be4c85b.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-Black-d5ab1a08.eot);
    src: url(/build/assets/SuisseIntl-Black-d5ab1a08.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-Black-eef56106.woff2) format("woff2"), url(/build/assets/SuisseIntl-Black-7b36e32a.woff) format("woff"), url(/build/assets/SuisseIntl-Black-b739b89f.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-Light-dd2287ce.eot);
    src: url(/build/assets/SuisseIntl-Light-dd2287ce.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-Light-96516495.woff2) format("woff2"), url(/build/assets/SuisseIntl-Light-a1ee11cb.woff) format("woff"), url(/build/assets/SuisseIntl-Light-69c00270.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-LightItalic-6cab4eea.eot);
    src: url(/build/assets/SuisseIntl-LightItalic-6cab4eea.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-LightItalic-69614dbd.woff2) format("woff2"), url(/build/assets/SuisseIntl-LightItalic-c7695360.woff) format("woff"), url(/build/assets/SuisseIntl-LightItalic-2ccd8f9f.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-Italic-d95fdb1c.eot);
    src: url(/build/assets/SuisseIntl-Italic-d95fdb1c.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-Italic-6ebcf2d6.woff2) format("woff2"), url(/build/assets/SuisseIntl-Italic-ce903a93.woff) format("woff"), url(/build/assets/SuisseIntl-Italic-13da3ec8.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-Regular-9a0e04a5.eot);
    src: url(/build/assets/SuisseIntl-Regular-9a0e04a5.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-Regular-540671fb.woff2) format("woff2"), url(/build/assets/SuisseIntl-Regular-4f8d3583.woff) format("woff"), url(/build/assets/SuisseIntl-Regular-9a8d8e53.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-MediumItalic-741ca83c.eot);
    src: url(/build/assets/SuisseIntl-MediumItalic-741ca83c.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-MediumItalic-2f4d935d.woff2) format("woff2"), url(/build/assets/SuisseIntl-MediumItalic-eb902ac3.woff) format("woff"), url(/build/assets/SuisseIntl-MediumItalic-e37ea32b.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-SemiBoldItalic-ce554738.eot);
    src: url(/build/assets/SuisseIntl-SemiBoldItalic-ce554738.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-SemiBoldItalic-9d9c21ed.woff2) format("woff2"), url(/build/assets/SuisseIntl-SemiBoldItalic-b8fe1f78.woff) format("woff"), url(/build/assets/SuisseIntl-SemiBoldItalic-9fb98627.ttf) format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-SemiBold-cc3a9707.eot);
    src: url(/build/assets/SuisseIntl-SemiBold-cc3a9707.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-SemiBold-9bc4c608.woff2) format("woff2"), url(/build/assets/SuisseIntl-SemiBold-6bb4f2a2.woff) format("woff"), url(/build/assets/SuisseIntl-SemiBold-d12567db.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-ThinItalic-648fa59f.eot);
    src: url(/build/assets/SuisseIntl-ThinItalic-648fa59f.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-ThinItalic-6669bd0f.woff2) format("woff2"), url(/build/assets/SuisseIntl-ThinItalic-76cc47a9.woff) format("woff"), url(/build/assets/SuisseIntl-ThinItalic-b6f902cb.ttf) format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-Thin-350f6906.eot);
    src: url(/build/assets/SuisseIntl-Thin-350f6906.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-Thin-0e53ac3b.woff2) format("woff2"), url(/build/assets/SuisseIntl-Thin-53c75e0a.woff) format("woff"), url(/build/assets/SuisseIntl-Thin-a3c8751c.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-UltraLight-62427901.eot);
    src: url(/build/assets/SuisseIntl-UltraLight-62427901.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-UltraLight-db9cadde.woff2) format("woff2"), url(/build/assets/SuisseIntl-UltraLight-cb2d28d1.woff) format("woff"), url(/build/assets/SuisseIntl-UltraLight-3adfb2ff.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    src: url(/build/assets/SuisseIntl-UltraLightItalic-3f2085a2.eot);
    src: url(/build/assets/SuisseIntl-UltraLightItalic-3f2085a2.eot?#iefix) format("embedded-opentype"), url(/build/assets/SuisseIntl-UltraLightItalic-22a30234.woff2) format("woff2"), url(/build/assets/SuisseIntl-UltraLightItalic-68a295e9.woff) format("woff"), url(/build/assets/SuisseIntl-UltraLightItalic-ca7d5416.ttf) format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-size: 1em;
    outline: none;
    line-height: 130%;
    letter-spacing: inherit;
    color: inherit;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

code,
kbd,
samp,
pre,
tt,
var,
textarea,
input,
select,
isindex,
listing,
xmp,
plaintext {
    font: inherit;
    font-size: 1em;
    white-space: normal
}

dfn,
i,
cite,
var,
address,
em {
    font-style: inherit
}

th,
b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit
}

a,
img,
a img,
iframe,
form,
fieldset,
abbr,
acronym,
object,
applet,
table {
    border: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td,
center {
    text-align: left;
    vertical-align: top
}

q {
    quotes: "" ""
}

ul,
ol,
dir,
menu {
    list-style: none
}

sub,
sup {
    vertical-align: baseline
}

hr {
    display: none
}

font {
    font: inherit !important;
    color: inherit !important
}

marquee {
    overflow: inherit !important;
    -moz-binding: none
}

blink {
    text-decoration: none
}

nobr {
    white-space: normal
}

html,
body {
    padding: 0;
    margin: 0
}

html {
    overflow-x: hidden
}

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

body {
    font-family: Suisse Intl, sans-serif;
    font-weight: 400;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[id] {
    scroll-margin-top: 125px
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

::-webkit-scrollbar-thumb {
    background-color: #0000001a
}

:root {
    --color-neutral-500-t48: #1414147A;
    --color-neutral-100-t52: #FFFFFF85;
    --color-neutral-900: #000000;
    --color-border-error: #eb4c60;
    --color-border-solid-invert: #ffffff;
    --color-border-solid: #141414;
    --color-border-transparent-invert: #ffffff29;
    --color-border-transparent: #1414141f;
    --color-icon-accent: #165a58;
    --color-icon-error: #eb4c60;
    --color-icon-high-invert: #ffffff;
    --color-icon-high: #141414;
    --color-icon-low-invert: #ffffff33;
    --color-icon-low: #14141429;
    --color-icon-medium-invert: #ffffff85;
    --color-icon-medium: #1414147a;
    --color-icon-success: #1cd069;
    --color-surface-1: #ffffff;
    --color-surface-2: #f9fafc;
    --color-surface-3: #f2f4f7;
    --color-surface-4: #E2E5E9;
    --color-surface-5: #141414;
    --color-surface-accent: #165a58;
    --color-surface-accent-low: #FBF3E4;
    --color-surface-error: #eb4c60;
    --color-surface-glass: #42444744;
    --color-surface-success: #1cd069;
    --color-text-accent: #165a58;
    --color-text-error: #eb4c60;
    --color-text-high-invert: #ffffff;
    --color-text-high: #141414;
    --color-text-low-invert: #ffffff33;
    --color-text-low: #14141429;
    --color-text-medium-invert: #ffffff85;
    --color-text-medium: #1414147a;
    --color-text-success: #1cd069;
    --color-text-map: #0975F4;
    --blur-bg-8: blur(8px);
    --blur-bg-12: blur(12px);
    --blur-bg-16: blur(16px);
    --blur-bg-20: blur(20px);
    --blur-bg-24: blur(24px);
    --blur-bg-32: blur(32px);
    --blur-bg-40: blur(40px);
    --blur-bg-64: blur(64px);
    --blur-layer-64: blur(64px);
    --gap-100: 100px;
    --gap-128: 128px;
    --gap-12: 12px;
    --gap-14: 14px;
    --gap-16: 16px;
    --gap-20: 20px;
    --gap-24: 24px;
    --gap-28: 28px;
    --gap-2: 2px;
    --gap-32: 32px;
    --gap-40: 40px;
    --gap-48: 48px;
    --gap-4: 4px;
    --gap-56: 56px;
    --gap-6: 6px;
    --gap-80: 80px;
    --gap-8: 8px;
    --round-12: 12px;
    --round-16: 16px;
    --round-24: 24px;
    --round-32: 32px;
    --round-40: 40px;
    --round-8: 8px;
    --round-full: 9999px;
    --shadow-drop-header: 0px 8px 40px #1414140f;
    --shadow-drop-modal: 0px 8px 32px #14141429;
    --font-size-display-3xl-medium: 64px;
    --font-size-display-2xl-medium: 64px;
    --font-size-display-2xl-regular: 56px;
    --font-size-display-xl-medium: 48px;
    --font-size-display-xl-regular: 48px;
    --font-size-display-lg-medium: 40px;
    --font-size-display-lg-regular: 40px;
    --font-size-display-md-medium: 32px;
    --font-size-display-md-regular: 32px;
    --font-size-display-sm-medium: 24px;
    --font-size-display-sm-regular: 24px;
    --font-size-display-xs-medium: 20px;
    --font-size-display-xs-regular: 20px;
    --font-size-text-lg-medium: 18px;
    --font-size-text-lg-regular: 18px;
    --font-size-text-md-medium: 16px;
    --font-size-text-md-regular: 16px;
    --font-size-text-sm-book: 14px;
    --font-size-text-sm-medium: 14px;
    --font-size-text-sm-regular: 14px;
    --font-size-text-xs-regular: 13px;
    --font-size-text-xxs-medium: 12px;
    --font-weight-display-3xl-medium: 500;
    --font-weight-display-2xl-medium: 500;
    --font-weight-display-2xl-regular: 400;
    --font-weight-display-xl-medium: 500;
    --font-weight-display-xl-regular: 400;
    --font-weight-display-lg-medium: 500;
    --font-weight-display-lg-regular: 400;
    --font-weight-display-md-medium: 500;
    --font-weight-display-md-regular: 400;
    --font-weight-display-sm-medium: 500;
    --font-weight-display-sm-regular: 400;
    --font-weight-display-xs-medium: 500;
    --font-weight-display-xs-regular: 400;
    --font-weight-text-lg-medium: 500;
    --font-weight-text-lg-regular: 400;
    --font-weight-text-md-medium: 500;
    --font-weight-text-md-regular: 400;
    --font-weight-text-sm-book: 450;
    --font-weight-text-sm-regular: 400;
    --font-weight-text-sm-medium: 500;
    --font-weight-text-xs-regular: 400;
    --font-weight-text-xxs-medium: 500;
    --line-height-display-3xl-medium: 112%;
    --line-height-display-2xl-medium: 112%;
    --line-height-display-2xl-regular: 115%;
    --line-height-display-xl-medium: 115%;
    --line-height-display-xl-regular: 115%;
    --line-height-display-lg-medium: 120%;
    --line-height-display-lg-regular: 120%;
    --line-height-display-md-medium: 120%;
    --line-height-display-md-regular: 120%;
    --line-height-display-sm-medium: 117%;
    --line-height-display-sm-regular: 117%;
    --line-height-display-xs-medium: 130%;
    --line-height-display-xs-regular: 130%;
    --line-height-text-lg-medium: 135%;
    --line-height-text-lg-regular: 135%;
    --line-height-text-md-medium: 135%;
    --line-height-text-md-regular: 135%;
    --line-height-text-sm-medium: 140%;
    --line-height-text-sm-book: 140%;
    --line-height-text-sm-regular: 140%;
    --line-height-text-xs-regular: 125%;
    --line-height-text-xxs-medium: 125%;
    --letter-spacing-display-3xl-medium: -1.28px;
    --letter-spacing-display-2xl-medium: -.02em;
    --letter-spacing-display-2xl-regular: -.02em;
    --letter-spacing-display-xl-medium: -.02em;
    --letter-spacing-display-xl-regular: -.02em;
    --letter-spacing-display-lg-medium: -.02em;
    --letter-spacing-display-lg-regular: -.02em;
    --letter-spacing-display-md-medium: -.02em;
    --letter-spacing-display-md-regular: -.02em;
    --letter-spacing-display-sm-medium: 0em;
    --letter-spacing-display-sm-regular: 0em;
    --letter-spacing-display-xs-medium: -.01em;
    --letter-spacing-display-xs-regular: -.01em;
    --letter-spacing-text-lg-medium: -.01em;
    --letter-spacing-text-lg-regular: -.01em;
    --letter-spacing-text-md-medium: -.01em;
    --letter-spacing-text-md-regular: -.01em;
    --letter-spacing-text-sm-medium: 0em;
    --letter-spacing-text-sm-book: 0em;
    --letter-spacing-text-sm-regular: 0em;
    --letter-spacing-text-xs-regular: 0em;
    --letter-spacing-text-xxs-medium: .12px
}

.title {
    word-break: break-word
}

.bc,
.bc-before:before,
.before-sq:before,
.bc-after:after,
.after-sq:after,
.bc-sq,
.icon,
.bcv,
.bcv-before:before,
.before-sq-cv:before,
.bcv-after:after,
.after-sq-cv:after,
.bcv-sq {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.bcv,
.bcv-before:before,
.before-sq-cv:before,
.bcv-after:after,
.after-sq-cv:after,
.bcv-sq {
    background-size: cover
}

.bcv-sq.contain {
    background-size: contain !important
}

.underline {
    text-decoration: underline;
    text-underline-offset: .23em
}

.link-blue {
    cursor: pointer;
    transition: .2s color
}

.link-blue:hover {
    color: var(--color-text-map)
}

.nodisp {
    display: none !important
}

.nodisp-virtual {
    position: absolute !important;
    top: 0 !important;
    left: -100vw !important;
    transform: translate(-100%) !important
}

@media (max-width: 900px) {
    .pc {
        display: none !important
    }
}

@media (min-width: 901px) {
    .mob {
        display: none !important
    }
}

@media (min-width: 1001px) {
    .mob-1000 {
        display: none !important
    }
}

@media (max-width: 1000px) {
    .pc-1000 {
        display: none !important
    }
}

@media (min-width: 1301px) {
    .mob-1300 {
        display: none !important
    }
}

@media (max-width: 1300px) {
    .pc-1300 {
        display: none !important
    }
}

@media (min-width: 1276px) {
    .mob-1275 {
        display: none !important
    }
}

@media (max-width: 1275px) {
    .pc-1275 {
        display: none !important
    }
}

@media (min-width: 1441px) {
    .mob-1440 {
        display: none !important
    }
}

@media (max-width: 1440px) {
    .pc-1440 {
        display: none !important
    }
}

.sq,
.bc-sq,
.icon,
.bcv-sq {
    aspect-ratio: 1
}

.tmi {
    color: var(--color-text-medium-invert)
}

.tm,
.gtext {
    color: var(--color-text-medium)
}

.icon {
    flex-shrink: 0;
    width: 24px;
    transition: .2s;
    transition-property: filter, background, transform
}

.divider {
    background-color: var(--color-border-transparent);
    width: 100%;
    height: 1px;
    flex-shrink: 0
}

.divider-v {
    background-color: var(--color-border-transparent);
    height: 100%;
    width: 1px;
    flex-shrink: 0
}

.divider-white {
    background-color: var(--color-border-transparent-invert);
    height: 100%;
    height: 1px;
    flex-shrink: 0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--color-text-medium)
}

input::placeholder,
textarea::placeholder {
    color: var(--color-text-medium)
}

.ytext {
    color: var(--color-text-accent)
}

.btext {
    color: var(--color-text-map)
}

.grtext {
    color: var(--color-text-success)
}

.rtext {
    color: var(--color-text-error)
}

.box-wrapper {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%
}

.box-wrapper .box {
    box-sizing: border-box;
    padding: 0 var(--gap-80);
    width: min(100%, 1440px)
}

@media (min-width: 901px) and (max-width: 1366px) {
    .box-wrapper .box {
        padding: 0 var(--gap-40)
    }
}

@media (max-width: 900px) {
    .box-wrapper .box {
        padding: 0 var(--gap-16)
    }
}

@media (max-width: 480px) {
    .box-wrapper .box {
        padding: 0 var(--gap-12)
    }
}

.box-wrapper .box.same>* {
    flex: 1
}

.glass {
    background-color: var(--color-surface-glass);
    -webkit-backdrop-filter: var(--blur-bg-8);
    backdrop-filter: var(--blur-bg-8)
}

.flag {
    aspect-ratio: 4/3
}

.glass-bg {
    -webkit-backdrop-filter: var(--blur-bg-24);
    backdrop-filter: var(--blur-bg-24);
    background-color: var(--color-surface-glass)
}

.link a {
    transition: .2s color
}

.link a:hover {
    color: var(--color-text-accent)
}

.glink a {
    transition: .2s color
}

.glink a:hover {
    color: var(--color-text-high)
}

.video-on-load {
    background-color: var(--color-surface-3);
    transition: .4s opacity
}

label {
    display: block
}

.under-header {
    transition: .2s transform
}

.nowrap-text {
    white-space: nowrap
}

body.gray-bg {
    background-color: var(--color-surface-3)
}

.icon.type {
    background-image: url(/images/icons/outline/parametrs/type--high.svg)
}

.icon.rooms {
    background-image: url(/images/icons/outline/parametrs/rooms--high.svg)
}

.icon.toilets {
    background-image: url(/images/icons/outline/parametrs/toilets--high.svg)
}

.icon.square {
    background-image: url(/images/icons/outline/parametrs/square--high.svg)
}

.icon.floors {
    background-image: url(/images/icons/outline/parametrs/floors--high.svg)
}

.icon.sealings {
    background-image: url(/images/icons/outline/parametrs/sealings--high.svg)
}

.icon.furniture {
    background-image: url(/images/icons/outline/parametrs/furniture--high.svg)
}

.icon.decoration {
    background-image: url(/images/icons/outline/parametrs/decoration--high.svg)
}

.icon.deadline {
    background-image: url(/images/icons/outline/parametrs/deadline--high.svg)
}

.icon.material {
    background-image: url(/images/icons/outline/parametrs/material--high.svg)
}

.icon.sight {
    background-image: url(/images/icons/outline/parametrs/sight--high.svg)
}

.icon.parking {
    background-image: url(/images/icons/outline/parametrs/parking--high.svg)
}

.icon.amenities {
    background-image: url(/images/icons/outline/parametrs/amenities--high.svg)
}

.icon.buildings {
    background-image: url(/images/icons/outline/parametrs/buildings--high.svg)
}

.icon.appartments {
    background-image: url(/images/icons/outline/parametrs/appartments--high.svg)
}

.icon.garage {
    background-image: url(/images/icons/outline/parametrs/garage--high.svg)
}

.icon.gas {
    background-image: url(/images/icons/outline/parametrs/gas--high.svg)
}

.icon.electricity {
    background-image: url(/images/icons/outline/parametrs/electricity--high.svg)
}

.icon.water {
    background-image: url(/images/icons/outline/parametrs/water--high.svg)
}

.icon.pipes {
    background-image: url(/images/icons/outline/parametrs/pipes--high.svg)
}

.icon.chevron-right {
    background-image: url(/images/icons/outline/chevron-right--high.svg)
}

.icon.share {
    background-image: url(/images/icons/outline/share--high.svg)
}

.icon.heart {
    background-image: url(/images/icons/outline/heart--high.svg)
}

.icon.chat-circle-dots {
    background-image: url(/images/icons/outline/chat-circle-dots--high.svg)
}

.icon.phone {
    background-image: url(/images/icons/outline/phone--high.svg)
}

.icon.arrows-down-up {
    background-image: url(/images/icons/outline/arrows-down-up--high.svg)
}

.icon.check-circle {
    background-image: url(/images/icons/outline/check-circle--high.svg)
}

.icon.map-pin {
    background-image: url(/images/icons/outline/map-pin--high.svg)
}

.icon.user {
    background-image: url(/images/icons/outline/user--high.svg)
}

.icon.question-circle {
    background-image: url(/images/icons/outline/question-circle--high.svg)
}

.icon.pencil-simple {
    background-image: url(/images/icons/outline/pencil-simple--high.svg)
}

.icon.arrows-clockwise {
    background-image: url(/images/icons/outline/arrows-clockwise--high.svg)
}

.icon.icon.eye {
    background-image: url(/images/icons/outline/eye--high.svg)
}

.icon.bolt {
    background-image: url(/images/icons/outline/bolt--high.svg)
}

.icon.percent {
    background-image: url(/images/icons/outline/percent--high.svg)
}

.before:before,
.bcv-before:before,
.before-sq-cv:before,
.bc-before:before,
.before-sq:before {
    content: "";
    display: block
}

.bc-before,
.before-sq,
.bcv-before,
.before-sq-cv {
    display: flex;
    align-items: center
}

.before-sq:before {
    aspect-ratio: 1
}

.after-sq:after {
    aspect-ratio: 1
}

.before-sq-cv:before {
    aspect-ratio: 1
}

.after-sq-cv:after {
    aspect-ratio: 1
}

.after:after,
.bcv-after:after,
.after-sq-cv:after,
.bc-after:after,
.after-sq:after {
    content: "";
    display: block
}

.bc-after,
.after-sq,
.bcv-after,
.after-sq-cv {
    display: flex;
    align-items: center
}

.ff {
    display: flex;
    align-items: stretch
}

.ffb {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    align-items: center
}

.ffs {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    align-items: center
}

.ffc {
    display: flex;
    align-items: stretch;
    justify-content: center;
    align-items: center
}

.ff-at {
    display: flex;
    align-items: stretch;
    align-items: flex-start
}

.ffb-at {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start
}

.ffs-at {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    align-items: center;
    align-items: flex-start
}

.ffc-at {
    display: flex;
    align-items: stretch;
    justify-content: center;
    align-items: center;
    align-items: flex-start
}

.f-col {
    flex-direction: column
}

.f-col-r {
    flex-direction: column-reverse
}

.f-row {
    flex-direction: row
}

.f-row-r {
    flex-direction: row-reverse
}

.f-wrap {
    flex-wrap: wrap
}

.f-wrap-r {
    flex-wrap: wrap-reverse
}

@media (max-width: 900px) {
    .ff-mob {
        display: flex;
        align-items: stretch
    }

    .ffb-mob {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        align-items: center
    }

    .ffs-mob {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        align-items: center
    }

    .ffc-mob {
        display: flex;
        align-items: stretch;
        justify-content: center;
        align-items: center
    }

    .ff-at-mob {
        display: flex;
        align-items: stretch;
        align-items: flex-start
    }

    .ffb-at-mob {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        align-items: center;
        align-items: flex-start
    }

    .ffs-at-mob {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        align-items: center;
        align-items: flex-start
    }

    .ffc-at-mob {
        display: flex;
        align-items: stretch;
        justify-content: center;
        align-items: center;
        align-items: flex-start
    }

    .f-col-mob {
        flex-direction: column
    }

    .f-col-r-mob {
        flex-direction: column-reverse
    }

    .f-row-mob {
        flex-direction: row
    }

    .f-row-r-mob {
        flex-direction: row-reverse
    }

    .f-wrap-mob {
        flex-wrap: wrap
    }

    .f-wrap-r-mob {
        flex-wrap: wrap-reverse
    }
}

.f-d-3xl-m {
    font-weight: var(--font-weight-display-3xl-medium);
    font-size: var(--font-size-display-3xl-medium);
    line-height: var(--line-height-display-3xl-medium);
    letter-spacing: var(--letter-spacing-display-3xl-medium)
}

.f-d-2xl-m {
    font-weight: var(--font-weight-display-2xl-medium);
    font-size: var(--font-size-display-2xl-medium);
    line-height: var(--line-height-display-2xl-medium);
    letter-spacing: var(--letter-spacing-display-2xl-medium)
}

.f-d-2xl-r {
    font-weight: var(--font-weight-display-2xl-regular);
    font-size: var(--font-size-display-2xl-regular);
    line-height: var(--line-height-display-2xl-regular);
    letter-spacing: var(--letter-spacing-display-2xl-regular)
}

.f-d-xl-m {
    font-weight: var(--font-weight-display-xl-medium);
    font-size: var(--font-size-display-xl-medium);
    line-height: var(--line-height-display-xl-medium);
    letter-spacing: var(--letter-spacing-display-xl-medium)
}

.f-d-xl-r {
    font-weight: var(--font-weight-display-xl-regular);
    font-size: var(--font-size-display-xl-regular);
    line-height: var(--line-height-display-xl-regular);
    letter-spacing: var(--letter-spacing-display-xl-regular)
}

.f-d-lg-m {
    font-weight: var(--font-weight-display-lg-medium);
    font-size: var(--font-size-display-lg-medium);
    line-height: var(--line-height-display-lg-medium);
    letter-spacing: var(--letter-spacing-display-lg-medium)
}

.f-d-lg-r {
    font-weight: var(--font-weight-display-lg-regular);
    font-size: var(--font-size-display-lg-regular);
    line-height: var(--line-height-display-lg-regular);
    letter-spacing: var(--letter-spacing-display-lg-regular)
}

.f-d-md-m {
    font-weight: var(--font-weight-display-md-medium);
    font-size: var(--font-size-display-md-medium);
    line-height: var(--line-height-display-md-medium);
    letter-spacing: var(--letter-spacing-display-md-medium)
}

.f-d-md-r {
    font-weight: var(--font-weight-display-md-regular);
    font-size: var(--font-size-display-md-regular);
    line-height: var(--line-height-display-md-regular);
    letter-spacing: var(--letter-spacing-display-md-regular)
}

.f-d-sm-m {
    font-weight: var(--font-weight-display-sm-medium);
    font-size: var(--font-size-display-sm-medium);
    line-height: var(--line-height-display-sm-medium);
    letter-spacing: var(--letter-spacing-display-sm-medium)
}

.f-d-sm-r {
    font-weight: var(--font-weight-display-sm-regular);
    font-size: var(--font-size-display-sm-regular);
    line-height: var(--line-height-display-sm-regular);
    letter-spacing: var(--letter-spacing-display-sm-regular)
}

.f-d-xs-m {
    font-weight: var(--font-weight-display-xs-medium);
    font-size: var(--font-size-display-xs-medium);
    line-height: var(--line-height-display-xs-medium);
    letter-spacing: var(--letter-spacing-display-xs-medium)
}

.f-d-xs-r {
    font-weight: var(--font-weight-display-xs-regular);
    font-size: var(--font-size-display-xs-regular);
    line-height: var(--line-height-display-xs-regular);
    letter-spacing: var(--letter-spacing-display-xs-regular)
}

.f-t-lg-m {
    font-weight: var(--font-weight-text-lg-medium);
    font-size: var(--font-size-text-lg-medium);
    line-height: var(--line-height-text-lg-medium);
    letter-spacing: var(--letter-spacing-text-lg-medium)
}

.f-t-md-r {
    font-weight: var(--font-weight-text-md-regular);
    font-size: var(--font-size-text-md-regular);
    line-height: var(--line-height-text-md-regular);
    letter-spacing: var(--letter-spacing-text-md-regular)
}

.f-t-md-m {
    font-weight: var(--font-weight-text-md-medium);
    font-size: var(--font-size-text-md-medium);
    line-height: var(--line-height-text-md-medium);
    letter-spacing: var(--letter-spacing-text-md-medium)
}

.f-t-sm-r {
    font-weight: var(--font-weight-text-sm-regular);
    font-size: var(--font-size-text-sm-regular);
    line-height: var(--line-height-text-sm-regular);
    letter-spacing: var(--letter-spacing-text-sm-regular)
}

.f-t-sm-b {
    font-weight: var(--font-weight-text-sm-book);
    font-size: var(--font-size-text-sm-book);
    line-height: var(--line-height-text-sm-book);
    letter-spacing: var(--letter-spacing-text-sm-book)
}

.f-t-sm-m {
    font-weight: var(--font-weight-text-sm-medium);
    font-size: var(--font-size-text-sm-medium);
    line-height: var(--line-height-text-sm-medium);
    letter-spacing: var(--letter-spacing-text-sm-medium)
}

.f-t-xs-r {
    font-weight: var(--font-weight-text-xs-regular);
    font-size: var(--font-size-text-xs-regular);
    line-height: var(--line-height-text-xs-regular);
    letter-spacing: var(--letter-spacing-text-xs-regular)
}

.f-t-xxs-m {
    font-weight: var(--font-weight-text-xxs-medium);
    font-size: var(--font-size-text-xxs-medium);
    line-height: var(--line-height-text-xxs-medium);
    letter-spacing: var(--letter-spacing-text-xxs-medium)
}

@media (max-width: 900px) {
    .f-d-3xl-m-mob {
        font-weight: var(--font-weight-display-3xl-medium);
        font-size: var(--font-size-display-3xl-medium);
        line-height: var(--line-height-display-3xl-medium);
        letter-spacing: var(--letter-spacing-display-3xl-medium)
    }

    .f-d-2xl-m-mob {
        font-weight: var(--font-weight-display-2xl-medium);
        font-size: var(--font-size-display-2xl-medium);
        line-height: var(--line-height-display-2xl-medium);
        letter-spacing: var(--letter-spacing-display-2xl-medium)
    }

    .f-d-2xl-r-mob {
        font-weight: var(--font-weight-display-2xl-regular);
        font-size: var(--font-size-display-2xl-regular);
        line-height: var(--line-height-display-2xl-regular);
        letter-spacing: var(--letter-spacing-display-2xl-regular)
    }

    .f-d-xl-m-mob {
        font-weight: var(--font-weight-display-xl-medium);
        font-size: var(--font-size-display-xl-medium);
        line-height: var(--line-height-display-xl-medium);
        letter-spacing: var(--letter-spacing-display-xl-medium)
    }

    .f-d-xl-r-mob {
        font-weight: var(--font-weight-display-xl-regular);
        font-size: var(--font-size-display-xl-regular);
        line-height: var(--line-height-display-xl-regular);
        letter-spacing: var(--letter-spacing-display-xl-regular)
    }

    .f-d-lg-m-mob {
        font-weight: var(--font-weight-display-lg-medium);
        font-size: var(--font-size-display-lg-medium);
        line-height: var(--line-height-display-lg-medium);
        letter-spacing: var(--letter-spacing-display-lg-medium)
    }

    .f-d-lg-r-mob {
        font-weight: var(--font-weight-display-lg-regular);
        font-size: var(--font-size-display-lg-regular);
        line-height: var(--line-height-display-lg-regular);
        letter-spacing: var(--letter-spacing-display-lg-regular)
    }

    .f-d-md-m-mob {
        font-weight: var(--font-weight-display-md-medium);
        font-size: var(--font-size-display-md-medium);
        line-height: var(--line-height-display-md-medium);
        letter-spacing: var(--letter-spacing-display-md-medium)
    }

    .f-d-md-r-mob {
        font-weight: var(--font-weight-display-md-regular);
        font-size: var(--font-size-display-md-regular);
        line-height: var(--line-height-display-md-regular);
        letter-spacing: var(--letter-spacing-display-md-regular)
    }

    .f-d-sm-m-mob {
        font-weight: var(--font-weight-display-sm-medium);
        font-size: var(--font-size-display-sm-medium);
        line-height: var(--line-height-display-sm-medium);
        letter-spacing: var(--letter-spacing-display-sm-medium)
    }

    .f-d-sm-r-mob {
        font-weight: var(--font-weight-display-sm-regular);
        font-size: var(--font-size-display-sm-regular);
        line-height: var(--line-height-display-sm-regular);
        letter-spacing: var(--letter-spacing-display-sm-regular)
    }

    .f-d-xs-m-mob {
        font-weight: var(--font-weight-display-xs-medium);
        font-size: var(--font-size-display-xs-medium);
        line-height: var(--line-height-display-xs-medium);
        letter-spacing: var(--letter-spacing-display-xs-medium)
    }

    .f-d-xs-r-mob {
        font-weight: var(--font-weight-display-xs-regular);
        font-size: var(--font-size-display-xs-regular);
        line-height: var(--line-height-display-xs-regular);
        letter-spacing: var(--letter-spacing-display-xs-regular)
    }

    .f-t-lg-m-mob {
        font-weight: var(--font-weight-text-lg-medium);
        font-size: var(--font-size-text-lg-medium);
        line-height: var(--line-height-text-lg-medium);
        letter-spacing: var(--letter-spacing-text-lg-medium)
    }

    .f-t-md-r-mob {
        font-weight: var(--font-weight-text-md-regular);
        font-size: var(--font-size-text-md-regular);
        line-height: var(--line-height-text-md-regular);
        letter-spacing: var(--letter-spacing-text-md-regular)
    }

    .f-t-md-m-mob {
        font-weight: var(--font-weight-text-md-medium);
        font-size: var(--font-size-text-md-medium);
        line-height: var(--line-height-text-md-medium);
        letter-spacing: var(--letter-spacing-text-md-medium)
    }

    .f-t-sm-r-mob {
        font-weight: var(--font-weight-text-sm-regular);
        font-size: var(--font-size-text-sm-regular);
        line-height: var(--line-height-text-sm-regular);
        letter-spacing: var(--letter-spacing-text-sm-regular)
    }

    .f-t-sm-b-mob {
        font-weight: var(--font-weight-text-sm-book);
        font-size: var(--font-size-text-sm-book);
        line-height: var(--line-height-text-sm-book);
        letter-spacing: var(--letter-spacing-text-sm-book)
    }

    .f-t-sm-m-mob {
        font-weight: var(--font-weight-text-sm-medium);
        font-size: var(--font-size-text-sm-medium);
        line-height: var(--line-height-text-sm-medium);
        letter-spacing: var(--letter-spacing-text-sm-medium)
    }

    .f-t-xs-r-mob {
        font-weight: var(--font-weight-text-xs-regular);
        font-size: var(--font-size-text-xs-regular);
        line-height: var(--line-height-text-xs-regular);
        letter-spacing: var(--letter-spacing-text-xs-regular)
    }

    .f-t-xxs-m-mob {
        font-weight: var(--font-weight-text-xxs-medium);
        font-size: var(--font-size-text-xxs-medium);
        line-height: var(--line-height-text-xxs-medium);
        letter-spacing: var(--letter-spacing-text-xxs-medium)
    }
}

.gap-100 {
    gap: var(--gap-100)
}

.gap-128 {
    gap: var(--gap-128)
}

.gap-12 {
    gap: var(--gap-12)
}

.gap-14 {
    gap: var(--gap-14)
}

.gap-16 {
    gap: var(--gap-16)
}

.gap-20 {
    gap: var(--gap-20)
}

.gap-24 {
    gap: var(--gap-24)
}

.gap-28 {
    gap: var(--gap-28)
}

.gap-2 {
    gap: var(--gap-2)
}

.gap-32 {
    gap: var(--gap-32)
}

.gap-40 {
    gap: var(--gap-40)
}

.gap-48 {
    gap: var(--gap-48)
}

.gap-4 {
    gap: var(--gap-4)
}

.gap-56 {
    gap: var(--gap-56)
}

.gap-6 {
    gap: var(--gap-6)
}

.gap-80 {
    gap: var(--gap-80)
}

.gap-8 {
    gap: var(--gap-8)
}

@media (max-width: 900px) {
    .gap-100-mob {
        gap: var(--gap-100)
    }

    .gap-128-mob {
        gap: var(--gap-128)
    }

    .gap-12-mob {
        gap: var(--gap-12)
    }

    .gap-14-mob {
        gap: var(--gap-14)
    }

    .gap-16-mob {
        gap: var(--gap-16)
    }

    .gap-20-mob {
        gap: var(--gap-20)
    }

    .gap-24-mob {
        gap: var(--gap-24)
    }

    .gap-28-mob {
        gap: var(--gap-28)
    }

    .gap-2-mob {
        gap: var(--gap-2)
    }

    .gap-32-mob {
        gap: var(--gap-32)
    }

    .gap-40-mob {
        gap: var(--gap-40)
    }

    .gap-48-mob {
        gap: var(--gap-48)
    }

    .gap-4-mob {
        gap: var(--gap-4)
    }

    .gap-56-mob {
        gap: var(--gap-56)
    }

    .gap-6-mob {
        gap: var(--gap-6)
    }

    .gap-80-mob {
        gap: var(--gap-80)
    }

    .gap-8-mob {
        gap: var(--gap-8)
    }
}

.button {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: .2s;
    transition-property: background, color, border;
    box-sizing: border-box;
    flex-shrink: 0;
    border-radius: var(--round-full);
    gap: var(--gap-4);
    padding: var(--gap-14);
    border: 1px solid transparent
}

.button.small {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: .2s;
    transition-property: background, color, border;
    box-sizing: border-box;
    flex-shrink: 0;
    border-radius: var(--round-full);
    gap: var(--gap-4);
    padding: var(--gap-14);
    border: 1px solid transparent;
    padding: var(--gap-6) var(--gap-8);
    gap: 0
}

.button.med {
    padding: var(--gap-16) var(--gap-20)
}

.button.big {
    padding: var(--gap-20) var(--gap-24)
}

.button.black {
    background-color: var(--color-surface-5);
    color: var(--color-text-high-invert)
}

.button.black:hover,
.button.black:active,
.button.black:focus,
.button.black.active {
    background-color: var(--color-surface-accent)
}

.button.red {
    background-color: var(--color-surface-error);
    color: var(--color-text-high-invert)
}

.button.red:hover,
.button.red:active,
.button.red:focus,
.button.red.active {
    background-color: var(--color-surface-accent)
}

.button.white {
    background-color: var(--color-surface-1);
    color: var(--color-text-high);
    box-shadow: 0 8px 32px #14141429
}

.button.white:hover,
.button.white:active,
.button.white:focus,
.button.white.active {
    background-color: var(--color-surface-accent);
    color: #fff
}

.button.white:hover .icon,
.button.white:active .icon,
.button.white:focus .icon,
.button.white.active .icon {
    filter: invert(100%) sepia(0%) saturate(16%) hue-rotate(359deg) brightness(103%) contrast(101%)
}

.button.gray {
    background-color: var(--color-surface-3)
}

.button.gray:hover,
.button.gray:active,
.button.gray:focus,
.button.gray.active {
    background-color: var(--color-surface-4)
}

.button.glass {
    background-color: var(--color-surface-glass);
    -webkit-backdrop-filter: var(--blur-bg-8);
    backdrop-filter: var(--blur-bg-8)
}

.button.white-border {
    border: 1px solid var(--color-border-transparent-invert);
    color: var(--color-text-high-invert)
}

.button.white-border:hover,
.button.white-border:active,
.button.white-border:focus,
.button.white-border.active {
    border: 1px solid transparent;
    background-color: var(--color-surface-accent)
}

.button.accent {
    background-color: var(--color-surface-accent);
    color: var(--color-surface-5)
}

.button.accent:hover,
.button.accent:active,
.button.accent:focus,
.button.accent.active {
    background-color: var(--color-surface-5);
    color: var(--color-text-high-invert)
}

.button.border {
    border: 1px solid var(--color-border-transparent)
}

.button.cursor-default {
    cursor: default
}

.button.border:hover,
.button.border:active,
.button.border:focus,
.button.border.active {
    border: 1px solid var(--color-border-solid)
}

.button .text {
    margin: 0 var(--gap-4)
}

.title.ffs-at.f-col.f-d-2xl-m.f-d-lg-m-mob.mob {
    font-size: 30px
}

.footer-margin-fix {
    height: var(--gap-80);
    background-color: var(--color-surface-3)
}

.footer-margin-fix-inner {
    background-color: var(--color-surface-1);
    width: 100%;
    height: 100%;
    border-radius: 0 0 var(--round-40) var(--round-40)
}

@media (max-width: 900px) {
    .footer.move-top {
        margin-top: calc(-1 * var(--gap-24))
    }
}

.footer-inner {
    background-color: var(--color-surface-3);
    padding-top: var(--gap-56);
    padding-bottom: var(--gap-24)
}

.footer-inner .top .left .logo {
    background-image: url(/logo.jpg);
    height: 80px;
    width: 142px;
    transition: .2s background
}

@media (min-width: 901px) {
    .footer-inner .top .right {
        justify-content: flex-end;
        max-width: 100%;
        flex-wrap: wrap
    }
}

.footer-inner .top .right .callback .dot {
    background-image: url(/images/icons/fill/dot--success.svg);
    width: 24px
}

.footer-inner .top .right .callback .phone-data .phone {
    white-space: nowrap
}

.footer-inner .top .right .callback .phone-data .comment {
    color: var(--color-text-medium);
    transition: .2s color
}

.footer-inner .top .right .buttons .footer-button {
    box-shadow: none
}

@media (max-width: 900px) {
    .footer-inner .top .right .buttons .footer-button {
        flex: 1
    }
}

.footer-inner .top .right .buttons .footer-button .icon {
    width: 20px;
    filter: none
}

.footer-inner .top .right .buttons .footer-button .icon.search {
    background-image: url(/images/icons/outline/search--high.svg)
}

.footer-inner .top .right .buttons .footer-button .icon.menu {
    background-image: url(/images/icons/outline/menu--high.svg)
}

.footer-inner .top .right .buttons .footer-button .icon.geo {
    background-image: url(/images/icons/outline/map-pin--high.svg)
}

.footer-inner .top .right .buttons .footer-button .icon.globe {
    background-image: url(/images/icons/outline/globe--high.svg)
}

.footer-inner .top .right .buttons .footer-button .icon.favorite {
    background-image: url(/images/icons/outline/heart--high.svg)
}

.footer-inner .top .right .buttons .footer-button .icon.lk {
    background-image: url(/images/icons/outline/user--high.svg)
}

.footer-inner .top .right .buttons .footer-button .lang-settings .dot {
    transition: .2s background;
    width: 12px;
    background-image: url(/images/icons/fill/dot--medium.svg)
}

.footer-inner .top .right .buttons .footer-button:hover {
    background-color: var(--color-surface-4);
    color: var(--color-text-high)
}

.footer-inner .top .right .buttons .footer-drop {
    position: relative
}

.footer-inner .top .right .buttons .footer-drop .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-top: 15px;
    top: 100%;
    right: 0;
    width: 295px
}

.footer-inner .top .right .buttons .footer-drop .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-4) var(--gap-16) var(--gap-16);
    box-shadow: 0 8px 32px #14141429
}

.footer-inner .top .right .buttons .footer-drop:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

@media (max-width: 900px) {
    .footer-inner .contacts-dividers .left {
        width: 100%;
        padding: var(--gap-8)
    }

    .footer-inner .contacts-dividers .left .social {
        width: 100%
    }

    .footer-inner .contacts-dividers .left .social .gray-button .button {
        width: 24px;
        padding: 0;
        border: none
    }
}

.footer-inner .contact .icon.whatsapp {
    background-image: url(/images/icons/fill/whatsapp--high.svg)
}

.footer-inner .contact .icon.telegram {
    background-image: url(/images/icons/fill/telegram--high.svg)
}

.footer-inner .contact .icon.facebook {
    background-image: url(/images/icons/fill/facebook--high.svg)
}

.footer-inner .contact .icon.instagram {
    background-image: url(/images/icons/fill/instagram--high.svg)
}

.footer-inner .contact .icon.linkedin {
    background-image: url(/images/icons/fill/linkedin--high.svg)
}

.footer-inner .contact .icon.youtube {
    background-image: url(/images/icons/fill/youtube--high.svg)
}

.footer-inner .contact .icon.zen {
    background-image: url(/images/icons/fill/zen--high.svg)
}

.footer-inner .contact .icon.yandexq {
    background-image: url(/images/icons/fill/yandexq.svg)
}

.footer-inner .contact .icon.tiktok {
    background-image: url(/images/icons/fill/tiktok--high.svg)
}

.footer-inner .contact .icon.vk {
    background-image: url(/images/icons/fill/vk.svg)
}

.footer-inner .contact .right {
    text-align: right
}

@media (max-width: 900px) {
    .footer-inner .contact .right .callbacks {
        width: 100%
    }
}

.footer-inner .legals {
    white-space: nowrap;
    flex-wrap: wrap
}

@media (max-width: 900px) {
    .footer-inner .legals {
        white-space: break-spaces
    }
}

.footer-inner .legals .made-by .maca {
    aspect-ratio: 110/22;
    width: 110px;
    background-image: url(/images/logo-maca.svg)
}

@media (min-width: 901px) {
    .footer-inner .texts .spoiler .head {
        pointer-events: none
    }

    .footer-inner .texts .spoiler .head .open-arrow {
        display: none
    }

    .footer-inner .texts .spoiler .hidden {
        height: auto !important;
        max-height: initial !important
    }
}

@media (max-width: 900px) {
    .footer-inner .texts .spoiler {
        border-bottom: 1px solid var(--color-border-transparent)
    }

    .footer-inner .texts .spoiler .head {
        color: var(--color-text-high)
    }

    .footer-inner .texts .spoiler .hidden {
        color: var(--color-text-medium)
    }
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    color: var(--color-text-high-invert);
    z-index: 7;
    padding: var(--gap-12) 0;
    background-color: transparent;
    transition: .2s;
    transition-property: color, background, transform
}

.header .header-wrapper .box .left {
    width: 100%;
    flex-shrink: 1;
    overflow: hidden
}

.header .header-wrapper .box .left .logo {
    background-image: url(/logo.png);
    height: 80px;
    width: 150px;
    transition: .2s background;
    flex-shrink: 0
}

@media (max-width: 350px) {
    .header .header-wrapper .box .left .logo {
        width: 120px;
    }
}
body.scrolled-100
.header .header-wrapper .box .left .logo {
  filter: brightness(10%)
}

.header .header-wrapper .box .left .navs-h {
    width: 100%;
    overflow: hidden
}

.header .header-wrapper .box .left .navs-h .overflow {
    overflow: hidden;
    width: 100%
}

.header .header-wrapper .box .left .navs-h .nav-p {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.header .header-wrapper .box .left .navs-h .nav-p .text {
    transition: .2s -webkit-text-decoration;
    transition: .2s text-decoration;
    transition: .2s text-decoration, .2s -webkit-text-decoration;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 10px
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-top: 40px;
    top: calc(100% - 20px);
    left: 0
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-4) 0;
    box-shadow: 0 8px 32px #14141429
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown .dropdown__nav-p {
    padding: var(--gap-12) var(--gap-16);
    transition: .2s;
    transition-property: color, background;
    white-space: nowrap;
    display: block;
    border-radius: var(--round-8)
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown .dropdown__nav-p:hover {
    background-color: var(--color-surface-3)
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown .action .text {
    white-space: nowrap
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper {
    left: calc(-1 * var(--gap-16))
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown .gray-button {
    margin-top: var(--gap-4);
    margin-left: var(--gap-16);
    margin-right: var(--gap-16)
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown .gray-button:last-child {
    margin-bottom: var(--gap-12)
}

.header .header-wrapper .box .left .navs-h .nav-p:hover>.text {
    text-decoration-color: var(--color-text-high-invert)
}

.header .header-wrapper .box .left .navs-h .nav-p:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.header .header-wrapper .box .right {
    max-width: 100%;
    flex-shrink: 0
}

.header .header-wrapper .box .right .callback .dot {
    background-image: url(/images/icons/fill/dot--success.svg);
    width: 12px
}

.header .header-wrapper .box .right .callback .phone-data .phone {
    white-space: nowrap
}

.header .header-wrapper .box .right .callback .phone-data .comment {
    color: var(--color-text-medium-invert);
    transition: .2s color
}

.header .header-wrapper .box .right .buttons .header-button:not(.open-select-city-popup) {
    padding: 14px;
    border: 1px solid var(--color-border-transparent-invert);
    position: relative;
    transition: .2s;
    transition-property: border
}

@media (max-width: 400px) {
    .header .header-wrapper .box .right .buttons .header-button:not(.open-select-city-popup) {
        padding: 8px
    }
}

.header .header-wrapper .box .right .buttons .header-button:hover {
    background-color: var(--color-surface-glass);
    -webkit-backdrop-filter: var(--blur-bg-8);
    backdrop-filter: var(--blur-bg-8);
    border-color: transparent
}

.header .header-wrapper .box .right .buttons .header-button .selected-city {
    max-width: 61px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.header .header-wrapper .box .right .buttons .header-button .icon {
    width: 20px;
    transition: .2s background
}

.header .header-wrapper .box .right .buttons .header-button .icon.search {
    background-image: url(/images/icons/outline/search--high-invert.svg)
}

.header .header-wrapper .box .right .buttons .header-button .icon.menu {
    background-image: url(/images/icons/outline/menu--high-invert.svg)
}

.header .header-wrapper .box .right .buttons .header-button .icon.geo {
    background-image: url(/images/icons/outline/map-pin--high-invert.svg)
}

.header .header-wrapper .box .right .buttons .header-button .icon.globe {
    background-image: url(/images/icons/outline/globe--high-invert.svg)
}

.header .header-wrapper .box .right .buttons .header-button .icon.favorite {
    background-image: url(/images/icons/outline/heart--high-invert.svg)
}

.header .header-wrapper .box .right .buttons .header-button .icon.lk {
    background-image: url(/images/icons/outline/user--high-invert.svg)
}

.header .header-wrapper .box .right .buttons .header-button .lang-settings .dot {
    transition: .2s background;
    width: 12px;
    background-image: url(/images/icons/fill/dot--medium-invert.svg)
}

.header .header-wrapper .box .right .buttons .header-button .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-top: 15px;
    top: 100%;
    right: 0;
    width: 281px
}

@media (max-width: 360px) {
    .header .header-wrapper .box .right .buttons .header-button .dropdown-wrapper {
        right: -30%
    }
}

.header .header-wrapper .box .right .buttons .header-button .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-12);
    box-shadow: 0 8px 32px #14141429
}

.header .header-wrapper .box .right .buttons .header-button:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.header.broker-header {
    padding: 0;
    box-shadow: var(--shadow-drop-header)
}

.header.broker-header .lk-link .lk-text {
    position: relative
}

.header.broker-header .lk-link .lk-text div:first-child {
    transition: .2s color
}

.header.broker-header .lk-link .lk-text .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-top: 30px;
    top: 30px;
    right: 20px
}

.header.broker-header .lk-link .lk-text .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    box-shadow: 0 8px 32px #14141429;
    width: 281px
}

.header.broker-header .lk-link .lk-text .dropdown-wrapper .dropdown .drop-item {
    padding: var(--gap-12);
    transition: .2s;
    width: 100%;
    margin: 0
}

.header.broker-header .lk-link .lk-text .dropdown-wrapper .dropdown .drop-item:hover {
    background-color: var(--color-surface-3)
}

.header.broker-header .lk-link .lk-text .dropdown-wrapper .dropdown .drop-item:first-child {
    border-radius: var(--gap-16) var(--gap-16) 0 0
}

.header.broker-header .lk-link .lk-text .dropdown-wrapper .dropdown .drop-item:last-child {
    border-radius: 0 0 var(--gap-16) var(--gap-16)
}

.header.broker-header .lk-link .lk-text .dropdown-wrapper .dropdown .drop-item .icon.arrow-circle-left {
    background-image: url(/images/icons/outline/arrow-circle-left--medium.svg)
}

.header.broker-header .lk-link .lk-text .dropdown-wrapper .dropdown .drop-item .text {
    color: var(--color-text-high)
}

.header.broker-header .lk-link .lk-text:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.header.broker-header .lk-link:hover .button {
    background-color: var(--color-surface-3)
}

.header.broker-header .lk-link:hover .lk-text div:first-child {
    color: var(--color-text-map)
}

.header.broker-header .left,
.header.broker-header .left .navs-h,
.header.broker-header .left .navs-h .nav-p {
    height: 100%
}

.header.broker-header .left .navs-h .nav-p.active {
    color: var(--color-text-accent);
    border-bottom: 2px solid var(--color-surface-accent)
}

.header.broker-header .left .navs-h .nav-p .text.text.text.text {
    transition: .2s color;
    text-decoration: none
}

.header.broker-header .right {
    padding: var(--gap-12) 0
}

body.scrolled-100 .header.index-header:not(.broker-header) {
    color: var(--color-text-high);
    background-color: var(--color-surface-1)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .left .logo {
    background-image: url(/logo.png)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .left .navs-h .nav-p:hover>.text {
    color: var(--color-text-map);
    text-decoration-color: var(--color-text-map)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .callback .phone-data .comment {
    color: var(--color-text-medium)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .buttons .header-button {
    border: 1px solid var(--color-border-transparent);
    transition: .2s background-color
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .buttons .header-button .icon.search {
    background-image: url(/images/icons/outline/search--high.svg)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .buttons .header-button .icon.menu {
    background-image: url(/images/icons/outline/menu--high.svg)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .buttons .header-button .icon.geo {
    background-image: url(/images/icons/outline/map-pin--high.svg)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .buttons .header-button .icon.globe {
    background-image: url(/images/icons/outline/globe--high.svg)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .buttons .header-button .icon.favorite {
    background-image: url(/images/icons/outline/heart--high.svg)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .buttons .header-button .icon.lk {
    background-image: url(/images/icons/outline/user--high.svg)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .buttons .header-button .lang-settings .dot {
    background-image: url(/images/icons/fill/dot--medium.svg)
}

body.scrolled-100 .header.index-header:not(.broker-header) .header-wrapper .box .right .buttons .header-button:hover {
    background-color: var(--color-surface-3)
}

body .header.normal-header {
    color: var(--color-text-high);
    background-color: var(--color-surface-1)
}

body .header.normal-header .header-wrapper .box .left .logo {
    background-image: url(/logo.png)
}

body .header.normal-header .header-wrapper .box .left .navs-h .nav-p:hover>.text {
    color: var(--color-text-map);
    text-decoration-color: var(--color-text-map)
}

body .header.normal-header .header-wrapper .box .right .callback .phone-data .comment {
    color: var(--color-text-medium)
}

body .header.normal-header .header-wrapper .box .right .buttons .header-button {
    border: 1px solid var(--color-border-transparent);
    transition: .2s background-color
}

body .header.normal-header .header-wrapper .box .right .buttons .header-button .icon.search {
    background-image: url(/images/icons/outline/search--high.svg)
}

body .header.normal-header .header-wrapper .box .right .buttons .header-button .icon.menu {
    background-image: url(/images/icons/outline/menu--high.svg)
}

body .header.normal-header .header-wrapper .box .right .buttons .header-button .icon.geo {
    background-image: url(/images/icons/outline/map-pin--high.svg)
}

body .header.normal-header .header-wrapper .box .right .buttons .header-button .icon.globe {
    background-image: url(/images/icons/outline/globe--high.svg)
}

body .header.normal-header .header-wrapper .box .right .buttons .header-button .icon.favorite {
    background-image: url(/images/icons/outline/heart--high.svg)
}

body .header.normal-header .header-wrapper .box .right .buttons .header-button .icon.lk {
    background-image: url(/images/icons/outline/user--high.svg)
}

body .header.normal-header .header-wrapper .box .right .buttons .header-button .lang-settings .dot {
    background-image: url(/images/icons/fill/dot--medium.svg)
}

body .header.normal-header .header-wrapper .box .right .buttons .header-button:hover {
    background-color: var(--color-surface-3)
}

.header:not(.index-header) {
    color: var(--color-text-high);
    background-color: var(--color-surface-1)
}

.header:not(.index-header) .header-wrapper .box .left .logo {
    background-image: url(/logo.png)
}

.header:not(.index-header) .header-wrapper .box .left .navs-h .nav-p:hover>.text {
    color: var(--color-text-map);
    text-decoration-color: var(--color-text-map)
}

.header:not(.index-header) .header-wrapper .box .right .callback .phone-data .comment {
    color: var(--color-text-medium)
}

.header:not(.index-header) .header-wrapper .box .right .buttons .header-button {
    border: 1px solid var(--color-border-transparent);
    transition: .2s background-color
}

.header:not(.index-header) .header-wrapper .box .right .buttons .header-button .icon.search {
    background-image: url(/images/icons/outline/search--high.svg)
}

.header:not(.index-header) .header-wrapper .box .right .buttons .header-button .icon.menu {
    background-image: url(/images/icons/outline/menu--high.svg)
}

.header:not(.index-header) .header-wrapper .box .right .buttons .header-button .icon.geo {
    background-image: url(/images/icons/outline/map-pin--high.svg)
}

.header:not(.index-header) .header-wrapper .box .right .buttons .header-button .icon.globe {
    background-image: url(/images/icons/outline/globe--high.svg)
}

.header:not(.index-header) .header-wrapper .box .right .buttons .header-button .icon.favorite {
    background-image: url(/images/icons/outline/heart--high.svg)
}

.header:not(.index-header) .header-wrapper .box .right .buttons .header-button .icon.lk {
    background-image: url(/images/icons/outline/user--high.svg)
}

.header:not(.index-header) .header-wrapper .box .right .buttons .header-button .lang-settings .dot {
    background-image: url(/images/icons/fill/dot--medium.svg)
}

.header:not(.index-header) .header-wrapper .box .right .buttons .header-button:hover {
    background-color: var(--color-surface-3)
}

.mob-nav {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 8;
    background-color: #fff;
    max-height: 100%;
    overflow-y: scroll;
    opacity: 0;
    left: 20px;
    transition: .2s;
    transition-property: opacity, left;
    pointer-events: none
}

.mob-nav .mob-nav-header-fixer {
    height: 78px
}

.mob-nav .top {
    background-color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    padding: var(--gap-16) 0;
    max-height: 78px
}

.mob-nav .top .logo {
    height: 80px;
    width: 96px;
    background-image: url(/logo.png)
}

.mob-nav .top .close-mob-nav .button {
    padding: 12px
}

.mob-nav .top .close-mob-nav .button .close {
    width: 20px;
    background-image: url(/images/icons/outline/close--high.svg)
}

.mob-nav .search-box {
    padding-top: var(--gap-20);
    padding-bottom: var(--gap-16)
}

.mob-nav .search-box .searchbar {
    height: 48px;
    border: 1px solid var(--color-border-transparent);
    border-radius: var(--round-8);
    padding: 0 var(--gap-12)
}

.mob-nav .search-box .searchbar .search {
    background-image: url(/images/icons/outline/search--medium.svg)
}

.mob-nav .search-box .searchbar input[type=text] {
    border: none;
    height: 100%;
    width: 100%;
    padding: 0 var(--gap-4)
}

.mob-nav .content .mob-nav-box {
    padding-top: var(--gap-16);
    padding-bottom: var(--gap-16)
}

.mob-nav .content .mob-nav-box .bottom-nav-buttons .gray-button {
    flex: 1
}

.mob-nav .content .mob-nav-box .bottom-nav-buttons .icon {
    width: 20px
}

.mob-nav .content .mob-nav-box .bottom-nav-buttons .icon.map-pin {
    background-image: url(/images/icons/outline/map-pin--high.svg)
}

.mob-nav .content .mob-nav-box .bottom-nav-buttons .icon.user {
    background-image: url(/images/icons/outline/user--high.svg)
}

.mob-nav .content .mob-nav-box .social .icon.whatsapp {
    background-image: url(/images/icons/fill/whatsapp--high.svg)
}

.mob-nav .content .mob-nav-box .social .icon.telegram {
    background-image: url(/images/icons/fill/telegram--high.svg)
}

.mob-nav .content .mob-nav-box .social .icon.facebook {
    background-image: url(/images/icons/fill/facebook--high.svg)
}

.mob-nav .content .mob-nav-box .social .icon.instagram {
    background-image: url(/images/icons/fill/instagram--high.svg)
}

.mob-nav .content .mob-nav-box .social .icon.linkedin {
    background-image: url(/images/icons/fill/linkedin--high.svg)
}

.mob-nav.open {
    opacity: 1;
    left: 0;
    pointer-events: all;
    transition: .35s
}

.index-nav-measures {
    padding: var(--gap-16) 0
}

.index-nav-measures .selectors {
    flex-wrap: wrap
}

.index-nav-measures .selectors .selector {
    border-radius: var(--round-full);
    overflow: hidden
}

.index-nav-measures .selectors .selector .button .flag {
    height: 15px
}

.index-nav-measures .selectors .selector .button .flag.ru {
    background-image: url(/images/flags/kg.svg)
}

.index-nav-measures .selectors .selector .button .flag.en {
    background-image: url(/images/flags/gb.svg)
}

.index-nav-measures .selectors .selector .button .text {
    white-space: nowrap
}

.index-nav-measures .selectors .selector input:checked~.button {
    background-color: var(--color-surface-5);
    color: var(--color-text-high-invert)
}

@media (min-width: 1001px) {
    .header-call-mob {
        display: none
    }
}

.spoiler {
    padding-bottom: 0;
    transition: .2s padding;
    width: 100%
}

.spoiler.open {
    padding-bottom: var(--gap-8)
}

.spoiler::marker {
    content: ""
}

.spoiler .hidden {
    overflow: hidden;
    height: 0;
    margin-top: 0;
    display: block
}

.spoiler .hidden .inner {
    background: none;
    padding-left: 0
}

.spoiler .hidden .inner .nav-sub-lines .nav-sub-line {
    padding: var(--gap-8) 0
}

.spoiler .hidden .inner .nav-sub-lines .nav-sub-line:first-of-type {
    padding-top: 0
}

.spoiler.open .open-arrow .arrow-tick {
    transform: rotate(-180deg)
}

.spoiler:not(.show-more-spoiler) .head {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    gap: 10px;
    padding: var(--gap-16) 0;
    transition: .2s padding
}

.spoiler.show-more-spoiler .head {
    display: none
}

.spoiler.show-more-spoiler .head.active {
    display: flex
}

.spoiler:not(.show-more-spoiler) .head .open-arrow {
    overflow: hidden
}

.spoiler:not(.show-more-spoiler) .head .open-arrow .arrow-tick {
    background-image: url(/images/icons/outline/caret-down--medium.svg);
    transition: .2s transform
}

.index-title-banner {
    position: relative;
    min-height: 100vh
}

@media (max-width: 900px) {
    .index-title-banner {
        flex-direction: column
    }
}

@media (min-width: 901px) {
    .how-does-it-work {
        border-radius: var(--round-40) var(--round-40) 0 0;
        margin-top: calc(-1 * var(--gap-40));
        position: relative;
        background-color: var(--color-surface-1);
        padding-top: var(--gap-80)
    }
}

@media (max-width: 900px) {
    .how-does-it-work {
        padding-top: var(--gap-40)
    }

    .index-title-banner {
        padding-top: var(--gap-80);
        padding-bottom: 48px
    }
}

.index-title-banner .video-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 900px) {
    .index-title-banner .video-bg {
        display: none
    }
}

.index-title-banner .blackout {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-surface-5)
}

.index-title-banner .box {
    position: relative;
    color: #fff;
    gap: 56px
}

.index-title-banner .box>* {
    transition: .2s transform
}

@media (min-width: 901px) {
    .index-title-banner .box>* {
        transform: translateY(-150px)
    }
}

@media (max-width: 900px) {
    .index-title-banner .box {
        gap: 36px
    }
}

.index-title-banner .box .title .selector {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.index-title-banner .box .title .selector .arrow {
    background-image: url(/images/icons/outline/caret-down--high-invert.svg);
    width: 48px;
    transform: translateY(15%)
}

@media (max-width: 900px) {
    .index-title-banner .box .title .selector .arrow {
        width: 32px
    }
}

.index-title-banner .box .search-section {
    width: 100%
}

@media (max-width: 900px) {
    .index-title-banner .box .search-section .buttons {
        gap: 4px
    }
}

.index-title-banner .box .search-section .buttons .button {
    padding: var(--gap-8) var(--gap-12)
}

.index-title-banner .box .search-section .buttons .button:hover,
.index-title-banner .box .search-section .buttons .button:active,
.index-title-banner .box .search-section .buttons .button.active {
    background-color: var(--color-surface-5);
    color: var(--color-text-high-invert)
}

.index-title-banner .box .search-section .buttons .button:hover:hover,
.index-title-banner .box .search-section .buttons .button:hover:active,
.index-title-banner .box .search-section .buttons .button:hover:focus,
.index-title-banner .box .search-section .buttons .button:active:hover,
.index-title-banner .box .search-section .buttons .button:active:active,
.index-title-banner .box .search-section .buttons .button:active:focus,
.index-title-banner .box .search-section .buttons .button.active:hover,
.index-title-banner .box .search-section .buttons .button.active:active,
.index-title-banner .box .search-section .buttons .button.active:focus {
    background-color: var(--color-surface-5)
}

.index-title-banner .box .search-section .searchbar {
    width: 100%;
    background-color: var(--color-surface-1);
    border-radius: var(--round-16);
    color: var(--color-text-high)
}

.index-title-banner .box .search-section .searchbar .search-dropdown {
    padding: 0 var(--gap-24);
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.index-title-banner .box .search-section .searchbar .search-dropdown:not([open-drop=address-search]) input {
    pointer-events: none
}

@media (min-width: 1251px) {
    .index-title-banner .box .search-section .searchbar .search-dropdown:first-child {
        min-width: 364px
    }

    .index-title-banner .box .search-section .searchbar .search-dropdown:last-child {
        min-width: 531px
    }
}

@media (max-width: 1250px) {
    .index-title-banner .box .search-section .searchbar .search-dropdown {
        padding: 0 var(--gap-16);
        justify-content: space-between
    }
}

.index-title-banner .box .search-section .searchbar .search-dropdown .input-wrapper {
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    flex: 1
}

@media (max-width: 600px) {
    #home-search-bar-app .input-wrapper.ffs.f-t-md-r.no-border input {
        pointer-events: none
    }
}

.index-title-banner .box .search-section .searchbar .search-dropdown .input-wrapper,
.index-title-banner .box .search-section .searchbar .search-dropdown .input-wrapper input {
    background-color: transparent
}

.index-title-banner .box .search-section .searchbar .search-dropdown .input-wrapper input:disabled {
    cursor: pointer
}

.index-title-banner .box .search-section .searchbar .search-dropdown.full-width {
    width: 100%
}

@media (min-width: 1251px) {
    .index-title-banner .box .search-section .searchbar .search-dropdown.full-width {
        min-width: 531px
    }
}

.index-title-banner .box .search-section .searchbar .search-dropdown .value {
    white-space: nowrap
}

@media (max-width: 900px) {
    .index-title-banner .box .search-section .searchbar .search-dropdown .value {
        white-space: break-spaces
    }
}

.index-title-banner .box .search-section .searchbar .search-dropdown .value:not(.active) {
    color: var(--color-text-medium)
}

.index-title-banner .box .search-section .searchbar .search-dropdown .icon.drop-arrow {
    transition: .2s transform;
    background-image: url(/images/icons/outline/caret-down--medium.svg)
}

.index-title-banner .box .search-section .searchbar .search-dropdown .icon.search {
    background-image: url(/images/icons/outline/search--medium.svg)
}

@media (max-width: 1250px) {
    .index-title-banner .box .search-section .searchbar .search-dropdown .icon.search {
        background-image: url(/images/icons/outline/caret-down--medium.svg)
    }
}

.index-title-banner .box .search-section .searchbar .search-dropdown.drop-opened .icon.drop-arrow {
    transform: scaleY(-1)
}

.index-title-banner .box .search-section .searchbar .divider-v {
    height: calc(100% - var(--gap-16) * 2)
}

.index-title-banner .box .search-section .bottom-menu {
    width: 100%
}

.index-title-banner .box .search-section .bottom-menu .filters {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: var(--round-full)
}

@media (max-width: 900px) {
    .index-title-banner .box .search-section .bottom-menu .filters {
        margin-bottom: var(--gap-12)
    }
}

.index-title-banner .box .search-section .bottom-menu .filters .settings {
    background-image: url(/images/icons/outline/settings-adjust--high-invert.svg);
    width: 20px
}

.index-title-banner .box .search-section .bottom-menu .filters .button {
    padding: var(--gap-8) var(--gap-12)
}

.index-title-banner .box .search-section .bottom-menu .filters:hover .button {
    background-color: var(--color-surface-5)
}

@media (max-width: 900px) {
    .index-title-banner .box .search-section .bottom-menu .bottom-buttons {
        width: 100%
    }
}

.index-title-banner .box .search-section .bottom-menu .bottom-buttons .button {
    height: 56px
}

@media (max-width: 900px) {
    .index-title-banner .box .search-section .bottom-menu .bottom-buttons .button {
        width: 100%
    }
}

.index-title-banner .box .search-section .bottom-menu .bottom-buttons .button .geo {
    background-image: url(/images/icons/outline/map-pin--high.svg)
}

.index-title-banner .box .search-section .sell-form {
    background-color: #fff;
    border-radius: var(--round-24);
    width: 100%;
    padding: var(--gap-32)
}

@media (min-width: 901px) {
    .index-title-banner .box .search-section .sell-form {
        background-image: url(/images/index-keys.png);
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: right bottom
    }
}

@media (max-width: 900px) {
    .index-title-banner .box .search-section .sell-form {
        padding: var(--gap-20)
    }
}

.index-title-banner .box .search-section .sell-form .title,
.index-title-banner .box .search-section .sell-form .form-data {
    color: var(--color-text-high)
}

@media (min-width: 901px) {
    .index-title-banner .box .search-section .sell-form .input-wrapper {
        width: 328px
    }
}

.index-title-banner .box .search-section .sell-form .form-data {
    width: 100%
}

.index-title-banner .box .search-section .sell-form .form-data .gray-button,
.index-title-banner .box .search-section .sell-form .form-data .button {
    height: 100%
}

@media (max-width: 1050px) {

    .index-title-banner .box .search-section .sell-form .form-data .gray-button,
    .index-title-banner .box .search-section .sell-form .form-data .button {
        height: 64px
    }
}

@media (max-width: 1250px) {
    .index-title-banner .box .search-section .searchbar {
        flex-direction: column
    }

    .index-title-banner .box .search-section .searchbar .divider-v {
        height: 1px;
        width: 100%
    }
}

.input-wrapper {
    height: 64px;
    padding: 0 var(--gap-20);
    background-color: var(--color-surface-3);
    border-radius: var(--round-16);
    position: relative;
    outline: 1px solid transparent;
    transition: .2s outline;
    flex-shrink: 0
}

.input-wrapper.thin {
    height: 48px
}

.input-wrapper.long {
    width: 100%
}

.input-wrapper.error.error.error {
    outline: 1px solid var(--color-border-error);
    margin-bottom: calc(var(--gap-8) + 16.25px)
}

.input-wrapper.error.error.error:after {
    content: var(--error-text);
    display: block;
    position: absolute;
    top: calc(100% + var(--gap-8));
    left: 0;
    color: var(--color-text-error);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.input-wrapper:not(.no-border):hover,
.input-wrapper:not(.no-border):active,
.input-wrapper:not(.no-border):focus {
    outline: 1px solid var(--color-border-transparent)
}

.input-wrapper:not(.no-border):has(input:hover, input:active, input:focus) {
    outline: 1px solid var(--color-border-transparent)
}

.input-wrapper .icon.search {
    background-image: url(/images/icons/outline/search--medium.svg)
}

.input-wrapper .icon.drop {
    background-image: url(/images/icons/outline/chevron-down--medium.svg)
}

.input-wrapper .icon.clear {
    background-image: url(/images/icons/fill/close-circle--medium.svg);
    margin-right: var(--gap-8);
    cursor: pointer
}

.input-wrapper .icon.eye-close {
    background-image: url(/images/icons/outline/eye-closed--medium.svg);
    cursor: pointer
}

.input-wrapper .icon.eye-open {
    background-image: url(/images/icons/outline/eye--medium.svg);
    cursor: pointer
}

.input-wrapper input {
    height: 100%;
    padding: 0 var(--gap-4);
    border: none;
    background-color: transparent;
    width: 100%;
    border-radius: var(--round-8)
}

.input-wrapper input:-moz-placeholder-shown~.clear {
    display: none
}

.input-wrapper input:placeholder-shown~.clear {
    display: none
}

.input-wrapper .flag {
    width: 21px
}

.input-wrapper .phone-prefix {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    height: 100%
}

.input-wrapper .phone-prefix .flag {
    position: relative;
    top: -.1em
}

.input-wrapper .phone-prefix .open-drop {
    width: 20px;
    background-image: url(/images/icons/outline/chevron-down--medium.svg)
}

.input-wrapper .phone-prefix.open .open-drop {
    transform: scaleY(-1)
}

.input-wrapper .phone-prefix .phone-code {
    white-space: nowrap
}

.input-wrapper .phones-dropdown {
    position: absolute;
    z-index: 4;
    border-radius: var(--round-8);
    box-shadow: 0 8px 32px #14141429;
    top: calc(100% + var(--gap-4));
    left: 0;
    background-color: var(--color-surface-1);
    max-height: 288px;
    overflow-y: scroll;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    transition-property: opacity
}

.input-wrapper .phones-dropdown .search-phone-code {
    margin: 12px
}

.input-wrapper .phones-dropdown .phone-code,
.input-wrapper .phones-dropdown .flag {
    flex-shrink: 0
}

.input-wrapper .phones-dropdown .flag {
    display: none
}

.input-wrapper .phones-dropdown.open {
    opacity: 1;
    pointer-events: all
}

.input-wrapper .phones-dropdown .drop-line {
    padding: var(--gap-12) var(--gap-16);
    width: 100%;
    cursor: pointer;
    transition: .2s background
}

.input-wrapper .phones-dropdown .drop-line:first-child {
    padding-top: var(--gap-16)
}

.input-wrapper .phones-dropdown .drop-line:last-child {
    padding-bottom: var(--gap-16)
}

.input-wrapper .phones-dropdown .drop-line:hover {
    background-color: var(--color-surface-2)
}

.checkbox-input-group .checkbox-line {
    cursor: pointer
}

.checkbox-input-group .icon.checkbox {
    background-image: url(/images/icons/outline/checkbox--medium.svg)
}

.checkbox-input-group input:checked+.checkbox-line .icon.checkbox {
    background-image: url(/images/icons/fill/checkbox--high.svg)
}

.input-text-buttons {
    width: 100%
}

.double-input {
    background-color: var(--color-surface-3);
    border-radius: var(--round-8);
    height: 48px;
    padding: var(--gap-12) 0;
    width: 292px
}

.double-input.double-input-long {
    width: 100%
}

.double-input.double-input-long .input-wrapper {
    height: 48px
}

.double-input.double-input-price .price-input {
    width: 100%
}

.double-input.double-input-price .with-price {
    width: 167px
}

@media (max-width: 900px) {
    .double-input {
        width: 100%
    }
}

.double-input .input-wrapper {
    height: 100%;
    flex: 1
}

@media (max-width: 900px) {
    .broker-moder {
        gap: 0
    }
}

.broker-moder .selection-wrapper {
    cursor: pointer;
    max-width: 238px
}

@media (max-width: 900px) {
    .broker-moder .selection-wrapper {
        max-width: none;
        width: 100%
    }
}

.broker-moder .selection-wrapper .selection {
    border-radius: var(--round-8);
    transition: .2s background;
    padding: var(--gap-20)
}

.broker-moder .selection-wrapper .selection .title-line {
    width: 100%
}

.broker-moder .selection-wrapper .selection .title-line .radio {
    transition: .2s background;
    background-image: url(/images/icons/outline/radio--low.svg)
}

.broker-moder .selection-wrapper input:checked+.selection {
    background-color: var(--color-surface-3)
}

.broker-moder .selection-wrapper input:checked+.selection .title-line .radio {
    background-image: url(/images/icons/fill/radio-fill--high.svg)
}

.broker-moder .selection-wrapper input:hover+.selection {
    background-color: var(--color-surface-3)
}

.input-wrapper.input-wrapper--textarea {
    height: auto;
    min-height: 64px;
    padding: var(--gap-20)
}

.input-wrapper.input-wrapper--textarea .textarea {
    width: 100%;
    height: 88px;
    background-color: transparent;
    border: none;
    resize: none
}

.jk-fil-panel-box {
    background-color: var(--color-surface-1);
    border-radius: var(--round-40);
    margin-top: 100px
}

@media (max-width: 900px) {
    .jk-fil-panel-box {
        border-radius: var(--round-24)
    }
}

.jk-fil-panel-box.overlay-slider {
    margin-top: 0;
    background-color: #fff;
    position: relative
}

.jk-fil-panel-box .jk-slider-panel {
    padding: var(--gap-32) 0;
    border-bottom: 1px solid var(--color-border-transparent)
}

.jk-fil-panel-box .jk-slider-panel .jk-panel-item-list {
    width: 100%
}

@media (max-width: 1240px) {
    .jk-fil-panel-box .jk-slider-panel {
        align-items: flex-start
    }

    .jk-fil-panel-box .jk-slider-panel .jk-panel-item-list {
        flex-wrap: wrap;
        gap: var(--gap-16) var(--gap-56)
    }
}

.jk-fil-panel-box .jk-slider-panel .jk-panel-item-list .jk-panel-item {
    flex-shrink: 0
}

.jk-fil-panel-box .jk-slider-panel .jk-panel-item-list .jk-panel-item.loca {
    flex-shrink: 1
}

.jk-fil-panel-box .jk-slider-panel .jk-panel-item-list .jk-panel-item .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow-y: hidden
}

.jk-fil-panel-box .under-gal {
    padding-top: var(--gap-16)
}

.jk-fil-panel-box .under-gal .check-circle {
    width: 16px;
    background-image: url(/images/icons/outline/check-circle--medium.svg)
}

.jk-fil-panel-box .under-gal .desc .dot {
    width: 12px;
    background-image: url(/images/icons/fill/dot--medium.svg)
}

.jk-slider {
    height: calc(648px + var(--round-40));
    padding-bottom: calc(32px + var(--round-40));
    margin-bottom: calc(-1 * var(--round-40));
    position: relative
}

@media (max-width: 900px) {
    .jk-slider {
        height: calc(496px + var(--round-24));
        padding-bottom: calc(30px + var(--round-24));
        margin-bottom: calc(-1 * var(--round-24))
    }
}

.jk-slider .slides,
.jk-slider .blackout,
.jk-slider .controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.jk-slider .slides {
    pointer-events: none
}

.jk-slider .slides .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .2s opacity;
    -o-object-fit: cover;
    object-fit: cover
}

.jk-slider .slides .slide.video-slide {
    -o-object-fit: cover;
    object-fit: cover
}

.jk-slider .slides .slide.active {
    opacity: 1
}

.jk-slider .blackout {
    background-color: var(--color-surface-5);
    pointer-events: none
}

.jk-slider .controls {
    overflow: hidden
}

.jk-slider .controls .arrow-wrapper {
    height: 100%;
    cursor: pointer;
    position: relative
}

.jk-slider .controls .arrow-wrapper .gray-button {
    opacity: 0
}

.jk-slider .controls .arrow-wrapper:hover .gray-button {
    opacity: 1
}

.jk-slider .controls .arrow-wrapper .click-area-fixer {
    position: absolute;
    top: 0;
    height: 100%
}

@media (max-width: 900px) {
    .jk-slider .controls .arrow-wrapper {
        height: 100%-var(--round-24)
    }
}

.jk-slider .controls .arrow-wrapper.prev {
    padding-right: var(--gap-80)
}

.jk-slider .controls .arrow-wrapper.prev .click-area-fixer {
    right: 0;
    width: 50vw
}

.jk-slider .controls .arrow-wrapper.next {
    padding-left: var(--gap-80)
}

.jk-slider .controls .arrow-wrapper.next .click-area-fixer {
    left: 0;
    width: 50vw
}

.jk-slider .icon.share {
    background-image: url(/images/icons/outline/share--high-invert.svg)
}

.jk-slider .icon.image-square {
    background-image: url(/images/icons/outline/image-square--high-invert.svg)
}

.jk-slider .icon.phone {
    background-image: url(/images/icons/outline/phone--high-invert.svg)
}

.jk-slider .icon.chat-circle-dots {
    background-image: url(/images/icons/outline/chat-circle-dots--high-invert.svg)
}

.jk-slider .icon.caret-right {
    background-image: url(/images/icons/outline/caret-right--high-invert.svg)
}

.jk-slider .icon.caret-left {
    background-image: url(/images/icons/outline/caret-left--high-invert.svg)
}

.jk-slider .content {
    position: relative;
    justify-content: flex-end;
    pointer-events: none
}

.jk-slider .content>* {
    pointer-events: all
}

.jk-slider .content .share-buttons .button:hover {
    background-color: var(--color-surface-accent)
}

.jk-slider .content .title-line .title {
    color: #fff
}

.jk-slider .progress-bar {
    height: 4px
}

.jk-slider .progress-bar .progress-tile {
    background-color: var(--color-surface-1);
    opacity: .3;
    transition: .2s opacity;
    width: 100%;
    height: 100%;
    border-radius: var(--round-full);
    cursor: pointer;
    position: relative
}

.jk-slider .progress-bar .progress-tile.active {
    opacity: 1
}

.jk-slider .progress-bar .progress-tile .click-surface-fix {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: calc(100% + 20px)
}

@media (min-width: 901px) {
    .share-buttons {
        position: relative
    }

    .share-buttons .share-drop-hover+.share-drop {
        left: 0;
        top: 32px
    }

    .share-buttons .share-drop-hover:hover+.share-drop,
    .share-buttons .share-drop:hover {
        opacity: 1;
        pointer-events: all
    }
}

.complex {
    gap: 16px;
}

@media (max-width: 900px) {
    .complex {
        margin-top: 0;
        border-radius: 0
    }
}

.complex .block-title .icon {
    background-image: url(/images/icons/fill/fire--accent.svg);
    width: 48px
}

@media (max-width: 900px) {
    .complex .block-title .icon {
        width: 24px
    }
}

.complex .complex-flex,
.complex-slider {
    margin-top: 40px
}

@media (max-width: 900px) {
    .complex-slider {
        margin-top: 24px
    }
}

.complex-slider .complex-img-slider__arrows .button {
    width: 48px;
    height: 48px
}

.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    width: 100%
}

@media (min-width: 901px) {
    .cards-grid .complex-card {
        max-width: 400px
    }
}

.complex-card {
    width: 100%
}

.complex-card .bottom {
    transition: .2s opacity
}

.complex-card .complex-favorite-change {
    position: relative;
    z-index: 2
}

.complex-card .complex-img {
    width: 100%;
    aspect-ratio: 1;
    border-radius: var(--round-24);
    overflow: hidden;
    padding: 16px;
    box-sizing: border-box;
    position: relative;
    transition: .2s opacity
}

.complex-card .complex-img .link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (any-hover: hover) {
    .complex-card .complex-img .link {
        z-index: initial
    }
}

.complex-card .complex-img .complex-img-top {
    position: relative;
    align-items: flex-start;
    pointer-events: none
}

.complex-card .complex-img .complex-img-top>* {
    pointer-events: all
}

.complex-card .complex-img .complex-img-top .tags {
    flex-wrap: wrap;
    pointer-events: none
}

.complex-card .complex-img .complex-img-top .tags .tag .icon {
    width: 16px;
    position: relative;
    transform: translateY(-10%)
}

.complex-card .complex-img .complex-img-top .tags .tag .icon.fire {
    background-image: url(/images/icons/fill/fire--accent.svg);
    filter: none
}

.complex-card .complex-img .complex-img-top .tags .tag .text {
    white-space: nowrap
}

.complex-card .complex-img .complex-img-top .tags .tag:hover {
    background-color: var(--color-surface-1);
    color: var(--color-text-high)
}

.complex-card .complex-img .complex-img-top .fav .button {
    aspect-ratio: 1;
    width: 48px;
    padding: 0
}

.complex-card .complex-img .complex-img-top .fav .button .icon {
    background-image: url(/images/icons/outline/heart--high-invert.svg)
}

.complex-card .complex-img .complex-img-top .fav .button:hover,
.complex-card .complex-img .complex-img-top .fav .button:active,
.complex-card .complex-img .complex-img-top .fav .button.active {
    background-color: var(--color-surface-error);
    transition: .2s
}

.complex-card .complex-img .complex-img-top .fav .button:hover .icon,
.complex-card .complex-img .complex-img-top .fav .button:active .icon,
.complex-card .complex-img .complex-img-top .fav .button.active .icon {
    background-image: url(/images/heart-full-white.svg)
}

.complex-card.viewed .complex-img,
.complex-card.viewed .bottom {
    opacity: .6
}

.complex-card.viewed .complex-img-slider .complex-img-slider__dots {
    bottom: calc(var(--gap-12) + 36px)
}

.complex-card.viewed:hover .complex-img,
.complex-card.viewed:hover .bottom {
    opacity: 1
}

.complex-card .complex-bottom {
    width: 100%;
    padding: var(--gap-16)
}

@media (max-width: 900px) {
    .complex-card .complex-bottom {
        padding: var(--gap-12)
    }
}

.complex-card .complex-bottom .main,
.complex-card .complex-bottom .secondary {
    width: 100%
}

.complex-card .complex-bottom .main {
    transition: .2s color
}

.complex-card .complex-bottom .main .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.complex-card .complex-bottom .main .price {
    white-space: nowrap;
    min-width: 112px;
    text-align: right
}

.complex-card:hover .complex-bottom .main {
    color: var(--color-text-map)
}

.residental-comp-card {
    position: relative
}

.residental-comp-card .size>* {
    display: inline-block
}

.residental-comp-card .complex-img {
    position: relative;
    cursor: pointer
}

@media (max-width: 600px) {
    .residental-comp-card .complex-img {
        aspect-ratio: 343/260
    }
}

.residental-comp-card .viewed-label {
    position: relative;
    margin-bottom: -36px;
    top: -35px;
    background-color: var(--color-surface-3);
    width: 100%;
    border-radius: 0 0 22px 22px;
    padding: var(--gap-6)
}

.residental-comp-card .viewed-label .icon.eye {
    background-image: url(/images/icons/outline/eye--medium.svg)
}

.residental-comp-card .viewed-label .icon.eye-slash {
    background-image: url(/images/icons/outline/eye-slash--medium.svg)
}

.residental-comp-card .bottom {
    position: relative;
    padding: var(--gap-12) var(--gap-16)
}

.residental-comp-card .bottom .details {
    width: 100%
}

.residental-comp-card .bottom .details .price {
    transition: .2s color
}

.residental-comp-card .bottom .details .size .dot {
    background-image: url(/images/icons/fill/dot--medium.svg);
    width: 12px
}

@media (max-width: 900px) {
    .residental-comp-card .bottom .details .size .time {
        color: var(--color-text-medium)
    }
}

.residental-comp-card .bottom .button-hov .button {
    padding: 6px 8px;
    background-color: var(--color-surface-2)
}

.residental-comp-card .bottom .button-hov .dropdown-wrapper {
    position: absolute;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-bottom: 10px;
    bottom: calc(100% - 15px);
    right: 4px;
    max-width: calc(100% - 8px);
    filter: drop-shadow(0px 8px 32px rgba(20, 20, 20, .16));
    width: 100%
}

.residental-comp-card .bottom .button-hov .dropdown-wrapper:after {
    content: "";
    position: absolute;
    top: calc(100% - 10px);
    right: var(--gap-48);
    width: 12px;
    height: 6px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/images/pointer.svg)
}

@media (max-width: 900px) {
    .residental-comp-card .bottom .button-hov .dropdown-wrapper {
        display: none
    }
}

.residental-comp-card .bottom .button-hov .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-12);
    width: 100%;
    max-width: 100%
}

.residental-comp-card .bottom .button-hov .dropdown-wrapper .dropdown .list .type {
    width: 94px
}

.residental-comp-card .bottom .button-hov:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.residental-comp-card .bottom .button-hov .show-price {
    color: var(--color-text-map)
}

.residental-comp-card .bottom .loca {
    max-width: 100%
}

.residental-comp-card .bottom .loca .gtext {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.residental-comp-card:hover .price {
    color: var(--color-text-map)
}

.object-card {
    width: 100%
}

.object-card .bottom {
    padding: var(--gap-8) var(--gap-12)
}

.object-card .bottom .info {
    gap: 2px
}

.object-card .bottom .info>* {
    display: inline-block
}

.object-card .bottom .info .dot {
    background-image: url(/images/icons/fill/dot--medium.svg);
    width: 12px
}

@media (min-width: 901px) and (max-width: 1366px) {
    .object-card .bottom .info .dot {
        width: 10px
    }
}

.object-card .bottom .info .text {
    flex-shrink: 0
}

.slider-el .complex-card {
    width: 416px
}

@media (min-width: 901px) and (max-width: 1366px) {
    .slider-el .complex-card {
        width: calc((100vw - var(--gap-40) * 2 - var(--gap-16) * 2) / 3)
    }
}

@media (max-width: 900px) {
    .slider-el .complex-card {
        width: 290px
    }
}

.complex-img-slider {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--color-surface-3);
    left: 0;
    top: 0
}

.complex-img-slider__arrows,
.complex-img-slider__dots,
.complex-img-slider__slides {
    position: absolute;
    width: 100%
}

@media (max-width: 900px) {
    .complex-img-slider__arrows {
        display: none
    }
}

.complex-img-slider .complex-img-slider__slides {
    flex: 0 0 100%;
    height: 100%;
    overflow-x: scroll;
    scrollbar-width: none
}

.complex-img-slider .complex-img-slider__slides::-webkit-scrollbar {
    display: none
}

.complex-img-slider .complex-img-slider__slides .complex-slide {
    position: relative;
    flex: 0 0 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    overflow: hidden
}

.complex-slide__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.complex-img-slider__arrows {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 var(--gap-16);
    opacity: 0;
    pointer-events: none
}

.complex-img-slider__arrows .icon.caret-left {
    background-image: url(/images/icons/outline/caret-left--high-invert.svg)
}

.complex-img-slider__arrows .icon.caret-right {
    background-image: url(/images/icons/outline/caret-right--high-invert.svg)
}

.complex-img-slider__arrows .complex-img-slider__arrow {
    pointer-events: all
}

.complex-img-slider__arrows .complex-img-slider__arrow:hover .button {
    background-color: var(--color-surface-accent)
}

.complex-img-slider__dots {
    bottom: var(--gap-16);
    height: 8px;
    z-index: 1
}

.complex-img-slider__dots .complex-img-slider__dot {
    width: 8px;
    background-color: #fff;
    border-radius: var(--round-full);
    transition: .2s;
    transition-property: margin, background, width
}

.complex-img-slider__dots .complex-img-slider__dot:not(:first-child) {
    margin-left: 4px
}

@media (max-width: 900px) {
    .complex-img-slider.fixed-scroll .complex-img-slider__slides {
        scroll-snap-type: x mandatory
    }

    .complex-img-slider.fixed-scroll .complex-slide {
        scroll-snap-align: center;
        scroll-snap-stop: always
    }
}

.complex-card:hover .complex-img-slider__arrows,
.galera-item:hover .complex-img-slider__arrows {
    opacity: 1
}

.complex .link {
    display: block
}

@media (max-width: 900px) {
    .complex .complex-img-slider__slides .complex-slide:not(:first-child) {
        display: none
    }

    .complex .complex-img-slider__dots {
        display: none
    }
}

.video-controls {
    aspect-ratio: 1;
    width: 64px;
    border-radius: var(--round-full);
    cursor: pointer;
    transition: .2s background-color
}

.video-controls .play.icon {
    background-image: url(/images/icons/fill/play--high-invert.svg);
    width: 24px
}

.video-controls:hover,
.video-controls:active,
.video-controls.active {
    background-color: var(--color-surface-accent)
}

.rate-link {
    aspect-ratio: 1;
    width: 48px;
    border-radius: var(--round-full);
    background-color: var(--color-surface-1);
    cursor: pointer;
    transition: .2s background;
    box-shadow: 0 8px 32px #14141429
}

.rate-link:hover,
.rate-link:active,
.rate-link.active {
    background-color: var(--color-surface-accent)
}

.rate-link:hover .icon,
.rate-link:active .icon,
.rate-link.active .icon {
    background-image: url(/images/icons/outline/caret-up-right--high-invert.svg)
}

.rate-link .icon {
    transition: .2s background;
    background-image: url(/images/icons/outline/caret-up-right--high.svg)
}

.gray-button {
    border-radius: var(--round-full);
    display: inline-block;
    width: 100%;
    flex-shrink: 0
}

.gray-button .button.gray {
    box-sizing: border-box
}

@media (max-width: 900px) {
    .gray-button .button.gray {
        width: auto%
    }
}

.gray-button .button.gray:hover,
.gray-button .button.gray:active,
.gray-button .button.gray.active {
    background-color: var(--color-surface-4);
    transition: .2s
}

.block-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.index-stats {
    margin-top: var(--gap-100)
}

@media (max-width: 900px) {
    .index-stats {
        margin-top: var(--gap-80)
    }

    .index-stats .top-block .left-side .text {
        max-width: 270px
    }
}

.index-stats .top-block .left-side .flags {
    position: relative
}

.index-stats .top-block .left-side .flags .flag {
    aspect-ratio: 1;
    width: 72px;
    border-radius: var(--round-full);
    background-color: var(--color-surface-3);
    border: 4px solid var(--color-surface-1)
}

.index-stats .top-block .left-side .flags .flag:first-child {
    border-left: 0
}

.index-stats .top-block .left-side .flags .flag:not(:first-child) {
    margin-left: -20px
}

@media (max-width: 900px) {
    .index-stats .top-block .left-side .flags .flag {
        width: 56px
    }

    .index-stats .top-block .left-side .flags .flag:not(:first-child) {
        margin-left: -15.5px
    }
}

.index-stats .top-block .left-side .flags .flag .country {
    flex-shrink: 0;
    aspect-ratio: 4/3;
    width: 40px;
    border-radius: var(--round-8)
}

@media (max-width: 900px) {
    .index-stats .top-block .left-side .flags .flag .country {
        width: 31.1px
    }
}

.index-stats .top-block .right-side .text {
    max-width: 848px
}

@media (max-width: 900px) {
    .index-stats .top-block .right-side .text {
        font-size: var(--font-size-display-sm-medium)
    }
}

.index-stats .bottom-block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    margin-top: 40px
}

@media (max-width: 950px) {
    .index-stats .bottom-block {
        display: none
    }
}

.index-stats .bottom-block .rate-gen {
    border-radius: var(--round-24);
    padding: var(--gap-32);
    background-color: var(--color-surface-3);
    min-height: 208px;
    position: relative;
    width: 100%
}

@media (max-width: 900px) {
    .index-stats .bottom-block .rate-gen {
        width: 100%;
        max-width: none
    }

    .index-stats .bottom-block .rate-gen .top {
        width: 100%
    }
}

.index-stats .bottom-block .rate-gen .top .rate-link {
    flex-shrink: 0
}

.index-stats .bottom-block .rate-gen .bottom .rate-stat .stars .icon {
    background-image: url(/images/icons/fill/star--accent.svg)
}

.index-stats .bottom-block .rate-gen .but {
    position: absolute;
    right: 32px;
    bottom: 32px
}

.index-stats .bottom-block .rate-gen:hover .rate-link {
    background-color: var(--color-icon-accent)
}

.index-stats .bottom-block .rate-gen:hover .icon {
    background-image: url(/images/icons/outline/caret-up-right--high-invert.svg)
}

@media (min-width: 951px) {
    .slider.bottom-block-slider {
        display: none
    }
}

@media (max-width: 950px) {
    .slider.bottom-block-slider {
        width: 100%;
        display: flex;
        overflow-x: scroll;
        scrollbar-width: none;
        gap: var(--gap-16)
    }

    .slider.bottom-block-slider::-webkit-scrollbar {
        display: none
    }

    .slider.bottom-block-slider>* {
        flex-shrink: 0
    }
}

.slider.bottom-block-slider .rate-gen {
    width: 343px;
    border-radius: var(--round-24);
    padding: var(--gap-20);
    background-color: var(--color-surface-3);
    min-height: 236px;
    position: relative
}

.slider.bottom-block-slider .rate-gen .top {
    max-width: 230px
}

.slider.bottom-block-slider .rate-gen .top .rate-link {
    flex-shrink: 0
}

.slider.bottom-block-slider .rate-gen .bottom .rate-stat .stars .icon {
    background-image: url(/images/icons/fill/star--accent.svg)
}

.slider.bottom-block-slider .rate-gen .but {
    position: absolute;
    right: 20px;
    top: 20px
}

@media (max-width: 900px) {
    .mb-32 {
        margin-bottom: 32px
    }
}

.stats-card {
    background-color: var(--color-surface-3);
    border-radius: 24px;
    padding: var(--gap-32);
    box-sizing: border-box;
    min-height: var(--height);
    width: 100%;
    position: relative
}

@media (max-width: 950px) {
    .stats-card {
        width: 300px;
        padding: var(--gap-20);
        min-height: var(--mobHeight)
    }
}

.stats-card .card-info {
    width: 100%;
    flex: 100%
}

@media (max-width: 900px) {
    .stats-card .card-info {
        gap: var(--gap-8)
    }
}

.stats-card .card-info .top {
    width: 100%;
    align-items: flex-start
}

@media (max-width: 950px) {
    .stats-card .card-info .top .text {
        font-size: 24px
    }
}

.stats-card .card-info .top .icon {
    width: 32px;
    transform: translateY(10%)
}

@media (max-width: 950px) {
    .stats-card .card-info .top .icon {
        width: 24px
    }
}

.stats-card .card-info .bottom .rate-link {
    flex-shrink: 0
}

@media (max-width: 900px) {
    .stats-card .card-info .gtext {
        font-size: 14px
    }
}

.stats-card .but {
    position: absolute;
    right: 32px;
    bottom: 32px
}

.stats-card:hover .bottom .rate-link {
    background-color: var(--color-icon-accent)
}

.stats-card:hover .bottom .icon {
    background-image: url(/images/icons/outline/caret-up-right--high-invert.svg)
}

@media (max-width: 900px) {
    .box:has(.slider) {
        padding-left: 0;
        padding-right: 0
    }

    .box:has(.slider)>*:not(.slider-wrapper) {
        padding-left: var(--gap-16);
        padding-right: var(--gap-16)
    }

    .box:has(.slider) .slider-el:first-child {
        padding-left: var(--gap-16)
    }

    .box:has(.slider) .slider-el:last-child {
        padding-right: var(--gap-16)
    }
}

@media (max-width: 1015px) {
    .title.h1 {
        font-size: 16px
    }
}

.slider-wrapper {
    position: relative
}

.slider {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative
}

.slider::-webkit-scrollbar {
    display: none
}

.slider>* {
    flex-shrink: 0
}

.move-slider {
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    position: absolute;
    pointer-events: none
}

.move-slider.controls-outer {
    width: calc(100% + 128px);
    left: -64px
}

@media (min-width: 901px) and (max-width: 1366px) {
    .move-slider.controls-outer {
        top: 0 !important;
        width: calc(108px + var(--gap-32));
        left: auto;
        right: 0;
        height: 54px;
        transform: translateY(calc(-100% - var(--gap-32))) !important
    }
}

@media (max-width: 900px) {
    .move-slider {
        display: none
    }

    .obj-slider .move-slider.controls-outer {
        display: flex;
        top: 33% !important;
        left: 8px;
        right: 8px;
        width: auto
    }

    .obj-slider .move-slider.controls-outer .arrow-button {
        pointer-events: all
    }
}

.obj-slider .complex-img-slider__slides {
    overscroll-behavior: contain
}

.move-slider .arrows-wrapper {
    position: absolute;
    z-index: 2;
    padding: 0 5px;
    flex-shrink: 0;
    width: 100%
}

.move-slider .arrows-wrapper .arrow-button {
    cursor: pointer;
    width: 56px;
    border-radius: 1000px;
    transition: .2s opacity;
    opacity: 0;
    flex-shrink: 0
}

.move-slider .arrows-wrapper .arrow-button.enabled {
    opacity: 1;
    pointer-events: all
}

.move-slider .arrows-wrapper .arrow-button .icon.caret-left {
    background-image: url(/images/icons/outline/caret-left--high.svg)
}

.move-slider .arrows-wrapper .arrow-button .icon.caret-right {
    background-image: url(/images/icons/outline/caret-right--high.svg)
}

.glass-bg-abs {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: .2s opacity
}

.glass-bg-abs .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.glass-bg-abs .link+.rate-link {
    background-color: var(--color-surface-accent)
}

.glass-bg-abs .link+.rate-link .icon {
    background-image: url(/images/icons/outline/caret-up-right--high-invert.svg)
}

.glass-bg-abs .rate-link {
    position: absolute;
    top: var(--gap-32);
    right: var(--gap-32)
}

.glass-bg-abs .tags {
    position: absolute;
    bottom: var(--gap-32);
    left: var(--gap-32);
    max-width: calc(100% - var(--gap-32) * 2);
    flex-wrap: wrap;
    pointer-events: none
}

@media (max-width: 900px) {
    .glass-bg-abs .tags {
        bottom: var(--gap-20);
        left: var(--gap-20);
        max-width: calc(100% - var(--gap-20) * 2)
    }
}

.glass-bg-abs .tags .gray-button {
    width: auto;
    pointer-events: all
}

.glass-bg-abs .tags .gray-button .button:hover,
.glass-bg-abs .tags .gray-button .button:active,
.glass-bg-abs .tags .gray-button .button:focus {
    background-color: var(--color-surface-1);
    color: var(--color-text-high);
    box-shadow: 0 8px 32px #14141429
}

@media (max-width: 900px) {
    .glass-bg-abs:not(.team-glass) {
        opacity: 1;
        background-color: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .glass-bg-abs:not(.team-glass) .rate-link {
        display: none
    }

    .glass-bg-abs:not(.team-glass) .tags .gray-button .button {
        background-color: var(--color-surface-1);
        color: var(--color-text-high);
        box-shadow: 0 8px 32px #14141429
    }
}

.team-glass {
    padding: var(--gap-24)
}

.team-glass .text-quote {
    overflow: auto;
    height: 156px;
    color: var(--color-text-high-invert);
    padding-right: 8px
}

@media (max-width: 900px) {
    .team-glass .text-quote {
        height: 48px
    }
}

.team-glass .divider-white {
    margin-top: 20px;
    margin-bottom: 16px
}

.team-glass .tags {
    margin-top: 16px
}

.team-glass .quote {
    background-image: url(/images/cite.svg)
}

.team-glass .lang {
    color: var(--color-text-high-invert)
}

.team-glass .tags {
    position: static
}

.team-glass .med {
    height: 48px
}

@media (max-width: 900px) {
    .team-glass .med {
        width: 200px
    }
}

.team-glass .eye-button-close {
    aspect-ratio: 1;
    width: 44px;
    border-radius: var(--round-full)
}

.team-glass .eye-button-close .icon {
    background-image: url(/images/icons/outline/eye-closed--high-invert.svg)
}

.team-glass .team-glass-buttons {
    width: 100%;
    align-items: flex-end
}

.team-glass .button.pc {
    margin-top: 24px;
    width: -moz-fit-content;
    width: fit-content
}

.team-glass .button.mob {
    margin-top: 32px
}

.index-compilation {
    margin-top: 100px
}

@media (max-width: 900px) {
    .index-compilation {
        margin-top: 80px
    }
}

.index-compilation .compilation {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width: 900px) {
    .index-compilation .compilation {
        grid-template-columns: repeat(1, 1fr)
    }
}

.index-compilation .compilation .compilation-card {
    width: 100%;
    height: 450px;
    border-radius: 32px;
    padding: var(--gap-32);
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

@media (max-width: 420px) {
    .index-compilation .compilation .compilation-card {
        aspect-ratio: 343/412;
        width: 100%;
        height: auto;
        padding: var(--gap-20)
    }
}

.index-compilation .compilation .compilation-card .black-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-surface-5);
    opacity: .24;
    border-radius: 100%;
    filter: var(--blur-bg-32)
}

.index-compilation .compilation .compilation-card .title {
    color: #fff;
    max-width: 370px;
    position: relative;
    pointer-events: none
}

.index-compilation .compilation .compilation-card .title .text {
    position: relative
}

.index-compilation .compilation .compilation-card:hover .glass-bg {
    opacity: 1
}

.index-benefits {
    margin-top: 100px
}

@media (max-width: 900px) {
    .index-benefits {
        margin-top: 80px
    }
}

.index-benefits .benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    margin-top: 40px
}

@media (max-width: 950px) {
    .index-benefits .benefits-grid {
        display: none
    }
}

@media (min-width: 951px) {
    .slider.benefits-grid-slider {
        display: none
    }

    .slider.benefits-grid-slider+.move-slider {
        display: none
    }
}

@media (max-width: 950px) {
    .slider.benefits-grid-slider {
        width: 100%;
        display: flex;
        overflow-x: scroll;
        scrollbar-width: none;
        gap: var(--gap-16);
        margin-top: 24px
    }

    .slider.benefits-grid-slider::-webkit-scrollbar {
        display: none
    }

    .slider.benefits-grid-slider>* {
        flex-shrink: 0
    }
}

.steps-about {
    margin-top: 100px
}

@media (max-width: 900px) {
    .steps-about {
        margin-top: 80px
    }
}

@media (max-width: 800px) {
    .steps-about .index-steps {
        gap: 40px
    }

    .steps-about .index-steps .top-block {
        flex-direction: column-reverse;
        gap: 24px
    }

    .steps-about .index-steps .top-block .left-top {
        width: 100%
    }
}

.steps-about .index-steps .top-block .left-top .video-block {
    height: 100%
}

@media (max-width: 800px) {
    .steps-about .index-steps .top-block .left-top .video-block {
        gap: 24px;
        height: 232px
    }
}

.steps-about .index-steps .top-block .left-top .video-block .video {
    height: 100%;
    width: 384px;
    border-radius: var(--round-24);
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.steps-about .index-steps .top-block .left-top .video-block .video>* {
    position: relative
}

.steps-about .index-steps .top-block .left-top .video-block .video .bg {
    width: 100%;
    aspect-ratio: 380 / 200;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .4s transform
}

@media (max-width: 900px) {
    .steps-about .index-steps .top-block .left-top .video-block .video .bg {
        aspect-ratio: unset
    }
}

@media (max-width: 800px) {
    .steps-about .index-steps .top-block .left-top .video-block .video {
        width: 100%
    }
}

.steps-about .index-steps .top-block .left-top .video-block .video .white:hover {
    background-color: var(--color-surface-1);
    color: #000
}

.steps-about .index-steps .top-block .left-top .video-block .video .video-bottom .text {
    color: var(--color-icon-high-invert);
    max-width: 70%
}

.steps-about .index-steps .top-block .left-top:hover .video-controls {
    background-color: var(--color-surface-accent)
}

.steps-about .index-steps .top-block .left-top:hover .video .bg {
    transform: scale(1.15)
}

.steps-about .index-steps .top-block .right-top {
    flex: 85%
}

@media (max-width: 1080px) {
    .steps-about .index-steps .top-block .right-top .title {
        font-size: 24px
    }
}

@media (max-width: 800px) {
    .steps-about .index-steps .top-block .right-top .button {
        display: none
    }
}

@media (max-width: 950px) {
    .steps-about .index-steps .top-block .right-top .button .text {
        font-size: 14px
    }
}

.steps-about .index-steps .top-block .right-top .detail .text {
    transition: .2s color
}

.steps-about .index-steps .top-block .right-top .detail:hover .text {
    color: var(--color-text-accent)
}

.steps-about .index-steps .top-block .right-top .detail:hover .icon {
    background-image: url(/images/icons/outline/chevron-right--accent.svg)
}

@media (max-width: 800px) {
    .steps-about .index-steps .bottom-block .steps {
        gap: 32px
    }
}

.steps-about .index-steps .bottom-block .steps .arrows-wrapper {
    display: none
}

.steps-about .index-steps .bottom-block .steps .step {
    width: 314px
}

@media (max-width: 800px) {
    .steps-about .index-steps .bottom-block .steps .step {
        gap: 16px
    }
}

.steps-about .index-steps .bottom-block .steps .step .top-step {
    width: 100%
}

.steps-about .index-steps .bottom-block .steps .step .top-step .button {
    border: 1px solid var(--color-border-transparent);
    transition: .2s border
}

.steps-about .index-steps .bottom-block .steps .step .top-step .divider {
    margin: 0;
    flex-shrink: 1
}

@media (max-width: 800px) {
    .steps-about .index-steps .bottom-block .steps .step .bottom-step {
        gap: 8px
    }
}

.steps-about .index-steps .bottom-block .steps .step .bottom-step .gtext {
    opacity: 0;
    transition: .2s opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    max-width: 280px
}

@media (max-width: 800px) {
    .steps-about .index-steps .bottom-block .steps .step .bottom-step .gtext {
        opacity: 1
    }
}

.steps-about .index-steps .bottom-block .steps .step:hover .top-step .button,
.steps-about .index-steps .bottom-block .steps .step:active .top-step .button,
.steps-about .index-steps .bottom-block .steps .step.active .top-step .button {
    border: 1px solid var(--color-border-solid)
}

@media (max-width: 800px) {

    .steps-about .index-steps .bottom-block .steps .step:hover .top-step .button,
    .steps-about .index-steps .bottom-block .steps .step:active .top-step .button,
    .steps-about .index-steps .bottom-block .steps .step.active .top-step .button {
        border: 1px solid var(--color-border-transparent)
    }
}

.steps-about .index-steps .bottom-block .steps .step:hover .bottom-step .gtext,
.steps-about .index-steps .bottom-block .steps .step:active .bottom-step .gtext,
.steps-about .index-steps .bottom-block .steps .step.active .bottom-step .gtext {
    opacity: 1
}

.index-rate .rating {
    margin-top: var(--gap-40)
}

@media (max-width: 1270px) {
    .index-rate .rating {
        flex-direction: column-reverse;
        align-items: flex-start
    }
}

.index-rate .rating .slider-wrapper {
    overflow: hidden
}

.index-rate .rating .rate-text {
    flex-shrink: 0
}

@media (max-width: 1270px) {
    .index-rate .rating .rate-text {
        flex-direction: row;
        width: 100%
    }
}

.index-rate .rating .rate-text .rate-gen,
.index-rate .rating .rate-text .rate-user {
    max-width: 384px;
    border-radius: var(--round-24);
    padding: var(--gap-24)
}

.index-rate .rating .rate-text .rate-gen {
    background-color: var(--color-surface-3);
    min-height: 208px
}

@media (max-width: 900px) {
    .index-rate .rating .rate-text .rate-gen {
        width: 100%;
        max-width: none
    }

    .index-rate .rating .rate-text .rate-gen .top {
        width: 100%
    }
}

.index-rate .rating .rate-text .rate-gen .top .rate-link {
    flex-shrink: 0
}

.index-rate .rating .rate-text .rate-gen .bottom .rate-stat .stars .icon {
    background-image: url(/images/icons/fill/star--accent.svg)
}

.index-rate .rating .rate-text .rate-user {
    border: 1px solid var(--color-border-transparent)
}

.index-rate .rating .rate-text .rate-user .user-date .avatar {
    aspect-ratio: 1;
    width: 48px;
    border-radius: var(--round-full)
}

.index-rate .rating .rate-text .rate-user .user-date .name-mark .mark:before {
    width: 16px;
    margin-right: 4px;
    background-image: url(/images/icons/fill/star--accent.svg)
}

.index-rate .rating .rate-text .rate-user .user-date .date {
    flex-shrink: 0
}

.index-rate .rating .rate-text .rate-user .text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.index-rate .rating .rate-video {
    height: 100%
}

.index-rate .rating .rate-video .video-card {
    aspect-ratio: 416/604;
    width: 416px;
    color: var(--color-text-high-invert);
    position: relative
}

@media (max-width: 1000px) {
    .index-rate .rating .rate-video .video-card {
        aspect-ratio: 290/420;
        width: 290px
    }
}

.index-rate .rating .rate-video .video-card video {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    border-radius: var(--round-24)
}

.index-rate .rating .rate-video .video-card .video-feed {
    position: absolute;
    top: 32px;
    left: 32px
}

.index-rate .rating .rate-video .video-card .video-feed:before {
    width: 24px;
    background-image: url(/images/icons/fill/dot--accent.svg)
}

.index-rate .rating .rate-video .video-card .play-but {
    position: absolute;
    bottom: 32px;
    left: 32px
}

.index-rate-slider .slider-el .video-card {
    padding: var(--gap-20);
    aspect-ratio: 416/604;
    width: 416px;
    border-radius: var(--round-24);
    color: var(--color-text-high-invert);
    position: relative;
    overflow: hidden
}

.index-rate-slider .slider-el .video-card>* {
    position: relative
}

.index-rate-slider .slider-el .video-card video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1000px) {
    .index-rate-slider .slider-el .video-card {
        aspect-ratio: 290/420;
        width: 290px
    }

    .index-rate-slider .slider-el .video-card .video-feed:before {
        width: 24px;
        background-image: url(/images/icons/fill/dot--accent.svg)
    }

    .index-rate-slider .slider-el .video-card .play-but .name {
        max-width: 40px
    }
}

.user-rate-slider {
    margin-top: 24px
}

.user-rate-slider .slider-el .rate-user {
    border: 1px solid var(--color-border-transparent);
    max-width: 290px;
    border-radius: var(--round-24);
    padding: var(--gap-24)
}

.user-rate-slider .slider-el .rate-user .text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.user-rate-slider .slider-el .rate-user .user-date .avatar {
    aspect-ratio: 1;
    width: 48px;
    border-radius: var(--round-full)
}

.user-rate-slider .slider-el .rate-user .user-date .name-mark .mark:before {
    width: 16px;
    margin-right: 4px;
    background-image: url(/images/icons/fill/star--accent.svg)
}

.user-rate-slider .slider-el .rate-user .user-date .date {
    flex-shrink: 0
}

.rate-title {
    margin-top: var(--gap-100);
    margin-bottom: var(--gap-32)
}

@media (max-width: 900px) {
    .rate-title {
        margin-top: var(--gap-80);
        margin-bottom: var(--gap-32)
    }
}

.disp-1270-flex {
    display: none
}

@media (max-width: 1270px) {
    .disp-1270-flex {
        display: flex
    }

    .nodisp-1270 {
        display: none
    }
}

.index-forbes {
    margin-top: var(--gap-100)
}

@media (max-width: 900px) {
    .index-forbes {
        margin-top: var(--gap-80)
    }
}

.index-forbes .forbes .forbes-flex {
    margin-top: var(--gap-40)
}

@media (max-width: 1250px) {
    .index-forbes .forbes .forbes-flex {
        flex-direction: column
    }
}

.index-forbes .forbes .forbes-flex .image,
.index-forbes .forbes .forbes-flex .forbes-art {
    aspect-ratio: 632/410;
    width: 632px;
    border-radius: var(--round-24);
    width: 100%
}

@media (max-width: 900px) {

    .index-forbes .forbes .forbes-flex .image,
    .index-forbes .forbes .forbes-flex .forbes-art {
        gap: var(--gap-32)
    }
}

.index-forbes .forbes .forbes-flex .forbes-art {
    background-color: var(--color-surface-3);
    padding: var(--gap-32)
}

@media (max-width: 1250px) {
    .index-forbes .forbes .forbes-flex .forbes-art {
        aspect-ratio: 632/210;
        padding: var(--gap-20)
    }
}

.index-forbes .forbes .forbes-flex .forbes-art .logo {
    background-image: url(/images/photos/forbes-logo.svg);
    aspect-ratio: 112/28;
    width: 112px;
    flex-shrink: 0
}

@media (max-width: 900px) {
    .index-forbes .forbes .forbes-flex .forbes-art .logo {
        aspect-ratio: 64/16;
        width: 64px
    }

    .index-forbes .forbes .forbes-flex .forbes-art .button {
        width: 100%
    }
}

.index-team .team .title {
    margin-top: var(--gap-100);
    margin-bottom: var(--gap-40)
}

@media (max-width: 900px) {
    .index-team .team .title {
        margin-top: var(--gap-80);
        margin-bottom: var(--gap-32)
    }
}

.team-button {
    margin-top: 24px
}

@media (max-width: 900px) {
    .team-button {
        margin-top: 16px
    }
}

.team-slider .team-card {
    width: 416px
}

@media (max-width: 900px) {
    .team-slider .team-card {
        width: 312px
    }
}

.team-slider .team-card .team-card-photo {
    aspect-ratio: 1 / 1;
    width: 100%;
    border-radius: var(--round-24);
    position: relative;
    overflow: hidden
}

.team-slider .team-card .photo .eye-button {
    aspect-ratio: 1;
    width: 44px;
    border-radius: var(--round-full);
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer
}

.team-slider .team-card .photo .eye-button .icon {
    transition: .2s background;
    background-image: url(/images/icons/outline/eye--high-invert.svg)
}

.team-slider .team-card .bottom {
    padding: var(--gap-16)
}

@media (min-width: 901px) {
    .team-slider .team-card:hover .glass-bg {
        opacity: 1
    }
}

@media (max-width: 900px) {
    .team-slider .team-card .team-glass {
        padding: var(--gap-20);
        opacity: 0;
        pointer-events: none
    }

    .team-slider .team-card.open .team-glass {
        opacity: 1;
        pointer-events: all
    }

    .team-slider .team-card.open .eye-button .icon {
        background-image: url(/images/icons/outline/eye-closed--high-invert.svg)
    }
}

.team-slider .team-card.team-card-new {
    width: 308px
}

@media (max-width: 900px) {
    .team-slider .team-card.team-card-new {
        width: 290px
    }
}

.team-slider .team-card.team-card-new .photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover
}

.team-slider .team-card.team-card-new .gray-button {
    position: absolute;
    right: var(--gap-12);
    bottom: var(--gap-12)
}

.team-slider .team-card.team-card-new .gray-button .button .icon {
    background-image: url(/images/icons/fill/whatsapp--success.svg);
    filter: none
}

.team-slider .team-card.team-card-new .gray-button .button:hover {
    filter: none;
    background-color: var(--color-surface-success)
}

.team-slider .team-card.team-card-new .gray-button .button:hover .icon {
    background-image: url(/images/icons/fill/whatsapp--high-invert.svg)
}

.index-news-slider-mob .yt-wrap,
.index-news .yt-wrap {
    border-bottom: 1px solid var(--color-border-transparent);
    display: inline-flex;
    position: relative;
    top: .3em
}

.index-news-slider-mob .yt-wrap .yt,
.index-news .yt-wrap .yt {
    width: 48px;
    background-image: url(/images/youtube.svg);
    display: inline-block
}

@media (max-width: 900px) {

    .index-news-slider-mob .yt-wrap .yt,
    .index-news .yt-wrap .yt {
        width: 32px
    }
}

.index-news-slider-mob .yt-wrap .text,
.index-news .yt-wrap .text {
    transition: .2s color
}

.index-news-slider-mob .yt-wrap:hover .text,
.index-news .yt-wrap:hover .text {
    color: var(--color-text-map)
}

@media (max-width: 1270px) {
    .index-news-slider-mob {
        margin-top: 80px
    }
}

.index-news-slider-mob .video-cards-block {
    background-color: var(--color-surface-3);
    padding: var(--gap-20);
    border-radius: var(--round-24)
}

@media (max-width: 1270px) {
    .index-news-slider-mob .video-cards-block .title {
        margin-bottom: .7em
    }
}

.index-news-slider-mob .video-cards-block .title .yt-wrap {
    top: .6em
}

.index-news-slider-mob .video-cards-block .video-card {
    max-width: 282px
}

.index-news-slider-mob .video-cards-block .video-card .video {
    aspect-ratio: 282/158;
    width: 282px;
    border-radius: var(--round-16);
    flex-shrink: 0
}

.index-news-slider-mob .video-cards-block .video-card .video .icon {
    width: 48px;
    background-image: url(/images/youtube.svg)
}

.index-news-slider-mob .video-cards-block .video-card .bottom-text {
    padding: var(--gap-12)
}

.index-news-slider-mob .video-cards-block .video-card .bottom-text .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow-y: hidden
}

.index-news {
    margin-top: 100px
}

@media (max-width: 1270px) {
    .index-news {
        margin-top: 0
    }
}

.index-news .news .left-news {
    padding: var(--gap-32);
    background-color: var(--color-surface-3);
    border-radius: var(--round-32);
    width: 100%
}

@media (max-width: 750px) {
    .index-news .news .left-news {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 1270px) {
    .index-news .news .left-news {
        margin-top: var(--gap-16)
    }
}

@media (max-width: 900px) {
    .index-news .news .left-news {
        padding: var(--gap-20)
    }
}

@media (max-width: 1270px) {
    .index-news .news .left-news .bottom {
        margin-top: 80px
    }
}

@media (max-width: 900px) {
    .index-news .news .left-news .bottom .social {
        gap: 12px;
        flex-wrap: wrap
    }
}

@media (max-width: 750px) {
    .index-news .news .left-news .social {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px
    }
}

.index-news .news .left-news .social .button {
    box-shadow: none
}

.index-news .news .left-news .social .button .icon.whatsapp {
    background-image: url(/images/icons/fill/whatsapp--high.svg)
}

.index-news .news .left-news .social .button .icon.telegram {
    background-image: url(/images/icons/fill/telegram--high.svg)
}

.index-news .news .left-news .social .button .icon.facebook {
    background-image: url(/images/icons/fill/facebook--high.svg)
}

.index-news .news .left-news .social .button .icon.instagram {
    background-image: url(/images/icons/fill/instagram--high.svg)
}

.index-news .news .left-news .social .button .icon.tiktok {
    background-image: url(/images/icons/fill/tiktok--high.svg)
}

.index-news .news .left-news .social .button .icon.youtube {
    background-image: url(/images/icons/fill/youtube--high.svg)
}

.index-news .news .left-news .social .button .icon.zen {
    background-image: url(/images/icons/fill/zen--high.svg)
}

.index-news .news .left-news .social .button .icon.yandexq {
    background-image: url(/images/icons/fill/yandexq.svg)
}

.index-news .news .left-news .social .button .icon.vk {
    background-image: url(/images/icons/fill/vk.svg)
}

.index-news .news .right-news {
    background-color: var(--color-surface-3);
    border-radius: var(--round-32);
    padding: var(--gap-32);
    width: 100%
}

.index-news .news .right-news .title {
    line-height: 80%
}

.index-news .news .right-news .video-cards-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 40px;
    column-gap: 40px
}

.index-news .news .right-news .video-cards-block .video-card .video {
    aspect-ratio: 248/148;
    width: 248px;
    border-radius: var(--round-16);
    flex-shrink: 0
}

.index-news .news .right-news .video-cards-block .video-card .video .icon {
    width: 48px;
    background-image: url(/images/youtube.svg)
}

.index-news .news .right-news .video-cards-block .video-card .video-right .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow-y: hidden;
    transition: .2s color
}

.index-news .news .right-news .video-cards-block .video-card:hover .video-right .text {
    color: var(--color-text-map)
}

@media (max-width: 1270px) {
    .nodisp-1300 {
        display: none
    }
}

.disp-1300 {
    display: none
}

@media (max-width: 1270px) {
    .disp-1300 {
        display: flex
    }
}

.cities-block {
    margin-top: 100px
}

@media (max-width: 900px) {
    .cities-block {
        margin-top: 80px
    }
}

.cities-block .cities .cities-card {
    display: block;
    width: 416px;
    height: 586px;
    border-radius: 32px;
    padding: var(--gap-32);
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

@media (max-width: 420px) {
    .cities-block .cities .cities-card {
        width: 290px;
        height: 412px;
        padding: var(--gap-20)
    }
}

.cities-block .cities .cities-card .title {
    pointer-events: none
}

.cities-block .cities .cities-card .black-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-surface-5);
    opacity: .24;
    border-radius: 100%;
    filter: var(--blur-bg-32)
}

.cities-block .cities .cities-card .title {
    color: #fff;
    max-width: 320px;
    position: relative
}

.cities-block .cities .cities-card .title .text {
    position: relative
}

.cities-block .cities .cities-card:hover .glass-bg {
    opacity: 1
}

.partners-wrapper {
    margin-top: 100px
}

@media (max-width: 900px) {
    .partners-wrapper {
        margin-top: 80px
    }

    .partners-wrapper .box {
        padding: 0
    }
}

.partners-wrapper .box .index-partners {
    background-image: url(/images/photos/new-woman.webp);
    width: 100%;
    padding: var(--gap-24);
    border-radius: var(--round-24)
}

@media (max-width: 900px) {
    .partners-wrapper .box .index-partners {
        background-image: url(/images/photos/new-woman-mob.webp);
        background-position: top center;
        padding: var(--gap-24) var(--gap-16);
        align-items: flex-end;
        min-height: 640px
    }
}

.partners-wrapper .box .index-partners .content {
    padding: var(--gap-32);
    width: 100%;
    background-color: var(--color-surface-1);
    border-radius: var(--round-16)
}

@media (min-width: 901px) {
    .partners-wrapper .box .index-partners .content {
        max-width: 514px
    }
}

@media (max-width: 900px) {
    .partners-wrapper .box .index-partners .content {
        padding: var(--gap-20)
    }
}

.partners-wrapper .box .index-partners .content .button {
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 24px
}

@media (max-width: 900px) {
    .partners-wrapper .box .index-partners .content .button {
        width: auto
    }
}

.partners-wrapper .box .index-partners .content .top .text.accent {
    color: var(--color-text-accent)
}

.catalog-wrapper {
    margin-top: 50px
}

.box-wrapper.catalog-wrapper .gray-button {
    align-self: flex-start
}

@media (max-width: 900px) {
    .catalog-wrapper {
        margin-top: 40px
    }

    .catalog-wrapper .box {
        padding: 0
    }
}

.catalog-wrapper .box .index-catalog {
    background-image: url(/images/photos/index-banner.webp);
    width: 100%;
    min-height: 372px;
    padding: var(--gap-24);
    border-radius: var(--round-24)
}

.catalog-wrapper .box .index-catalog:lang(en) {
    background-image: url(/images/photos/index-banner-en.webp)
}

@media (max-width: 900px) {
    .catalog-wrapper .box .index-catalog {
        background-image: url(/images/photos/index-banner-mob.webp);
        background-position: bottom center;
        padding: var(--gap-24) var(--gap-16);
        min-height: 538px
    }

    .catalog-wrapper .box .index-catalog:lang(en) {
        background-image: url(/images/photos/index-banner-mob-en.webp)
    }
}

.catalog-wrapper .box .index-catalog .content {
    padding: var(--gap-32);
    width: 100%;
    background-color: var(--color-surface-1);
    border-radius: var(--round-16)
}

@media (min-width: 901px) {
    .catalog-wrapper .box .index-catalog .content {
        max-width: 514px
    }
}

@media (max-width: 900px) {
    .catalog-wrapper .box .index-catalog .content {
        padding: var(--gap-20)
    }
}

.catalog-wrapper .box .index-catalog .content .button {
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 24px
}

@media (max-width: 900px) {
    .catalog-wrapper .box .index-catalog .content .button {
        width: auto
    }
}

.index-form-callback {
    background-color: var(--color-surface-1);
    max-width: 514px;
    flex-shrink: 0;
    position: relative;
    border-radius: var(--round-16);
    padding: var(--gap-32)
}

@media (max-width: 1270px) {
    .index-form-callback {
        width: 100%;
        max-width: none
    }
}

@media (max-width: 900px) {
    .index-form-callback {
        padding: var(--gap-20)
    }
}

.index-form-callback .title-text .title.ytext .clock {
    background-image: url(/images/icons/fill/clock--accent.svg)
}

.index-form-callback .title-text .title span {
    color: var(--color-text-high)
}

.index-form-callback .title-text>.text .callnum {
    position: relative;
    display: inline-block;
    padding-left: var(--gap-24)
}

.index-form-callback .title-text>.text .callnum .dot {
    background-image: url(/images/icons/fill/dot--success.svg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.index-form-callback .form-body .ur-state .ur-line-wrapper {
    padding: var(--gap-12) 0
}

.index-form-callback .form-body .ur-state .ur-line-wrapper input:checked[type=checkbox]+.params-line .checkbox {
    background-image: url(/images/icons/fill/radio-fill--high.svg)
}

.index-form-callback .form-body .ur-state .ur-line-wrapper input:checked[type=radio]+.params-line .checkbox {
    background-image: url(/images/icons/fill/radio-fill--high.svg)
}

.index-form-callback .form-body .ur-state .ur-line-wrapper input[type=checkbox]+.params-line .checkbox {
    background-image: url(/images/icons/outline/radio--medium.svg)
}

.index-form-callback .form-body .ur-state .ur-line-wrapper input[type=radio]+.params-line .checkbox {
    background-image: url(/images/icons/outline/radio--medium.svg)
}

.index-form-callback .form-popup {
    position: absolute;
    background-color: var(--color-surface-1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 16px;
    padding: var(--gap-32);
    pointer-events: none;
    opacity: 0;
    transition: .2s;
    transition-property: opacity
}

@media (max-width: 900px) {
    .index-form-callback .form-popup {
        background-color: var(--color-surface-3);
        border-radius: var(--round-24)
    }
}

.index-form-callback .form-popup.open {
    opacity: 1;
    pointer-events: all
}

.index-form-callback .form-popup .message {
    height: 100%
}

.index-form-callback .form-popup .message .ybox {
    border-radius: var(--round-full);
    background-color: var(--color-icon-accent);
    width: 72px;
    aspect-ratio: 1
}

.index-form-callback .form-popup .message .ybox .success {
    background-image: url(/images/icons/outline/check--high-invert.svg)
}

.index-form-callback .form-popup .message .text {
    margin-top: 24px
}

.index-form-callback .form-popup .message .gtext {
    margin-top: 16px
}

.index-form-wrapper {
    margin-top: 100px
}

@media (max-width: 900px) {
    .index-form-wrapper {
        margin-top: 80px
    }
}

.index-form-wrapper .index-form {
    padding: var(--gap-24);
    border-radius: var(--round-32)
}

@media (max-width: 1270px) {
    .index-form-wrapper .index-form {
        flex-direction: column
    }
}

@media (max-width: 900px) {
    .index-form-wrapper .index-form {
        padding: 24px 16px;
        background-image: url(https://static.tildacdn.com/tild6263-6632-4031-b632-393933663930/b7d59bc903bd03c80f07.jpg) !important
    }
}

.index-form-wrapper .index-form>.contacts .contact-block {
    border-radius: var(--round-16);
    padding: var(--gap-32)
}

@media (max-width: 900px) {
    .index-form-wrapper .index-form>.contacts .contact-block {
        padding: var(--gap-20)
    }
}

.index-form-wrapper .index-form .contacts {
    width: 100%;
    border-radius: 16px;
    position: relative;
    overflow: hidden
}

.index-form-wrapper .index-form .contacts:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0) 6.67%, rgba(20, 20, 20, .02) 13.33%, rgba(20, 20, 20, .04) 20%, rgba(20, 20, 20, .07) 26.67%, rgba(20, 20, 20, .11) 33.33%, rgba(20, 20, 20, .16) 40%, rgba(20, 20, 20, .21) 46.67%, rgba(20, 20, 20, .27) 53.33%, rgba(20, 20, 20, .32) 60%, rgba(20, 20, 20, .37) 66.67%, rgba(20, 20, 20, .41) 73.33%, rgba(20, 20, 20, .44) 80%, rgba(20, 20, 20, .46) 86.67%, rgba(20, 20, 20, .48) 93.33%, rgba(20, 20, 20, .48) 100%)
}

@media (max-width: 900px) {
    .index-form-wrapper .index-form .contacts {
        flex-direction: column
    }
}

.index-form-wrapper .index-form .contacts>* {
    position: relative
}

.index-form-wrapper .index-form .contacts.glass-bg-form {
    background: var(--colors-surface-surface-glass, rgba(66, 68, 71, .48));
    -webkit-backdrop-filter: var(--blur-bg-20);
    backdrop-filter: var(--blur-bg-20)
}

.index-form-wrapper .index-form .contacts .divider {
    width: 1px;
    height: 100%;
    background-color: var(--color-border-transparent-invert)
}

@media (max-width: 900px) {
    .index-form-wrapper .index-form .contacts .divider {
        width: 100%;
        height: 1px
    }
}

.index-form-wrapper .index-form .contacts .contact-block {
    width: 100%;
    max-width: 351px;
    color: var(--color-text-high-invert);
    height: 100%;
    align-items: flex-start
}

@media (max-width: 1270px) {
    .index-form-wrapper .index-form .contacts .contact-block {
        max-width: none;
        min-height: 435px
    }
}

@media (max-width: 900px) {
    .index-form-wrapper .index-form .contacts .contact-block {
        min-height: unset
    }
}

.index-form-wrapper .index-form .contacts .contact-block:nth-child(1) {
    border-radius: var(--round-16) 0 0 var(--round-16)
}

@media (max-width: 900px) {
    .index-form-wrapper .index-form .contacts .contact-block:nth-child(1) {
        border-radius: var(--gap-16) var(--gap-16) 0 0
    }
}

.index-form-wrapper .index-form .contacts .contact-block:nth-child(3) {
    border-radius: 0 var(--round-16) var(--round-16) 0
}

@media (max-width: 900px) {
    .index-form-wrapper .index-form .contacts .contact-block:nth-child(3) {
        border-radius: 0 0 var(--gap-16) var(--gap-16)
    }
}

.index-form-wrapper .index-form .contacts .contact-block:nth-child(3) .success-icon-wrapper {
    width: 100%;
    height: 100%
}

.index-form-wrapper .index-form .contacts .contact-block:nth-child(3) .success-icon-wrapper .success-icon {
    background-color: var(--color-surface-accent);
    width: 72px;
    aspect-ratio: 1;
    border-radius: var(--round-full)
}

@media (max-width: 900px) {
    .index-form-wrapper .index-form .contacts .contact-block:nth-child(3) .success-icon-wrapper .success-icon {
        margin-top: 0
    }
}

.index-form-wrapper .index-form .contacts .contact-block:nth-child(3) .success-icon-wrapper .success-icon .icon {
    background-image: url(/images/icons/outline/check--high-invert.svg)
}

.index-form-wrapper .index-form .contacts .contact-block:nth-child(3) .succes-text .text {
    color: var(--color-text-medium-invert);
    text-align: center
}

.index-form-wrapper .index-form .contacts .contact-block .social .icon.whatsapp {
    background-image: url(/images/icons/fill/whatsapp--high-invert.svg)
}

.index-form-wrapper .index-form .contacts .contact-block .social .icon.telegram {
    background-image: url(/images/icons/fill/telegram--high-invert.svg)
}

.index-form-wrapper .index-form .contacts .contact-block .social .icon.facebook {
    background-image: url(/images/icons/fill/facebook--high-invert.svg)
}

.index-form-wrapper .index-form .contacts .contact-block .social .icon.instagram {
    background-image: url(/images/icons/fill/instagram--high-invert.svg)
}

.index-form-wrapper .index-form .contacts .contact-block .callbacks .input-wrapper {
    background-color: var(--color-border-transparent-invert);
    height: 48px
}

.index-form-wrapper .index-form .contacts .contact-block .callbacks .input-wrapper input {
    width: 100%
}

.index-form-wrapper .index-form .contacts .contact-block .callbacks .input-wrapper input::-moz-placeholder {
    color: var(--color-text-medium-invert)
}

.index-form-wrapper .index-form .contacts .contact-block .callbacks .input-wrapper input::placeholder {
    color: var(--color-text-medium-invert)
}

.index-form-wrapper .index-form .contacts .contact-block .callbacks .callback .dot {
    background-image: url(/images/icons/fill/dot--success.svg);
    width: 24px
}

.index-form-wrapper .index-form .contacts .contact-block .callbacks .callback .phone-data .phone {
    white-space: nowrap
}

.index-form-wrapper .index-form .contacts .contact-block .callbacks .callback .phone-data .comment {
    color: var(--color-text-medium-invert)
}

.index-form-wrapper .index-form .contacts .contact-block.accent {
    background-color: var(--color-surface-accent)
}

.index-form-wrapper .index-form .contacts .contact-block.white {
    background-color: var(--color-surface-1);
    color: var(--color-text-high)
}

.index-form-wrapper .index-form .contacts .contact-block .descr {
    color: var(--color-text-medium-invert)
}

@media (max-width: 900px) {
    .index-form-wrapper .box {
        padding: 0
    }

    .index-form-wrapper.disable-contacts .box .form {
        width: 100%;
        max-width: none;
        background-color: var(--color-surface-3);
        border-radius: var(--round-24);
        padding: var(--gap-32) var(--gap-16)
    }

    .index-form-wrapper.disable-contacts .box .form .input-wrapper {
        background-color: var(--color-surface-1)
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block {
        background-color: var(--color-surface-3);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        color: var(--color-text-high);
        padding: var(--gap-20)
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block .bottom .social .button {
        background-color: var(--color-surface-1);
        color: var(--color-text-high);
        box-shadow: 0 8px 32px #14141429
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block .bottom .social .button .icon.whatsapp {
        background-image: url(/images/icons/fill/whatsapp--high.svg)
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block .bottom .social .button .icon.telegram {
        background-image: url(/images/icons/fill/telegram--high.svg)
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block .bottom .social .button .icon.facebook {
        background-image: url(/images/icons/fill/facebook--high.svg)
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block .bottom .social .button .icon.instagram {
        background-image: url(/images/icons/fill/instagram--high.svg)
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block .bottom .callbacks {
        flex-wrap: wrap
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block .bottom .callbacks .callback .phone-data .comment {
        color: var(--color-text-medium)
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block.ffs-mob {
        align-items: flex-end
    }

    .index-form-wrapper.enable-contacts .box .contacts .contact-block.ffs-mob .text {
        width: 100%
    }
}

.city-popup-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #14141466;
    padding: 40px;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    transition-property: opacity, z-index;
    z-index: -1
}

.city-popup-wrapper.open {
    opacity: 1;
    pointer-events: all;
    z-index: 11
}

@media (max-width: 900px) {
    .city-popup-wrapper {
        padding: 0;
        align-items: flex-end
    }
}

.city-popup-wrapper .city-popup {
    background-color: #fff;
    border-radius: var(--round-32);
    max-width: 896px;
    width: 100%;
    padding: var(--gap-24);
    position: relative;
    height: min(616px, 100vh - var(--gap-40) * 2)
}

@media (max-width: 900px) {
    .city-popup-wrapper .city-popup {
        padding: 0;
        border-radius: var(--round-16) var(--round-16) 0 0
    }

    .city-popup-wrapper .city-popup .top-wrapper {
        padding: var(--gap-12) var(--gap-16)
    }
}

.city-popup-wrapper .city-popup .top-wrapper .close-popup {
    position: absolute;
    top: 0;
    left: calc(100% + var(--gap-16))
}

.city-popup-wrapper .city-popup .top-wrapper .close-popup .button {
    box-shadow: none
}

@media (max-width: 900px) {
    .city-popup-wrapper .city-popup .top-wrapper .close-popup {
        position: static
    }

    .city-popup-wrapper .city-popup .top-wrapper .close-popup .button {
        background-color: var(--color-surface-3)
    }
}

.city-popup-wrapper .city-popup .top-wrapper .close-popup .close {
    background-image: url(/images/icons/outline/close--high.svg)
}

@media (max-width: 900px) {
    .city-popup-wrapper .city-popup .top-wrapper .title-wrapper {
        padding: var(--gap-16)
    }

    .city-popup-wrapper .city-popup .searchbar-wrapper {
        padding: 0 var(--gap-16)
    }

    .city-popup-wrapper .city-popup .searchbar-wrapper .input-wrapper {
        padding: var(--gap-12);
        height: auto;
        border-radius: var(--round-8);
        background-color: var(--color-surface-1);
        border: 1px solid var(--color-border-transparent)
    }
}

.city-popup-wrapper .city-popup .buttons {
    overflow: scroll;
    gap: 8px;
    scrollbar-width: none
}

.city-popup-wrapper .city-popup .buttons::-webkit-scrollbar {
    display: none
}

.city-popup-wrapper .city-popup .cities-wrapper {
    overflow-y: auto
}

@media (max-width: 900px) {
    .city-popup-wrapper .city-popup .cities-wrapper {
        margin-top: var(--gap-32);
        display: flex;
        flex-direction: row
    }
}

.city-popup-wrapper .city-popup .cities-wrapper>* {
    flex: 1
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line {
    border-left: 1px solid var(--color-border-transparent)
}

@media (max-width: 900px) {
    .city-popup-wrapper .city-popup .cities-wrapper .select-line .title-select {
        color: var(--color-text-medium)
    }
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line .title-select,
.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city {
    padding-left: var(--gap-24)
}

@media (max-width: 900px) {

    .city-popup-wrapper .city-popup .cities-wrapper .select-line .title-select,
    .city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city {
        padding-left: 0;
        padding: 0 var(--gap-16)
    }
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper.not-city {
    pointer-events: none
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper.not-city .select-city:before {
    display: none
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper:hover,
.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper:hover .select-city {
    color: var(--color-text-accent)
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper .select-city {
    width: 100%;
    cursor: pointer;
    transition: .2s;
    transition-property: border, color;
    border-left: 2px solid transparent;
    position: relative
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper .select-city .country {
    margin-left: 8px
}

@media (max-width: 900px) {
    .city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper .select-city {
        border: none
    }

    .city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper .select-city:before {
        content: "";
        aspect-ratio: 1;
        width: 24px;
        background-image: url(/images/icons/outline/radio--medium.svg);
        transition: .2s background;
        flex-shrink: 0
    }
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper input {
    display: none
}

.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper input:checked+.select-city {
    border-left: 2px solid var(--color-surface-accent);
    color: var(--color-text-accent)
}

@media (max-width: 900px) {
    .city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper input:checked+.select-city {
        border: none
    }

    .city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city-wrapper input:checked+.select-city:before {
        background-image: url(/images/icons/fill/radio-fill--accent.svg)
    }
}

.city-popup-wrapper .city-popup .submit-buttons {
    padding: var(--gap-16)
}

.city-popup-wrapper .city-popup .submit-buttons .gray-button {
    flex: 1
}

.city-popup-wrapper:not(.searching) .select-city .country {
    display: none
}

.city-popup-wrapper.searching .slider.buttons,
.city-popup-wrapper.searching .country-select {
    display: none
}

.city-popup-wrapper.searching .city-select:not(.nodisp-search) {
    display: flex !important;
    width: 100%
}

.city-popup-wrapper.searching .cities-wrapper {
    flex-direction: column;
    gap: var(--gap-16)
}

@media (max-width: 900px) {
    .city-popup-wrapper.searching .cities-wrapper {
        margin-top: 0
    }
}

.city-popup-wrapper.searching .title-select {
    display: none
}

.filters-popup-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #14141466;
    padding: 40px;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    transition-property: opacity, z-index;
    z-index: 12
}

.filters-popup-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.filters-popup-wrapper.open {
    opacity: 1;
    pointer-events: all;
    z-index: 11
}

@media (max-width: 900px) {
    .filters-popup-wrapper {
        padding: 0;
        align-items: flex-end
    }
}

.filters-popup-wrapper .filters-popup {
    background-color: #fff;
    border-radius: var(--round-32);
    max-width: min(100vw, 896px);
    width: 100%;
    padding: var(--gap-24);
    position: relative;
    max-height: min(900px, 100vh - var(--gap-40) * 2)
}

@media (max-width: 900px) {
    .filters-popup-wrapper .filters-popup {
        padding: var(--gap-24) var(--gap-20);
        border-radius: var(--round-16) var(--round-16) 0 0
    }
}

.filters-popup-wrapper .filters-popup .top-wrapper .close-popup {
    position: absolute;
    top: 0;
    left: calc(100% + var(--gap-16))
}

@media (max-width: 1024px) {
    .filters-popup-wrapper .filters-popup .top-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse
    }

    .filters-popup-wrapper .filters-popup .top-wrapper .close-popup {
        position: static
    }

    .filters-popup-wrapper .filters-popup .top-wrapper .close-popup .button {
        background-color: var(--color-surface-3)
    }
}

.filters-popup-wrapper .filters-popup .top-wrapper .close-popup .close {
    background-image: url(/images/icons/outline/close--high.svg)
}

.filters-popup-wrapper .filters-popup .select-groups {
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: var(--gap-8)
}

@media (max-width: 900px) {
    .filters-popup-wrapper .filters-popup .select-groups {
        padding-right: 0
    }
}

.filters-popup-wrapper .filters-popup .select-groups .select-group .group-title {
    width: 250px
}

.filters-popup-wrapper .filters-popup .select-groups .select-group .group-title .icon {
    background-image: url(/images/icons/outline/question-circle--medium.svg);
    width: 20px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    top: 5px;
    left: 5px
}

.filters-popup-wrapper .filters-popup .select-groups .select-group .group-title .icon .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-left: 12px;
    left: 12px;
    z-index: 1000;
    top: 50%;
    transform: translateY(-50%)
}

.filters-popup-wrapper .filters-popup .select-groups .select-group .group-title .icon .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-12);
    box-shadow: 0 8px 32px #14141429;
    width: 274px
}

.filters-popup-wrapper .filters-popup .select-groups .select-group .group-title .icon:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.filters-popup-wrapper .filters-popup .select-groups .select-group .group-selects {
    flex-wrap: wrap;
    width: 100%
}

.filters-popup-wrapper .filters-popup .bottom-buttons {
    width: 100%
}

@media (max-width: 900px) {
    .filters-popup-wrapper .filters-popup .bottom-buttons .gray-button {
        flex: 1
    }
}

.filters-popup-wrapper .filters-popup .bottom-buttons .clear {
    cursor: pointer
}

.filters-popup-wrapper .filters-popup .bottom-buttons .clear .icon {
    background-image: url(/images/icons/outline/close--high.svg)
}

.filters-popup-location {
    width: -moz-fit-content;
    width: fit-content
}

.filters-popup-location .icon.geo {
    background-image: url(/images/icons/outline/map-pin--high.svg)
}

.dropdown-line {
    width: 100%;
    position: relative
}

.dropdown-line .input-wrapper {
    height: 48px
}

.dropdown-line .icon.drop {
    transition: .2s transform
}

.dropdown-line.drop-opened .icon.drop {
    transform: scaleY(-1)
}

.dropdown-line.pointer .input-wrapper {
    cursor: pointer
}

.dropdown-line.pointer .input-wrapper input {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: pointer
}

body:has(.filters-popup-wrapper.open) #home-search-bar-app {
    z-index: 10
}

.custom-dropdown {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    z-index: 13;
    transition: .2s opacity;
    background-color: #fff;
    border-radius: var(--round-16);
    box-shadow: 0 8px 32px #14141429;
    top: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    max-width: 100%;
    overflow-y: auto;
    scrollbar-width: none
}

.custom-dropdown::-webkit-scrollbar {
    display: none
}

.custom-dropdown:not(.open) .slider,
.popup__wrapper:not(.open) .slider {
    pointer-events: none !important
}

@media (min-width: 901px) {

    .custom-dropdown.auto-width,
    .popup__wrapper.auto-width {
        width: auto !important
    }
}

.custom-dropdown.open,
.popup__wrapper.open {
    opacity: 1;
    pointer-events: all
}

.custom-dropdown .checkbox-line-wrapper,
.popup__wrapper .checkbox-line-wrapper {
    padding: var(--gap-12) var(--gap-8);
    cursor: pointer;
    border-radius: var(--gap-12);
    transition: .2s background
}

.custom-dropdown .checkbox-line-wrapper .icon,
.popup__wrapper .checkbox-line-wrapper .icon {
    position: relative;
    top: -.03em
}

.custom-dropdown .checkbox-line-wrapper:hover,
.popup__wrapper .checkbox-line-wrapper:hover {
    background-color: var(--color-surface-3)
}

.checkbox-line-wrapper:hover input[type=checkbox]+.checkbox-line .checkbox,
.popup__wrapper .checkbox-line-wrapper:hover input[type=checkbox]+.checkbox-line .checkbox {
    background-image: url(/images/icons/outline/checkbox--high.svg)
}

.checkbox-line-wrapper:hover input[type=radio]+.checkbox-line .checkbox,
.popup__wrapper .checkbox-line-wrapper:hover input[type=radio]+.checkbox-line .checkbox {
    background-image: url(/images/icons/outline/radio--high.svg)
}

.checkbox-line-wrapper input[type=checkbox]+.checkbox-line .checkbox,
.popup__wrapper .checkbox-line-wrapper input[type=checkbox]+.checkbox-line .checkbox {
    transition: .2s background;
    background-image: url(/images/icons/outline/checkbox--medium.svg)
}

.checkbox-line-wrapper input[type=radio]+.checkbox-line .checkbox,
.popup__wrapper .checkbox-line-wrapper input[type=radio]+.checkbox-line .checkbox {
    transition: .2s background;
    background-image: url(/images/icons/outline/radio--medium.svg)
}

.checkbox-line-wrapper input:checked[type=checkbox]+.checkbox-line .checkbox,
.popup__wrapper .checkbox-line-wrapper input:checked[type=checkbox]+.checkbox-line .checkbox {
    background-image: url(/images/icons/fill/checkbox--high.svg)
}

.checkbox-line-wrapper input:checked[type=radio]+.checkbox-line .checkbox,
.popup__wrapper .checkbox-line-wrapper input:checked[type=radio]+.checkbox-line .checkbox {
    background-image: url(/images/icons/fill/radio-fill--high.svg)
}

.custom-dropdown .checkbox-line-wrapper.no-icon,
.popup__wrapper .checkbox-line-wrapper.no-icon {
    padding: 0
}

.custom-dropdown .checkbox-line-wrapper.no-icon .checkbox-line,
.popup__wrapper .checkbox-line-wrapper.no-icon .checkbox-line {
    padding: var(--gap-12);
    transition: .2s background
}

.custom-dropdown .checkbox-line-wrapper.no-icon input:checked+.checkbox-line,
.popup__wrapper .checkbox-line-wrapper.no-icon input:checked+.checkbox-line {
    background-color: var(--color-surface-3)
}

.checkbox-line-wrapper.no-icon input:checked+.checkbox-line .icon,
.popup__wrapper .checkbox-line-wrapper.no-icon input:checked+.checkbox-line .icon {
    background-image: url(/images/icons/outline/check--medium.svg)
}

.custom-dropdown .people-line-wrapper,
.custom-dropdown .params-line-wrapper,
.popup__wrapper .people-line-wrapper,
.popup__wrapper .params-line-wrapper {
    padding: var(--gap-12) 0;
    cursor: pointer
}

.custom-dropdown .people-line-wrapper .photo,
.custom-dropdown .params-line-wrapper .photo,
.popup__wrapper .people-line-wrapper .photo,
.popup__wrapper .params-line-wrapper .photo {
    border-radius: var(--round-full);
    aspect-ratio: 1;
    width: 24px
}

.custom-dropdown .people-line-wrapper .input-height-fix,
.custom-dropdown .params-line-wrapper .input-height-fix,
.popup__wrapper .people-line-wrapper .input-height-fix,
.popup__wrapper .params-line-wrapper .input-height-fix {
    height: 48px
}

.custom-dropdown .people-line-wrapper .people-line .checkbox,
.custom-dropdown .params-line-wrapper .people-line .checkbox,
.popup__wrapper .people-line-wrapper .people-line .checkbox,
.popup__wrapper .params-line-wrapper .people-line .checkbox {
    background-image: url(/images/transparent.png)
}

.custom-dropdown .people-line-wrapper input:checked[type=checkbox]+.people-line .checkbox,
.custom-dropdown .params-line-wrapper input:checked[type=checkbox]+.people-line .checkbox,
.popup__wrapper .people-line-wrapper input:checked[type=checkbox]+.people-line .checkbox,
.popup__wrapper .params-line-wrapper input:checked[type=checkbox]+.people-line .checkbox {
    background-image: url(/images/icons/outline/check--medium.svg)
}

.custom-dropdown .people-line-wrapper input:checked[type=radio]+.people-line .checkbox,
.custom-dropdown .params-line-wrapper input:checked[type=radio]+.people-line .checkbox,
.popup__wrapper .people-line-wrapper input:checked[type=radio]+.people-line .checkbox,
.popup__wrapper .params-line-wrapper input:checked[type=radio]+.people-line .checkbox {
    background-image: url(/images/icons/outline/check--medium.svg)
}

.custom-dropdown .select-line-wrapper,
.popup__wrapper .select-line-wrapper {
    cursor: pointer;
    background-color: var(--color-surface-1);
    transition: .2s background;
    padding: var(--gap-12)
}

.custom-dropdown .select-line-wrapper:hover,
.popup__wrapper .select-line-wrapper:hover {
    background-color: var(--color-surface-3)
}

.custom-dropdown.title-dropdown,
.popup__wrapper.title-dropdown {
    padding: var(--gap-12)
}

.custom-dropdown.title-dropdown .checkbox-group:first-child,
.popup__wrapper.title-dropdown .checkbox-group:first-child {
    padding-top: var(--gap-4)
}

.custom-dropdown.title-dropdown .checkbox-group:last-child,
.popup__wrapper.title-dropdown .checkbox-group:last-child {
    padding-bottom: var(--gap-4)
}

.custom-dropdown.title-dropdown .checkbox-group:not(:last-child):not(.noline),
.popup__wrapper.title-dropdown .checkbox-group:not(:last-child):not(.noline) {
    margin-bottom: var(--gap-4);
    padding-bottom: var(--gap-4);
    border-bottom: 1px solid var(--color-border-transparent)
}

.custom-dropdown.title-dropdown .dropdown-buttons-line,
.popup__wrapper.title-dropdown .dropdown-buttons-line {
    gap: var(--gap-8)
}

.custom-dropdown.no-side-padding,
.popup__wrapper.no-side-padding {
    padding: 0
}

.custom-dropdown.filter-popup-dropdown,
.popup__wrapper.filter-popup-dropdown {
    max-height: 402px;
    overflow-y: auto
}

.custom-dropdown.filter-popup-dropdown .gline,
.popup__wrapper.filter-popup-dropdown .gline {
    padding: var(--gap-12) var(--gap-12) var(--gap-4) var(--gap-12)
}

.custom-dropdown.search-dropdown,
.popup__wrapper.search-dropdown {
    max-height: 400px;
    overflow-y: auto;
    padding-left: var(--gap-4);
    padding-right: var(--gap-4)
}

.custom-dropdown.search-dropdown .gtext,
.popup__wrapper.search-dropdown .gtext {
    padding: var(--gap-8) var(--gap-12)
}

.custom-dropdown.search-dropdown .value,
.popup__wrapper.search-dropdown .value {
    padding: var(--gap-8) var(--gap-12);
    border-radius: var(--round-8);
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    transition: .2s background-color
}

.custom-dropdown.search-dropdown .value:hover,
.popup__wrapper.search-dropdown .value:hover {
    background-color: var(--color-surface-3)
}

.custom-dropdown.title-room-count-drop .input-button-wrapper.round .gray-button,
.popup__wrapper.title-room-count-drop .input-button-wrapper.round .gray-button {
    height: 100%
}

.custom-dropdown.title-room-count-drop .input-button-wrapper.round .gray-button .button,
.popup__wrapper.title-room-count-drop .input-button-wrapper.round .gray-button .button {
    padding: 0;
    height: 52px;
    width: 52px
}

.custom-dropdown.add-user-role-dropdown,
.popup__wrapper.add-user-role-dropdown {
    padding: var(--gap-8);
    width: 238px !important
}

.custom-dropdown.add-user-role-dropdown .broker-moder,
.popup__wrapper.add-user-role-dropdown .broker-moder {
    flex-direction: column
}

.custom-dropdown.add-user-role-dropdown .broker-moder .selection-wrapper,
.popup__wrapper.add-user-role-dropdown .broker-moder .selection-wrapper {
    max-width: none
}

.custom-dropdown.people-sort-obj .checkbox-group:last-child,
.popup__wrapper.people-sort-obj .checkbox-group:last-child {
    max-height: 265px;
    overflow: scroll;
    scrollbar-width: none
}

.custom-dropdown.people-sort-obj .checkbox-group:last-child::-webkit-scrollbar,
.popup__wrapper.people-sort-obj .checkbox-group:last-child::-webkit-scrollbar {
    display: none
}

.custom-dropdown[drop-id=map-complex],
.popup__wrapper[drop-id=map-complex] {
    max-height: 321px
}

.custom-dropdown[drop-id=map-complex] .current-jk,
.popup__wrapper[drop-id=map-complex] .current-jk {
    width: 365px
}

.custom-dropdown[drop-id=select-types-dropdown],
.popup__wrapper[drop-id=select-types-dropdown],
.custom-dropdown[drop-id=select-types-popup-dropdown],
.popup__wrapper[drop-id=select-types-popup-dropdown] {
    padding: 0
}

.custom-dropdown[drop-id=select-types-dropdown] .drop-section,
.popup__wrapper[drop-id=select-types-dropdown] .drop-section,
.custom-dropdown[drop-id=select-types-popup-dropdown] .drop-section,
.popup__wrapper[drop-id=select-types-popup-dropdown] .drop-section {
    padding: 0 12px
}

.custom-dropdown[drop-id=select-types-dropdown] .slider-wrapper,
.popup__wrapper[drop-id=select-types-dropdown] .slider-wrapper,
.custom-dropdown[drop-id=select-types-popup-dropdown] .slider-wrapper,
.popup__wrapper[drop-id=select-types-popup-dropdown] .slider-wrapper {
    border-bottom: 1px solid var(--color-border-transparent);
    padding: 0 12px
}

.custom-dropdown[drop-id=select-types-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button,
.popup__wrapper[drop-id=select-types-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button,
.custom-dropdown[drop-id=select-types-popup-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button,
.popup__wrapper[drop-id=select-types-popup-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button {
    border-radius: 0
}

.custom-dropdown[drop-id=select-types-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button .button,
.popup__wrapper[drop-id=select-types-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button .button,
.custom-dropdown[drop-id=select-types-popup-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button .button,
.popup__wrapper[drop-id=select-types-popup-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button .button {
    background-color: transparent;
    color: var(--color-text-high);
    border-radius: 0;
    border: none;
    border-bottom: 2px solid transparent;
    padding-left: 0;
    padding-right: 0;
    padding-top: var(--gap-16);
    padding-bottom: var(--gap-12)
}

.custom-dropdown[drop-id=select-types-dropdown] .slider-wrapper .slider .input-button-wrapper input:checked+.gray-button .button,
.popup__wrapper[drop-id=select-types-dropdown] .slider-wrapper .slider .input-button-wrapper input:checked+.gray-button .button,
.custom-dropdown[drop-id=select-types-popup-dropdown] .slider-wrapper .slider .input-button-wrapper input:checked+.gray-button .button,
.popup__wrapper[drop-id=select-types-popup-dropdown] .slider-wrapper .slider .input-button-wrapper input:checked+.gray-button .button,
.custom-dropdown[drop-id=select-types-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button .button.selected,
.custom-dropdown[drop-id=select-types-popup-dropdown] .slider-wrapper .slider .input-button-wrapper .gray-button .button.selected {
    color: var(--color-text-accent);
    background-color: transparent;
    border-bottom: 2px solid var(--color-surface-accent)
}

.params-line-wrapper {
    cursor: pointer
}

.params-line-wrapper:last-child {
    border-radius: 0 0 var(--round-16) var(--round-16)
}

.params-line-wrapper:first-child {
    border-radius: var(--round-16) var(--round-16) 0 0
}

.params-line-wrapper:hover {
    background-color: var(--color-surface-3)
}

@media (max-width: 900px) {
    .params-line-wrapper:hover {
        background-color: var(--color-surface-1)
    }
}

.params-line-wrapper .input-height-fix {
    height: 48px
}

.params-line-wrapper .params-line {
    padding: var(--gap-12)
}

@media (max-width: 900px) {
    .params-line-wrapper .params-line {
        padding: 0
    }
}

.params-line-wrapper .params-line:first-child {
    padding: 0;
    border-radius: var(--round-16) var(--round-16) 0 0
}

.params-line-wrapper .params-line .checkbox {
    background-image: url(/images/transparent.png)
}

.params-line-wrapper input:checked[type=checkbox]+.params-line .checkbox {
    background-image: url(/images/icons/outline/check--medium.svg)
}

@media (max-width: 900px) {
    .params-line-wrapper input:checked[type=checkbox]+.params-line .checkbox {
        background-image: url(/images/icons/fill/radio-fill--accent.svg)
    }
}

.params-line-wrapper input:checked[type=radio]+.params-line .checkbox {
    background-image: url(/images/icons/outline/check--medium.svg)
}

@media (max-width: 900px) {
    .params-line-wrapper input:checked[type=radio]+.params-line .checkbox {
        background-image: url(/images/icons/fill/radio-fill--accent.svg)
    }

    .params-line-wrapper input[type=checkbox]+.params-line .checkbox {
        background-image: url(/images/icons/outline/radio--medium.svg)
    }

    .params-line-wrapper input[type=radio]+.params-line .checkbox {
        background-image: url(/images/icons/outline/radio--medium.svg)
    }
}

.input-button-wrapper {
    flex-shrink: 0
}

.input-button-wrapper .gray-button {
    display: block;
    width: auto
}

.input-button-wrapper input:checked+.gray-button {
    width: auto
}

.input-button-wrapper input:checked+.gray-button .button {
    background-color: var(--color-surface-5);
    color: var(--color-text-high-invert)
}

.youtube-popup-wrapper {
    position: fixed;
    background-color: #14141466;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 7;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity
}

.youtube-popup-wrapper iframe {
    display: none
}

.youtube-popup-wrapper.open {
    opacity: 1;
    pointer-events: all
}

.youtube-popup-wrapper.open iframe {
    display: block
}

.youtube-popup-wrapper .youtube-popup {
    width: min(90vw, 1280px);
    height: min(90vh, 720px);
    position: relative
}

.youtube-popup-wrapper .youtube-popup .close-popup {
    position: absolute;
    top: 0;
    left: calc(100% + 16px)
}

@media (max-width: 900px) {
    .youtube-popup-wrapper .youtube-popup .close-popup {
        left: initial;
        right: 16px;
        top: 16px
    }
}

.youtube-popup-wrapper .youtube-popup .close-popup .icon {
    background-image: url(/images/icons/outline/close--high-invert.svg)
}

.youtube-popup-wrapper .youtube-popup .iframe-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: var(--round-8)
}

.youtube-popup-wrapper .youtube-popup .iframe-wrapper iframe {
    width: 100%;
    height: 100%
}

.popup__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #14141466;
    z-index: 11;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    left: 100vw
}

@media (max-width: 900px) {
    .popup__wrapper {
        flex-direction: column;
        justify-content: flex-end
    }
}

.popup__wrapper.open {
    opacity: 1;
    pointer-events: all;
    left: 0
}

.popup__wrapper .popup__body {
    position: relative;
    background-color: var(--color-surface-1);
    border-radius: var(--round-16);
    max-height: calc(100% - 32px);
    max-width: min(90%, 1440px)
}

@media (max-width: 900px) {
    .popup__wrapper .popup__body {
        border-radius: var(--round-16) var(--round-16) 0 0;
        width: 100%;
        max-width: none
    }
}

.popup__wrapper .popup__body-inner {
    overflow-y: auto;
    max-height: 100%;
    border-radius: var(--round-16);
    width: 100%
}

.popup__wrapper .popup__body .popup-content-wrapper {
    padding: var(--gap-24);
    width: 100%
}

.popup__wrapper .popup__body .ytext .icon.clock {
    background-image: url(/images/icons/fill/clock--accent.svg)
}

.popup__wrapper .popup__body .title .icon {
    width: 36px
}

.popup__wrapper .popup__body .close-popup {
    position: absolute;
    top: 0;
    left: calc(100% + 16px)
}

@media (max-width: 900px) {
    .popup__wrapper .popup__body .close-popup {
        left: initial;
        right: 16px;
        top: 16px
    }

    .popup__wrapper .popup__body .close-popup .button {
        background-color: var(--color-surface-3);
        box-shadow: none
    }
}

.popup__wrapper .popup__body .close-popup .icon.close {
    background-image: url(/images/icons/outline/close--high.svg)
}

.popup__wrapper.index-form-popup .index-form-callback {
    width: 100%;
    background-color: var(--color-surface-1);
    max-width: none
}

.popup__wrapper.index-form-popup .index-form-callback .phones-dropdown {
    max-height: 206px
}

.popup__wrapper.index-form-popup .popup__body {
    max-width: 640px
}

.popup__wrapper.reg-popup .popup__body,
.popup__wrapper.change-popup .popup__body,
.popup__wrapper.recall-popup .popup__body,
.popup__wrapper.auth-popup .popup__body {
    max-width: 514px;
    width: 100%
}

.popup__wrapper.reg-popup .popup__body .popup__body-inner,
.popup__wrapper.change-popup .popup__body .popup__body-inner,
.popup__wrapper.recall-popup .popup__body .popup__body-inner,
.popup__wrapper.auth-popup .popup__body .popup__body-inner {
    width: 100%
}

.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form,
.popup__wrapper.change-popup .popup__body .popup__body-inner .auth-form,
.popup__wrapper.recall-popup .popup__body .popup__body-inner .auth-form,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form {
    padding: var(--gap-32);
    width: 100%;
    overflow-y: auto
}

.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form .gtext a,
.popup__wrapper.change-popup .popup__body .popup__body-inner .auth-form .gtext a,
.popup__wrapper.recall-popup .popup__body .popup__body-inner .auth-form .gtext a,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form .gtext a {
    color: var(--color-text-high);
    text-decoration: underline;
    margin-left: 5px;
    cursor: pointer
}

.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form .form-cont-wrap,
.popup__wrapper.change-popup .popup__body .popup__body-inner .auth-form .form-cont-wrap,
.popup__wrapper.recall-popup .popup__body .popup__body-inner .auth-form .form-cont-wrap,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form .form-cont-wrap {
    margin-top: 40px
}

.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form .cent,
.popup__wrapper.change-popup .popup__body .popup__body-inner .auth-form .cent,
.popup__wrapper.recall-popup .popup__body .popup__body-inner .auth-form .cent,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form .cent {
    text-align: center
}

.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form .alert,
.popup__wrapper.change-popup .popup__body .popup__body-inner .auth-form .alert,
.popup__wrapper.recall-popup .popup__body .popup__body-inner .auth-form .alert,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form .alert {
    color: var(--color-text-error)
}

.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form .form-cont-wrap .gtext-wrapper,
.popup__wrapper.change-popup .popup__body .popup__body-inner .auth-form .form-cont-wrap .gtext-wrapper,
.popup__wrapper.recall-popup .popup__body .popup__body-inner .auth-form .form-cont-wrap .gtext-wrapper,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form .form-cont-wrap .gtext-wrapper {
    text-align: center
}

.popup__wrapper.change-mail-popup .popup__body {
    max-width: 514px;
    width: 100%
}

.popup__wrapper.change-mail-popup .popup__body .auth-form {
    padding: var(--gap-32);
    width: 100%;
    overflow-y: auto
}

.popup__wrapper.change-mail-popup .popup__body .auth-form .form-cont-wrap {
    margin-top: 12px
}

.popup__wrapper.change-mail-popup .popup__body .auth-form .form-cont-wrap .spam {
    text-align: center
}

.popup__wrapper.change-mail-popup .popup__body .auth-form .form-cont-wrap .button.inactive {
    background-color: var(--color-surface-3);
    color: var(--color-text-medium);
    pointer-events: none
}

.popup__wrapper.ref-id-popup .ref-id-content {
    width: 100%
}

.popup__wrapper.partner-deals-popup .deal-content {
    max-width: 375px;
    width: 100%
}

.popup__wrapper.user-request-popup .request-wrapper .done {
    padding: var(--gap-20);
    border-radius: var(--round-16);
    background-color: #e4fbee
}

.popup__wrapper.user-request-popup .request-wrapper .done .check-circle {
    background-image: url(/images/icons/outline/check-circle--success.svg)
}

.popup__wrapper.user-request-popup .request-wrapper .buttons {
    width: 100%
}

.popup__wrapper.user-request-popup .request-wrapper .buttons .button.fullwidth {
    width: 100%;
    flex-shrink: 1
}

.popup__wrapper.user-request-popup .request-wrapper .buttons .button .icon.phone {
    background-image: url(/images/icons/outline/phone--high.svg)
}

.popup__wrapper.user-request-popup .request-wrapper .buttons .button .icon.chat-circle-dots {
    background-image: url(/images/icons/outline/chat-circle-dots--high.svg)
}

.popup__wrapper.partner-percents-popup .partner-percents-content {
    width: 100%
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps {
    background-color: var(--color-surface-1);
    border-radius: var(--round-32)
}

@media (max-width: 900px) {
    .popup__wrapper.partner-percents-popup .partner-percents-content .steps {
        border-radius: var(--round-24);
        border-radius: 0
    }
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step:not(:last-child) .step__body .right {
    padding-bottom: var(--gap-12)
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step:last-child .step__body .left .line {
    display: none
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step__body .icon {
    background-image: url(/images/icons/outline/radio--medium.svg)
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step__body .left {
    justify-content: flex-start
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step__body .left .line {
    flex-shrink: 1;
    border-radius: var(--round-full);
    width: 2px;
    height: 100%;
    background-color: var(--color-border-transparent)
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step__body .right .progress {
    padding: var(--gap-6) var(--gap-8);
    border-radius: var(--round-full);
    background-color: var(--color-surface-3);
    width: -moz-fit-content;
    width: fit-content
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step__body .right .progress .icon {
    width: 16px
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step__body .right .progress .icon.clock {
    background-image: url(/images/icons/fill/clock--high.svg)
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step.active:before,
.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step.done:before {
    background-color: var(--color-border-solid)
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step.active .step__body .line {
    background-color: var(--color-border-solid)
}

.popup__wrapper.partner-percents-popup .partner-percents-content .steps .step.done .step__body .icon {
    background-image: url(/images/icons/fill/radio-fill--success.svg)
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper {
    width: 100%
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons {
    overflow: auto;
    scrollbar-width: none
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons::-webkit-scrollbar {
    display: none
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .green,
.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .blue,
.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .lightblue {
    padding: var(--gap-12);
    border-radius: var(--round-full)
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .green {
    background-color: #25d366
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .blue {
    background-color: #1877f2
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .lightblue {
    background-color: #3db7f4
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .icon.whatsapp {
    background-image: url(/images/icons/fill/whatsapp--high-invert.svg)
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .icon.facebook {
    background-image: url(/images/icons/fill/facebook--high-invert.svg)
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .icon.telegram {
    background-image: url(/images/icons/fill/telegram--high-invert.svg)
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .line {
    height: 48px;
    width: 1px;
    background-color: var(--color-border-transparent);
    flex-shrink: 0
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .button.gray {
    height: 48px;
    aspect-ratio: 1
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .button .icon.link {
    background-image: url(/images/icons/outline/link--high.svg)
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .button .icon.download-simple {
    background-image: url(/images/icons/outline/download-simple--high.svg)
}

.popup__wrapper.share-page-mob-popup .share-popup-wrapper .share-content .content-buttons .button .icon.dotsthree {
    background-image: url(/images/icons/DotsThree--high.svg)
}

@media (min-width: 901px) {
    .popup__wrapper.lead-form .timer-wrapper {
        min-height: 80vh
    }
}

.popup__wrapper.lead-form .popup__body {
    max-width: 514px;
    width: 100%
}

.popup__wrapper.lead-form .popup__body .popup__body-inner {
    width: 100%
}

.popup__wrapper.lead-form .popup__body .popup__body-inner .phones-dropdown {
    max-height: 168px
}

.popup__wrapper.lead-form .popup__body .popup__body-inner .catalog-popup-wrapper {
    padding: var(--gap-32);
    width: 100%
}

.popup__wrapper.lead-form .popup__body .popup__body-inner .catalog-popup-wrapper .gtext {
    margin-top: var(--gap-12)
}

.popup__wrapper.lead-form .popup__body .popup__body-inner .catalog-popup-wrapper .form-cont-wrap {
    margin-top: 40px
}

.popup__wrapper.lead-form .popup__body .popup__body-inner .catalog-popup-wrapper .form-cont-wrap .gtext {
    margin-top: 0
}

.popup__wrapper.lead-form .popup__body .popup__body-inner .autoclose {
    white-space: nowrap;
    flex-wrap: wrap
}

.popup__wrapper.lead-form .popup__body .popup__body-inner .autoclose .gtext {
    margin-top: 0
}

.popup__wrapper.lead-form .popup__body .popup__body-inner .thanks .success {
    aspect-ratio: 1;
    width: 72px;
    border-radius: var(--round-full);
    background-color: var(--color-surface-accent)
}

.popup__wrapper.lead-form .popup__body .popup__body-inner .thanks .success .icon.check {
    background-image: url(/images/icons/outline/check--high-invert.svg)
}

.popup__wrapper.success-popup .popup__body {
    max-width: 514px;
    width: 100%
}

.popup__wrapper.success-popup .popup__body .popup__body-inner {
    width: 100%
}

.popup__wrapper.success-popup .popup__body .popup__body-inner .success-wrap {
    padding: var(--gap-32);
    width: 100%
}

.popup__wrapper.success-popup .popup__body .popup__body-inner .success-wrap .success-change .success-icon {
    background-color: var(--color-icon-accent);
    width: 72px;
    aspect-ratio: 1;
    border-radius: var(--round-full);
    margin-top: 60px
}

@media (max-width: 900px) {
    .popup__wrapper.success-popup .popup__body .popup__body-inner .success-wrap .success-change .success-icon {
        margin-top: 0
    }
}

.popup__wrapper.success-popup .popup__body .popup__body-inner .success-wrap .success-change .success-icon .icon {
    background-image: url(/images/icons/outline/check--high-invert.svg)
}

@media (max-width: 900px) {
    .popup__wrapper.success-popup .popup__body .popup__body-inner .success-wrap .success-change {
        align-items: flex-start
    }
}

.popup__wrapper.success-popup .popup__body .popup__body-inner .success-wrap .button {
    margin-top: 100px
}

.popup__wrapper.comp-hov-popup,
.popup__wrapper.sort-hov-popup,
.popup__wrapper.params-info-popup {
    display: none
}

@media (max-width: 900px) {

    .popup__wrapper.comp-hov-popup,
    .popup__wrapper.sort-hov-popup,
    .popup__wrapper.params-info-popup {
        display: flex
    }
}

.popup__wrapper.comp-hov-popup .popup__body-inner,
.popup__wrapper.sort-hov-popup .popup__body-inner,
.popup__wrapper.params-info-popup .popup__body-inner {
    width: 100%
}

.popup__wrapper.comp-hov-popup .popup__body-inner .title-wrapper,
.popup__wrapper.sort-hov-popup .popup__body-inner .title-wrapper,
.popup__wrapper.params-info-popup .popup__body-inner .title-wrapper {
    height: 90px;
    max-width: 279px
}

.popup__wrapper.comp-hov-popup .popup__body-inner .title-wrapper .title,
.popup__wrapper.sort-hov-popup .popup__body-inner .title-wrapper .title,
.popup__wrapper.params-info-popup .popup__body-inner .title-wrapper .title {
    padding: var(--gap-12) var(--gap-16);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.2em;
    box-sizing: content-box
}

.popup__wrapper.comp-hov-popup .popup__body-inner .list-wrap,
.popup__wrapper.sort-hov-popup .popup__body-inner .list-wrap,
.popup__wrapper.params-info-popup .popup__body-inner .list-wrap {
    width: 100%;
    padding: var(--gap-24) var(--gap-16);
    padding-top: var(--gap-8)
}

.popup__wrapper.comp-hov-popup .popup__body-inner .list-wrap .list,
.popup__wrapper.sort-hov-popup .popup__body-inner .list-wrap .list,
.popup__wrapper.params-info-popup .popup__body-inner .list-wrap .list {
    gap: 12px
}

.popup__wrapper.sort-hov-popup .params-wrapper {
    padding: var(--gap-12) var(--gap-16);
    width: 100%;
    gap: 12px
}

.popup__wrapper.sort-hov-popup .params-wrapper .params-line-wrapper .params-line {
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: var(--gap-8)
}

.popup__wrapper.params-info-popup .params-info-wrapper {
    padding: var(--gap-16);
    padding-bottom: var(--gap-40)
}

.popup__wrapper.params-info-popup .params-info-wrapper .image {
    aspect-ratio: 88/60;
    width: 88px;
    border-radius: var(--round-8)
}

.popup__wrapper.rename-coll-popup .popup__body,
.popup__wrapper.delete-coll-popup .popup__body,
.popup__wrapper.create-coll-popup .popup__body,
.popup__wrapper.add-to-collection-popup .popup__body {
    max-width: 540px;
    width: 100%
}

.popup__wrapper.rename-coll-popup .popup__body-inner,
.popup__wrapper.delete-coll-popup .popup__body-inner,
.popup__wrapper.create-coll-popup .popup__body-inner,
.popup__wrapper.add-to-collection-popup .popup__body-inner {
    width: 100%
}

@media (max-width: 900px) {

    .popup__wrapper.rename-coll-popup .popup__body-inner,
    .popup__wrapper.delete-coll-popup .popup__body-inner,
    .popup__wrapper.create-coll-popup .popup__body-inner,
    .popup__wrapper.add-to-collection-popup .popup__body-inner {
        padding: var(--gap-16)
    }
}

.popup__wrapper.rename-coll-popup .popup__body-inner .rename-popup-wrapper,
.popup__wrapper.delete-coll-popup .popup__body-inner .rename-popup-wrapper,
.popup__wrapper.create-coll-popup .popup__body-inner .rename-popup-wrapper,
.popup__wrapper.add-to-collection-popup .popup__body-inner .rename-popup-wrapper {
    width: 100%;
    padding: var(--gap-24)
}

@media (max-width: 900px) {

    .popup__wrapper.rename-coll-popup .popup__body-inner .rename-popup-wrapper,
    .popup__wrapper.delete-coll-popup .popup__body-inner .rename-popup-wrapper,
    .popup__wrapper.create-coll-popup .popup__body-inner .rename-popup-wrapper,
    .popup__wrapper.add-to-collection-popup .popup__body-inner .rename-popup-wrapper {
        padding: 0;
        height: 256px;
        gap: var(--gap-32)
    }
}

.popup__wrapper.rename-coll-popup .popup__body-inner .rename-popup-wrapper .input-limits,
.popup__wrapper.delete-coll-popup .popup__body-inner .rename-popup-wrapper .input-limits,
.popup__wrapper.create-coll-popup .popup__body-inner .rename-popup-wrapper .input-limits,
.popup__wrapper.add-to-collection-popup .popup__body-inner .rename-popup-wrapper .input-limits {
    margin-top: 16px
}

.popup__wrapper.rename-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .bigplus,
.popup__wrapper.rename-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .image,
.popup__wrapper.delete-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .bigplus,
.popup__wrapper.delete-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .image,
.popup__wrapper.create-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .bigplus,
.popup__wrapper.create-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .image,
.popup__wrapper.add-to-collection-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .bigplus,
.popup__wrapper.add-to-collection-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .image {
    aspect-ratio: 1;
    width: 64px;
    background-color: var(--color-surface-3);
    border-radius: 16px
}

.popup__wrapper.rename-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .bigplus .icon.plus,
.popup__wrapper.rename-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .image .icon.plus,
.popup__wrapper.delete-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .bigplus .icon.plus,
.popup__wrapper.delete-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .image .icon.plus,
.popup__wrapper.create-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .bigplus .icon.plus,
.popup__wrapper.create-coll-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .image .icon.plus,
.popup__wrapper.add-to-collection-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .bigplus .icon.plus,
.popup__wrapper.add-to-collection-popup .popup__body-inner .rename-popup-wrapper .choose-coll .coll-item .image .icon.plus {
    background-image: url(/images/icons/outline/plus--high.svg)
}

.popup__wrapper.rename-coll-popup .popup__body-inner .button,
.popup__wrapper.delete-coll-popup .popup__body-inner .button,
.popup__wrapper.create-coll-popup .popup__body-inner .button,
.popup__wrapper.add-to-collection-popup .popup__body-inner .button {
    margin: var(--gap-12) var(--gap-12) var(--gap-12) auto
}

@media (max-width: 900px) {

    .popup__wrapper.rename-coll-popup .popup__body-inner .button,
    .popup__wrapper.delete-coll-popup .popup__body-inner .button,
    .popup__wrapper.create-coll-popup .popup__body-inner .button,
    .popup__wrapper.add-to-collection-popup .popup__body-inner .button {
        margin: 16px 0 0;
        width: 100%
    }
}

.popup__wrapper.add-to-collection-popup .popup__body-inner {
    height: 550px
}

.popup__wrapper.delete-coll-popup .rename-popup-wrapper {
    width: 416px
}

.popup__wrapper.user-lk-logout-popup .popup__body {
    max-width: 416px;
    width: 100%
}

.popup__wrapper.user-lk-logout-popup .popup__body .rename-popup-wrapper {
    padding: var(--gap-24)
}

@media (max-width: 900px) {
    .popup__wrapper.user-lk-logout-popup .popup__body .rename-popup-wrapper {
        height: 128px;
        gap: var(--gap-32)
    }
}

.popup__wrapper.user-lk-logout-popup .popup__body .buttons {
    margin: var(--gap-12) var(--gap-12) var(--gap-12) auto
}

@media (max-width: 900px) {
    .popup__wrapper.user-lk-logout-popup .popup__body .buttons {
        margin: 0;
        padding: var(--gap-16);
        justify-content: center;
        width: 100%
    }
}

.popup__wrapper.role-remove-user-popup form,
.popup__wrapper.role-recovery-user-popup form,
.popup__wrapper.role-delete-user-popup form {
    width: 100%
}

.popup__wrapper.role-remove-user-popup form .title,
.popup__wrapper.role-recovery-user-popup form .title,
.popup__wrapper.role-delete-user-popup form .title {
    height: 40px
}

.popup__wrapper.role-remove-user-popup form .gtext,
.popup__wrapper.role-recovery-user-popup form .gtext,
.popup__wrapper.role-delete-user-popup form .gtext {
    max-width: 450px
}

.popup__wrapper.role-remove-user-popup form span,
.popup__wrapper.role-recovery-user-popup form span,
.popup__wrapper.role-delete-user-popup form span {
    display: inline-block
}

.popup__wrapper.role-remove-user-popup form textarea,
.popup__wrapper.role-recovery-user-popup form textarea,
.popup__wrapper.role-delete-user-popup form textarea {
    width: 492px;
    height: 130px;
    border-radius: 16px;
    padding: var(--gap-20);
    background-color: var(--color-surface-3);
    border: none;
    resize: none
}

@media (max-width: 900px) {

    .popup__wrapper.role-remove-user-popup form textarea,
    .popup__wrapper.role-recovery-user-popup form textarea,
    .popup__wrapper.role-delete-user-popup form textarea {
        width: 100%
    }
}

.popup__wrapper.role-recovery-user-popup form .title,
.popup__wrapper.role-delete-user-popup form .title {
    height: 110px
}

.popup__wrapper.role-recovery-user-popup form .button.white,
.popup__wrapper.role-delete-user-popup form .button.white {
    box-shadow: none
}

.popup__wrapper.role-change-user-popup form {
    width: 100%
}

.popup__wrapper.role-change-user-popup form .title {
    height: 40px
}

.popup__wrapper.role-add-user-popup form {
    width: 100%
}

.popup__wrapper.role-add-user-popup form .title {
    height: 40px
}

.popup__wrapper.role-add-user-popup form .input-drop-wrapper {
    background-color: var(--color-surface-3);
    border-radius: var(--gap-8)
}

.popup__wrapper.role-add-user-popup form .input-drop-wrapper .divider-v {
    height: 24px
}

@media (max-width: 900px) {
    .popup__wrapper.role-add-user-popup form .input-drop-wrapper .divider-v {
        display: none
    }
}

.popup__wrapper.role-add-user-popup form .input-drop-wrapper .input-wrapper {
    height: 48px;
    padding: 0 var(--gap-12)
}

.popup__wrapper.role-add-user-popup form .input-drop-wrapper .input-wrapper:first-child {
    width: 354px
}

@media (max-width: 900px) {
    .popup__wrapper.role-add-user-popup form .input-drop-wrapper .input-wrapper:first-child {
        width: 100%
    }
}

.popup__wrapper.role-add-user-popup form .input-drop-wrapper .input-wrapper[open-drop] {
    width: 160px;
    cursor: pointer
}

.popup__wrapper.role-add-user-popup form .input-drop-wrapper .input-wrapper[open-drop] input {
    pointer-events: none
}

.popup__wrapper.help-choose-popup .popup__body {
    max-width: 514px;
    width: 100%
}

.popup__wrapper.help-choose-popup .popup__body .popup__body-inner {
    overflow-y: hidden;
    width: 100%
}

.popup__wrapper.help-choose-popup .popup__body .popup__body-inner .rename-popup-wrapper {
    width: 100%;
    padding: 32px
}

.popup__wrapper.help-choose-popup .popup__body .popup__body-inner .rename-popup-wrapper .numb {
    position: relative;
    top: .3em;
    display: inline-flex
}

.popup__wrapper.help-choose-popup .popup__body .popup__body-inner .rename-popup-wrapper .numb .dot {
    background-image: url(/images/icons/fill/dot--success.svg)
}

.popup__wrapper.room-search-popup .checkbox-group:last-child {
    max-height: 265px;
    overflow: scroll;
    scrollbar-width: none
}

.popup__wrapper.room-search-popup .checkbox-group:last-child::-webkit-scrollbar {
    display: none
}

.popup__wrapper.title-room-type-popup .checkbox-group:first-child {
    padding-top: var(--gap-4)
}

.popup__wrapper.title-room-type-popup .checkbox-group:last-child {
    padding-bottom: var(--gap-4)
}

.popup__wrapper.title-room-type-popup .checkbox-group:not(:last-child):not(.noline) {
    margin-bottom: var(--gap-4);
    padding-bottom: var(--gap-4);
    border-bottom: 1px solid var(--color-border-transparent)
}

.popup__wrapper.title-room-type-popup .slider-wrapper {
    border-bottom: 1px solid var(--color-border-transparent);
    padding: 0 12px
}

.popup__wrapper.title-room-type-popup .slider-wrapper .slider .input-button-wrapper .gray-button {
    border-radius: 0
}

.popup__wrapper.title-room-type-popup .slider-wrapper .slider .input-button-wrapper .gray-button .button {
    background-color: transparent;
    color: var(--color-text-high);
    border-radius: 0;
    border: none;
    border-bottom: 2px solid transparent;
    padding-left: 0;
    padding-right: 0;
    padding-top: var(--gap-16);
    padding-bottom: var(--gap-12)
}

.popup__wrapper.title-room-type-popup .slider-wrapper .slider .input-button-wrapper input:checked+.gray-button .button {
    color: var(--color-text-accent);
    background-color: transparent;
    border-bottom: 2px solid var(--color-surface-accent)
}

.popup__wrapper.title-room-type-popup .popup__body-inner,
.popup__wrapper.people-sort-obj-popup .popup__body-inner,
.popup__wrapper.title-room-count-popup .popup__body-inner,
.popup__wrapper.title-room-price-popup .popup__body-inner,
.popup__wrapper.room-search-popup .popup__body-inner,
.popup__wrapper.filter-popup .popup__body-inner,
.popup__wrapper.add-user-role-popup .popup__body-inner,
.popup__wrapper.radio-list-popup .popup__body-inner,
.popup__wrapper.radio-list-no-icon-popup .popup__body-inner,
.popup__wrapper.radio-currency-popup .popup__body-inner,
.popup__wrapper.map-complex-popup .popup__body-inner,
.popup__wrapper.country-popup .popup__body-inner,
.popup__wrapper.share-page-mob-popup .popup__body-inner,
.popup__wrapper.partner-deals-popup .popup__body-inner,
.popup__wrapper.partner-percents-popup .popup__body-inner,
.popup__wrapper.ref-id-popup .popup__body-inner,
.popup__wrapper.user-request-popup .popup__body-inner,
.popup__wrapper.user-lk-ref-client-popup .popup__body-inner,
.popup__wrapper.user-lk-ref-partner-popup .popup__body-inner,
.popup__wrapper.office-description-popup .popup__body-inner,
.popup__wrapper.language-popup .popup__body-inner {
    padding: var(--gap-12)
}

.popup__wrapper.title-room-type-popup .popup__body-inner>*,
.popup__wrapper.people-sort-obj-popup .popup__body-inner>*,
.popup__wrapper.title-room-count-popup .popup__body-inner>*,
.popup__wrapper.title-room-price-popup .popup__body-inner>*,
.popup__wrapper.room-search-popup .popup__body-inner>*,
.popup__wrapper.filter-popup .popup__body-inner>*,
.popup__wrapper.add-user-role-popup .popup__body-inner>*,
.popup__wrapper.radio-list-popup .popup__body-inner>*,
.popup__wrapper.radio-list-no-icon-popup .popup__body-inner>*,
.popup__wrapper.radio-currency-popup .popup__body-inner>*,
.popup__wrapper.map-complex-popup .popup__body-inner>*,
.popup__wrapper.country-popup .popup__body-inner>*,
.popup__wrapper.share-page-mob-popup .popup__body-inner>*,
.popup__wrapper.partner-deals-popup .popup__body-inner>*,
.popup__wrapper.partner-percents-popup .popup__body-inner>*,
.popup__wrapper.ref-id-popup .popup__body-inner>*,
.popup__wrapper.user-request-popup .popup__body-inner>*,
.popup__wrapper.user-lk-ref-client-popup .popup__body-inner>*,
.popup__wrapper.user-lk-ref-partner-popup .popup__body-inner>*,
.popup__wrapper.office-description-popup .popup__body-inner>*,
.popup__wrapper.language-popup .popup__body-inner>* {
    width: 100%
}

.popup__wrapper.title-room-type-popup .popup__body-inner .popup-title,
.popup__wrapper.people-sort-obj-popup .popup__body-inner .popup-title,
.popup__wrapper.title-room-count-popup .popup__body-inner .popup-title,
.popup__wrapper.title-room-price-popup .popup__body-inner .popup-title,
.popup__wrapper.room-search-popup .popup__body-inner .popup-title,
.popup__wrapper.filter-popup .popup__body-inner .popup-title,
.popup__wrapper.add-user-role-popup .popup__body-inner .popup-title,
.popup__wrapper.radio-list-popup .popup__body-inner .popup-title,
.popup__wrapper.radio-list-no-icon-popup .popup__body-inner .popup-title,
.popup__wrapper.radio-currency-popup .popup__body-inner .popup-title,
.popup__wrapper.map-complex-popup .popup__body-inner .popup-title,
.popup__wrapper.country-popup .popup__body-inner .popup-title,
.popup__wrapper.share-page-mob-popup .popup__body-inner .popup-title,
.popup__wrapper.partner-deals-popup .popup__body-inner .popup-title,
.popup__wrapper.partner-percents-popup .popup__body-inner .popup-title,
.popup__wrapper.ref-id-popup .popup__body-inner .popup-title,
.popup__wrapper.user-request-popup .popup__body-inner .popup-title,
.popup__wrapper.user-lk-ref-client-popup .popup__body-inner .popup-title,
.popup__wrapper.user-lk-ref-partner-popup .popup__body-inner .popup-title,
.popup__wrapper.office-description-popup .popup__body-inner .popup-title,
.popup__wrapper.language-popup .popup__body-inner .popup-title {
    max-width: calc(100% - 70px);
    padding-top: var(--gap-16);
    padding-bottom: var(--gap-40)
}

.popup__wrapper.title-room-type-popup .popup-control-buttons-fixer,
.popup__wrapper.people-sort-obj-popup .popup-control-buttons-fixer,
.popup__wrapper.title-room-count-popup .popup-control-buttons-fixer,
.popup__wrapper.title-room-price-popup .popup-control-buttons-fixer,
.popup__wrapper.room-search-popup .popup-control-buttons-fixer,
.popup__wrapper.filter-popup .popup-control-buttons-fixer,
.popup__wrapper.add-user-role-popup .popup-control-buttons-fixer,
.popup__wrapper.radio-list-popup .popup-control-buttons-fixer,
.popup__wrapper.radio-list-no-icon-popup .popup-control-buttons-fixer,
.popup__wrapper.radio-currency-popup .popup-control-buttons-fixer,
.popup__wrapper.map-complex-popup .popup-control-buttons-fixer,
.popup__wrapper.country-popup .popup-control-buttons-fixer,
.popup__wrapper.share-page-mob-popup .popup-control-buttons-fixer,
.popup__wrapper.partner-deals-popup .popup-control-buttons-fixer,
.popup__wrapper.partner-percents-popup .popup-control-buttons-fixer,
.popup__wrapper.ref-id-popup .popup-control-buttons-fixer,
.popup__wrapper.user-request-popup .popup-control-buttons-fixer,
.popup__wrapper.user-lk-ref-client-popup .popup-control-buttons-fixer,
.popup__wrapper.user-lk-ref-partner-popup .popup-control-buttons-fixer,
.popup__wrapper.office-description-popup .popup-control-buttons-fixer,
.popup__wrapper.language-popup .popup-control-buttons-fixer {
    height: 85px;
    flex-shrink: 0
}

.popup__wrapper.title-room-type-popup .popup-control-buttons,
.popup__wrapper.people-sort-obj-popup .popup-control-buttons,
.popup__wrapper.title-room-count-popup .popup-control-buttons,
.popup__wrapper.title-room-price-popup .popup-control-buttons,
.popup__wrapper.room-search-popup .popup-control-buttons,
.popup__wrapper.filter-popup .popup-control-buttons,
.popup__wrapper.add-user-role-popup .popup-control-buttons,
.popup__wrapper.radio-list-popup .popup-control-buttons,
.popup__wrapper.radio-list-no-icon-popup .popup-control-buttons,
.popup__wrapper.radio-currency-popup .popup-control-buttons,
.popup__wrapper.map-complex-popup .popup-control-buttons,
.popup__wrapper.country-popup .popup-control-buttons,
.popup__wrapper.share-page-mob-popup .popup-control-buttons,
.popup__wrapper.partner-deals-popup .popup-control-buttons,
.popup__wrapper.partner-percents-popup .popup-control-buttons,
.popup__wrapper.ref-id-popup .popup-control-buttons,
.popup__wrapper.user-request-popup .popup-control-buttons,
.popup__wrapper.user-lk-ref-client-popup .popup-control-buttons,
.popup__wrapper.user-lk-ref-partner-popup .popup-control-buttons,
.popup__wrapper.office-description-popup .popup-control-buttons,
.popup__wrapper.language-popup .popup-control-buttons {
    position: absolute;
    padding: var(--gap-16);
    padding-top: 0;
    width: 100%;
    background-color: #fff;
    bottom: 0;
    left: 0
}

.popup__wrapper.title-room-type-popup .popup-control-buttons .divider,
.popup__wrapper.people-sort-obj-popup .popup-control-buttons .divider,
.popup__wrapper.title-room-count-popup .popup-control-buttons .divider,
.popup__wrapper.title-room-price-popup .popup-control-buttons .divider,
.popup__wrapper.room-search-popup .popup-control-buttons .divider,
.popup__wrapper.filter-popup .popup-control-buttons .divider,
.popup__wrapper.add-user-role-popup .popup-control-buttons .divider,
.popup__wrapper.radio-list-popup .popup-control-buttons .divider,
.popup__wrapper.radio-list-no-icon-popup .popup-control-buttons .divider,
.popup__wrapper.radio-currency-popup .popup-control-buttons .divider,
.popup__wrapper.map-complex-popup .popup-control-buttons .divider,
.popup__wrapper.country-popup .popup-control-buttons .divider,
.popup__wrapper.share-page-mob-popup .popup-control-buttons .divider,
.popup__wrapper.partner-deals-popup .popup-control-buttons .divider,
.popup__wrapper.partner-percents-popup .popup-control-buttons .divider,
.popup__wrapper.ref-id-popup .popup-control-buttons .divider,
.popup__wrapper.user-request-popup .popup-control-buttons .divider,
.popup__wrapper.user-lk-ref-client-popup .popup-control-buttons .divider,
.popup__wrapper.user-lk-ref-partner-popup .popup-control-buttons .divider,
.popup__wrapper.office-description-popup .popup-control-buttons .divider,
.popup__wrapper.language-popup .popup-control-buttons .divider {
    margin-bottom: var(--gap-16)
}

.popup__wrapper.title-room-type-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.people-sort-obj-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.title-room-count-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.title-room-price-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.room-search-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.filter-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.add-user-role-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.radio-list-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.radio-list-no-icon-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.radio-currency-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.map-complex-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.country-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.share-page-mob-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.partner-deals-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.partner-percents-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.ref-id-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.user-request-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.user-lk-ref-client-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.user-lk-ref-partner-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.office-description-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.language-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.title-room-type-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.people-sort-obj-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.title-room-count-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.title-room-price-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.room-search-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.filter-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.add-user-role-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.radio-list-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.radio-list-no-icon-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.radio-currency-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.map-complex-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.country-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.share-page-mob-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.partner-deals-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.partner-percents-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.ref-id-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.user-request-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.user-lk-ref-client-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.user-lk-ref-partner-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.office-description-popup .popup-control-buttons .buttons .gray-button .button,
.popup__wrapper.language-popup .popup-control-buttons .buttons .gray-button .button {
    flex-shrink: 1
}

[open-popup] {
    cursor: pointer
}

.user-request-popup__info {
    margin-bottom: 20px
}

.user-request-popup__builder span {
    color: #000
}

.popup-to-page {
    position: static;
    margin-top: 75px;
    opacity: 0;
    transition: .2s opacity
}

.popup-to-page .popup__wrapper {
    position: static;
    opacity: 1;
    pointer-events: all;
    background-color: transparent
}

.popup-to-page .popup__wrapper .close-popup {
    display: none
}

.broker-collection {
    margin-top: 75px
}

.broker-collection .collections {
    flex-wrap: wrap
}

.broker-invest {
    margin-top: 100px
}

.broker-invest .page-title {
    margin-bottom: 24px
}

@media (max-width: 1000px) {
    .broker-invest .page-title .title-buttons {
        display: none
    }
}

.broker-invest .page-title .title-buttons .button .icon.share {
    background-image: url(/images/icons/outline/share--high.svg)
}

.broker-invest .page-title .title-buttons .button .icon.download {
    background-image: url(/images/icons/outline/download-simple--high-invert.svg)
}

.broker-invest .collection-page-wrapper {
    margin-top: 24px
}

@media (min-width: 901px) and (max-width: 1366px) {
    .broker-invest .collection-page-wrapper {
        gap: 16px
    }
}

@media (max-width: 750px) {
    .broker-invest .collection-page-wrapper {
        flex-direction: column-reverse
    }
}

.broker-invest .collection-page-wrapper .cards {
    flex-wrap: wrap
}

@media (min-width: 901px) and (max-width: 1366px) {
    .broker-invest .collection-page-wrapper .cards {
        gap: 16px
    }
}

@media (max-width: 600px) {
    .broker-invest .collection-page-wrapper .cards .complex-card {
        width: 100%;
        max-width: none
    }
}

.broker-objects {
    margin-top: 85px
}

.add-coll-menu {
    background-color: var(--color-surface-1);
    padding: 8px 0
}

@media (max-width: 1000px) {
    .add-coll-menu {
        flex-direction: column;
        gap: 16px
    }
}

@media (max-width: 900px) {
    .add-coll-menu .left {
        gap: 16px
    }
}

.add-coll-menu .option {
    cursor: pointer;
    transition: .2s color
}

.add-coll-menu .option:hover {
    color: var(--color-text-accent)
}

.add-coll-menu .icon.download {
    background-image: url(/images/icons/outline/download-simple--high.svg)
}

.add-coll-menu .icon.copy {
    background-image: url(/images/icons/outline/Copy--high.svg)
}

.menu-coll {
    background-color: var(--color-surface-1);
    position: sticky;
    bottom: 0
}

@media (min-width: 901px) {
    .broker-obj-header .top-price .button.border {
        display: none
    }
}

.broker-obj-top {
    padding-top: var(--gap-56);
    padding-bottom: var(--gap-24)
}

@media (max-width: 900px) {
    .broker-obj-top {
        padding-top: var(--gap-24);
        padding-bottom: var(--gap-32)
    }
}

.broker-obj-top .page-title .button .icon {
    position: relative;
    top: -.05em
}

.broker-obj-top .page-title .button .icon.add {
    background-image: url(/images/icons/outline/plus--high.svg)
}

@media (max-width: 900px) {
    .broker-obj-top .coll-search {
        flex-direction: column;
        gap: var(--gap-8)
    }
}

.broker-obj-top .coll-search .coll-search-drop {
    width: 375px
}

@media (max-width: 900px) {
    .broker-obj-top .coll-search .coll-search-drop {
        width: 100%
    }
}

.broker-obj-top .filters .line {
    width: 100%
}

.broker-obj-top .filters .line .gray-button .button {
    height: 48px;
    box-shadow: none
}

.broker-obj-top .filters .line .input-wrapper {
    flex: 1;
    max-width: none;
    background-color: var(--color-surface-1);
    height: 48px
}

.broker-obj-top .filters .line .multiselect {
    flex: 1
}

.broker-obj-top .filters .line .input-wrapper:not([open-drop=address-search]) {
    cursor: pointer
}

.broker-obj-top .filters .line .input-wrapper:not([open-drop=address-search]) input:not(.text-search) {
    pointer-events: none
}

.broker-obj-top .text-filters .button,
.broker-obj-top .text-filters .input-wrapper,
.broker-obj-top .text-filters input {
    height: 24px;
    padding: 0
}

.broker-obj-top .text-filters .button {
    transition: .2s color
}

.broker-obj-top .text-filters .button .icon {
    transition: .2s background
}

.broker-obj-top .text-filters .button .icon.arrows-down-up {
    background-image: url(/images/icons/outline/arrows-down-up--high.svg)
}

.broker-obj-top .text-filters .button:hover {
    color: var(--color-icon-accent)
}

.broker-obj-top .text-filters .button:hover .icon.arrows-down-up {
    background-image: url(/images/icons/outline/arrows-down-up--accent.svg)
}

.broker-obj-top .text-filters .input-wrapper {
    cursor: pointer
}

.broker-obj-top .text-filters .input-wrapper input {
    width: 70px;
    pointer-events: none
}

.broker-obj-top .text-filters .input-wrapper .icon.drop {
    background-image: url(/images/icons/outline/chevron-down--high.svg)
}

.broker-add {
    margin-top: calc(75px + var(--gap-48));
    margin-bottom: var(--gap-80)
}

@media (max-width: 900px) {
    .broker-add {
        margin-top: 75px
    }

    .broker-add .box {
        padding: var(--gap-8)
    }
}

.broker-add .box .left {
    width: 100%
}

@media (max-width: 900px) {
    .broker-add .box .left {
        margin-top: 110px
    }
}

.broker-add .box .left .object-add-sections {
    width: 100%
}

.broker-add .box .left .object-add-sections .object-add-section {
    background-color: var(--color-surface-1);
    padding: var(--gap-32);
    border-radius: var(--round-32)
}

@media (max-width: 900px) {
    .broker-add .box .left .object-add-sections .object-add-section {
        border-radius: var(--round-24);
        padding: var(--gap-24) var(--gap-16)
    }
}

.broker-add .box .left .object-add-sections .object-add-section__content {
    width: 100%
}

.broker-add .box .left .object-add-sections .object-add-section .short-text {
    max-width: 540px
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .icon.load {
    background-image: url(/images/spinner-white.png);
    animation: spin 1s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .icon.dots {
    background-image: url(/images/icons/DotsThree--high-invert.svg)
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file {
    width: 211px;
    border-radius: var(--round-16);
    position: relative;
    background-color: var(--color-surface-3);
    background-image: url(/images/transparent.png);
    transition: .2s background
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button,
.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .loader {
    background-color: var(--color-surface-glass);
    -webkit-backdrop-filter: var(--blur-bg-8);
    backdrop-filter: var(--blur-bg-8);
    width: 48px;
    aspect-ratio: 1
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button,
.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .loader,
.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .cover-label {
    position: absolute;
    border-radius: var(--round-full)
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .loader {
    transition: .2s opacity;
    top: 50%;
    left: 50%;
    transform: translate(-50%) translateY(-50%)
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button {
    top: var(--gap-8);
    right: var(--gap-8);
    transition: .2s
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button .dots .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-top: 23px;
    right: 20px
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button .dots .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    box-shadow: 0 8px 32px #14141429;
    width: 290px
}

@media (max-width: 900px) {
    .broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button .dots .dropdown-wrapper .dropdown {
        max-width: 176px
    }
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button .dots .dropdown-wrapper .dropdown .text {
    padding: var(--gap-12);
    transition: .2s;
    width: 100%;
    margin: 0
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button .dots .dropdown-wrapper .dropdown .text:hover {
    background-color: var(--color-surface-3)
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button .dots .dropdown-wrapper .dropdown .text:first-child {
    border-radius: var(--gap-16) var(--gap-16) 0 0
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button .dots .dropdown-wrapper .dropdown .text:last-child {
    border-radius: 0 0 var(--gap-16) var(--gap-16)
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button .dots:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .actions-button:hover {
    background-color: var(--color-surface-accent)
}

.broker-add .box .left .object-add-sections .object-add-section .uploaded-files .uploaded-file .cover-label {
    top: var(--gap-8);
    left: var(--gap-8);
    background-color: var(--color-surface-1);
    padding: var(--gap-6) var(--gap-12)
}

.broker-add .box .left .object-add-sections .object-add-section .object-add-tags,
.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line {
    width: 100%
}

.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line .new-tag-input,
.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line .add-tag {
    height: 48px
}

.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line .new-tag-input {
    width: 100%;
    border-radius: var(--round-8)
}

.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line .add-tag {
    flex-shrink: 0
}

.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line .add-tag .button {
    height: 100%;
    transition: .2s;
    transition-property: color, background
}

.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line .add-tag .button.inactive {
    background-color: var(--color-surface-3);
    color: var(--color-text-medium);
    pointer-events: none
}

.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line .tag {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: var(--gap-8) var(--gap-12);
    background-color: var(--color-surface-3);
    border-radius: var(--round-full);
    border: 2px solid transparent;
    transition: .2s;
    transition-property: border, background
}

.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line .tag:hover {
    background-color: var(--color-surface-1);
    border: 2px solid var(--color-surface-5)
}

.broker-add .box .left .object-add-sections .object-add-section .object-add-tags .tags-input-line .tag .icon.close {
    width: 16px;
    background-image: url(/images/icons/outline/close--medium.svg)
}

.broker-add .box .left .object-add-sections .object-add-section .yt-link {
    width: 100%
}

.broker-add .box .left .object-add-sections .object-add-section .yt-link .yt-input,
.broker-add .box .left .object-add-sections .object-add-section .yt-link .yt-submit {
    height: 48px
}

.broker-add .box .left .object-add-sections .object-add-section .yt-link .yt-input {
    width: 100%
}

.broker-add .box .left .object-add-sections .object-add-section .yt-link .yt-submit {
    flex-shrink: 0
}

.broker-add .box .left .object-add-sections .object-add-section .yt-link .yt-submit.inactive .button {
    background-color: var(--color-surface-3);
    color: var(--color-text-medium);
    pointer-events: none
}

.broker-add .box .left .object-add-sections .object-add-section .yt-link .yt-submit .button {
    height: 100%
}

.broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload {
    cursor: pointer;
    border: 1px solid var(--color-border-transparent);
    border-radius: var(--round-16);
    width: 100%;
    padding: var(--gap-24);
    transition: .2s border;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload:hover,
.broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload.active {
    border-color: var(--color-border-solid)
}

.broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload:hover .button,
.broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload.active .button {
    background-color: var(--color-surface-4)
}

.broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload .button .icon.upload-simple {
    background-image: url(/images/icons/outline/upload-simple--high.svg)
}

@media (max-width: 900px) {
    .broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload.photo {
        aspect-ratio: 1;
        width: 154px
    }

    .broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload.photo .button .icon.upload-simple {
        background-image: url(/images/icons/outline/plus--high.svg)
    }

    .broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload.document {
        padding: var(--gap-16)
    }

    .broker-add .box .left .object-add-sections .object-add-section .object-add__file-upload.document .button {
        padding: var(--gap-12)
    }
}

.broker-add .box .left .object-add-sections .object-add-section .select-group {
    width: 100%;
    align-items: top
}

.broker-add .box .left .object-add-sections .object-add-section .select-group .group-title {
    width: 331px
}

.broker-add .box .left .object-add-sections .object-add-section .select-group .group-title .icon {
    background-image: url(/images/icons/outline/question-circle--medium.svg);
    width: 20px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    top: 5px;
    left: 5px
}

@media (max-width: 900px) {
    .broker-add .box .left .object-add-sections .object-add-section .select-group .group-title .icon {
        display: none
    }
}

.broker-add .box .left .object-add-sections .object-add-section .select-group .group-title .icon .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-left: 12px;
    left: 12px;
    z-index: 1000;
    top: 50%;
    transform: translateY(-50%)
}

.broker-add .box .left .object-add-sections .object-add-section .select-group .group-title .icon .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-12);
    box-shadow: 0 8px 32px #14141429;
    width: 274px
}

.broker-add .box .left .object-add-sections .object-add-section .select-group .group-title .icon .dropdown-wrapper .dropdown .text {
    white-space: normal
}

.broker-add .box .left .object-add-sections .object-add-section .select-group .group-title .icon:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.broker-add .box .left .object-add-sections .object-add-section .select-group .group-selects {
    flex-wrap: wrap;
    width: 100%
}

.broker-add .box .left .object-add-sections textarea {
    width: 100%;
    height: 140px;
    min-height: 90px;
    max-height: 500px;
    resize: vertical;
    background-color: var(--color-surface-3);
    padding: var(--gap-24);
    border: none;
    border-radius: var(--round-16)
}

.broker-add .box .left .long-obj-wrapper {
    width: 100%;
    background-color: var(--color-surface-1);
    border-radius: var(--round-32)
}

@media (max-width: 900px) {
    .broker-add .box .left .long-obj-wrapper {
        border-radius: var(--round-24)
    }
}

.broker-add .box .left .long-obj-wrapper .long-obj {
    width: 100%;
    padding: var(--gap-24);
    border: 1px solid var(--color-border-transparent);
    margin-bottom: 32px
}

@media (max-width: 900px) {
    .broker-add .box .left .long-obj-wrapper .long-obj {
        padding: var(--gap-20)
    }
}

@media (max-width: 1370px) {
    .broker-add .box .left .long-obj-wrapper .long-obj .main-card-block {
        flex-direction: column
    }
}

.broker-add .box .left .long-obj-wrapper .long-obj .main-card-block .content .left {
    margin-top: 0
}

.broker-add .box .left .long-obj-wrapper .long-obj .main-card-block .content .cent .par {
    white-space: nowrap
}

.broker-add .box .left .long-obj-wrapper .buttons {
    justify-content: flex-end
}

@media (max-width: 1050px) {
    .broker-add .box .left .long-obj-wrapper .buttons {
        flex-direction: column
    }

    .broker-add .box .left .long-obj-wrapper .buttons .button {
        width: 100%
    }
}

.broker-add .box .right {
    width: 308px;
    flex-shrink: 0;
    position: relative
}

@media (min-width: 901px) {
    .broker-add .box .right {
        margin-top: calc(var(--gap-56) + var(--gap-40))
    }
}

@media (max-width: 900px) {
    .broker-add .box .right {
        position: absolute;
        top: 75px;
        left: 0;
        width: 100%
    }
}

@media (min-width: 901px) {
    .broker-add .box .right .sticky {
        position: sticky;
        top: 100px
    }
}

@media (max-width: 900px) {
    .broker-add .box .right .sticky {
        width: 100%;
        gap: 0
    }
}

.broker-add .box .right .sticky .steps {
    background-color: var(--color-surface-1);
    border-radius: var(--round-32);
    padding: var(--gap-32) var(--gap-24)
}

@media (max-width: 900px) {
    .broker-add .box .right .sticky .steps {
        border-radius: var(--round-24);
        border-radius: 0;
        padding: var(--gap-12) var(--gap-16)
    }

    .broker-add .box .right .sticky .steps .step:not(:first-child) {
        width: 100%
    }
}

.broker-add .box .right .sticky .steps .step:not(:first-child):before {
    content: "";
    display: block;
    background-color: var(--color-border-transparent);
    transition: .2s background;
    width: 2px;
    height: 20px;
    margin-left: 11px;
    border-radius: var(--round-full)
}

@media (max-width: 900px) {
    .broker-add .box .right .sticky .steps .step:not(:first-child):before {
        width: 100%;
        height: 2px;
        margin-left: 0
    }
}

.broker-add .box .right .sticky .steps .step__body .icon {
    background-image: url(/images/icons/outline/radio--medium.svg)
}

.broker-add .box .right .sticky .steps .step.active:before,
.broker-add .box .right .sticky .steps .step.done:before {
    background-color: var(--color-border-solid)
}

.broker-add .box .right .sticky .steps .step.active .step__body .icon {
    background-image: url(/images/icons/outline/radio--high.svg)
}

.broker-add .box .right .sticky .steps .step.done .step__body .icon {
    background-image: url(/images/icons/fill/radio-fill--success.svg)
}

@media (max-width: 900px) {
    .broker-add .box .right .sticky .buttons {
        background-color: #fff;
        padding: 0 var(--gap-16);
        padding-bottom: 12px
    }

    .broker-add .box .right .sticky .buttons .button {
        padding: 0
    }
}

.broker-invest-card {
    max-width: 302px;
    padding: var(--gap-24);
    border-radius: var(--round-24);
    box-shadow: 0 10px 40px #1414141a;
    width: 100%;
    flex-shrink: 0
}

@media (min-width: 901px) and (max-width: 1366px) {
    .broker-invest-card {
        max-width: 288px
    }
}

@media (max-width: 961px) {
    .broker-invest-card {
        max-width: 282px
    }
}

@media (max-width: 900px) {
    .broker-invest-card {
        background-color: var(--color-surface-3);
        box-shadow: none
    }
}

@media (max-width: 600px) {
    .broker-invest-card {
        max-width: none
    }
}

.broker-invest-card .top {
    width: 100%
}

.broker-invest-card .top .avatar {
    aspect-ratio: 1;
    width: 100px;
    border-radius: var(--round-full)
}

@media (max-width: 900px) {
    .broker-invest-card .top .buttons .button.gray {
        background-color: var(--color-surface-1)
    }
}

.broker-invest-card .top .buttons .button.gray .icon.share {
    background-image: url(/images/icons/outline/share--high.svg)
}

.broker-invest-card .top .buttons .button.gray .icon.download {
    background-image: url(/images/icons/outline/download-simple--high.svg)
}

.broker-invest-card .cent {
    margin-top: 16px
}

.broker-invest-card .lang {
    margin-top: 12px
}

.card-preview {
    background-color: var(--color-surface-1);
    padding: var(--gap-32);
    max-width: 384px;
    box-shadow: 0 8px 32px #1414141f;
    border-radius: var(--round-24);
    width: 100%
}

.new-right .card-preview .price {
    align-items: flex-end
}

@media (min-width: 901px) {
    .card-preview {
        top: 75px
    }
}

@media (max-width: 600px) {
    .card-preview {
        max-width: none
    }
}

.card-preview .top {
    width: 100%
}

.card-preview .top .stats .icon {
    width: 24px
}

.card-preview .top .stats .icon.heart {
    background-image: url(/images/icons/outline/heart--medium.svg)
}

.card-preview .top .stats .icon.view {
    background-image: url(/images/icons/outline/eye--medium.svg)
}

.card-preview .top .stats .like {
    cursor: pointer
}

.card-preview .info a {
    transition: .2s color;
    cursor: pointer
}

.card-preview .info a:hover {
    color: var(--color-text-map)
}

.card-preview .buttons .icon.phone {
    background-image: url(/images/icons/outline/phone--high.svg)
}

.card-preview .buttons .icon.chat {
    background-image: url(/images/icons/outline/chat-circle-dots--high.svg)
}

.card-preview .dot {
    background-image: url(/images/icons/fill/dot--medium.svg);
    width: 12px
}

.card-preview .check-circle {
    background-image: url(/images/icons/outline/check-circle--medium.svg);
    margin-right: 4px
}

.card-preview span {
    color: var(--color-text-high);
    margin-left: 6px
}

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

.broker-badge__img {
    width: 80px;
    height: auto;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px
}

.broker-badge__info {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.broker-badge__name {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3
}

.broker-badge__position {
    color: #1414147a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25
}

.sort-content {
    z-index: 5
}

.sort-content .sort {
    position: relative;
    cursor: pointer
}

.sort-content .sort .text-name {
    transition: .2s
}

.sort-content .sort:hover .text-name {
    color: var(--color-text-accent)
}

.sort-content .sort:hover .icon.arrows-down-up {
    background-image: url(/images/icons/outline/arrows-down-up--accent.svg)
}

.sort-content .sort .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    top: 20px;
    padding-top: 20px;
    right: 0
}

@media (max-width: 900px) {
    .sort-content .sort .dropdown-wrapper {
        right: unset;
        left: 0
    }
}

.sort-content .sort .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    box-shadow: 0 8px 32px #14141429;
    width: 231px !important
}

.sort-content .sort:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.sort-content__item {
    cursor: pointer
}

.sort-content__item:last-child {
    border-radius: 0 0 var(--round-16) var(--round-16)
}

.sort-content__item:first-child {
    border-radius: var(--round-16) var(--round-16) 0 0
}

.sort-content__item:hover {
    background-color: var(--color-surface-3)
}

.sort-content__item .input-height-fix {
    height: 48px
}

.sort-content__item-body {
    padding: var(--gap-12)
}

.sort-content__item-body:first-child {
    padding: 0;
    border-radius: var(--round-16) var(--round-16) 0 0
}

.sort-content__item-body .checkbox {
    background-image: url(/images/transparent.png)
}

.sort-content__item input:checked[type=checkbox]+.sort-content__item-body .checkbox {
    background-image: url(/images/icons/outline/check--medium.svg)
}

.sort-content__item input:checked[type=radio]+.sort-content__item-body .checkbox {
    background-image: url(/images/icons/outline/check--medium.svg)
}

.broker-drafts {
    margin-top: 75px;
    background-color: var(--color-surface-3)
}

.fix-broker-inner-callback {
    width: 100%;
    padding: var(--gap-12) var(--gap-16);
    position: sticky;
    bottom: 0;
    left: 0;
    flex-shrink: 0;
    z-index: 2;
    display: flex;
    max-width: 100vw
}

.fix-broker-inner-callback .black {
    max-width: 151px;
    width: 100%
}

.broker-inner-obj {
    margin-top: 140px;
    position: relative;
    padding-bottom: 80px
}

.broker-inner-obj>.box {
    position: relative
}

@media (max-width: 900px) {
    .broker-inner-obj {
        margin-top: 100px
    }
}

.broker-inner-obj .rights {
    flex-shrink: 0
}

@media (min-width: 901px) {
    .broker-inner-obj .rights {
        width: -moz-fit-content;
        width: fit-content;
        height: 100%
    }
}

.broker-inner-obj .rights .right {
    position: sticky;
    top: 140px
}

.broker-inner-obj .left {
    position: relative;
    width: 100%
}

@media (max-width: 900px) {
    .broker-inner-obj .left.left {
        padding-left: 0;
        padding-right: 0
    }

    .broker-inner-obj .left.left .broker-obj-header>*:not(.slider-wrapper) {
        padding-left: var(--gap-16);
        padding-right: var(--gap-16)
    }

    .broker-inner-obj .left.left>.section:has(.slider-wrapper)>*:not(.slider-wrapper) {
        padding-left: var(--gap-8);
        padding-right: var(--gap-8)
    }

    .broker-inner-obj .left.left>.section:not(:has(.slider-wrapper)) {
        padding-left: var(--gap-16);
        padding-right: var(--gap-16)
    }
}

.broker-inner-obj .left .broker-obj-header .back-to-obj {
    margin-bottom: 24px
}

.broker-inner-obj .left .broker-obj-header .back-to-obj .icon.chevron-left {
    background-image: url(/images/icons/outline/chevron-left--medium.svg)
}

.broker-inner-obj .left .broker-obj-header .title {
    max-width: 500px
}

@media (max-width: 900px) {
    .broker-inner-obj .left .broker-obj-header .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        align-self: stretch;
        overflow-y: hidden
    }
}

.broker-inner-obj .left .broker-obj-header .title a {
    transition: .2s -webkit-text-decoration;
    transition: .2s text-decoration;
    transition: .2s text-decoration, .2s -webkit-text-decoration;
    text-decoration: underline;
    text-decoration-color: transparent
}

.broker-inner-obj .left .broker-obj-header .title a:hover {
    text-decoration-color: var(--color-text-map)
}

.broker-inner-obj .left .broker-obj-header .fav-share .heart:hover,
.broker-inner-obj .left .broker-obj-header .fav-share .heart.active {
    background-image: url(/images/heart-full-red.svg)
}

.broker-inner-obj .left .broker-obj-header .under-gal {
    max-width: 848px
}

@media (max-width: 900px) {
    .broker-inner-obj .left .broker-obj-header .under-gal {
        margin-top: 24px
    }
}

.broker-inner-obj .left .broker-obj-header .under-gal .check-circle {
    background-image: url(/images/icons/outline/check-circle--medium.svg);
    margin-right: 4px
}

.broker-inner-obj .left .broker-obj-header .under-gal span {
    color: var(--color-text-high);
    margin-left: 6px
}

.broker-inner-obj .left .broker-obj-header .gallera {
    display: grid;
    gap: 12px;
    width: 100%;
    max-width: 848px;
    height: 609px;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 24px
}

.broker-inner-obj .left .broker-obj-header .gallera.with-slider .complex-img-slider {
    position: relative
}

.broker-inner-obj .left .broker-obj-header .gallera .galera-item {
    aspect-ratio: 160/120;
    width: 100%;
    max-width: 160px;
    border-radius: var(--round-16);
    cursor: pointer
}

.broker-inner-obj .left .broker-obj-header .gallera .galera-item:hover .video-controls {
    background-color: var(--color-surface-accent)
}

.broker-inner-obj .left .broker-obj-header .gallera .galera-item:first-child {
    grid-column: 1/6;
    aspect-ratio: 848/477;
    width: 100%;
    max-width: initial;
    border-radius: var(--round-24);
    overflow: hidden;
    position: relative
}

.broker-inner-obj .left .broker-obj-header .gallera .galera-item:first-child .open-gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.broker-inner-obj .left .broker-obj-header .gallera .galera-item .video-controls {
    width: 48px
}

.broker-inner-obj .left .broker-obj-header .gallera .galera-item .blur-wrapper {
    background-color: var(--color-surface-glass);
    -webkit-backdrop-filter: var(--blur-bg-12);
    backdrop-filter: var(--blur-bg-12);
    width: 100%;
    height: 100%;
    border-radius: var(--round-16)
}

.broker-inner-obj .left .broker-obj-header .gallera .galera-item .blur-wrapper .text {
    color: var(--color-surface-1)
}

.broker-inner-obj .left .broker-obj-header .gallera .active {
    background-clip: 1px;
    padding: 1px;
    outline: 2px solid var(--color-surface-accent)
}

.broker-inner-obj .left .broker-obj-header .slider-wrapper {
    margin-top: 24px
}

.broker-inner-obj .left .broker-obj-header .slider-wrapper .slider-el .galera-item {
    aspect-ratio: 343/240;
    width: 343px;
    border-radius: var(--round-16)
}

.broker-inner-obj .left .section .title {
    margin-bottom: 40px
}

@media (max-width: 900px) {
    .broker-inner-obj .left .section .title {
        margin-bottom: 24px
    }
}

.broker-inner-obj .left .section .video,
.broker-inner-obj .left .section .more-gal {
    aspect-ratio: 272/180;
    width: 100%;
    max-width: 272px;
    border-radius: var(--round-24);
    cursor: pointer
}

@media (max-width: 900px) {

    .broker-inner-obj .left .section .video,
    .broker-inner-obj .left .section .more-gal {
        aspect-ratio: 290/192;
        width: 290px
    }
}

.broker-inner-obj .left .section .more-gal .blur-wrapper {
    background-color: var(--color-surface-glass);
    -webkit-backdrop-filter: var(--blur-bg-12);
    backdrop-filter: var(--blur-bg-12);
    width: 100%;
    height: 100%;
    border-radius: var(--round-24)
}

.broker-inner-obj .left .section .more-gal .blur-wrapper .text {
    color: var(--color-surface-1)
}

.broker-inner-obj .left .section .obj-list-title {
    width: 100%;
    margin-bottom: 32px
}

@media (max-width: 600px) {
    .broker-inner-obj .left .section .obj-list-title {
        flex-direction: column;
        align-items: flex-start
    }
}

.broker-inner-obj .left .section .obj-list-title .title {
    margin-bottom: 0
}

.broker-inner-obj .left .section .obj-list-title .text {
    color: var(--color-text-high)
}

.broker-inner-obj .left .section .docs .doc {
    max-width: 200px;
    cursor: pointer
}

.broker-inner-obj .left .section .docs .doc .img {
    aspect-ratio: 200/276;
    width: 200px;
    border-radius: var(--round-12)
}

.broker-inner-obj .left .section .docs .doc .text {
    margin-top: 12px;
    transition: .2s color
}

.broker-inner-obj .left .section .docs .doc:hover .text {
    color: var(--color-text-map)
}

.broker-inner-obj .left .section .more {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 24px
}

.broker-inner-obj .left .section .tags {
    margin-bottom: 24px
}

.broker-inner-obj .left .section .params {
    display: grid;
    row-gap: 32px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width: 980px) {
    .broker-inner-obj .left .section .params {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 600px) {
    .broker-inner-obj .left .section .params {
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}

.broker-inner-obj .left .section .params .full-text .icon {
    position: relative;
    cursor: pointer
}

.broker-inner-obj .left .section .params .full-text .icon.question-cirlce {
    background-image: url(/images/icons/fill/question-circle--medium.svg);
    top: -.05em
}

.broker-inner-obj .left .section .params .full-text .icon .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-left: 11px;
    bottom: -28px;
    left: 22px;
    z-index: 1
}

@media (max-width: 900px) {
    .broker-inner-obj .left .section .params .full-text .icon .dropdown-wrapper {
        display: none
    }
}

.broker-inner-obj .left .section .params .full-text .icon .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-12);
    box-shadow: 0 8px 32px #14141429;
    width: 400px
}

.broker-inner-obj .left .section .params .full-text .icon .dropdown-wrapper .dropdown .image {
    aspect-ratio: 88/60;
    width: 88px;
    border-radius: var(--round-8)
}

.broker-inner-obj .left .section .params .full-text .icon:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.broker-inner-obj .left .section .params-spoiler .full-text .icon {
    position: relative;
    cursor: pointer
}

@media (max-width: 900px) {
    .broker-inner-obj .left .section .params-spoiler .full-text .icon {
        aspect-ratio: 1;
        width: 20px
    }
}

.broker-inner-obj .left .section .params-spoiler .full-text .icon.question-cirlce {
    background-image: url(/images/icons/fill/question-circle--medium.svg)
}

.broker-inner-obj .left .section .params-spoiler .hidden {
    min-height: 200px
}

.broker-inner-obj .left .section .params-spoiler .hidden .inner {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.broker-inner-obj .left .section .params-spoiler .param .image,
.broker-inner-obj .left .section .params .param .image {
    aspect-ratio: 1;
    width: 48px;
    border-radius: var(--round-full);
    border: 1px solid var(--color-border-transparent)
}

@media (max-width: 750px) {
    .broker-inner-obj .left .section .all-cond .conditions .param-line {
        display: block
    }
}

.broker-inner-obj .left .section .all-cond .conditions .param-line .left {
    width: 420px
}

@media (max-width: 900px) {
    .broker-inner-obj .left .section .all-cond .conditions .param-line .left {
        width: 100%
    }
}

.broker-inner-obj .left .section .all-cond .conditions .param-line .left .text {
    flex-shrink: 0
}

.broker-inner-obj .left .section .all-cond .conditions .param-line .left .border {
    border: 1px dashed var(--color-border-transparent);
    width: 100%;
    position: relative;
    top: .05em
}

.broker-inner-obj .left .section .all-cond .conditions .param-line .left .text-block {
    width: -moz-fit-content;
    width: fit-content;
    flex-shrink: 0
}

.broker-inner-obj .left .section .all-cond .conditions .param-line .left .text-block .question-cirlce {
    background-image: url(/images/icons/fill/question-circle--medium.svg);
    cursor: pointer;
    position: relative
}

.broker-inner-obj .left .section .all-cond .conditions .param-line .left .text-block .question-cirlce .dropdown-wrapper {
    z-index: 1;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    left: calc(100% + var(--gap-8));
    top: 50%;
    transform: translateY(-50%)
}

.broker-inner-obj .left .section .all-cond .conditions .param-line .left .text-block .question-cirlce .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    box-shadow: 0 8px 32px #14141429;
    width: 290px;
    padding: var(--gap-12)
}

@media (max-width: 900px) {
    .broker-inner-obj .left .section .all-cond .conditions .param-line .left .text-block .question-cirlce .dropdown-wrapper .dropdown {
        max-width: 176px
    }
}

.broker-inner-obj .left .section .all-cond .conditions .param-line .left .text-block .question-cirlce:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.broker-inner-obj .left .section .image-gen {
    aspect-ratio: 848/412;
    width: 100%;
    border-radius: var(--round-32)
}

.broker-inner-obj .left .section .all-objects .object {
    width: 100%;
    background-color: var(--color-surface-3);
    padding: var(--gap-24);
    border-radius: var(--round-16);
    transition: .2s background
}

.broker-inner-obj .left .section .all-objects .object:hover {
    background-color: var(--color-surface-4)
}

.broker-inner-obj .left .section .all-objects .object .left-obj,
.broker-inner-obj .left .section .all-objects .object .right-obj {
    flex: 50%
}

.broker-inner-obj .left .section .all-objects .object .right-obj .am-obj {
    cursor: pointer
}

.broker-inner-obj .left .section .all-objects .object .icon.chev {
    background-image: url(/images/icons/outline/chevron-right--high.svg)
}

.broker-inner-obj .left .section.obj-descr .spoiler .hidden {
    height: 6.5em
}

.broker-inner-obj .left .section .spoiler .head .icon.down {
    transition: .2s transform
}

.broker-inner-obj .left .section .spoiler.open .head .icon.down {
    transform: scaleY(-1)
}

.broker-inner-obj .left .section .spoiler.file-spoiler .hidden {
    height: 350px
}

.broker-inner-obj .right {
    background-color: var(--color-surface-1);
    padding: var(--gap-32);
    max-width: 384px;
    box-shadow: 0 8px 32px #1414141f;
    border-radius: var(--round-24);
    width: 100%
}

@media (min-width: 901px) {
    .broker-inner-obj .right {
        top: 75px
    }
}

@media (max-width: 600px) {
    .broker-inner-obj .right {
        max-width: none
    }
}

.broker-inner-obj .right .top {
    width: 100%
}

.broker-inner-obj .right .top .stats .icon {
    width: 24px
}

.broker-inner-obj .right .top .stats .icon.heart {
    background-image: url(/images/icons/outline/heart--medium.svg)
}

.broker-inner-obj .right .top .stats .icon.view {
    background-image: url(/images/icons/outline/eye--medium.svg)
}

.broker-inner-obj .right .top .stats .like {
    cursor: pointer
}

.broker-inner-obj .right .cancel {
    width: 100%
}

.broker-inner-obj .right .cancel .reason {
    margin-top: 16px
}

.broker-inner-obj .right .cancel .reason .icon.warning {
    background-image: url(/images/icons/outline/warning--error.svg)
}

.broker-inner-obj .right .cancel .text {
    margin-top: 8px
}

.broker-inner-obj .right .bottom {
    width: 100%
}

.broker-inner-obj .right .bottom .buttons .button .icon.pencil {
    background-image: url(/images/icons/outline/pencil-simple--high.svg)
}

.broker-inner-obj .right .bottom .buttons .button .icon.archive {
    background-image: url(/images/icons/outline/archive--high.svg)
}

.broker-inner-obj .right .bottom .buttons .button .icon.plus {
    background-image: url(/images/icons/outline/plus--high.svg)
}

.broker-inner-obj .right .bottom .buttons .button .icon.clockwise {
    background-image: url(/images/icons/outline/arrows-clockwise--high.svg)
}

.broker-inner-obj .right .bottom .buttons .button .icon.close {
    background-image: url(/images/icons/outline/close--high.svg)
}

.broker-inner-obj .right .bottom .buttons .button .icon.check {
    background-image: url(/images/icons/outline/check--high.svg)
}

.broker-inner-obj .right .bottom .buttons .black .icon.plus {
    background-image: url(/images/icons/outline/plus--high-invert.svg)
}

.broker-inner-obj .right .bottom .buttons .black .icon.pencil {
    background-image: url(/images/icons/outline/pencil-simple--high-invert.svg)
}

.broker-inner-obj .right .bottom .buttons .black .icon.plus {
    background-image: url(/images/icons/outline/plus--high-invert.svg)
}

.broker-inner-obj .new-right-wrapper {
    width: 100%;
    height: 100%;
    flex-shrink: 0
}

@media (min-width: 901px) {
    .broker-inner-obj .new-right-wrapper {
        width: -moz-fit-content;
        width: fit-content
    }
}

.broker-inner-obj .new-right-wrapper .new-right {
    width: 100%
}

.broker-inner-obj .new-right-wrapper .new-right.sticky {
    position: sticky;
    top: 140px
}

.broker-inner-obj .dot {
    background-image: url(/images/icons/fill/dot--medium.svg);
    width: 12px
}

.broker-inner-obj .icon.down {
    background-image: url(/images/icons/outline/chevron-down--high.svg)
}

@media (max-width: 1400px) {
    .broker-inner-obj .pc-1400 {
        display: none
    }
}

.broker-inner-obj .mob-1400 {
    display: none
}

@media (max-width: 1400px) {
    .broker-inner-obj .mob-1400 {
        display: flex
    }
}

@media (max-width: 600px) {
    .broker-inner-obj .pc-600 {
        display: none
    }
}

.broker-inner-obj .mob-600 {
    display: none
}

@media (max-width: 600px) {
    .broker-inner-obj .mob-600 {
        display: flex
    }
}

.object-page-full {
    margin-top: 100px
}

@media (max-width: 900px) {
    .object-page-full {
        margin-top: 80px
    }

    .object-page-full .slider.objs .info {
        gap: 0
    }

    .object-page-full .complex-card {
        width: 290px
    }

    .object-page-full .complex-card .complex-img {
        aspect-ratio: 290/290
    }
}

.broker-bar-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.broker-bar-wrapper .box {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: flex-end
}

@media (max-width: 900px) {
    .broker-bar-wrapper .box {
        padding: 0
    }
}

.broker-bar-wrapper .box .broker-bar {
    width: 100%;
    position: sticky;
    bottom: 0;
    background-color: #fff;
    pointer-events: all;
    box-shadow: 0 10px 40px #1414141a;
    padding: var(--gap-8) var(--gap-8) var(--gap-8) var(--gap-24);
    border-radius: var(--round-full)
}

@media (max-width: 900px) {
    .broker-bar-wrapper .box .broker-bar {
        padding: var(--gap-8) var(--gap-16);
        border-radius: 0
    }
}

.broker-bar-wrapper .box .broker-bar .broker-bar-wrap {
    width: 100%
}

@media (max-width: 900px) {
    .broker-bar-wrapper .box .broker-bar .broker-bar-wrap {
        flex-direction: column;
        align-items: flex-start
    }
}

.broker-bar-wrapper .box .broker-bar .broker-bar-wrap .bar-left {
    width: 100%
}

.broker-bar-wrapper .box .broker-bar .broker-bar-wrap .bar-right {
    flex-shrink: 0
}

@media (max-width: 900px) {
    .broker-bar-wrapper .box .broker-bar .broker-bar-wrap .bar-right {
        padding: var(--gap-12) 0;
        flex-direction: row-reverse
    }
}

.broker-bar-wrapper .box .broker-bar .broker-bar-wrap .bar-right .black .arrows-clockwise {
    background-image: url(/images/icons/outline/arrows-clockwise--high-invert.svg)
}

.broker-jk-fil {
    margin-top: 85px
}

.broker-lk {
    margin-top: 100px
}

.broker-lk .box .lk-wrapper {
    max-width: 632px;
    width: 100%
}

.broker-lk .box .lk-wrapper .profile-wrapper {
    padding: var(--gap-32);
    border-radius: var(--round-32);
    background-color: #fff
}

@media (max-width: 900px) {
    .broker-lk .box .lk-wrapper .profile-wrapper {
        padding: var(--gap-16);
        padding-top: var(--gap-24)
    }
}

.broker-lk .box .lk-wrapper .profile-wrapper .link-but {
    transition: .2s color
}

.broker-lk .box .lk-wrapper .profile-wrapper .link-but:hover {
    color: var(--color-text-high)
}

.broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit {
    justify-content: start
}

@media (max-width: 900px) {
    .broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit {
        gap: var(--gap-16)
    }
}

.broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit .avatar {
    aspect-ratio: 1;
    width: 100px;
    border-radius: var(--round-full);
    border: 1px solid var(--color-border-transparent)
}

@media (max-width: 900px) {
    .broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit .avatar {
        width: 56px
    }
}

.broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit .edit,
.broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit .delete {
    cursor: pointer;
    white-space: nowrap
}

.broker-lk .box .lk-wrapper .profile-wrapper .user-info {
    width: 100%
}

.broker-lk .box .lk-wrapper .profile-wrapper .user-info .contacts-info-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
    width: 100%
}

@media (max-width: 900px) {
    .broker-lk .box .lk-wrapper .profile-wrapper .user-info .contacts-info-container {
        grid-template-columns: repeat(1, 1fr)
    }
}

.broker-lk .box .lk-wrapper .profile-wrapper .user-info .other-info,
.broker-lk .box .lk-wrapper .profile-wrapper .user-info .info-item,
.broker-lk .box .lk-wrapper .profile-wrapper .user-info .info-item .change-smth {
    width: 100%
}

.broker-lk .box .lk-wrapper .profile-wrapper .user-info .info-item .change-smth .gtext {
    cursor: pointer
}

.broker-lk .box .lk-wrapper .profile-wrapper .user-info .input-wrapper,
.broker-lk .box .lk-wrapper .profile-wrapper .change-pass {
    width: 100%
}

.broker-lk .box .lk-wrapper .profile-wrapper:not(:first-child) {
    margin-top: 16px
}

.broker-lk .box .lk-wrapper .profile-wrapper .button {
    margin-left: auto
}

.broker-lk .box .lk-wrapper .profile-wrapper .button.inactive {
    pointer-events: none;
    background-color: var(--color-surface-3);
    color: var(--color-text-low)
}

@media (max-width: 900px) {
    .broker-lk .box .lk-wrapper .profile-wrapper .button {
        margin: 0
    }
}

.foot-button {
    margin-top: var(--gap-40);
    margin-bottom: 15px
}

.foot-button .button {
    box-shadow: none
}

.foot-button .pages {
    margin-top: var(--gap-24)
}

.foot-button .pages .numbs .num {
    padding: var(--gap-8);
    aspect-ratio: 1;
    width: 40px;
    transition: .2s background-color;
    border-radius: var(--round-12);
    cursor: pointer
}

.foot-button .pages .numbs .num:hover,
.foot-button .pages .numbs .num.active {
    background-color: var(--color-surface-3)
}

.foot-button .pages .white .num:hover,
.foot-button .pages .white .num.active {
    background-color: var(--color-surface-1)
}

.foot-button .pages .icon {
    padding: var(--gap-8);
    position: relative;
    top: -.05em;
    cursor: auto
}

.foot-button .pages .icon.arrow-left {
    background-image: url(/images/icons/outline/chevron-left--medium.svg)
}

.foot-button .pages .icon.arrow-left.active {
    background-image: url(/images/icons/outline/chevron-left--high.svg);
    cursor: pointer
}

.foot-button .pages .icon.arrow-right {
    background-image: url(/images/icons/outline/chevron-right--medium.svg)
}

.foot-button .pages .icon.arrow-right.active {
    background-image: url(/images/icons/outline/chevron-right--high.svg);
    cursor: pointer
}

@media (max-width: 900px) {
    .collection-card {
        width: 100%
    }
}

.collection-card .image-coll {
    aspect-ratio: 1;
    width: 100%;
    gap: 1px;
    position: relative
}

@media (max-width: 900px) {
    .collection-card .image-coll {
        aspect-ratio: 343/341;
        width: 100%
    }
}

.collection-card .image-coll .big-image {
    aspect-ratio: 302/200;
    width: 100%;
    border-radius: var(--round-24) var(--round-24) 0 0
}

.collection-card .image-coll .small-imgs {
    border-radius: var(--round-24);
    width: 100%;
    gap: 1px;
    flex: 33%
}

.collection-card .image-coll .small-imgs .small-image {
    aspect-ratio: 151/102;
    width: 100%
}

.collection-card .image-coll .small-imgs .small-image:nth-child(1) {
    border-radius: 0 0 0 var(--round-24)
}

.collection-card .image-coll .small-imgs .small-image:nth-child(2) {
    border-radius: 0 0 var(--round-24) 0
}

.collection-card .image-coll .button.glass {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer
}

.collection-card .image-coll .button.glass .icon.more {
    background-image: url(/images/icons/DotsThree--high-invert.svg)
}

.collection-card .image-coll .button.glass:hover {
    background-color: var(--color-surface-accent)
}

.collection-card .image-coll .button.glass .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-top: 30px;
    top: 30px;
    right: 20px
}

.collection-card .image-coll .button.glass .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    box-shadow: 0 8px 32px #14141429;
    width: 290px
}

.collection-card .image-coll .button.glass .dropdown-wrapper .dropdown .text {
    padding: var(--gap-12);
    transition: .2s;
    width: 100%;
    margin: 0
}

.collection-card .image-coll .button.glass .dropdown-wrapper .dropdown .text:hover {
    background-color: var(--color-surface-3)
}

.collection-card .image-coll .button.glass .dropdown-wrapper .dropdown .text:first-child {
    border-radius: var(--gap-16) var(--gap-16) 0 0
}

.collection-card .image-coll .button.glass .dropdown-wrapper .dropdown .text:last-child {
    border-radius: 0 0 var(--gap-16) var(--gap-16)
}

.collection-card .image-coll .button.glass:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.collection-card .bottom {
    padding: var(--gap-12)
}

.more .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-top: 23px;
    right: 20px
}

.more .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    box-shadow: 0 8px 32px #14141429;
    width: 290px
}

.more .dropdown-wrapper .dropdown .text {
    padding: var(--gap-12);
    transition: .2s;
    width: 100%;
    margin: 0
}

.more .dropdown-wrapper .dropdown .text:hover {
    background-color: var(--color-surface-3)
}

.more .dropdown-wrapper .dropdown .text:first-child {
    border-radius: var(--gap-16) var(--gap-16) 0 0
}

.more .dropdown-wrapper .dropdown .text:last-child {
    border-radius: 0 0 var(--gap-16) var(--gap-16)
}

.more:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

.long-obj {
    padding: var(--gap-24);
    border-radius: var(--round-24);
    background-color: var(--color-surface-1);
    max-width: 1280px;
    width: 100%;
    position: relative
}

.long-obj .divider {
    margin: var(--gap-16) 0
}

.long-obj .image-wrapper {
    flex-shrink: 0;
    width: 104px
}

.long-obj .image-wrapper .image {
    width: 100%;
    border-radius: var(--round-16)
}

.long-obj .dot {
    background-image: url(/images/icons/fill/dot--medium.svg);
    width: 12px
}

.long-obj .content {
    position: relative;
    width: 100%
}

@media (max-width: 1000px) {
    .long-obj .content {
        flex-direction: column
    }
}

.long-obj .content .left {
    max-width: 339px;
    width: 100%
}

.long-obj .content .left .author span {
    color: var(--color-text-high);
    margin-left: 4px
}

.long-obj .content .left .status {
    flex-wrap: wrap
}

.long-obj .content .cent {
    flex-shrink: 1
}

.long-obj .content .cent .par {
    flex-wrap: wrap;
    justify-content: stretch
}

.long-obj .content .right {
    width: 181px;
    flex-shrink: 0
}

.long-obj .stats-buttons {
    flex-shrink: 0
}

.long-obj .stats-buttons .stats .icon {
    width: 24px
}

.long-obj .stats-buttons .stats .icon.heart {
    background-image: url(/images/icons/outline/heart--medium.svg)
}

.long-obj .stats-buttons .stats .icon.view {
    background-image: url(/images/icons/outline/eye--medium.svg)
}

.long-obj .stats-buttons .stats .icon.more {
    background-image: url(/images/icons/DotsThree--medium.svg);
    cursor: pointer
}

.long-obj .stats-buttons .stats .like {
    cursor: pointer
}

.long-obj .stats-buttons .buttons {
    opacity: 0;
    transition: .2s opacity;
    width: 100%;
    height: 100%
}

.long-obj .stats-buttons .buttons .button {
    width: 100%
}

.long-obj .warn .warning {
    background-image: url(/images/warning.svg);
    width: 20px
}

.long-obj .add-to-coll-pad {
    position: absolute;
    top: 0;
    left: -64px;
    padding-right: 20px;
    height: 100%;
    pointer-events: none
}

@media (max-width: 1367px) {
    .long-obj .add-to-coll-pad {
        left: 8px;
        top: 8px
    }
}

.long-obj .add-to-coll-pad .add-to-coll-inner {
    cursor: pointer;
    border-radius: var(--round-full)
}

.long-obj .add-to-coll-pad .add-to-coll-inner .add-to-coll {
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    display: flex;
    aspect-ratio: 1;
    border-radius: var(--round-full);
    width: 48px;
    background-color: var(--color-surface-1)
}

.long-obj .add-to-coll-pad .add-to-coll-inner .add-to-coll .icon.check {
    background-image: url(/images/icons/outline/checkbox--medium.svg)
}

.long-obj .add-to-coll-pad .add-to-coll-inner input:checked+.add-to-coll {
    opacity: 1;
    pointer-events: all
}

.long-obj .add-to-coll-pad .add-to-coll-inner input:checked+.add-to-coll .icon.check {
    background-image: url(/images/icons/fill/checkbox--high.svg)
}

.long-obj:hover .add-to-coll-pad {
    pointer-events: all
}

.long-obj:hover .add-to-coll-pad .add-to-coll-inner .add-to-coll {
    opacity: 1;
    pointer-events: all
}

.long-obj:hover .stats-buttons .buttons {
    opacity: 1
}

.long-obj-mob {
    padding: var(--gap-20);
    border-radius: var(--round-24);
    background-color: var(--color-surface-1);
    width: 100%
}

.long-obj-mob .dot {
    background-image: url(/images/icons/fill/dot--medium.svg);
    width: 12px
}

.long-obj-mob .top {
    width: 100%
}

.long-obj-mob .top .add-to-coll {
    display: none
}

.long-obj-mob .top .image_info {
    position: relative;
    width: 100%
}

.long-obj-mob .top .image_info .icon {
    width: 24px
}

.long-obj-mob .top .image_info .icon.more {
    background-image: url(/images/icons/DotsThree--medium.svg);
    position: absolute;
    right: 0
}

.long-obj-mob .top .image_info .image {
    width: 104px;
    border-radius: var(--round-16);
    flex-shrink: 0
}

.long-obj-mob .top .image_info .status {
    min-height: 100%
}

.long-obj-mob .top .image_info .status .status_icons {
    margin-top: auto
}

.long-obj-mob .top .image_info .status .status_icons .stats .icon {
    width: 24px
}

.long-obj-mob .top .image_info .status .status_icons .stats .icon.heart {
    background-image: url(/images/icons/outline/heart--medium.svg)
}

.long-obj-mob .top .image_info .status .status_icons .stats .icon.view {
    background-image: url(/images/icons/outline/eye--medium.svg)
}

.long-obj-mob .top .image_info .status .status_icons .stats .icon.more {
    background-image: url(/images/icons/DotsThree--medium.svg);
    cursor: pointer
}

.long-obj-mob .top .image_info .status .status_icons .stats .like {
    cursor: pointer
}

.long-obj-mob .author span {
    color: var(--color-text-high);
    margin-left: 4px
}

.long-obj-mob .warn .warning {
    background-image: url(/images/warning.svg);
    width: 20px
}

.long-obj-mob .buttons,
.coll-add .top {
    width: 100%
}

.coll-add .top .add-to-coll {
    display: flex;
    width: 100%
}

.coll-add .top .add-to-coll .icon {
    width: 24px
}

.coll-add .top .add-to-coll .icon.more {
    background-image: url(/images/icons/DotsThree--medium.svg)
}

.coll-add .abs {
    display: none
}

.objects {
    margin-top: 160px
}

@media (max-width: 1440px) {
    .objects {
        margin-top: 200px
    }
}

@media (max-width: 900px) {
    .objects {
        margin-top: 160px
    }
}

.objects .filters {
    margin-top: 24px
}

@media (max-width: 900px) {
    .objects .filters {
        flex-direction: column
    }
}

.objects .filters .sort {
    cursor: pointer
}

.objects .filters .sort .text {
    transition: .2s color
}

.objects .filters .sort .icon.arrows-down-up {
    background-image: url(/images/icons/outline/arrows-down-up--high.svg)
}

.objects .filters:hover {
    color: var(--color-text-accent)
}

.objects .filters:hover .icon {
    transition: .2s background
}

.objects .filters:hover .icon.arrows-down-up {
    background-image: url(/images/icons/outline/arrows-down-up--accent.svg)
}

.objects .objects-flex {
    flex-wrap: wrap;
    margin-top: 24px
}

.objects .objects-flex .bottom {
    cursor: pointer
}

@media (min-width: 901px) and (max-width: 1366px) {
    .objects .objects-flex {
        gap: 16px
    }
}

.object-filters-header {
    position: fixed;
    background-color: var(--color-surface-1);
    width: 100%;
    top: 74px;
    left: 0;
    z-index: 6
}

@media screen and (max-width: 400px) {
    .object-filters-header {
        top: 62px
    }
}

.object-filters-header.broker-under-header {
    transform: translateY(-100%)
}

.object-filters-header.inner-obj-under-header {
    transition: .2s;
    transition-property: opacity, transform
}

.second-user-header {
    display: flex;
    justify-content: space-between;
    width: min(100%, 1440px)
}

.object-filters-header .second-user-header .anchors {
    height: 56px
}

.object-filters-header .second-user-header .anchors .anchor {
    cursor: pointer;
    height: 100%;
    transition: .2s;
    transition-property: color, border;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent
}

.object-filters-header .second-user-header .anchors .anchor.active {
    color: var(--color-text-accent);
    border-bottom: 2px solid var(--color-surface-accent)
}

.object-filters-header .second-user-header .anchors .anchor:hover {
    color: var(--color-text-accent)
}

.object-filters-header .second-user-header .header-icons .icon {
    cursor: pointer
}

.object-filters-header .second-user-header .header-icons .icon.share {
    position: relative
}

.icon.share:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all;
    z-index: 1
}

.gray-button:has(.share):hover .dropdown-wrapper,
.button:has(.share):hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all;
    z-index: 1
}

p:has(span) {
    color: red
}

.dropdown-wrapper.left {
    left: 0;
    position: relative;
    top: 25px
}

.object-filters-header .filters {
    padding-top: var(--gap-12);
    max-width: 100%
}

@media (max-width: 900px) {
    .object-filters-header .filters__buttons {
        padding-bottom: 8px
    }
}

.object-filters-header .filters__buttons,
.object-filters-header .filters__tags {
    gap: var(--gap-8)
}

.object-filters-header .filters__tags {
    max-width: 100%;
    flex-wrap: wrap
}

.object-filters-header .filters__tags .tag {
    white-space: nowrap;
    padding: var(--gap-8) var(--gap-12);
    background-color: var(--color-surface-3);
    border-radius: var(--round-full);
    cursor: pointer;
    transition: .2s;
    transition-property: background, border;
    border: 2px solid transparent
}

.object-filters-header .filters__tags .tag:hover {
    background-color: var(--color-surface-1);
    border-color: var(--color-surface-3)
}

.object-filters-header .filters__tags .tag .text {
    padding: 0 var(--gap-4)
}

.object-filters-header .filters__tags .tag .text:after {
    flex-shrink: 0;
    background-image: url(/images/icons/outline/close--medium.svg);
    width: 16px
}

.object-filters-header .filters__buttons {
    max-width: 1280px
}

.object-filters-header .filters__buttons .input-wrapper {
    height: 48px;
    border-radius: var(--round-8)
}

.object-filters-header .filters__buttons .filters__inputs,
.object-filters-header .filters__buttons .filters__controls {
    gap: var(--gap-8)
}

.object-filters-header .filters__buttons .filters__inputs .input-wrapper,
.object-filters-header .filters__buttons .filters__inputs .input-wrapper input,
.object-filters-header .filters__buttons .filters__controls .input-wrapper,
.object-filters-header .filters__buttons .filters__controls .input-wrapper input {
    cursor: pointer
}

.object-filters-header .filters__buttons .filters__inputs .input-wrapper input,
.object-filters-header .filters__buttons .filters__controls .input-wrapper input {
    pointer-events: none
}

.object-filters-header .filters__buttons .filters__inputs .input-wrapper[open-drop=title-room-type],
.object-filters-header .filters__buttons .filters__controls .input-wrapper[open-drop=title-room-type] {
    min-width: 308px
}

@media (max-width: 1200px) {

    .object-filters-header .filters__buttons .filters__inputs .input-wrapper[open-drop=title-room-type],
    .object-filters-header .filters__buttons .filters__controls .input-wrapper[open-drop=title-room-type] {
        min-width: 200px
    }
}

.object-filters-header .filters__buttons .filters__inputs .input-wrapper:not([open-drop=title-room-type]),
.object-filters-header .filters__buttons .filters__inputs .input-wrapper:not([open-drop=title-room-type]) input,
.object-filters-header .filters__buttons .filters__controls .input-wrapper:not([open-drop=title-room-type]),
.object-filters-header .filters__buttons .filters__controls .input-wrapper:not([open-drop=title-room-type]) input {
    min-width: 75px;
    flex: 1
}

@media (max-width: 900px) {
    .object-filters-header .filters__buttons .filters__search {
        width: 100%
    }
}

.object-filters-header .filters__buttons .filters__search .input-wrapper {
    min-width: 308px
}

@media (max-width: 1200px) {
    .object-filters-header .filters__buttons .filters__search .input-wrapper {
        min-width: 250px
    }
}

@media (max-width: 900px) {
    .object-filters-header .filters__buttons .filters__search .input-wrapper {
        min-width: 0;
        width: 100%
    }
}

.object-filters-header .filters__buttons .filters__controls {
    flex-shrink: 0
}

@media (max-width: 900px) {
    .object-filters-header .filters__buttons .filters__inputs {
        display: none
    }
}

body.scrolled-down .inner-obj-under-header {
    transform: translateY(0)
}

body.scrolled-100 .broker-under-header {
    transform: translateY(73px)
}

#account-properties-app .broker-under-header {
    display: none
}

body:not(.scrolled-100) .inner-obj-under-header.hide-on-top {
    opacity: 0;
    pointer-events: none
}

.dropdown-wrapper.share-drop {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-top: 30px;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}

.button .share .dropdown-wrapper.share-drop {
    padding-top: 40px
}

.dropdown-wrapper.share-drop .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-16);
    box-shadow: 0 8px 32px #14141429
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .green,
.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .blue,
.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .lightblue {
    padding: var(--gap-12);
    border-radius: var(--round-full)
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .green {
    background-color: #25d366
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .blue {
    background-color: #1877f2
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .lightblue {
    background-color: #3db7f4
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .icon.whatsapp {
    background-image: url(/images/icons/fill/whatsapp--high-invert.svg)
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .icon.facebook {
    background-image: url(/images/icons/fill/facebook--high-invert.svg)
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .icon.telegram {
    background-image: url(/images/icons/fill/telegram--high-invert.svg)
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .line {
    height: 100%;
    width: 1px;
    background-color: var(--color-border-transparent);
    flex-shrink: 0
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .button.gray {
    height: 48px;
    aspect-ratio: 1
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .button .icon.link {
    background-image: url(/images/icons/outline/link--high.svg)
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .button .icon.download-simple {
    background-image: url(/images/icons/outline/download-simple--high.svg)
}

.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .button .icon.dotsthree {
    background-image: url(/images/icons/DotsThree--high.svg)
}

.checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    gap: 6px;
    align-items: center
}

.checkbox .checkbox-icon {
    transition: .2s background;
    flex-shrink: 0;
    background-image: url(/images/icons/outline/checkbox--medium.svg);
    width: 20px;
    cursor: pointer
}

.checkbox:hover .checkbox-icon {
    background-image: url(/images/icons/outline/checkbox--high.svg)
}

.checkbox .checkbox-text {
    position: relative;
    top: 1px
}

.checkbox input {
    display: none
}

.checkbox input:checked+.checkbox-icon {
    background-image: url(/images/icons/fill/checkbox--high.svg)
}

.checkbox-radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    gap: 6px;
    align-items: center
}

.checkbox-radio .checkbox-icon {
    transition: .2s background;
    flex-shrink: 0;
    background-image: url(/images/radio.svg);
    width: 20px;
    cursor: pointer
}

.checkbox-radio .checkbox-text {
    position: relative;
    top: 1px
}

.checkbox-radio input {
    display: none
}

.checkbox-radio input:checked+.checkbox-icon {
    background-image: url(/images/radio-checked.svg)
}

.res-comp {
    margin-top: 160px
}

.res-comp--small {
    margin-top: 100px
}

@media (max-width: 1440px) {
    .res-comp {
        margin-top: 150px
    }

    .res-comp--small {
        margin-top: 100px
    }
}

@media (max-width: 900px) {
    .res-comp {
        margin-top: 150px
    }

    .res-comp--small {
        margin-top: 100px
    }
}

.res-comp .filters {
    margin-top: 24px
}

@media (max-width: 900px) {
    .res-comp .filters {
        flex-direction: column
    }

    .res-comp .filters .dropdown-wrapper {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        transition: .2s opacity;
        color: var(--color-text-high);
        padding-bottom: 40px
    }

    .res-comp .filters .dropdown-wrapper .dropdown {
        background-color: var(--color-surface-1);
        border-radius: var(--round-16);
        padding: var(--gap-12);
        box-shadow: 0 8px 32px #14141429;
        width: 400px
    }

    .res-comp .filters:hover .dropdown-wrapper {
        opacity: 1;
        pointer-events: all;
        filter: none
    }
}

.res-comp .cards-grid {
    margin-top: 24px;
    grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr))
}

@media (max-width: 350px) {
    .res-comp .cards-grid {
        grid-template-columns: minmax(0, 1fr)
    }
}

.gallery {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-surface-5);
    z-index: 14;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity
}

.gallery.open {
    opacity: 1;
    pointer-events: all
}

.gallery .top {
    height: 100%;
    padding: var(--gap-16);
    padding-bottom: 0
}

.gallery .top .image,
.gallery .top iframe {
    width: 100%;
    height: 100%
}

.gallery .top .gray-button {
    flex-shrink: 0;
    -webkit-backdrop-filter: var(--blur-bg-8);
    backdrop-filter: var(--blur-bg-8)
}

.gallery .top .gray-button .button {
    background-color: #4244477a
}

.gallery .top .gray-button .button .icon.arrow.left {
    background-image: url(/images/icons/outline/caret-left--high-invert.svg)
}

.gallery .top .gray-button .button .icon.arrow.right {
    background-image: url(/images/icons/outline/caret-right--high-invert.svg)
}

.gallery .top .gray-button .button .icon.close {
    background-image: url(/images/icons/outline/close--high-invert.svg)
}

.gallery .top .gray-button.close-button {
    position: absolute;
    right: var(--gap-16);
    top: var(--gap-16)
}

.gallery .bottom {
    height: 80px;
    flex-shrink: 0;
    overflow-x: hidden;
    position: relative
}

.gallery .bottom .previews {
    height: calc(100% - var(--gap-16));
    position: absolute;
    top: var(--gap-8);
    left: 0;
    transition: .2s left
}

.gallery .bottom .previews .preview {
    position: relative;
    height: 100%;
    width: 48px;
    flex-shrink: 0;
    border-radius: var(--round-8);
    overflow: hidden;
    transition: .2s width;
    cursor: pointer
}

.gallery .bottom .previews .preview__dark-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    opacity: 1;
    transition: .2s opacity
}

.gallery .bottom .previews .preview__image {
    width: 100%;
    height: 100%
}

.gallery .bottom .previews .preview__play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%) translateY(-50%);
    width: 20px;
    background-image: url(/images/icons/fill/play--high-invert.svg)
}

.gallery .bottom .previews .preview:hover .preview__dark-front {
    opacity: 0
}

.gallery .bottom .previews .preview.active {
    width: 96px
}

.gallery .bottom .previews .preview.active .preview__dark-front {
    opacity: 0
}

.role-management {
    margin-top: 120px
}

@media (max-width: 900px) {
    .role-management {
        margin-top: 100px
    }
}

.role-management .title .icon.plus {
    background-image: url(/images/icons/outline/plus--high.svg)
}

.role-management .roles__top {
    margin-top: 24px
}

.role-management .roles__top .dropdowns .input-wrapper {
    background-color: #fff;
    height: 48px;
    width: 100%
}

.role-management .roles__top .dropdowns .input-wrapper:not(.search) {
    cursor: pointer
}

.role-management .roles__top .dropdowns .input-wrapper:not(.search) input {
    pointer-events: none
}

.role-management .roles__top .filters {
    overflow-x: hidden
}

@media (min-width: 901px) {
    .role-management .roles__top .filters {
        color: var(--color-text-medium);
        padding: 0 var(--gap-24)
    }
}

@media (max-width: 900px) {
    .role-management .roles__top .filters {
        overflow-x: scroll;
        scrollbar-width: none
    }

    .role-management .roles__top .filters::-webkit-scrollbar {
        display: none
    }
}

.role-management .roles__top .filters .filter {
    cursor: pointer;
    transition: .2s color
}

.role-management .roles__top .filters .filter .icon {
    transition: .2s background;
    background-image: url(/images/icons/outline/arrows-down-up--medium.svg)
}

@media (max-width: 900px) {
    .role-management .roles__top .filters .filter .icon {
        background-image: url(/images/icons/outline/arrows-down-up--high.svg)
    }
}

.role-management .roles__top .filters .filter:hover {
    color: var(--color-text-accent)
}

.role-management .roles__top .filters .filter:hover .icon {
    background-image: url(/images/icons/outline/arrows-down-up--accent.svg)
}

.role-management .roles__top .filters .filter:hover.nohover {
    color: var(--color-text-medium)
}

.role-management .rtext.active {
    color: var(--color-text-success)
}

.role-management .role-cards {
    margin-top: 24px
}

@media (max-width: 900px) {
    .role-management .role-cards {
        margin-top: 32px
    }
}

.role-management .role-cards .manage-card {
    border-radius: var(--round-24);
    padding: var(--gap-24);
    position: relative;
    width: 100%;
    background-color: var(--color-surface-1)
}

.role-management .role-cards .manage-card .broker {
    max-width: 241px;
    width: 100%
}

.role-management .role-cards .manage-card .broker .name {
    width: -moz-min-content;
    width: min-content
}

.role-management .role-cards .manage-card .broker .photo {
    aspect-ratio: 1;
    width: 48px;
    border-radius: var(--round-full);
    flex-shrink: 0
}

.role-management .role-cards .manage-card .contacts {
    max-width: 241px;
    width: 100%
}

.role-management .role-cards .manage-card .add-to-group {
    width: 100%
}

@media (max-width: 900px) {
    .role-management .role-cards .manage-card .add-to-group {
        max-width: 118px
    }
}

.role-management .role-cards .manage-card .languages {
    width: 172px;
    flex-wrap: wrap
}

.role-management .role-cards .manage-card .languages .dot {
    background-image: url(/images/icons/fill/dot--medium.svg);
    width: 12px
}

.role-management .role-cards .manage-card .broker-role-wrapper {
    width: 100%;
    max-width: 130px
}

.role-management .role-cards .manage-card .broker-date-wrapper {
    width: 100%;
    max-width: 146px
}

.role-management .role-cards .manage-card .more {
    background-image: url(/images/icons/DotsThree--medium.svg);
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px
}

.role-management .role-cards .manage-card .more .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    padding-top: 30px;
    top: 15px;
    right: 0;
    z-index: 13
}

.role-management .role-cards .manage-card .more .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    box-shadow: 0 8px 32px #14141429;
    width: 320px
}

.role-management .role-cards .manage-card .more .dropdown-wrapper .dropdown .text {
    padding: var(--gap-12);
    transition: .2s;
    width: 100%;
    margin: 0
}

.role-management .role-cards .manage-card .more .dropdown-wrapper .dropdown .text:hover {
    background-color: var(--color-surface-3)
}

.role-management .role-cards .manage-card .more:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all
}

@media (max-width: 900px) {
    .role-management .role-cards .manage-card .manage-card__section {
        width: 100%
    }

    .role-management .role-cards .manage-card .manage-card__section>* {
        width: 100%;
        max-width: none
    }
}

.small-footer {
    background-color: var(--color-surface-1);
    padding-top: var(--gap-56);
    padding-bottom: var(--gap-32);
    margin-top: var(--gap-24)
}

@media (max-width: 900px) {
    .small-footer {
        padding-top: var(--gap-48);
        padding-bottom: var(--gap-24)
    }
}

@media (min-width: 901px) {
    .small-footer {
        border-top: 1px solid var(--color-border-transparent)
    }
}

.small-footer .top .logo {
    aspect-ratio: 144/48;
    width: 144px;
    background-image: url(/logo.png)
}

@media (max-width: 900px) {
    .small-footer .top .buttons {
        width: 100%
    }
}

.small-footer .bottom .madeby .maca {
    aspect-ratio: 90/18;
    width: 90px;
    background-image: url(/images/logo-maca-gray.svg)
}

.job-page {
    margin-top: 100px
}

@media (max-width: 900px) {
    .job-page {
        margin-top: 80px
    }

    .job-page>.box>.title {
        width: 100%
    }
}

.job-page .jobs-list {
    max-width: 840px;
    width: 100%;
    margin-top: 40px
}

@media (max-width: 900px) {
    .job-page .jobs-list {
        margin-top: var(--gap-20)
    }
}

.job-page .jobs-list .job-row {
    width: 100%;
    background-color: var(--color-surface-3);
    border-radius: var(--round-32);
    padding: var(--gap-32)
}

.job-page .jobs-list .job-row .top .job-name {
    transition: color .2s
}

@media (max-width: 700px) {
    .job-page .jobs-list .job-row .top {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--gap-4)
    }
}

.job-page .jobs-list .job-row:hover .top .job-name {
    color: var(--color-text-map)
}

.job-page .jobs-list .job-row .bottom {
    align-items: flex-end
}

@media (max-width: 700px) {
    .job-page .jobs-list .job-row .bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--gap-16)
    }
}

.job-page .jobs-list .job-row .bottom .tag-list {
    flex-wrap: wrap
}

.job-page .jobs-list .job-row .bottom .tag-list .tag {
    padding: var(--gap-8);
    border-radius: var(--round-full);
    border: 1px solid var(--color-border-transparent);
    width: -moz-fit-content;
    width: fit-content
}

.job-page .jobs-list .job-row .bottom .tag-list .tag .icon {
    width: 16px;
    border-radius: var(--round-full)
}

.job-page .jobs-list .job-row .bottom .check-vac {
    flex-shrink: 0
}

.job-page .jobs-list .job-row .bottom .check-vac .icon.chevron-right {
    background-image: url(/images/icons/outline/chevron-right--medium.svg)
}

.job-page .job-banner {
    margin-top: 80px;
    border-radius: 32px;
    padding: var(--gap-24);
    width: 100%;
    position: relative;
    overflow: hidden;
    background-image: url(/images/photos/team.webp)
}

@media (max-width: 900px) {
    .job-page .job-banner {
        padding: var(--gap-24) var(--gap-16);
        background-image: url(/images/photos/team-mob.webp);
        height: 1006px;
        justify-content: flex-end;
        background-position: top
    }
}

.documents {
    margin-top: 100px;
    margin-bottom: var(--gap-40)
}

@media (max-width: 900px) {
    .documents {
        margin-top: 80px;
        margin-bottom: var(--gap-24)
    }
}

.documents .documents-page {
    align-items: center
}

@media (max-width: 900px) {
    .documents .documents-page {
        align-items: flex-start
    }

    .licence {
        margin-bottom: 64px
    }
}

.licence .licence-grid {
    margin-top: var(--gap-40);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    -moz-column-gap: var(--gap-16);
    column-gap: var(--gap-16);
    row-gap: var(--gap-32);
    width: 100%;
    max-width: 848px
}

@media (max-width: 900px) {
    .licence .licence-grid {
        margin-top: var(--gap-24)
    }
}

.licence .licence-grid .doc {
    width: 100%;
    max-width: 300px;
    cursor: pointer
}

.licence .licence-grid .doc .img {
    aspect-ratio: 200/276;
    width: 100%;
    border-radius: var(--round-12)
}

.licence .licence-grid .doc .text {
    margin-top: 12px;
    transition: .2s color
}

.licence .licence-grid .doc:hover .text {
    color: var(--color-text-map)
}

@media (max-width: 900px) {
    .documents-page .tabs-mob {
        padding-left: 16px
    }
}

.documents-page .tab.tab {
    padding: var(--gap-16);
    border-bottom: none;
    border: 1px solid var(--color-border-transparent);
    border-radius: var(--round-full);
    color: var(--color-text-high);
    transition: .2s;
    transition-property: color, background-color, border
}

.documents-page .tab.tab.active {
    border-bottom: none;
    color: var(--color-text-high-invert);
    background-color: var(--color-icon-high);
    border: 1px solid var(--color-surface-1)
}

.index-title-banner .box .partnership-banner-content .title {
    max-width: 740px
}

.program-sugg {
    border-radius: var(--round-40);
    margin-top: calc(-1 * var(--gap-40));
    position: relative;
    background-color: var(--color-surface-1)
}

.program-sugg .index-stats {
    width: 100%
}

.program-sugg .index-stats .top-block {
    justify-content: space-between
}

.logos-line {
    margin-top: 100px
}

@media (max-width: 900px) {
    .logos-line {
        margin-top: 80px
    }
}

.logos-line .logos-marguee {
    height: 124px;
    margin-top: var(--gap-40);
    background-repeat: repeat-x;
    animation: marquee-bg var(--marquee-cycle) linear infinite;
    background-size: var(--background-width)
}

@keyframes marquee-bg {
    0% {
        background-position: 0px 0px
    }

    to {
        background-position: calc(-1 * var(--background-width)) 0px
    }
}

@media (max-width: 900px) {
    .logos-line .logos-marguee {
        height: 56px;
        margin-top: var(--gap-20)
    }
}

.partners-page {
    margin-top: 100px
}

@media (max-width: 900px) {
    .partners-page {
        margin-top: 80px
    }
}

.partners-page .cashback {
    width: 100%;
    background-color: var(--color-surface-3);
    border-radius: var(--round-32);
    padding: var(--gap-32);
    align-items: stretch
}

@media (max-width: 900px) {
    .partners-page .cashback {
        padding: var(--gap-32) var(--gap-16);
        flex-direction: column;
        gap: 32px
    }
}

.partners-page .cashback .left {
    max-width: 450px
}

@media (max-width: 900px) {
    .partners-page .cashback .left {
        gap: 12px
    }
}

.partners-page .cashback .right {
    max-width: 600px;
    width: 100%
}

.partners-page .cashback .right .deal-num {
    padding: var(--gap-8) var(--gap-12);
    border: 1px solid var(--color-border-transparent);
    border-radius: var(--round-full);
    flex-shrink: 0
}

.partners-page .cashback .right .border {
    border: 1px dashed var(--color-border-transparent);
    width: 100%;
    position: relative
}

@media (max-width: 900px) {
    .partners-page .cashback .right .border {
        border: 1px solid var(--color-border-transparent)
    }

    .partners-page .divider {
        display: none
    }
}

.partners-page .partner-steps .steps-title {
    margin-bottom: 80px
}

@media (max-width: 900px) {
    .partners-page .partner-steps .steps-title {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: var(--gap-32)
    }
}

.partners-page .partner-steps .steps-title .check-present .image {
    aspect-ratio: 97/56;
    width: 97px;
    border-radius: var(--round-8)
}

@media (max-width: 800px) {
    .partners-page .partner-steps .steps {
        gap: 32px
    }
}

.partners-page .partner-steps .steps .arrows-wrapper {
    display: none
}

.partners-page .partner-steps .steps .step {
    max-width: 314px;
    width: 100%
}

@media (max-width: 800px) {
    .partners-page .partner-steps .steps .step {
        gap: 16px
    }
}

.partners-page .partner-steps .steps .step .top-step {
    width: 100%
}

.partners-page .partner-steps .steps .step .top-step .button {
    border: 1px solid var(--color-border-transparent);
    transition: .2s border
}

.partners-page .partner-steps .steps .step .top-step .divider {
    margin: 0;
    flex-shrink: 1
}

@media (max-width: 900px) {
    .partners-page .partner-steps .steps .step .top-step .divider {
        display: block
    }
}

@media (max-width: 800px) {
    .partners-page .partner-steps .steps .step .bottom-step {
        gap: 8px
    }
}

.partners-page .partner-steps .steps .step .bottom-step .gtext {
    opacity: 0;
    transition: .2s opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 800px) {
    .partners-page .partner-steps .steps .step .bottom-step .gtext {
        opacity: 1
    }
}

.partners-page .partner-steps .steps .step:hover .top-step .button,
.partners-page .partner-steps .steps .step:active .top-step .button,
.partners-page .partner-steps .steps .step.active .top-step .button {
    border: 1px solid var(--color-border-solid)
}

@media (max-width: 800px) {

    .partners-page .partner-steps .steps .step:hover .top-step .button,
    .partners-page .partner-steps .steps .step:active .top-step .button,
    .partners-page .partner-steps .steps .step.active .top-step .button {
        border: 1px solid var(--color-border-transparent)
    }
}

.partners-page .partner-steps .steps .step:hover .bottom-step .gtext,
.partners-page .partner-steps .steps .step:active .bottom-step .gtext,
.partners-page .partner-steps .steps .step.active .bottom-step .gtext {
    opacity: 1
}

.partners-page .reasons-to-work .title {
    margin-bottom: var(--gap-40)
}

@media (max-width: 900px) {
    .partners-page .reasons-to-work .title {
        margin-bottom: var(--gap-32)
    }
}

.partners-page .reasons-to-work .reason-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr))
}

.partners-page .index-form {
    padding: var(--gap-24);
    border-radius: var(--round-32)
}

@media (max-width: 1300px) {
    .partners-page .index-form {
        flex-direction: column
    }
}

@media (max-width: 900px) {
    .partners-page .index-form {
        padding: 24px 16px;
        background-image: url(https://static.tildacdn.com/tild6263-6632-4031-b632-393933663930/b7d59bc903bd03c80f07.jpg) !important
    }
}

.partners-page .index-form>.contacts .contact-block {
    border-radius: var(--round-16);
    padding: var(--gap-32)
}

.partners-page .index-form .contacts {
    width: 100%;
    border-radius: 16px
}

@media (max-width: 900px) {
    .partners-page .index-form .contacts {
        flex-direction: column
    }
}

.partners-page .index-form .contacts .divider {
    width: 1px;
    height: 100%;
    background-color: var(--color-border-transparent-invert)
}

@media (max-width: 900px) {
    .partners-page .index-form .contacts .divider {
        width: 100%;
        height: 1px
    }
}

.partners-page .index-form .contacts .contact-block {
    width: 100%;
    max-width: 351px;
    color: var(--color-text-high-invert);
    height: 100%;
    align-items: flex-start
}

@media (max-width: 1300px) {
    .partners-page .index-form .contacts .contact-block {
        max-width: none;
        min-height: 414px
    }
}

@media (max-width: 900px) {
    .partners-page .index-form .contacts .contact-block {
        min-height: unset
    }
}

.partners-page .index-form .contacts .contact-block:nth-child(1) {
    border-radius: var(--round-16) 0 0 var(--round-16)
}

@media (max-width: 900px) {
    .partners-page .index-form .contacts .contact-block:nth-child(1) {
        border-radius: var(--gap-16) var(--gap-16) 0 0
    }
}

.partners-page .index-form .contacts .contact-block:nth-child(3) {
    border-radius: 0 var(--round-16) var(--round-16) 0
}

@media (max-width: 900px) {
    .partners-page .index-form .contacts .contact-block:nth-child(3) {
        border-radius: 0 0 var(--gap-16) var(--gap-16)
    }
}

.partners-page .index-form .contacts .contact-block .social .icon.whatsapp {
    background-image: url(/images/icons/fill/whatsapp--high-invert.svg)
}

.partners-page .index-form .contacts .contact-block .social .icon.telegram {
    background-image: url(/images/icons/fill/telegram--high-invert.svg)
}

.partners-page .index-form .contacts .contact-block .social .icon.facebook {
    background-image: url(/images/icons/fill/facebook--high-invert.svg)
}

.partners-page .index-form .contacts .contact-block .social .icon.instagram {
    background-image: url(/images/icons/fill/instagram--high-invert.svg)
}

.partners-page .index-form .contacts .contact-block .callbacks {
    width: 100%
}

.partners-page .index-form .contacts .contact-block .callbacks .input-wrapper {
    background-color: var(--color-border-transparent-invert)
}

.partners-page .index-form .contacts .contact-block .callbacks .input-wrapper input {
    width: 100%
}

.partners-page .index-form .contacts .contact-block .callbacks .input-wrapper input::-moz-placeholder {
    color: var(--color-text-medium-invert)
}

.partners-page .index-form .contacts .contact-block .callbacks .input-wrapper input::placeholder {
    color: var(--color-text-medium-invert)
}

.partners-page .index-form .contacts .contact-block .callbacks .callback .dot {
    background-image: url(/images/icons/fill/dot--success.svg);
    width: 24px
}

.partners-page .index-form .contacts .contact-block .callbacks .callback .phone-data .phone {
    white-space: nowrap
}

.partners-page .index-form .contacts .contact-block .callbacks .callback .phone-data .comment {
    color: var(--color-text-medium-invert)
}

.partners-page .index-form .contacts .contact-block.accent {
    background-color: var(--color-surface-accent)
}

.partners-page .index-form .contacts .contact-block.white {
    background-color: var(--color-surface-1);
    color: var(--color-text-high)
}

.partners-page .index-form .contacts .contact-block .descr {
    color: var(--color-text-medium-invert)
}

@media (max-width: 900px) {
    .partners-page .box {
        padding: 0
    }

    .partners-page.disable-contacts .box .form {
        width: 100%;
        max-width: none;
        background-color: var(--color-surface-3);
        border-radius: var(--round-24);
        padding: var(--gap-32) var(--gap-16)
    }

    .partners-page.disable-contacts .box .form .input-wrapper {
        background-color: var(--color-surface-1)
    }

    .partners-page.enable-contacts .box .contacts .contact-block {
        background-color: var(--color-surface-3);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        color: var(--color-text-high);
        padding: var(--gap-20)
    }

    .partners-page.enable-contacts .box .contacts .contact-block .bottom .social .button {
        background-color: var(--color-surface-1);
        color: var(--color-text-high);
        box-shadow: 0 8px 32px #14141429
    }

    .partners-page.enable-contacts .box .contacts .contact-block .bottom .social .button .icon.whatsapp {
        background-image: url(/images/icons/fill/whatsapp--high.svg)
    }

    .partners-page.enable-contacts .box .contacts .contact-block .bottom .social .button .icon.telegram {
        background-image: url(/images/icons/fill/telegram--high.svg)
    }

    .partners-page.enable-contacts .box .contacts .contact-block .bottom .social .button .icon.facebook {
        background-image: url(/images/icons/fill/facebook--high.svg)
    }

    .partners-page.enable-contacts .box .contacts .contact-block .bottom .social .button .icon.instagram {
        background-image: url(/images/icons/fill/instagram--high.svg)
    }

    .partners-page.enable-contacts .box .contacts .contact-block .bottom .callbacks {
        flex-wrap: wrap
    }

    .partners-page.enable-contacts .box .contacts .contact-block .bottom .callbacks .callback .phone-data .comment {
        color: var(--color-text-medium)
    }

    .partners-page.enable-contacts .box .contacts .contact-block.ffs-mob {
        align-items: flex-end
    }

    .partners-page.enable-contacts .box .contacts .contact-block.ffs-mob .text {
        width: 100%
    }
}

.how-does-it-work .step {
    max-width: 314px;
    width: 100%
}

@media (max-width: 800px) {
    .how-does-it-work .step {
        gap: 16px
    }
}

.how-does-it-work .step .top-step {
    width: 100%
}

.how-does-it-work .step .top-step .button {
    border: 1px solid var(--color-border-transparent);
    transition: .2s border;
    padding: var(--gap-8) var(--gap-12)
}

.how-does-it-work .step .top-step .divider {
    margin: 0;
    flex-shrink: 1
}

@media (max-width: 800px) {
    .how-does-it-work .step .bottom-step {
        gap: 8px
    }
}

.how-does-it-work .step .bottom-step .gtext {
    opacity: 0;
    transition: .2s opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 800px) {
    .how-does-it-work .step .bottom-step .gtext {
        opacity: 1
    }
}

.how-does-it-work .step:hover .top-step .button,
.how-does-it-work .step:active .top-step .button,
.how-does-it-work .step.active .top-step .button {
    border: 1px solid var(--color-border-solid)
}

@media (max-width: 800px) {

    .how-does-it-work .step:hover .top-step .button,
    .how-does-it-work .step:active .top-step .button,
    .how-does-it-work .step.active .top-step .button {
        border: 1px solid var(--color-border-transparent)
    }
}

.how-does-it-work .step:hover .bottom-step .gtext,
.how-does-it-work .step:active .bottom-step .gtext,
.how-does-it-work .step.active .bottom-step .gtext {
    opacity: 1
}

.broker-obj-empty {
    margin-top: 140px
}

.broker-obj-empty .empty-obj {
    width: 100%;
    border-radius: var(--round-32);
    background-repeat: no-repeat;
    background-color: var(--color-surface-1);
    background-position: bottom right
}

@media (max-width: 900px) {
    .broker-obj-empty .empty-obj {
        background-image: none
    }
}

.broker-obj-empty .empty-obj .empty-obj-wrapper {
    padding: var(--gap-24)
}

.broker-obj-empty .empty-obj .empty-obj-wrapper .left {
    padding: var(--gap-32);
    background-color: var(--color-surface-3);
    max-width: 409px;
    border-radius: var(--round-16);
    min-height: 392px
}

@media (max-width: 900px) {
    .broker-obj-empty .empty-obj .empty-obj-wrapper .left {
        max-width: none;
        width: 100%
    }
}

.broker-obj-empty .empty-obj .empty-obj-wrapper .left .button {
    width: 100%
}

.broker-obj-empty .empty-obj.gray {
    background-color: var(--color-surface-3)
}

.broker-obj-empty .empty-obj.gray .left {
    background-color: var(--color-surface-1)
}

.object-gk-map .map {
    border-radius: var(--round-32);
    width: 100%;
    height: 412px;
    aspect-ratio: auto
}

.description-spoiler__more {
    display: none
}

.description-spoiler--hidden .description-spoiler__more {
    display: flex
}

.current-jk .left .image {
    aspect-ratio: 80/48;
    width: 80px;
    border-radius: var(--round-8)
}

.select-current-jk-to-map-sidebar {
    cursor: pointer
}

.map-wrapper .map-list-button {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.map-wrapper .map-list-button .button {
    flex-direction: row-reverse
}

.map-wrapper .map-list-button .button .icon.listbullets {
    background-image: url(/images/icons/outline/ListBullets--high-invert.svg)
}

.map-wrapper .map-sidebar {
    top: 0;
    left: 0;
    height: 100%;
    flex-shrink: 0;
    border-top: 1px solid var(--color-border-transparent);
    position: relative;
    overflow-y: hidden
}

@media (max-width: 900px) {
    .map-wrapper .map-sidebar {
        position: absolute;
        pointer-events: none;
        top: 71px;
        left: 0;
        width: 100%;
        height: calc(100vh - 71px);
        z-index: 1;
        overflow-y: scroll;
        scrollbar-width: none
    }

    .map-wrapper .map-sidebar::-webkit-scrollbar {
        display: none
    }
}

.map-wrapper .map-sidebar .transparent-box {
    width: 100%;
    height: calc(100vh - 112px);
    flex-shrink: 0
}

.map-wrapper .map-sidebar .mob-thumb-open {
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #fff;
    flex-shrink: 0;
    pointer-events: all
}

.map-wrapper .map-sidebar .mob-thumb-open .line {
    width: 48px;
    height: 6px;
    border-radius: var(--round-full);
    background-color: var(--color-icon-low)
}

.map-wrapper .map-sidebar:not(.open) {
    display: none
}

.map-wrapper .map-sidebar__inner {
    position: relative;
    flex-shrink: 0;
    height: calc(100vh - 72px)
}

@media (max-width: 900px) {
    .map-wrapper .map-sidebar__inner {
        pointer-events: all
    }
}

.map-wrapper .map-sidebar__header,
.map-wrapper .map-sidebar__content {
    padding: var(--gap-16)
}

.map-wrapper .map-sidebar__header {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 8px 40px #1414140f
}

.map-wrapper .map-sidebar__header .underline {
    cursor: pointer
}

.map-wrapper .map-sidebar__header .icon.close {
    cursor: pointer;
    background-image: url(/images/icons/outline/close--medium.svg)
}

.map-wrapper .map-sidebar__content {
    height: calc(100vh - 72px);
    overflow-y: auto;
    width: 652px;
    background-color: #fff;
    flex-shrink: 0;
    scrollbar-width: none
}

.map-wrapper .map-sidebar__content::-webkit-scrollbar {
    display: none
}

@media (max-width: 900px) {
    .map-wrapper .map-sidebar__content {
        width: 100%
    }
}

.map-wrapper .map-sidebar__content .current-jk {
    border-top: 1px solid var(--color-border-transparent);
    padding-top: 20px;
    margin: 40px 0;
    position: relative;
    z-index: 1;
    background-color: #fff;
    width: 100%
}

.map-wrapper .map-sidebar__content .cards-grid {
    max-width: 100%;
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width: 600px) {
    .map-wrapper .map-sidebar__content .cards-grid {
        width: 100%;
        grid-template-columns: repeat(1, 1fr)
    }
}

.map-wrapper .map-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.map-wrapper .map-inner .map-frame {
    height: 100%;
    min-height: none
}

.map-hover-cards .map-hover-card {
    border-radius: var(--round-24);
    overflow: hidden;
    width: 290px;
    background-color: var(--color-surface-1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.map-hover-cards .map-hover-card .image {
    height: 164px
}

.map-hover-cards .map-hover-card .bottom {
    padding: var(--gap-12)
}

.map-frame {
    width: 100%
}

.social .share-btn {
    position: relative
}

.social .share-btn .dropdown-wrapper.share-drop {
    bottom: 100%;
    left: 0
}

@media (max-width: 900px) {
    .button.border.share-btn {
        border: 0
    }
}

.share-social {
    padding: var(--gap-6);
    border-radius: var(--round-full);
    background-color: #1976d2
}

.share-social.share-social .icon.vk {
    width: 36px;
    background-image: url(/images/social-colored/vk.png)
}

.user-lk-deals .deal-status {
    padding: var(--gap-4) var(--gap-6);
    padding-left: 10px;
    border-radius: var(--round-full);
    flex-shrink: 0
}

.user-lk-deals .deal-status .text {
    color: var(--color-surface-1)
}

.user-lk-deals .deal-status .icon {
    width: 16px;
    aspect-ratio: 1
}

.user-lk-deals .deal-status .icon.question-circle {
    background-image: url(/images/icons/fill/question-circle--high-invert.svg);
    position: relative;
    opacity: .5
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    bottom: -200px;
    left: 5px;
    padding-left: 20px
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-12);
    box-shadow: 0 8px 32px #14141429;
    width: 276px;
    cursor: default
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .text,
.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .gtext {
    cursor: text
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .text {
    color: var(--color-text-high)
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps {
    background-color: var(--color-surface-1);
    border-radius: var(--round-32)
}

@media (max-width: 900px) {
    .user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps {
        border-radius: var(--round-24);
        border-radius: 0;
        padding: var(--gap-12) var(--gap-16)
    }
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step:not(:last-child) .step__body .right {
    padding-bottom: var(--gap-12)
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step:last-child .step__body .left .line {
    display: none
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step__body .icon {
    background-image: url(/images/icons/outline/radio--medium.svg)
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step__body .left {
    justify-content: flex-start
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step__body .left .line {
    flex-shrink: 1;
    border-radius: var(--round-full);
    width: 2px;
    height: 100%;
    background-color: var(--color-border-transparent)
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step__body .right .progress {
    padding: var(--gap-6) var(--gap-8);
    border-radius: var(--round-full);
    background-color: var(--color-surface-3);
    width: -moz-fit-content;
    width: fit-content
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step__body .right .progress .icon {
    width: 16px
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step__body .right .progress .icon.clock {
    background-image: url(/images/icons/fill/clock--high.svg)
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step.active:before,
.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step.done:before {
    background-color: var(--color-border-solid)
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step.active .step__body .line {
    background-color: var(--color-border-solid)
}

.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper .dropdown-percent .steps .step.done .step__body .icon {
    background-image: url(/images/icons/fill/radio-fill--success.svg)
}

.user-lk-deals .deal-status .icon.question-circle:hover {
    opacity: 1
}

.user-lk-deals .deal-status .icon.question-circle:hover .dropdown-percent-wrapper {
    z-index: 1;
    opacity: 1;
    pointer-events: all
}

.user-lk-deals .ref-deal {
    padding: var(--gap-16) var(--gap-20) var(--gap-20) var(--gap-20);
    background-color: var(--color-surface-3);
    border-radius: var(--round-16);
    position: relative
}

.user-lk-deals .ref-deal .icon.chevron-down {
    background-image: url(/images/icons/outline/chevron-down--medium.svg);
    position: absolute;
    right: 20px;
    top: 16px;
    cursor: pointer
}

.user-lk-deals .ref-deal .deal-wrapper {
    transition: .2s gap
}

@media (max-width: 600px) {
    .user-lk-deals .ref-deal .deal-wrapper .top-info {
        flex-direction: column;
        align-items: flex-start
    }
}

.user-lk-deals .ref-deal .deal-wrapper .top-info .divider-v {
    min-height: 48px
}

@media (max-width: 600px) {
    .user-lk-deals .ref-deal .deal-wrapper .top-info .divider-v {
        display: none
    }
}

.user-lk-deals .ref-deal .deal-wrapper .top-info .top-left {
    flex: 1
}

@media (max-width: 1050px) {
    .user-lk-deals .ref-deal .deal-wrapper .top-info .top-left {
        flex-direction: column;
        align-items: flex-start
    }
}

.user-lk-deals .ref-deal .deal-wrapper .top-info .top-left .info {
    max-width: 180px;
    width: 100%
}

.user-lk-deals .ref-deal .deal-wrapper .top-info .top-right {
    flex: 1;
    width: 100%
}

.user-lk-deals .ref-deal .deal-wrapper .top-info .top-right .info {
    max-width: 190px;
    width: 100%
}

.user-lk-deals .ref-deal .deal-wrapper .bottom-info {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .2s
}

.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner {
    overflow: hidden
}

@media (max-width: 600px) {
    .user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner {
        flex-direction: column-reverse;
        align-items: flex-start
    }
}

.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .divider-v {
    min-height: 48px;
    height: 100%
}

@media (max-width: 600px) {
    .user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .divider-v {
        display: none
    }
}

.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .bottom-left,
.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .bottom-right {
    flex: 1
}

.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .bottom-right .text:after {
    width: 16px;
    aspect-ratio: 1;
    background-image: url(/images/icons/outline/clock--high.svg);
    position: relative;
    left: 4px
}

.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .bottom-right .text.decline {
    color: var(--color-text-error)
}

.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .bottom-right .text.decline:after {
    width: 16px;
    aspect-ratio: 1;
    background-image: url(/images/icons/outline/close-circle--error.svg);
    position: relative;
    left: 4px
}

.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .bottom-right .text.success {
    color: var(--color-text-success)
}

.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .bottom-right .text.success:after {
    width: 16px;
    aspect-ratio: 1;
    background-image: url(/images/icons/outline/check-circle--success.svg);
    position: relative;
    left: 4px
}

.user-lk-deals .ref-deal:not(.open) .deal-wrapper {
    gap: 0
}

.user-lk-deals .ref-deal.open .icon.chevron-down {
    transform: scaleY(-1)
}

.user-lk-deals .ref-deal.open .deal-wrapper .bottom-info {
    grid-template-rows: 1fr
}

@media (min-width: 901px) {
    .user-lk-favorites-tab-group {
        margin-top: var(--gap-16)
    }
}

.user-lk-content .card-complex-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width: 1050px) {
    .user-lk-content .card-complex-grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media (max-width: 900px) {
    .user-lk-content .card-complex-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 600px) {
    .user-lk-content .card-complex-grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.user-lk-content .card-objects-grid {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    row-gap: var(--gap-32);
    -moz-column-gap: var(--gap-24);
    column-gap: var(--gap-24)
}

@media (max-width: 1250px) {
    .user-lk-content .card-objects-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 600px) {
    .user-lk-content .card-objects-grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.user-lk-content .user-fav-empty .empty-obj {
    width: 100%;
    border-radius: var(--round-32);
    background-repeat: no-repeat;
    background-color: var(--color-surface-1);
    background-position: bottom right
}

@media (max-width: 1000px) {
    .user-lk-content .user-fav-empty .empty-obj {
        background-position: bottom center;
        height: 656px
    }
}

.user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper {
    padding: var(--gap-24);
    padding-left: 80px
}

@media (max-width: 1000px) {
    .user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper {
        padding: var(--gap-32);
        display: flex;
        justify-content: center
    }
}

.user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper .left {
    background-color: var(--color-surface-3);
    max-width: 300px;
    border-radius: var(--round-16);
    min-height: 392px
}

@media (max-width: 900px) {
    .user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper .left {
        max-width: none;
        width: 100%
    }
}

@media (max-width: 1000px) {
    .user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper .left {
        background-color: transparent;
        justify-content: stretch
    }
}

.user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper .left .button {
    width: -moz-fit-content;
    width: fit-content
}

.user-lk-content .user-fav-empty .empty-obj.gray {
    background-color: var(--color-surface-3)
}

@media (max-width: 900px) {
    .user-lk-sidebar-wrapper {
        display: none
    }
}

.user-lk-sidebar-wrapper .user-lk-sidebar {
    width: 244px;
    flex-shrink: 0;
    position: sticky;
    top: 100px
}

.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc {
    width: 100%
}

.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .border {
    flex-shrink: 0;
    width: 72px;
    aspect-ratio: 1
}

.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info {
    width: 100%
}

.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info>.text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info .mail {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
    cursor: text
}

.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info .mail .can-short {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow-y: hidden;
    word-break: break-word
}

.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info .mail .domain {
    flex-shrink: 0
}

.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info .id {
    padding: 0 6px;
    background-color: var(--color-surface-3);
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--round-full);
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all;
    cursor: text
}

.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option {
    padding: var(--gap-12);
    transition: .2s background-color;
    border-radius: var(--round-12);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option .count {
    padding: var(--gap-4) var(--gap-6);
    background-color: var(--color-surface-4);
    border-radius: var(--round-full)
}

.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option .icon.arrow-circle-left {
    background-image: url(/images/icons/outline/arrow-circle-left--medium.svg)
}

.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option:hover,
.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option.active {
    background-color: var(--color-surface-3)
}

.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option.blue {
    color: var(--color-text-map)
}

.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option.blue .icon.percent {
    background-image: url(/images/icons/outline/percent--map.svg)
}

.user-lk-sidebar-wrapper-mob {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background-color: var(--color-surface-1);
    box-shadow: 0 10px 40px #1414141a;
    z-index: 6
}

.user-lk-sidebar-wrapper-mob.user-lk-sidebar-wrapper-mob.user-lk-sidebar-wrapper-mob {
    padding-left: 0;
    padding-right: 0
}

.user-lk-sidebar-wrapper-mob .tabs {
    height: 100%
}

.user-lk-sidebar-wrapper-mob .tabs .option {
    height: 100%;
    width: 100%;
    flex: 1;
    color: var(--color-text-medium);
    transition: .2s color;
    padding: var(--gap-12) var(--gap-2)
}

.user-lk-sidebar-wrapper-mob .tabs .option:first-child {
    padding-left: var(--gap-8)
}

.user-lk-sidebar-wrapper-mob .tabs .option:last-child {
    padding-right: var(--gap-8)
}

.user-lk-sidebar-wrapper-mob .tabs .option .icon.heart {
    background-image: url(/images/icons/outline/heart--medium.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option .icon.bolt {
    background-image: url(/images/icons/outline/bolt--medium.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option .icon.percent {
    background-image: url(/images/icons/outline/percent--medium.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option .icon.user {
    background-image: url(/images/icons/outline/user--medium.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option.blue .icon.heart {
    background-image: url(/images/icons/outline/heart--map.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option.blue .icon.bolt {
    background-image: url(/images/icons/outline/bolt--map.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option.blue .icon.percent {
    background-image: url(/images/icons/outline/percent--map.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option.blue .icon.user {
    background-image: url(/images/icons/outline/user--map.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option.active .icon.heart {
    background-image: url(/images/icons/outline/heart--high.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option.active .icon.bolt {
    background-image: url(/images/icons/outline/bolt--high.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option.active .icon.percent {
    background-image: url(/images/icons/outline/percent--high.svg)
}

.user-lk-sidebar-wrapper-mob .tabs .option.active .icon.user {
    background-image: url(/images/icons/outline/user--high.svg)
}

.user-lk-layout {
    margin-top: 100px
}

.user-lk-layout .user-lk-content {
    width: 100%
}

.user-partner {
    display: flex;
    flex-direction: column;
    gap: 56px
}

.user-partner .new-partner-head .partner-buttons {
    margin-top: var(--gap-48)
}

@media (max-width: 600px) {
    .user-partner .new-partner-head .partner-buttons {
        margin-top: var(--gap-40);
        flex-direction: column
    }
}

.user-partner .new-partner-head .partner-buttons .button {
    width: -moz-fit-content;
    width: fit-content
}

.user-partner .cashback {
    width: 100%;
    background-color: var(--color-surface-3);
    border-radius: var(--round-32);
    padding: var(--gap-32);
    align-items: stretch
}

@media (max-width: 1150px) {
    .user-partner .cashback {
        padding: var(--gap-32) var(--gap-16);
        flex-direction: column;
        gap: 32px
    }
}

.user-partner .cashback .left {
    max-width: 450px
}

@media (max-width: 900px) {
    .user-partner .cashback .left {
        gap: 12px
    }
}

.user-partner .cashback .right {
    max-width: 600px;
    width: 100%
}

.user-partner .cashback .right .deal-num {
    padding: var(--gap-8) var(--gap-12);
    border: 1px solid var(--color-border-transparent);
    border-radius: var(--round-full);
    flex-shrink: 0
}

.user-partner .cashback .right .border {
    border: 1px dashed var(--color-border-transparent);
    width: 100%;
    position: relative
}

@media (max-width: 900px) {
    .user-partner .cashback .right .border {
        border: 1px solid var(--color-border-transparent)
    }
}

.user-partner .partner-banner {
    border-radius: 32px;
    padding: var(--gap-24);
    width: 100%;
    position: relative;
    overflow: hidden
}

@media (max-width: 900px) {
    .user-partner .partner-banner {
        padding: var(--gap-24) var(--gap-16)
    }
}

.user-partner .partner-banner .woman {
    aspect-ratio: 547/800;
    width: 493px;
    position: absolute;
    bottom: -57px;
    right: -9px;
    background-image: url(/images/partner-bg-woman.webp)
}

@media (max-width: 900px) {
    .user-partner .partner-banner .woman {
        display: none
    }
}

.blur-loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff9;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s
}

.blur-loading-screen.open {
    opacity: 1;
    pointer-events: all
}

.blur-loading-screen .icon {
    background-image: url(/images/building-accent.svg);
    aspect-ratio: 52/72;
    width: 52px
}

.blur-loading-screen .text {
    color: var(--color-text-accent)
}

.user-partner .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high)
}

.user-partner .dropdown-wrapper .dropdown {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-12);
    box-shadow: 0 8px 32px #14141429
}

@media (max-width: 1150px) {
    .user-partner .user-partner-top {
        flex-direction: column;
        align-items: flex-start
    }
}

.user-partner .left-partner-top .black {
    width: -moz-fit-content;
    width: fit-content
}

.user-partner .left-partner-top .partner-buttons .download-button {
    cursor: pointer
}

.user-partner .left-partner-top .partner-buttons .download-button .icon.download {
    background-image: url(/images/icons/outline/download-simple--medium.svg)
}

.user-partner .left-partner-top .partner-buttons .percents {
    cursor: help;
    position: relative
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: .2s opacity;
    color: var(--color-text-high);
    top: 100%;
    right: 0;
    padding-top: var(--gap-8)
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent {
    background-color: #fff;
    border-radius: var(--round-16);
    padding: var(--gap-12);
    box-shadow: 0 8px 32px #14141429;
    width: 276px;
    cursor: default
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .text,
.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .gtext {
    cursor: text
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps {
    background-color: var(--color-surface-1);
    border-radius: var(--round-32)
}

@media (max-width: 900px) {
    .user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps {
        border-radius: var(--round-24);
        border-radius: 0;
        padding: var(--gap-12) var(--gap-16)
    }
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step:not(:last-child) .step__body .right {
    padding-bottom: var(--gap-12)
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step:last-child .step__body .left .line {
    display: none
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step__body .icon {
    background-image: url(/images/icons/outline/radio--medium.svg)
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step__body .left {
    justify-content: flex-start
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step__body .left .line {
    flex-shrink: 1;
    border-radius: var(--round-full);
    width: 2px;
    height: 100%;
    background-color: var(--color-border-transparent)
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step__body .right .progress {
    padding: var(--gap-6) var(--gap-8);
    border-radius: var(--round-full);
    background-color: var(--color-surface-3);
    width: -moz-fit-content;
    width: fit-content
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step__body .right .progress .icon {
    width: 16px
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step__body .right .progress .icon.clock {
    background-image: url(/images/icons/fill/clock--high.svg)
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step.active:before,
.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step.done:before {
    background-color: var(--color-border-solid)
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step.active .step__body .line {
    background-color: var(--color-border-solid)
}

.user-partner .left-partner-top .partner-buttons .percents .dropdown-percent-wrapper .dropdown-percent .steps .step.done .step__body .icon {
    background-image: url(/images/icons/fill/radio-fill--success.svg)
}

.user-partner .left-partner-top .partner-buttons .percents:hover .dropdown-percent-wrapper {
    z-index: 1;
    opacity: 1;
    pointer-events: all
}

.user-partner .left-partner-top .partner-buttons .percents .icon.percent {
    background-image: url(/images/icons/outline/percent--medium.svg)
}

.user-partner .left-partner-top .referal-links .referal .name .icon {
    cursor: help;
    position: relative
}

.user-partner .left-partner-top .referal-links .referal .name .icon.question-circle {
    width: 16.67px;
    background-image: url(/images/icons/fill/question-circle--low.svg)
}

.user-partner .left-partner-top .referal-links .referal .name .icon:hover .dropdown-wrapper {
    z-index: 1;
    opacity: 1;
    pointer-events: all
}

.user-partner .left-partner-top .referal-links .referal .link .icon {
    position: relative
}

@media (max-width: 900px) {
    .user-partner .left-partner-top .referal-links .referal .link .icon {
        padding: var(--gap-12);
        background-color: var(--color-surface-3);
        border-radius: var(--round-full);
        width: 48px;
        aspect-ratio: 1
    }
}

.user-partner .left-partner-top .referal-links .referal .link .icon:has(.share) {
    cursor: pointer
}

.user-partner .left-partner-top .referal-links .referal .link .icon .share {
    aspect-ratio: 1;
    width: 24px;
    background-image: url(/images/icons/outline/share--medium.svg)
}

@media (max-width: 900px) {
    .user-partner .left-partner-top .referal-links .referal .link .icon .share {
        background-image: url(/images/icons/outline/share--high.svg)
    }
}

.user-partner .left-partner-top .referal-links .referal .link .icon .share.drop-opened {
    background-image: url(/images/icons/outline/share--high.svg)
}

.user-partner .right-partner-top {
    padding: var(--gap-24);
    border-radius: var(--round-24);
    box-shadow: 0 10px 40px #1414141a;
    max-width: 308px;
    width: 100%
}

@media (max-width: 600px) {
    .user-partner .right-partner-top {
        max-width: none
    }
}

.user-partner .right-partner-top .withdraw .icon {
    cursor: pointer;
    position: relative
}

.user-partner .right-partner-top .withdraw .icon.question-circle {
    width: 16.67px;
    background-image: url(/images/icons/fill/question-circle--low.svg)
}

.user-partner .right-partner-top .withdraw .icon:hover .dropdown-wrapper {
    z-index: 1;
    opacity: 1;
    pointer-events: all
}

.user-partner .right-partner-top .divider {
    margin: 24px 0
}

.user-partner .right-partner-top .bottom-form .sect .icon.whatsapp {
    background-image: url(/images/social-colored/wa.svg)
}

.user-partner .right-partner-top .bottom-form .sect .icon.facebook {
    background-image: url(/images/social-colored/fb.svg)
}

.user-partner .right-partner-top .bottom-form .sect .icon.telegram {
    background-image: url(/images/social-colored/tg.svg)
}

@media (max-width: 1150px) {
    .user-partner .statistic {
        flex-wrap: wrap
    }
}

.user-partner .statistic .stat-card {
    padding: var(--gap-24);
    background-color: var(--color-surface-3);
    max-width: 308px;
    width: 100%;
    border-radius: var(--round-24)
}

.user-partner .statistic .stat-card .top-card .deal-amount .icon {
    position: relative;
    cursor: pointer
}

.user-partner .statistic .stat-card .top-card .deal-amount .icon.question-circle {
    background-image: url(/images/icons/fill/question-circle--low.svg)
}

.user-partner .statistic .stat-card .top-card .deal-amount .icon:hover .dropdown-wrapper {
    z-index: 1;
    opacity: 1;
    pointer-events: all
}

.user-partner .state-banner {
    width: 100%;
    border-radius: var(--round-32);
    height: 336px;
    padding: var(--gap-24)
}

@media (max-width: 900px) {
    .user-partner .state-banner {
        display: none
    }
}

.user-partner .state-banner .banner-block {
    padding: var(--gap-32);
    background-color: var(--color-surface-1);
    border-radius: var(--round-16);
    max-width: 454px
}

.user-partner .state-banner .banner-block .link {
    cursor: pointer
}

.user-partner .state-banner.state-banner-mob {
    height: 572px;
    padding: var(--gap-24) var(--gap-16);
    width: -moz-fit-content;
    width: fit-content;
    align-items: flex-end;
    display: none
}

@media (max-width: 900px) {
    .user-partner .state-banner.state-banner-mob {
        display: flex
    }
}

.user-partner .state-banner.state-banner-mob .banner-block {
    max-width: 343px;
    width: 100%
}

.user-lk-partner-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px
}

.user-lk-partner-table thead tr th:first-child,
.user-lk-partner-table thead tr td:first-child,
.user-lk-partner-table tbody tr th:first-child,
.user-lk-partner-table tbody tr td:first-child {
    padding-left: var(--gap-16)
}

.user-lk-partner-table thead tr th:last-child,
.user-lk-partner-table thead tr td:last-child,
.user-lk-partner-table tbody tr th:last-child,
.user-lk-partner-table tbody tr td:last-child {
    padding-right: var(--gap-16)
}

.user-lk-partner-table thead tr th:not(:last-child),
.user-lk-partner-table thead tr td:not(:last-child),
.user-lk-partner-table tbody tr th:not(:last-child),
.user-lk-partner-table tbody tr td:not(:last-child) {
    padding-right: var(--gap-12)
}

.user-lk-partner-table thead:after {
    content: "";
    display: block;
    height: var(--gap-4)
}

.user-lk-partner-table thead tr th {
    transition: .2s color;
    border-top: 1px solid var(--color-border-transparent);
    border-bottom: 1px solid var(--color-border-transparent)
}

.user-lk-partner-table thead tr th .flex {
    display: flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-top: var(--gap-16);
    padding-bottom: var(--gap-16)
}

.user-lk-partner-table thead tr th .icon.sort {
    display: block;
    background-image: url(/images/icons/outline/arrows-down-up--medium.svg)
}

.user-lk-partner-table thead tr th:hover {
    color: var(--color-text-accent)
}

.user-lk-partner-table thead tr th:hover .icon.sort {
    background-image: url(/images/icons/outline/arrows-down-up--accent.svg)
}

.user-lk-partner-table thead tr th .flex.right {
    justify-content: flex-end
}

.user-lk-partner-table tbody tr {
    background-color: var(--color-surface-3)
}

.user-lk-partner-table tbody tr td {
    padding-top: var(--gap-16);
    padding-bottom: var(--gap-16)
}

.user-lk-partner-table tbody tr td:first-child {
    border-radius: var(--round-12) 0 0 var(--round-12)
}

.user-lk-partner-table tbody tr td:last-child {
    border-radius: 0 var(--round-12) var(--round-12) 0
}

.user-lk-partner-table tbody tr td .text.right,
.user-lk-partner-table tbody tr td .gtext.right,
.user-lk-partner-table tbody tr td .grtext.right {
    text-align: right
}

.user-lk-refs .no-data-wrapper,
.user-lk-payout .no-data-wrapper,
.user-lk-deals .no-data-wrapper {
    padding: var(--gap-80) 0
}

.user-lk-refs .no-data-wrapper .no-data,
.user-lk-payout .no-data-wrapper .no-data,
.user-lk-deals .no-data-wrapper .no-data {
    max-width: 360px;
    text-align: center
}

.user-lk-refs .no-data-wrapper .no-data .icon,
.user-lk-payout .no-data-wrapper .no-data .icon,
.user-lk-deals .no-data-wrapper .no-data .icon {
    width: 32px
}

.user-lk-refs .no-data-wrapper .no-data .icon.users,
.user-lk-payout .no-data-wrapper .no-data .icon.users,
.user-lk-deals .no-data-wrapper .no-data .icon.users {
    background-image: url(/images/icons/outline/users--medium.svg)
}

.user-lk-refs .no-data-wrapper .no-data .icon.coin,
.user-lk-payout .no-data-wrapper .no-data .icon.coin,
.user-lk-deals .no-data-wrapper .no-data .icon.coin {
    background-image: url(/images/icons/outline/Coin--medium.svg)
}

.user-lk-refs .no-data-wrapper .no-data .icon.handshake,
.user-lk-payout .no-data-wrapper .no-data .icon.handshake,
.user-lk-deals .no-data-wrapper .no-data .icon.handshake {
    background-image: url(/images/icons/outline/handshake--medium.svg)
}

.user-lk-profile {
    max-width: 632px
}

.user-lk-profile .profile-wrapper {
    border-radius: var(--round-32);
    background-color: #fff
}

.user-lk-profile .profile-wrapper .link-but {
    transition: .2s color
}

.user-lk-profile .profile-wrapper .link-but:hover {
    color: var(--color-text-high)
}

.user-lk-profile .profile-wrapper .avatar-edit {
    justify-content: start
}

@media (max-width: 900px) {
    .user-lk-profile .profile-wrapper .avatar-edit {
        gap: var(--gap-16)
    }
}

.user-lk-profile .profile-wrapper .avatar-edit .avatar {
    aspect-ratio: 1;
    width: 100px;
    border-radius: var(--round-full);
    border: 1px solid var(--color-border-transparent)
}

@media (max-width: 900px) {
    .user-lk-profile .profile-wrapper .avatar-edit .avatar {
        width: 56px
    }
}

.user-lk-profile .profile-wrapper .avatar-edit .edit,
.user-lk-profile .profile-wrapper .avatar-edit .delete {
    cursor: pointer;
    white-space: nowrap
}

.user-lk-profile .profile-wrapper .user-info {
    width: 100%
}

.user-lk-profile .profile-wrapper .user-info .contacts-info-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
    width: 100%
}

@media (max-width: 900px) {
    .user-lk-profile .profile-wrapper .user-info .contacts-info-container {
        grid-template-columns: repeat(1, 1fr)
    }
}

.user-lk-profile .profile-wrapper .user-info .other-info,
.user-lk-profile .profile-wrapper .user-info .info-item,
.user-lk-profile .profile-wrapper .user-info .info-item .change-smth {
    width: 100%
}

.user-lk-profile .profile-wrapper .user-info .info-item .change-smth .gtext {
    cursor: pointer
}

.user-lk-profile .profile-wrapper .user-info .input-wrapper {
    width: 100%
}

@media (max-width: 900px) {
    .user-lk-profile .profile-wrapper .user-info .ur-state .ur-line-params {
        flex-direction: column
    }
}

.user-lk-profile .profile-wrapper .user-info .ur-state .ur-line-params .ur-line-wrapper {
    padding: var(--gap-12) 0;
    cursor: pointer
}

@media (max-width: 900px) {
    .user-lk-profile .profile-wrapper .user-info .ur-state .ur-line-params .ur-line-wrapper {
        padding: 0
    }
}

.user-lk-profile .profile-wrapper .user-info .ur-state .ur-line-params .ur-line-wrapper input:checked[type=checkbox]+.params-line .checkbox {
    background-image: url(/images/icons/fill/radio-fill--high.svg)
}

.user-lk-profile .profile-wrapper .user-info .ur-state .ur-line-params .ur-line-wrapper input:checked[type=radio]+.params-line .checkbox {
    background-image: url(/images/icons/fill/radio-fill--high.svg)
}

.user-lk-profile .profile-wrapper .user-info .ur-state .ur-line-params .ur-line-wrapper input[type=checkbox]+.params-line .checkbox {
    background-image: url(/images/icons/outline/radio--medium.svg)
}

.user-lk-profile .profile-wrapper .user-info .ur-state .ur-line-params .ur-line-wrapper input[type=radio]+.params-line .checkbox {
    background-image: url(/images/icons/outline/radio--medium.svg)
}

.user-lk-profile .profile-wrapper .change-pass {
    width: 100%
}

.user-lk-profile .profile-wrapper:not(:first-child) {
    margin-top: 16px
}

.user-lk-profile .profile-wrapper .button.inactive {
    pointer-events: none;
    background-color: var(--color-surface-3);
    color: var(--color-text-low)
}

@media (max-width: 900px) {
    .user-lk-profile .profile-wrapper .button {
        margin: 0
    }
}

.user-lk-refs .user-lk-partner-table .name .icon {
    position: relative;
    width: 20px
}

.user-lk-refs .user-lk-partner-table .name .icon.question-circle {
    background-image: url(/images/icons/fill/question-circle--low.svg)
}

.user-lk-refs .user-lk-partner-table .name .icon .dropdown {
    min-width: 175px
}

.user-lk-refs .user-lk-partner-table .name .icon:hover .dropdown-wrapper {
    z-index: 1;
    opacity: 1;
    pointer-events: all
}

@media (max-width: 900px) {

    .user-lk-refs .user-lk-partner-table,
    .user-lk-refs .user-lk-partner-table tbody,
    .user-lk-refs .user-lk-partner-table tr,
    .user-lk-refs .user-lk-partner-table td {
        display: block
    }

    .user-lk-refs .user-lk-partner-table tbody {
        display: flex;
        flex-direction: column;
        gap: var(--gap-8)
    }

    .user-lk-refs .user-lk-partner-table tbody tr {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: var(--gap-16);
        gap: var(--gap-4);
        border-radius: var(--round-12)
    }

    .user-lk-refs .user-lk-partner-table tbody tr td {
        padding-right: 0;
        padding-left: 0
    }

    .user-lk-refs .user-lk-partner-table tbody tr td .added {
        text-transform: lowercase
    }

    .user-lk-refs .user-lk-partner-table tbody tr td.left,
    .user-lk-refs .user-lk-partner-table tbody tr td.left * {
        text-align: left
    }

    .user-lk-refs .user-lk-partner-table tbody tr td.right,
    .user-lk-refs .user-lk-partner-table tbody tr td.right * {
        text-align: right
    }

    .user-lk-refs .user-lk-partner-table tbody tr td.mt-16 {
        margin-top: var(--gap-16)
    }

    .user-lk-refs .user-lk-partner-table tbody tr>* {
        width: 49%;
        padding: 0
    }

    .user-lk-refs .user-lk-partner-table tbody tr>*.full-width {
        width: 100%
    }
}

.user-lk-tabs .tab {
    cursor: pointer;
    padding-bottom: var(--gap-8);
    border-bottom: 2px solid transparent;
    transition: .2s;
    transition-property: color, border-bottom-color
}

.user-lk-tabs .tab.active {
    color: var(--color-text-high);
    border-bottom: 2px solid var(--color-border-solid)
}

.team-page {
    margin-top: 100px
}

@media (max-width: 900px) {
    .team-page {
        margin-top: 80px;
        margin-bottom: 64px
    }
}

.team-page .descr {
    max-width: 718px;
    margin-top: var(--gap-16)
}

.team-page .team-grid {
    margin-top: var(--gap-32);
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 1390px) {
    .team-page .team-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 700px) {
    .team-page .team-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 500px) {
    .team-page .team-grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.team-page .team-grid .team-card {
    max-width: 416px;
    width: 100%
}

@media (max-width: 700px) {
    .team-page .team-grid .team-card {
        max-width: 312px
    }
}

@media (max-width: 500px) {
    .team-page .team-grid .team-card {
        max-width: none
    }
}

.team-page .team-grid .team-card .photo {
    aspect-ratio: 416/448;
    width: 100%;
    border-radius: var(--round-24);
    position: relative;
    overflow: hidden
}

.team-page .team-grid .team-card .bottom {
    width: 100%;
    padding: var(--gap-16)
}

.team-page .team-grid .team-card.team-card-new {
    width: 308px
}

@media (max-width: 1390px) {
    .team-page .team-grid .team-card.team-card-new {
        width: 100%
    }
}

.team-page .team-grid .team-card.team-card-new .photo {
    aspect-ratio: 1;
    width: 100%
}

.team-page .team-grid .team-card.team-card-new .photo .gray-button {
    position: absolute;
    right: var(--gap-12);
    bottom: var(--gap-12)
}

.team-page .team-grid .team-card.team-card-new .photo .gray-button .button .icon {
    background-image: url(/images/icons/fill/whatsapp--success.svg);
    filter: none
}

.team-page .team-grid .team-card.team-card-new .photo .gray-button .button:hover {
    filter: none;
    background-color: var(--color-surface-success)
}

.team-page .team-grid .team-card.team-card-new .photo .gray-button .button:hover .icon {
    background-image: url(/images/icons/fill/whatsapp--high-invert.svg)
}

.offices:first-child {
    margin-top: 75px
}

@media (max-width: 900px) {
    .offices:last-of-type .box {
        margin-bottom: 70px
    }
}

.offices .box>.title {
    margin: var(--gap-40) 0;
    margin-bottom: var(--gap-24)
}

@media (max-width: 900px) {
    .offices .box>.title {
        margin: 0;
        margin-top: var(--gap-16);
        margin-bottom: var(--gap-16)
    }

    .offices .box .map {
        flex-direction: column-reverse;
        padding-left: 0;
        padding-right: 0
    }
}

.offices .box .map .offices-list {
    width: 400px;
    height: 670px;
    flex-shrink: 0;
    border-radius: var(--round-24);
    box-shadow: 0 10px 40px #1414141a;
    padding: var(--gap-20) 0;
    padding-bottom: 0;
    position: relative
}

@media (max-width: 900px) {
    .offices .box .map .offices-list {
        width: 100%;
        padding: 0;
        height: auto;
        box-shadow: none
    }

    .offices .box .map .offices-list>*:not(.slider-wrapper) {
        padding-left: var(--gap-16);
        padding-right: var(--gap-16)
    }

    .offices .box .map .offices-list>.slider-wrapper .slider-el:first-child {
        padding-left: var(--gap-16)
    }

    .offices .box .map .offices-list>.slider-wrapper .slider-el:last-child {
        padding-right: var(--gap-16)
    }
}

.offices .box .map .offices-list .selected-office-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: .2s grid-template-rows;
    padding: 0 var(--gap-20)
}

.offices .box .map .offices-list .selected-office-wrapper .selected-office {
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    transition: padding-bottom .2s
}

.offices .box .map .offices-list .selected-office-wrapper .selected-office .address {
    margin-top: var(--gap-16)
}

.offices .box .map .offices-list .selected-office-wrapper .selected-office .route-button {
    margin-top: var(--gap-24)
}

.offices .box .map .offices-list .cities-list-wrapper {
    padding: 0 var(--gap-20);
    border-top: 1px solid transparent;
    height: 100%;
    overflow: hidden;
    transition: .2s;
    transition-property: padding-top, border
}

.offices .box .map .offices-list .cities-list-wrapper .city-offices-title-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: .2s grid-template-rows
}

.offices .box .map .offices-list .cities-list-wrapper .city-offices-title-wrapper .city-offices-title {
    overflow: hidden;
    margin-bottom: 0;
    transition: .2s margin-bottom
}

.offices .box .map .offices-list .cities-list-wrapper .input-wrapper {
    margin-bottom: var(--gap-20);
    flex-shrink: 0
}

@media (max-width: 900px) {
    .offices .box .map .offices-list .cities-list-wrapper .input-wrapper {
        margin-bottom: var(--gap-4)
    }
}

.offices .box .map .offices-list .cities-list-wrapper .cities-list-scroll-wrapper {
    height: 100%;
    overflow: auto
}

@media (max-width: 900px) {
    .offices .box .map .offices-list .cities-list-wrapper .cities-list-scroll-wrapper {
        margin-top: var(--gap-24)
    }
}

.offices .box .map .offices-list .cities-list-wrapper .cities-list-scroll-wrapper .cities-list {
    gap: var(--gap-12) var(--gap-8);
    flex-wrap: wrap;
    padding-bottom: var(--gap-20)
}

.offices .box .map .offices-list .cities-list-wrapper .cities-list-scroll-wrapper .cities-list .city-letter {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.offices .box .map .offices-list .cities-list-wrapper .cities-list-scroll-wrapper .cities-list .city-letter:not(:first-child) {
    margin-top: var(--gap-16)
}

.offices .box .map .offices-list .cities-list-wrapper .cities-list-scroll-wrapper .cities-list .city {
    cursor: pointer;
    width: calc(50% - 4px)
}

.offices .box .map .offices-list.address-opened .selected-office-wrapper {
    grid-template-rows: 1fr
}

.offices .box .map .offices-list.address-opened .selected-office-wrapper .selected-office {
    padding-bottom: var(--gap-32)
}

.offices .box .map .offices-list.address-opened .cities-list-wrapper {
    border-top: 1px solid var(--color-border-transparent);
    padding-top: var(--gap-24)
}

.offices .box .map .offices-list.address-opened .cities-list-wrapper .city-offices-title-wrapper {
    grid-template-rows: 1fr
}

.offices .box .map .offices-list.address-opened .cities-list-wrapper .city-offices-title-wrapper .city-offices-title {
    margin-bottom: var(--gap-16)
}

.offices .box .map .offices-map {
    width: 100%
}

@media (max-width: 900px) {
    .offices .box .map .offices-map {
        height: 450px;
        flex-shrink: 0
    }
}

.offices .box .map .offices-map .map-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.offices .box .map .offices-map .map-inner .map-frame {
    width: 100%;
    height: 100%;
    border-radius: var(--round-32)
}

.route-button {
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    border-radius: var(--round-full);
    border: 1px solid var(--color-border-transparent);
    padding: var(--gap-8) var(--gap-16) var(--gap-8) var(--gap-12);
    transition: .2s border
}

.route-button:hover {
    border: 1px solid var(--color-border-solid)
}

.route-button .route-button-icon {
    background-image: url(/images/icons/outline/map-direction--high.svg)
}

.route-button .route-button-inner {
    width: -moz-fit-content;
    width: fit-content
}

.country-tabs.country-tabs {
    margin-bottom: var(--gap-40)
}

@media (max-width: 900px) {
    .country-tabs.country-tabs {
        margin-bottom: var(--gap-24)
    }
}

.country-tabs.country-tabs .tab {
    padding: 13px var(--gap-20);
    border-bottom: none;
    border: 1px solid var(--color-border-transparent);
    border-radius: var(--round-full);
    color: var(--color-text-high);
    transition: .2s;
    transition-property: color, background-color, border
}

.country-tabs.country-tabs .tab.active {
    border-bottom: none;
    color: var(--color-text-high-invert);
    background-color: var(--color-icon-high);
    border: 1px solid var(--color-surface-1)
}

@media (max-width: 900px) {
    .country-tabs.country-tabs .slider-el.slider-el:first-child {
        padding-left: 0
    }

    .country-tabs.country-tabs .slider-el.slider-el:last-child {
        padding-right: 0
    }
}

.map-frame-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--gap-16)
}

.map-frame-controls .zoom-controls__item {
    aspect-ratio: 1;
    border-radius: var(--round-16);
    background-color: var(--color-surface-1);
    cursor: pointer;
    width: 48px
}

.map-frame-controls .zoom-controls__item--plus .zoom-controls__icon {
    background-image: url(/images/icons/outline/plus--high.svg)
}

.map-frame-controls .zoom-controls__item--minus .zoom-controls__icon {
    background-image: url(/images/icons/outline/minus--high.svg)
}

.errors {
    font-size: 16px;
    color: red
}

.coll-item {
    cursor: pointer
}

.button button {
    background: none;
    border: none;
    cursor: pointer
}

.dda-drag-drop-area {
    width: 100%
}

[drop-id=complete-dates-dropdown],
[drop-id=developers-dropdown],
[drop-id=residential-complexes-dropdown] {
    overflow: scroll;
    max-height: 265px
}

.collection-card {
    min-width: 23.3%
}

.collection-card .image-coll .button.glass .dropdown-wrapper .dropdown {
    width: 250px
}

@media (max-width: 1200px) {
    .collection-card {
        min-width: 31.4%
    }
}

.dropdown .gray-button {
    display: block;
    margin: 5px 0;
    width: 100%
}

.manage-card .contacts .mail {
    overflow-wrap: break-word
}

.steps-about .index-steps .bottom-block .steps .step .bottom-step .gtext {
    max-width: 90%
}

.more .dropdown-wrapper {
    z-index: 2
}

.button.disabled {
    cursor: not-allowed
}

#home-searchbar {
    position: relative
}

.broker-inner-obj .left .section .params-spoiler .param .image,
.broker-inner-obj .left .section .params .param .image {
    height: 48px;
    flex-shrink: 0
}

.broker-inner-obj .left .section .params-spoiler .param .image,
.broker-inner-obj .left .section .params .param .image .icon {
    display: flex
}

.broker-inner-obj .left .broker-obj-header .title {
    max-width: inherit
}

input[type=number] {
    -moz-appearance: textfield;
    height: 100%;
    padding: 0 var(--gap-4);
    border: none;
    background-color: transparent;
    width: 100%;
    border-radius: var(--round-8);
    outline: none !important
}

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

.input-wrapper:has(input[type=number]) {
    outline: none !important
}

.index-news-slider-mob .video-cards-block .title .yt-wrap {
    top: .3em
}

.role-management .role-cards .manage-card .contacts {
    max-width: 200px;
    width: 100%
}

.role-management .role-cards .manage-card .add-to-group {
    width: 140px
}

.role-management .role-cards .manage-card .broker-role-wrapper {
    width: 120px;
    max-width: 120px
}

.hidden {
    display: none
}

.broker-obj-empty {
    margin-top: 35px
}

@media (min-width: 1250px) {
    #home-searchbar .title-room-type {
        left: 0 !important
    }

    .custom-dropdown.title-room-count-drop {
        left: 330px !important
    }

    .custom-dropdown.title-room-price {
        left: 535px !important
    }

    .custom-dropdown[drop-id=address-search] {
        right: 0;
        left: unset !important
    }
}

@media (min-width: 900px) {
    .index-title-banner .search-section {
        height: 200px
    }
}

.index-title-banner .box .title .selector .arrow {
    width: 32px;
    transform: translateY(9%)
}

.index-title-banner .box {
    gap: 25px
}

.index-title-banner .box .search-section .bottom-menu .filters .button {
    background-color: var(--color-surface-glass);
    -webkit-backdrop-filter: var(--blur-bg-8);
    backdrop-filter: var(--blur-bg-8)
}

.popup__wrapper.lead-form .popup__body {
    overflow: inherit
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown .dropdown__nav-p {
    padding: var(--gap-12) var(--gap-8)
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown .gray-button {
    margin-top: var(--gap-8);
    margin-left: var(--gap-8);
    margin-right: var(--gap-8)
}

.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown,
.custom-dropdown.search-dropdown {
    padding: var(--gap-4)
}

custom-dropdown.search-dropdown .value,
.popup__wrapper.search-dropdown .value {
    border-radius: var(--round-12)
}

@media (max-width: 1280px) {
    .cities-block .cities .cities-card {
        width: 30vw
    }
}

.move-slider .arrows-wrapper .arrow-button {
    width: 48px
}

@media (max-width: 1280px) {
    .move-slider .arrows-wrapper .arrow-button {
        opacity: .3
    }
}

@media (width > 1270px) {
    .team-slider .team-card.team-card-new {
        width: 19.1vw
    }
}

@media (width > 1350px) {
    .team-slider .team-card.team-card-new {
        width: 22.5vw
    }
}

@media (width > 1500px) {
    .team-slider .team-card.team-card-new {
        width: 19.1vw
    }
}

.section-hidden {
    display: none
}

.video-gal .video:hover,
.gallera.with-slider .galera-item.bcv:hover {
    background-color: #0003;
    background-blend-mode: multiply
}

.slider.four .slider-el .complex-card {
    width: calc(25vw - 33px)
}

@media (width > 1600px) {
    .slider.four .slider-el .complex-card {
        width: calc(25vw - 93px)
    }
}

@media (width < 1600px) and (width > 1200px) {
    #home-search-bar-app .box {
        padding-top: 115px
    }
}

.header-button .favorite-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #000;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 11px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0
}

@media (min-width: 1001px) {
    .header-button.button.open-mob-nav {
        display: none
    }
}

.header-button .favorite-count.active {
    opacity: 1
}

.custom-dropdown .checkbox-line-wrapper,
.popup__wrapper .checkbox-line-wrapper {
    padding: var(--gap-8) var(--gap-6)
}

.title.ffs-at.f-col.f-d-lg-m .text {
    line-height: 105%
}

.index-title-banner .box {
    gap: 8px
}

.input-wrapper .phones-dropdown .search-phone-code {
    width: auto !important
}

body:not(.scrolled-100) .inner-obj-under-header {
    display: none
}

.inner-obj-under-header {
    box-shadow: var(--shadow-drop-header)
}

.inner-obj-under-header .fav-share .button {
    padding: var(--gap-8)
}

.fav-share .button .icon {
    position: relative;
    z-index: 5;
    width: 24px
}

.button.active .heart {
    background-image: url(/images/heart-full-red.svg)
}

.inner-obj-under-header .fav-share .heart:hover,
.inner-obj-under-header .fav-share .heart.active {
    background-image: url(/images/heart-full-red.svg)
}

.jk-slider {
    height: calc(95vh - var(--round-40));
    max-height: 650px
}

.jk-slider .icon.heart {
    background-image: url(/images/icons/outline/heart--high-invert.svg)
}

.jk-slider .active .icon.heart {
    background-image: url(/images/heart-full-red.svg)
}

.gk .button.border:hover {
    border: 1px solid var(--color-border-transparent);
    cursor: auto
}

.button.border:hover .icon.heart {
    background-image: url(/images/heart-full-red.svg)
}

.main .input-button-wrapper .button {
    padding: var(--gap-8)
}

.main .double-input {
    height: 40px
}

#home-searchbar .title-room-type {
    width: 330px !important
}

@media (min-width: 1251px) {
    .index-title-banner .box .search-section .searchbar .search-dropdown:first-child {
        min-width: 330px
    }
}

.gallery .image {
    background-size: contain !important
}

#home-search-bar-app {
    z-index: 1
}

#home-search-bar-app>.box {
    min-height: 100%
}

.complex-card .loc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.complex-card .date {
    min-width: 47%;
    text-align: end
}

.right-form-wrapper__connect {
    display: flex;
    flex-direction: column;
    gap: var(--gap-12)
}

.right-form-wrapper__connect-label {
    color: #1414147a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35
}

.right-form-wrapper__connect-buttons {
    display: flex;
    align-items: center;
    gap: var(--gap-4);
    flex-wrap: wrap
}

.right-form-wrapper__connect-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 14px 18px;
    border-radius: 9999px;
    background-color: transparent;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease
}

@media (hover: hover) {
    .right-form-wrapper__connect-button:hover {
        background-color: #000;
        color: #fff
    }
}

.right-form-wrapper__connect-button.active {
    background-color: #000;
    color: #fff
}

@media screen and (min-width: 1276px) {
    .right-form-wrapper .broker-badge {
        display: none
    }
}

.right-form-wrapper .input-wrapper.success {
    background: rgba(228, 251, 238, 1);
    display: none
}

.right-form-wrapper .success .gtext {
    color: var(--color-text-success)
}

.right-form-wrapper .success .icon.check-circle {
    background-image: url(/images/icons/outline/check-circle--success.svg)
}

.user-not-found:lang(ru):after {
    content: "Пользователь не найден" !important
}

.user-not-found:lang(en):after {
    content: "User not found" !important
}

.user-exist:lang(ru):after {
    content: "Такой пользователь уже существует" !important
}

.user-exist:lang(en):after {
    content: "User already exists" !important
}

.password-lenght:lang(ru):after {
    content: "Пароль должен быть не менее 8 символов" !important
}

.password-lenght:lang(en):after {
    content: "The password field must be at least 8 characters" !important
}

.password-confirm:lang(ru):after {
    content: "Пароли не совпадают" !important
}

.password-confirm:lang(en):after {
    content: "The password confirmation field confirmation does not match" !important
}

.mt-20 {
    margin-top: 20px
}

@media (max-width: 900px) {
    .user-lk-layout.box-wrapper .box {
        margin-bottom: 50px
    }
}

.box-wrapper.complex {
    padding-top: var(--gap-40)
}

.share-buttons {
    position: relative
}

.filters-popup-wrapper.open {
    z-index: 1001
}

.__jivoMobileButton {
    z-index: 900 !important
}

.popup__wrapper .popup__body-inner {
    overflow-y: auto
}

.fix-broker-inner-callback .black {
    width: calc(100% - 125px);
    max-width: inherit;
    flex: 1
}

@media (max-width: 900px) {
    .obj-slider:has(.slider) .title {
        padding-left: var(--gap-16)
    }

    .index-news-slider-mob .box:has(.slider) {
        padding-left: var(--gap-16);
        padding-right: var(--gap-16)
    }
}

.hidden-text {
    max-width: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-lk-refs .no-data-wrapper,
.user-lk-payout .no-data-wrapper,
.user-lk-deals .no-data-wrapper {
    padding: 0 0 var(--gap-80) 0
}

.foot-button {
    margin-bottom: 60px
}

@media (max-width: 900px) {
    .gallery.open .arrow-button {
        display: none
    }

    .footer.move-top {
        margin-top: calc(1 * var(--gap-24))
    }
}

.multiselect {
    --ms-font-size: 1rem;
    --ms-line-height: 1.375;
    --ms-bg: #ffffff;
    --ms-bg-disabled: #F3F4F6;
    --ms-border-color: transparent;
    --ms-border-width: 1px;
    --ms-border-color-active: var(--color-border-transparent);
    --ms-border-width-active: 1px;
    --ms-radius: var(--round-16);
    --ms-py: 8px;
    --ms-px: var(--gap-20);
    --ms-ring-width: 0;
    --ms-ring-color: transparent;
    --ms-placeholder-color: var(--color-text-medium);
    --ms-max-height: 300px;
    --ms-spinner-color: #000000;
    --ms-caret-color: #000000;
    --ms-clear-color: #000000;
    --ms-clear-color-hover: #000000;
    --ms-tag-font-size: .875rem;
    --ms-tag-line-height: 1.25rem;
    --ms-tag-font-weight: 600;
    --ms-tag-bg: #000000;
    --ms-tag-bg-disabled: #000000;
    --ms-tag-color: #FFFFFF;
    --ms-tag-color-disabled: #FFFFFF;
    --ms-tag-radius: 4px;
    --ms-tag-py: .125rem;
    --ms-tag-px: .5rem;
    --ms-tag-my: .25rem;
    --ms-tag-mx: .25rem;
    --ms-tag-remove-radius: 4px;
    --ms-tag-remove-py: .25rem;
    --ms-tag-remove-px: .25rem;
    --ms-tag-remove-my: 0rem;
    --ms-tag-remove-mx: .125rem;
    --ms-dropdown-bg: #FFFFFF;
    --ms-dropdown-border-color: #D1D5DB;
    --ms-dropdown-border-width: 1px;
    --ms-dropdown-radius: var(--round-16);
    --ms-group-label-py: .3rem;
    --ms-group-label-px: .75rem;
    --ms-group-label-line-height: 1.375;
    --ms-group-label-bg: #E5E7EB;
    --ms-group-label-color: #374151;
    --ms-group-label-bg-pointed: #D1D5DB;
    --ms-group-label-color-pointed: #374151;
    --ms-group-label-bg-disabled: #F3F4F6;
    --ms-group-label-color-disabled: #D1D5DB;
    --ms-group-label-bg-selected: #059669;
    --ms-group-label-color-selected: #FFFFFF;
    --ms-group-label-bg-selected-pointed: #0c9e70;
    --ms-group-label-color-selected-pointed: #FFFFFF;
    --ms-group-label-bg-selected-disabled: #75cfb1;
    --ms-group-label-color-selected-disabled: #D1FAE5;
    --ms-option-font-size: inherit;
    --ms-option-line-height: inherit;
    --ms-option-bg-pointed: var(--color-surface-3);
    --ms-option-color-pointed: #1F2937;
    --ms-option-bg-selected: transparent;
    --ms-option-color-selected: #000000;
    --ms-option-bg-disabled: #FFFFFF;
    --ms-option-color-disabled: #D1D5DB;
    --ms-option-bg-selected-pointed: var(--color-surface-3);
    --ms-option-color-selected-pointed: #000000;
    --ms-option-bg-selected-disabled: #FFFFFF;
    --ms-option-color-selected-disabled: #D1FAE5;
    --ms-option-py: var(--gap-12);
    --ms-option-px: var(--gap-12);
    --ms-empty-color: #4B5563
}

.multiselect.multiselect--filter {
    --ms-bg: var(--color-neutral-200);
    --ms-border-color: var(--color-neutral-200);
    --ms-radius: 16px;
    --ms-font-size: 14px;
    --ms-line-height: 1.14;
    --ms-py: 10px;
    --ms-px: 12px;
    --ms-option-font-size: 14px;
    --ms-option-line-height: 1.14
}

.multiselect.multiselect--filter .multiselect-wrapper {
    min-height: 40px
}

.multiselect:hover {
    --ms-border-color: var(--color-border-transparent)
}

.multiselect.is-open {
    border-radius: var(--ms-radius) !important
}

.multiselect.multiselect--dark {
    --ms-bg: var(--color-surface-3)
}

.multiselect.multiselect--placeholder-value {
    --ms-placeholder-color: var(--color-neutral-900)
}

.multiselect .multiselect-wrapper {
    min-height: 48px
}

.multiselect .multiselect-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: var(--round-12)
}

.multiselect .multiselect-option.is-selected:after {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(/images/icons/outline/check--medium.svg)
}

.multiselect .multiselect-caret {
    width: 24px;
    height: 24px;
    -webkit-mask-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%3Cscript xmlns=''/%3E%3Cscript xmlns=''/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%231414147a'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
    mask-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%3Cscript xmlns=''/%3E%3Cscript xmlns=''/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%231414147a'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E")
}

.multiselect .multiselect-dropdown {
    bottom: -10px;
    padding: 0;
    border: none;
    border-radius: var(--round-16);
    box-shadow: 0 8px 32px #14141429;
    overflow: hidden
}

.multiselect .multiselect-options {
    padding: 0;
    overflow-y: auto
}

.multiselect .multiselect-tags-search {
    background: inherit
}

.dp__main .dp__theme_light {
    --dp-background-color: #ffffff;
    --dp-text-color: #212121;
    --dp-hover-color: #f3f3f3;
    --dp-hover-text-color: #212121;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #000000;
    --dp-primary-disabled-color: #000000;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #c0c4cc;
    --dp-border-color: transpaerent;
    --dp-menu-border-color: #ddd;
    --dp-border-color-hover: var(--color-border-transparent);
    --dp-border-color-focus: var(--color-border-transparent);
    --dp-disabled-color: #f6f6f6;
    --dp-scroll-bar-background: #f3f3f3;
    --dp-scroll-bar-color: #959595;
    --dp-success-color: #76d275;
    --dp-success-color-disabled: #a3d9b1;
    --dp-icon-color: #959595;
    --dp-danger-color: #ff6f60;
    --dp-marker-color: #ff6f60;
    --dp-tooltip-color: #fafafa;
    --dp-disabled-color-text: #8e8e8e;
    --dp-highlight-color: rgb(25 118 210 / 10%);
    --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
    --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
    --dp-loader: 5px solid #1976d2
}

.dp__main .dp__input {
    --dp-border-radius: 16px;
    --dp-border-color: transpaerent;
    height: 48px;
    background-color: var(--color-surface-3)
}

.dp__main .dp__input:hover {
    outline: 1px solid var(--color-border-transparent)
}

.main-blog {
    display: flex;
    flex-direction: column;
    gap: var(--gap-40);
    margin-top: var(--gap-100)
}

@media (max-width: 900px) {
    .main-blog {
        margin-top: var(--gap-80);
        gap: var(--gap-32)
    }
}

.main-blog__slider {
    position: relative;
    display: flex;
    flex-direction: column
}

.main-blog__slider .swiper {
    margin: 0;
    max-width: 100%
}

.main-blog__slider .swiper-buttons {
    display: none
}

@media (any-hover: hover) {
    .main-blog__slider .swiper-buttons {
        display: block
    }
}

@media (max-width: 1400px) {
    .main-blog__slider .swiper-buttons {
        display: none
    }
}

.main-blog__slider .swiper-button {
    position: absolute;
    top: 93px;
    width: 54px;
    height: 54px;
    background-color: var(--color-neutral-100);
    border-radius: 50%;
    z-index: 2;
    border: none;
    box-shadow: 0 8px 32px #14141429;
    transition: background-color .3s ease;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cg id='Icons / caret-right'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M7.29289 3.79289C7.68342 3.40237 8.31658 3.40237 8.70711 3.79289L16.7071 11.7929C17.0976 12.1834 17.0976 12.8166 16.7071 13.2071L8.70711 21.2071C8.31658 21.5976 7.68342 21.5976 7.29289 21.2071C6.90237 20.8166 6.90237 20.1834 7.29289 19.7929L14.5858 12.5L7.29289 5.20711C6.90237 4.81658 6.90237 4.18342 7.29289 3.79289Z' fill='black'/%3E%3C/g%3E%3C/svg%3E")
}

.main-blog__slider .swiper-button:hover {
    background-color: var(--color-surface-accent)
}

.main-blog__slider .swiper-button-prev {
    left: -68px;
    transform: scaleX(-1)
}

@media (max-width: 900px) {
    .main-blog__slider .swiper-button-prev {
        left: 0
    }
}

.main-blog__slider .swiper-button-next {
    right: -68px
}

.main-blog__slider .swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.main-blog__slider-link {
    width: -moz-fit-content;
    width: fit-content;
    margin: 24px auto 0;
    text-align: center
}

@media (max-width: 550px) {
    .main-blog__slider-link {
        width: 100%
    }
}

.blog-news {
    display: grid;
    align-content: flex-start;
    gap: 40px;
    grid-template-columns: 2fr 1fr
}

@media (max-width: 1024px) {
    .blog-news {
        gap: 24px
    }
}

@media (max-width: 768px) {
    .blog-news {
        grid-template-columns: 100%
    }
}

.blog-main {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px;
    min-height: 480px;
    height: 100%;
    border-radius: 20px;
    isolation: isolate;
    overflow: hidden
}

@media (max-width: 768px) {
    .blog-main {
        aspect-ratio: 3 / 2;
        min-height: unset
    }
}

@media (max-width: 550px) {
    .blog-main {
        aspect-ratio: 3 / 4
    }
}

.blog-main:hover .blog-main__bg {
    transform: scale(1.05)
}

.blog-main__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .5s ease-out;
    will-change: transform
}

.blog-main__bg:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: .15;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%)
}

.blog-main__bg-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-main__content {
    display: grid;
    align-content: flex-start;
    gap: 8px;
    color: #fff;
    margin-top: auto
}

.blog-main__content-main {
    display: grid;
    align-content: flex-start;
    gap: 6px
}

.blog-main__content-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 50%
}

.blog-main__content-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 16px;
    margin-top: 8px
}

.blog-main__labels {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 16px
}

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

.blog-main__label:not(:last-child):after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #fff
}

.blog-aside {
    --gap: 30px;
    display: grid;
    grid-template-columns: 1fr;
    border-bottom: 1px solid rgba(20, 20, 20, .16)
}

@media (max-width: 1024px) {
    .blog-aside {
        --gap: 16px
    }
}

.blog-aside:empty {
    display: none
}

.blog-aside__item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: var(--gap) 0;
    border-top: 1px solid rgba(20, 20, 20, .16)
}

.blog-aside__item:hover .blog-aside__content-title {
    color: var(--color-text-map)
}

.blog-aside__content-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: .3s ease
}

.blog-aside__content {
    display: grid;
    align-content: flex-start;
    gap: 8px
}

.blog-card {
    position: relative;
    display: grid;
    align-content: flex-start;
    gap: 12px
}

.blog-card:hover .blog-card__content-title {
    color: var(--color-text-map)
}

.blog-card__image {
    aspect-ratio: 400/228;
    width: 100%;
    border-radius: var(--round-12);
    overflow: hidden
}

.blog-card__image-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.blog-card__content {
    display: grid;
    align-content: flex-start;
    gap: 8px;
    padding: 0 16px
}

.blog-card__content-title {
    transition: color .3s ease
}

.blog-card__content-main {
    display: grid;
    align-content: flex-start;
    gap: 6px
}

.blog-card__content-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.blog-labels {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--color-neutral-500-t48)
}

@media (max-width: 550px) {
    .blog-labels {
        font-size: 12px
    }
}

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

.blog-labels__item:not(:last-child):after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--color-text-low)
}

.blog-tags {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color-text-map)
}

.blog-tags--detail {
    gap: 12px;
    font-size: 16px
}

@media (max-width: 550px) {
    .blog-tags--detail {
        font-size: 14px
    }
}

.blogs-page {
    display: grid;
    gap: 24px;
    align-content: flex-start
}

.blogs-page__wrapper {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 30px
}

@media (max-width: 900px) {
    .blogs-page__wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

.blogs-page__author {
    display: none;
    margin-top: 24px
}

@media (max-width: 900px) {
    .blogs-page__author {
        display: flex
    }
}

.blogs-page__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 24px;
    margin-top: 40px
}

@media (max-width: 550px) {
    .blogs-page__info {
        font-size: 14px
    }
}

.blogs-page__info-share {
    position: relative
}

.blogs-page__tags {
    margin-right: auto
}

.blogs-page__content {
    grid-column: span 8
}

@media (max-width: 900px) {
    .blogs-page__content {
        grid-column: 1
    }
}

.blogs-page__right {
    grid-column: span 4;
    height: 100%
}

@media (max-width: 900px) {
    .blogs-page__right {
        grid-column: 1
    }
}

.blogs-page__aside {
    position: sticky;
    top: 84px
}

@media (max-width: 900px) {
    .blogs-page__aside {
        position: static
    }
}

.blogs-page__back {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    gap: 6px;
    color: var(--color-neutral-500-t48);
    margin-bottom: 24px
}

.blogs-page__back:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/outline/caret-left--accent.svg);
    mask-image: url(/images/icons/outline/caret-left--accent.svg)
}

.blogs-page__news {
    margin-bottom: 64px
}

@media (max-width: 768px) {
    .blogs-page__news {
        margin-bottom: 40px
    }
}

.blogs-page__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px
}

@media (max-width: 1024px) {
    .blogs-page__list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 768px) {
    .blogs-page__list {
        gap: 24px
    }
}

@media (max-width: 550px) {
    .blogs-page__list {
        grid-template-columns: 100%
    }
}

.blogs-page__more {
    display: flex;
    justify-content: center;
    margin-top: 64px
}

@media (max-width: 768px) {
    .blogs-page__more {
        margin-top: 40px
    }
}

.blogs-page__more-btn {
    width: -moz-fit-content;
    width: fit-content
}

.blog-banner {
    display: grid;
    align-content: flex-start;
    gap: 20px
}

.blog-banner__image {
    display: flex;
    width: 100%;
    height: auto;
    border-radius: 20px;
    overflow: hidden
}

@media (max-width: 768px) {
    .blog-banner__image {
        max-width: 100%
    }
}

.blog-banner__image-img {
    width: 100%;
    height: 100%
}

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

.blog-banner__bottom-back {
    margin: 0
}

.blog-banner__bottom-share {
    position: relative;
    margin-left: auto
}

.blog-content {
    display: grid;
    align-content: flex-start;
    gap: 40px;
    max-width: 844px;
    width: 100%;
    overflow: hidden;

    table {
        min-width: 100%;
        border-collapse: collapse;
        border: 0;
        background-color: transparent;
        font-size: 14px;

        @media (max-width: 768px) {
            font-size: 12px;
        }

        &[border="1"] {
            min-width: 100%;

            td,
            th {
                border: 1px solid;
            }

            tbody {
                td {
                    &:first-child {
                        border-left: 0;
                    }

                    &:last-child {
                        border-right: 0;
                    }
                }

                tr:last-child {
                    td {
                        border-bottom: 0;
                    }
                }
            }
        }

        thead {

            th,
            td {
                padding-top: 18px;
                padding-bottom: 18px;
                background-color: var(--color-neutral-100);
                font-weight: 400;
                text-align: left;
            }
        }

        td,
        th {
            padding: 16px 20px;
            border: 1px solid var(--color-border-transparent);
            font-weight: inherit;

            &:not([valign]),
            &[valign="middle"] {
                vertical-align: middle;
            }

            &[valign="top"] {
                vertical-align: top
            }

            &[valign="bottom"] {
                vertical-align: bottom
            }
        }

        td {
            transition: background .3s ease;
        }
    }
}

@media (max-width: 768px) {
    .blog-content {
        margin-bottom: 24px
    }
}

.blog-content b {
    font-weight: 700
}

.blog-content em {
    font-style: italic
}

.blog-content a {
    text-decoration: underline
}

.blog-content ul {
    list-style-type: disc;
    margin-left: 20px
}

.blog-content ol {
    list-style-type: decimal;
    margin-left: 20px
}

.blog-content__text {
    display: grid;
    align-content: flex-start;
    gap: 20px
}

.blog-content__image {
    display: flex;
    width: 100%;
    height: auto;
    border-radius: 20px;
    overflow: hidden
}

.blog-content__image-img {
    width: 100%;
    height: 100%
}

.blog-content__slider {
    border-radius: 20px;
    overflow: hidden
}

.blog-content__slider-image {
    display: flex;
    width: 100%;
    aspect-ratio: 844 / 475;
    border-radius: 20px;
    overflow: hidden
}

.blog-content__slider-image-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.swiper {
    margin: 0;
    max-width: 100%;
    width: 100%
}

.swiper .swiper-pagination {
    position: absolute;
    z-index: 1;
    bottom: 24px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    align-items: center;
    gap: 4px
}

.swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 1;
    background-color: var(--color-neutral-100-t52);
    transition: .15s ease
}

.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background-color: var(--color-neutral-100)
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    display: none;
    background-color: #42444745;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.95158 3.29289C8.34211 2.90237 8.97527 2.90237 9.3658 3.29289L17.3658 11.2929C17.7563 11.6834 17.7563 12.3166 17.3658 12.7071L9.3658 20.7071C8.97527 21.0976 8.34211 21.0976 7.95158 20.7071C7.56106 20.3166 7.56106 19.6834 7.95158 19.2929L15.2445 12L7.95158 4.70711C7.56106 4.31658 7.56106 3.68342 7.95158 3.29289Z' fill='white'/%3E%3C/svg%3E");
    transition: .15s ease;
    opacity: 0;
    pointer-events: none;
    cursor: pointer
}

.swiper .swiper-button-prev {
    left: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1739 3.29289C16.7834 2.90237 16.1502 2.90237 15.7597 3.29289L7.7597 11.2929C7.3692 11.6834 7.3692 12.3166 7.7597 12.7071L15.7597 20.7071C16.1502 21.0976 16.7834 21.0976 17.1739 20.7071C17.5644 20.3166 17.5644 19.6834 17.1739 19.2929L9.881 12L17.1739 4.70711C17.5644 4.31658 17.5644 3.68342 17.1739 3.29289Z' fill='white'/%3E%3C/svg%3E")
}

.swiper .swiper-button-next {
    right: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.95158 3.29289C8.34211 2.90237 8.97527 2.90237 9.3658 3.29289L17.3658 11.2929C17.7563 11.6834 17.7563 12.3166 17.3658 12.7071L9.3658 20.7071C8.97527 21.0976 8.34211 21.0976 7.95158 20.7071C7.56106 20.3166 7.56106 19.6834 7.95158 19.2929L15.2445 12L7.95158 4.70711C7.56106 4.31658 7.56106 3.68342 7.95158 3.29289Z' fill='white'/%3E%3C/svg%3E")
}

@media (any-hover: hover) {

    .swiper .swiper-button-prev,
    .swiper .swiper-button-next {
        display: block
    }

    .swiper:hover .swiper-button-prev,
    .swiper:hover .swiper-button-next {
        opacity: 1;
        pointer-events: all
    }
}

.blog-callback {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 32px;
    box-shadow: 0 8px 32px #14141429;
    border-radius: 20px
}

@media (max-width: 900px) {
    .blog-callback {
        padding: 0;
        border-radius: 0;
        box-shadow: none
    }
}

.blog-callback__desc {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.blog-callback__desc-title {
    color: #000;
    font-size: 20px;
    font-weight: 550;
    line-height: 1.3
}

.blog-callback__desc-text {
    color: #1414147a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35
}

.property-complain {
    position: relative
}

.property-complain:before {
    content: attr(data-tooltip);
    position: absolute;
    top: -45px;
    left: 50%;
    display: block;
    padding: 6px;
    color: #fff;
    font-family: Suisse Intl, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 135%;
    white-space: nowrap;
    background-color: #000;
    border-radius: 8px;
    opacity: 0;
    transition: opacity .3s ease;
    transform: translate(-50%);
    pointer-events: none
}

.property-complain:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    border-width: 10px;
    border-radius: 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    opacity: 0;
    transition: opacity .3s ease;
    transform: translate(-50%);
    pointer-events: none
}

.property-complain:hover:before,
.property-complain:hover:after {
    opacity: 1
}

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

    .property-complain:before,
    .property-complain:after {
        content: none
    }
}

.property-plug {
    width: 54px;
    height: 54px;
    opacity: 0
}

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

.top-price .price {
    flex: 1
}

.icon.warning.warning--error {
    aspect-ratio: 1;
    width: 24px;
    background-image: url(/images/icons/outline/warning--error.svg)
}

:root {
    --wrapper-padding: 16px;
    --wrapper-max-width: 1280px;
    --color-primary-100: #FBF3E4;
    --color-primary-200: #165a58;
    --color-primary-300: #165a58;
    --color-secondary-100: #0975F4;
    --color-neutral-100: #FFF;
    --color-neutral-100-trans-12: #FFFFFF1E;
    --color-neutral-100-trans-16: #FFFFFF28;
    --color-neutral-100-trans-20: #FFFFFF33;
    --color-neutral-100-trans-52: #FFFFFF84;
    --color-neutral-200: #F9FAFC;
    --color-neutral-300: #F2F4F7;
    --color-neutral-400: #E2E5E9;
    --color-neutral-500: #141414;
    --color-neutral-500-trans-16: #14141428;
    --color-neutral-500-trans-48: #1414147A;
    --color-neutral-600: #000;
    --color-negative: #EB4C60;
    --color-positive: #1CD069;
    --gap-10xl: 200px;
    --gap-9xl: 120px;
    --gap-8xl: 100px;
    --gap-7xl: 80px;
    --gap-6xl: 64px;
    --gap-5xl: 40px;
    --gap-4xl: 24px;
    --gap-3xl: 20px;
    --gap-xxl: 16px;
    --gap-xl: 14px;
    --gap-l: 12px;
    --gap-m: 8px;
    --gap-s: 4px;
    --gap-xs: 2px;
    --radius-3xl: 40px;
    --radius-xxl: 32px;
    --radius-xl: 24px;
    --radius-l: 20px;
    --radius-m: 16px;
    --radius-s: 12px;
    --radius-xs: 8px;
    --font-family-primary: "Suisse Intl", sans-serif;
    --font-size-h1-promo: 56px;
    --font-size-h1: 48px;
    --font-size-h2: 40px;
    --font-size-h3: 32px;
    --font-size-h4: 24px;
    --font-size-h5: 20px;
    --font-size-h6: 20px;
    --font-size-text-l: 18px;
    --font-size-text-m: 16px;
    --font-size-text-s: 14px;
    --font-size-text-xs: 12px;
    --line-height-5xl: 1.5;
    --line-height-4xl: 1.45;
    --line-height-3xl: 1.4;
    --line-height-xxl: 1.35;
    --line-height-xl: 1.3;
    --line-height-l: 1.25;
    --line-height-m: 1.2;
    --line-height-s: 1.15;
    --line-height-xs: 1.1;
    --line-height-xxs: 1.05;
    --line-height-3xs: 1;
    --z-index-base: 0;
    --z-index-above: 1;
    --z-index-above-secondary: 2;
    --z-index-below: -1;
    --z-index-below-secondary: -2;
    --z-index-dropdown: calc(var(--z-index-above) * 3);
    --z-index-header: calc(var(--z-index-dropdown) * 3);
    --z-index-modal: calc(var(--z-index-header) * 3)
}

@media (max-width: 900px) {
    :root {
        --gap-10xl: 92px;
        --gap-9xl: 60px;
        --gap-8xl: 40px;
        --gap-7xl: 40px;
        --gap-6xl: 32px;
        --gap-5xl: 28px;
        --gap-4xl: 20px;
        --gap-3xl: 16px;
        --gap-xxl: 12px;
        --gap-xl: 12px;
        --gap-l: 12px;
        --gap-m: 8px;
        --gap-s: 4px;
        --gap-xs: 2px
    }
}

@media (max-width: 900px) {
    :root {
        --radius-3xl: 32px;
        --radius-xxl: 24px;
        --radius-xl: 24px;
        --radius-l: 20px;
        --radius-m: 16px;
        --radius-s: 12px;
        --radius-xs: 8px
    }
}

@media (max-width: 900px) {
    :root {
        --font-size-h1-promo: 40px;
        --font-size-h1: 32px;
        --font-size-h2: 24px;
        --font-size-h3: 24px;
        --font-size-h4: 20px;
        --font-size-h5: 18px;
        --font-size-h6: 18px
    }
}

@media (max-width: 900px) {
    :root {
        --font-size-text-l: 16px;
        --font-size-text-m: 16px;
        --font-size-text-s: 14px;
        --font-size-text-xs: 12px
    }
}

html.modal-lock,
body.modal-lock {
    padding-right: var(--scrollbar-compensate, 0);
    overflow: hidden
}

.scroll-lock {
    overflow: hidden
}

@keyframes spin360 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes skeleton-animation {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(200%)
    }
}

.search-main-wrapper {
    display: none
}

@media (max-width: 900px) {
    .search-main-wrapper {
        display: contents
    }
}

.filter-list {
    background-color: var(--color-neutral-100);
    border-radius: 20px;
    overflow-x: hidden
}

.filter-list .filter-list__row:not(:last-child) {
    border-bottom: 1px solid var(--color-neutral-300)
}

.filter-row {
    --wrapper-padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 8px
}

.filter-row .filter-row__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.filter-row .filter-row__label {
    color: var(--color-neutral-500-trans-48);
    font-size: var(--font-size-text-s);
    font-weight: 400;
    line-height: 1.42
}

.filter-row .filter-row__select {
    --tag-font-weight: 500
}

.filter-row .filter-row__tooltip {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.filter-row .filter-row__list {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    max-width: calc(100% + var(--wrapper-padding) * 2);
    margin-right: calc(-1 * var(--wrapper-padding));
    margin-left: calc(-1 * var(--wrapper-padding));
    padding-right: var(--wrapper-padding);
    padding-left: var(--wrapper-padding)
}

.filter-row .filter-row__item {
    white-space: nowrap
}

.filter-row.filter-row--detail {
    padding: 0
}

.btn {
    --btn-px: 14px;
    --btn-py: 14px;
    --btn-gap: 8px;
    --btn-min-height: 48px;
    --btn-font-family: var(--font-family-primary);
    --btn-font-size: var(--font-size-text-m);
    --btn-line-height: 1.5;
    --btn-letter-spacing: normal;
    --btn-font-weight: 500;
    --btn-text-transform: none;
    --btn-color: var(--color-neutral-100);
    --btn-color-hover: var(--color-neutral-100);
    --btn-color-focus: var(--color-neutral-100);
    --btn-color-active: var(--color-neutral-100);
    --btn-color-disabled: var(--color-neutral-100);
    --btn-bg: var(--color-neutral-600);
    --btn-bg-hover: var(--color-primary-200);
    --btn-bg-focus: var(--color-primary-200);
    --btn-bg-active: var(--color-primary-200);
    --btn-bg-disabled: var(--color-neutral-400);
    --btn-border-size: 2px;
    --btn-border-color: var(--color-neutral-600);
    --btn-border-color-hover: var(--color-primary-200);
    --btn-border-color-focus: var(--color-neutral-600);
    --btn-border-color-active: var(--color-primary-200);
    --btn-border-color-disabled: var(--color-neutral-400);
    --btn-radius: 999px;
    --btn-loader-color: currentColor;
    --btn-loader-ring-color: var(--color-neutral-500-trans-16);
    --btn-icon-size: 16px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--btn-gap);
    min-height: max(calc(var(--btn-font-size) * var(--btn-line-height) + var(--btn-py) * 2 + var(--btn-border-size) * 2), var(--btn-min-height));
    padding: var(--btn-py) var(--btn-px);
    border: var(--btn-border-size) solid var(--btn-border-color);
    border-radius: var(--btn-radius);
    background-color: var(--btn-bg);
    color: var(--btn-color);
    font-family: var(--btn-font-family), "sans-serif";
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    text-align: center;
    text-decoration: none;
    text-transform: var(--btn-text-transform);
    transition: color .3s ease, border-color .3s ease, background-color .3s ease;
    cursor: pointer
}

.btn .btn__text {
    display: block;
    flex: none
}

.btn .btn__icon {
    display: block;
    flex: none;
    width: var(--btn-icon-size);
    height: var(--btn-icon-size);
    color: currentColor
}

@media (max-width: 900px) {
    .btn {
        --btn-px: 12px;
        --btn-py: 12px;
        --btn-min-height: 44px;
        --btn-icon-size: 16px
    }
}

.btn.btn--fill-black {
    --btn-color: var(--color-neutral-100);
    --btn-color-hover: var(--color-neutral-100);
    --btn-color-focus: var(--color-neutral-100);
    --btn-color-active: var(--color-neutral-100);
    --btn-color-disabled: var(--color-neutral-100);
    --btn-bg: var(--color-neutral-600);
    --btn-bg-hover: var(--color-primary-200);
    --btn-bg-focus: var(--color-primary-200);
    --btn-bg-active: var(--color-primary-200);
    --btn-bg-disabled: var(--color-neutral-400);
    --btn-border-color: var(--color-neutral-600);
    --btn-border-color-hover: var(--color-primary-200);
    --btn-border-color-focus: var(--color-neutral-600);
    --btn-border-color-active: var(--color-primary-200);
    --btn-border-color-disabled: var(--color-neutral-400)
}

.btn.btn--fill-white {
    --btn-color: var(--color-neutral-600);
    --btn-color-hover: var(--color-neutral-100);
    --btn-color-focus: var(--color-neutral-100);
    --btn-color-active: var(--color-neutral-100);
    --btn-color-disabled: var(--color-neutral-500-trans-48);
    --btn-bg: var(--color-neutral-100);
    --btn-bg-hover: var(--color-primary-200);
    --btn-bg-focus: var(--color-primary-200);
    --btn-bg-active: var(--color-primary-200);
    --btn-bg-disabled: var(--color-neutral-400);
    --btn-border-color: var(--color-neutral-100);
    --btn-border-color-hover: var(--color-primary-200);
    --btn-border-color-focus: var(--color-neutral-600);
    --btn-border-color-active: var(--color-primary-200);
    --btn-border-color-disabled: var(--color-neutral-400)
}

.btn.btn--fill-orange {
    --btn-color: var(--color-neutral-600);
    --btn-color-hover: var(--color-neutral-100);
    --btn-color-focus: var(--color-neutral-600);
    --btn-color-active: var(--color-neutral-100);
    --btn-color-disabled: var(--color-neutral-500);
    --btn-bg: var(--color-primary-200);
    --btn-bg-hover: var(--color-neutral-600);
    --btn-bg-focus: var(--color-primary-200);
    --btn-bg-active: var(--color-neutral-600);
    --btn-bg-disabled: var(--color-neutral-400);
    --btn-border-color: var(--color-primary-200);
    --btn-border-color-hover: var(--color-neutral-600);
    --btn-border-color-focus: var(--color-neutral-600);
    --btn-border-color-active: var(--color-neutral-600);
    --btn-border-color-disabled: var(--color-neutral-400)
}

.btn.btn--tonal {
    --btn-color: var(--color-neutral-600);
    --btn-color-hover: var(--color-neutral-600);
    --btn-color-focus: var(--color-neutral-600);
    --btn-color-active: var(--color-neutral-600);
    --btn-color-disabled: var(--color-neutral-500-trans-16);
    --btn-bg: var(--color-neutral-300);
    --btn-bg-hover: var(--color-neutral-400);
    --btn-bg-focus: var(--color-neutral-400);
    --btn-bg-active: var(--color-neutral-400);
    --btn-bg-disabled: var(--color-neutral-400);
    --btn-border-color: var(--color-neutral-300);
    --btn-border-color-hover: var(--color-neutral-400);
    --btn-border-color-focus: var(--color-neutral-600);
    --btn-border-color-active: var(--color-neutral-400);
    --btn-border-color-disabled: var(--color-neutral-400)
}

.btn.btn--stroke {
    --btn-color: var(--color-neutral-600);
    --btn-color-hover: var(--color-neutral-600);
    --btn-color-focus: var(--color-neutral-600);
    --btn-color-active: var(--color-neutral-600);
    --btn-color-disabled: var(--color-neutral-400);
    --btn-bg: transparent;
    --btn-bg-hover: transparent;
    --btn-bg-focus: transparent;
    --btn-bg-active: transparent;
    --btn-bg-disabled: transparent;
    --btn-border-color: var(--color-neutral-300);
    --btn-border-color-hover: var(--color-neutral-300);
    --btn-border-color-focus: var(--color-neutral-600);
    --btn-border-color-active: var(--color-neutral-300);
    --btn-border-color-disabled: var(--color-neutral-300)
}

.btn.btn--stroke-invert {
    --btn-color: var(--color-neutral-100);
    --btn-color-hover: var(--color-neutral-100);
    --btn-color-focus: var(--color-neutral-100);
    --btn-color-active: var(--color-neutral-100);
    --btn-color-disabled: var(--color-neutral-100-trans-52);
    --btn-bg: transparent;
    --btn-bg-hover: transparent;
    --btn-bg-focus: transparent;
    --btn-bg-active: transparent;
    --btn-bg-disabled: transparent;
    --btn-border-color: var(--color-neutral-300);
    --btn-border-color-hover: var(--color-neutral-300);
    --btn-border-color-focus: var(--color-neutral-600);
    --btn-border-color-active: var(--color-neutral-300);
    --btn-border-color-disabled: var(--color-neutral-100)
}

.btn.btn--large {
    --btn-px: 20px;
    --btn-py: 20px;
    --btn-min-height: 60px;
    --btn-icon-size: 20px
}

@media (max-width: 900px) {
    .btn.btn--large {
        --btn-px: 16px;
        --btn-py: 14px;
        --btn-min-height: 48px;
        --btn-icon-size: 16px
    }
}

.btn:active,
.btn.active {
    --btn-color: var(--btn-color-active);
    --btn-bg: var(--btn-bg-active);
    --btn-border-color: var(--btn-border-color-active)
}

.btn:focus {
    outline: none
}

.btn:focus-visible {
    --btn-color: var(--btn-color-focus);
    --btn-bg: var(--btn-bg-focus);
    --btn-border-color: var(--btn-border-color-focus)
}

@media (hover: hover) {
    .btn:hover {
        --btn-color: var(--btn-color-hover);
        --btn-bg: var(--btn-bg-hover);
        --btn-border-color: var(--btn-border-color-hover)
    }
}

.btn:disabled,
.btn.disabled,
.btn.swiper-button-disabled {
    --btn-color: var(--btn-color-disabled);
    --btn-bg: var(--btn-bg-disabled);
    --btn-border-color: var(--btn-border-color-disabled);
    cursor: not-allowed;
    pointer-events: none
}

.btn:disabled:focus-visible,
.btn.disabled:focus-visible,
.btn.swiper-button-disabled:focus-visible {
    outline: none
}

.btn.loading {
    pointer-events: none
}

.btn.loading:before {
    content: "";
    position: absolute;
    top: calc(50% - var(--btn-icon-size) / 2);
    left: calc(50% - var(--btn-icon-size) / 2);
    display: block;
    flex: none;
    width: var(--btn-icon-size);
    height: var(--btn-icon-size);
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    border-color: var(--btn-loader-color) var(--btn-loader-color) var(--btn-loader-ring-color);
    transition: border-color .3s ease;
    animation: spin360 .7s linear infinite
}

.btn.loading>* {
    visibility: hidden
}

.tag-new {
    --tag-px: 12px;
    --tag-py: 8px;
    --tag-gap: 10px;
    --tag-min-height: 36px;
    --tag-font-family: var(--font-family-primary);
    --tag-font-size: var(--font-size-text-s);
    --tag-line-height: 1.14;
    --tag-letter-spacing: normal;
    --tag-font-weight: 400;
    --tag-text-transform: none;
    --tag-color: var(--color-neutral-100);
    --tag-color-hover: var(--color-neutral-100);
    --tag-color-focus: var(--color-neutral-100);
    --tag-color-active: var(--color-neutral-100);
    --tag-color-disabled: var(--color-neutral-100);
    --tag-bg: var(--color-neutral-500-trans-16);
    --tag-bg-hover: var(--color-neutral-600);
    --tag-bg-focus: var(--color-neutral-600);
    --tag-bg-active: var(--color-neutral-600);
    --tag-bg-disabled: var(--color-neutral-400);
    --tag-bg-blur: 4px;
    --tag-border-size: 1px;
    --tag-border-color: transparent;
    --tag-border-color-hover: transparent;
    --tag-border-color-focus: transparent;
    --tag-border-color-active: transparent;
    --tag-border-color-disabled: transparent;
    --tag-radius: 999px;
    --tag-icon-size: 16px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--tag-gap);
    min-height: max(calc(var(--tag-font-size) * var(--tag-line-height) + var(--tag-py) * 2 + var(--tag-border-size) * 2), var(--tag-min-height));
    padding: var(--tag-py) var(--tag-px);
    border: var(--tag-border-size) solid var(--tag-border-color);
    border-radius: var(--tag-radius);
    background-color: var(--tag-bg);
    -webkit-backdrop-filter: blur(var(--tag-bg-blur));
    backdrop-filter: blur(var(--tag-bg-blur));
    color: var(--tag-color);
    font-family: var(--tag-font-family), "sans-serif";
    font-size: var(--tag-font-size);
    font-weight: var(--tag-font-weight);
    letter-spacing: var(--tag-letter-spacing);
    line-height: var(--tag-line-height);
    text-align: center;
    text-decoration: none;
    text-transform: var(--tag-text-transform);
    transition: color .3s ease, border-color .3s ease, background-color .3s ease;
    cursor: pointer
}

.tag-new:focus {
    outline: none
}

.tag-new:focus-visible {
    --tag-color: var(--tag-color-focus);
    --tag-bg: var(--tag-bg-focus);
    --tag-border-color: var(--tag-border-color-focus)
}

@media (hover: hover) {
    .tag-new:hover {
        --tag-color: var(--tag-color-hover);
        --tag-bg: var(--tag-bg-hover);
        --tag-border-color: var(--tag-border-color-hover)
    }
}

.tag-new .tag__text {
    display: block;
    flex: none
}

.tag-new .tag__icon {
    display: block;
    flex: none;
    width: var(--tag-icon-size);
    height: var(--tag-icon-size);
    color: currentColor
}

.tag-new.tag--color-primary {
    --tag-color: var(--color-neutral-600);
    --tag-color-hover: var(--color-neutral-600);
    --tag-color-focus: var(--color-neutral-600);
    --tag-color-active: var(--color-neutral-100);
    --tag-color-disabled: var(--color-neutral-600);
    --tag-bg: var(--color-neutral-100);
    --tag-bg-hover: var(--color-neutral-100);
    --tag-bg-focus: var(--color-neutral-100);
    --tag-bg-active: var(--color-neutral-600);
    --tag-bg-disabled: var(--color-neutral-400);
    --tag-bg-blur: 0px;
    --tag-border-color: var(--color-neutral-300);
    --tag-border-color-hover: var(--color-neutral-600);
    --tag-border-color-focus: var(--color-neutral-600);
    --tag-border-color-active: var(--color-neutral-600);
    --tag-border-color-disabled: var(--color-neutral-400)
}

.tag-new.tag--color-secondary {
    --tag-color: var(--color-neutral-600);
    --tag-color-hover: var(--color-neutral-100);
    --tag-color-focus: var(--color-neutral-100);
    --tag-color-active: var(--color-neutral-100);
    --tag-color-disabled: var(--color-neutral-600);
    --tag-bg: var(--color-neutral-200);
    --tag-bg-hover: var(--color-neutral-600);
    --tag-bg-focus: var(--color-neutral-600);
    --tag-bg-active: var(--color-neutral-600);
    --tag-bg-disabled: var(--color-neutral-400);
    --tag-bg-blur: 0px;
    --tag-border-color: var(--color-neutral-200);
    --tag-border-color-hover: var(--color-neutral-600);
    --tag-border-color-focus: var(--color-neutral-600);
    --tag-border-color-active: var(--color-neutral-600);
    --tag-border-color-disabled: var(--color-neutral-400)
}

.tag-new:active,
.tag-new.active {
    --tag-color: var(--tag-color-active);
    --tag-bg: var(--tag-bg-active);
    --tag-border-color: var(--tag-border-color-active)
}

.tag-new:disabled,
.tag-new.disabled {
    --tag-color: var(--tag-color-disabled);
    --tag-bg: var(--tag-bg-disabled);
    --tag-border-color: var(--tag-border-color-disabled);
    cursor: not-allowed;
    pointer-events: none
}

.tag-new:disabled:focus-visible,
.tag-new.disabled:focus-visible {
    outline: none
}

.title-new {
    --title-font-family: var(--font-family-primary);
    --title-font-size: var(--font-size-text-m);
    --title-font-weight: 500;
    --title-line-height: var(--line-height-m);
    --title-text-transform: none;
    --title-letter-spacing: 1;
    color: var(--color-neutral-500);
    font-family: var(--title-font-family), "sans-serif";
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight);
    line-height: var(--title-line-height);
    text-transform: var(--title-text-transform);
    letter-spacing: var(--title-letter-spacing);
    text-wrap: balance
}

.title-new.title--h1-promo {
    --title-font-size: var(--font-size-h1-promo);
    --title-line-height: var(--line-height-s)
}

.title-new.title--h1 {
    --title-font-size: var(--font-size-h1);
    --title-line-height: var(--line-height-s)
}

.title-new.title--h2 {
    --title-font-size: var(--font-size-h2);
    --title-letter-spacing: -.4px
}

.title-new.title--h3 {
    --title-font-size: var(--font-size-h3)
}

.title-new.title--h4 {
    --title-font-size: var(--font-size-h4);
    --title-letter-spacing: -.48px
}

.title-new.title--h5 {
    --title-font-size: var(--font-size-h5)
}

.title-new.title--h6 {
    --title-font-size: var(--font-size-h6);
    --title-font-weight: 400;
    --title-letter-spacing: -.4px
}

.text-new {
    --text-font-family: var(--font-family-primary);
    --text-font-size: var(--font-size-text-m);
    --text-font-weight: 400;
    --text-line-height: var(--line-height-m);
    --text-text-transform: none;
    color: var(--color-neutral-500);
    font-family: var(--text-font-family), "sans-serif";
    font-size: var(--text-font-size);
    font-weight: var(--text-font-weight);
    line-height: var(--text-line-height);
    text-transform: var(--text-text-transform)
}

.text-new.text--l {
    --text-font-size: var(--font-size-text-l);
    --text-line-height: var(--line-height-xxl)
}

.text-new.text--m {
    --text-font-size: var(--font-size-text-m);
    --text-line-height: var(--line-height-xxl)
}

.text-new.text--s {
    --text-font-size: var(--font-size-text-s);
    --text-line-height: var(--line-height-xl)
}

.text-new.text--xs {
    --text-font-size: var(--font-size-text-xs);
    --text-line-height: var(--line-height-xl)
}

.picture {
    --picture-width: auto;
    --picture-aspect-ratio: auto;
    --picture-radius: 0;
    --picture-object-fit: fill;
    --picture-object-position: center;
    display: block;
    width: var(--picture-width);
    max-width: 100%;
    height: auto;
    aspect-ratio: var(--picture-aspect-ratio);
    overflow: hidden;
    border-radius: var(--picture-radius)
}

.picture .picture__image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: var(--picture-object-fit);
    object-fit: var(--picture-object-fit);
    -o-object-position: var(--picture-object-position);
    object-position: var(--picture-object-position)
}

.default-input {
    --di-font-size: var(--font-size-text-m);
    --di-line-height: var(--line-height-l);
    --di-py: 14px;
    --di-px: 20px;
    --di-min-height: 48px;
    --di-color: var(--color-neutral-600);
    --di-color-disabled: var(--color-neutral-500-trans-16);
    --di-color-error: var(--color-negative);
    --di-placeholder-color: var(--color-neutral-500-trans-48);
    --di-bg: var(--color-neutral-300);
    --di-bg-hover: var(--color-neutral-300);
    --di-bg-disabled: var(--color-neutral-200);
    --di-bg-focus: var(--color-neutral-300);
    --di-border-color: var(--color-neutral-300);
    --di-border-color-hover: var(--color-neutral-500-trans-16);
    --di-border-color-focus: var(--color-neutral-500-trans-16);
    --di-border-color-disabled: var(--color-neutral-500-trans-16);
    --di-border-color-error: var(--color-negative);
    --di-border-width: 1px;
    --di-border-radius: var(--radius-xs);
    --di-icon-size: 20px;
    --di-icon-color: currentcolor;
    --di-label-color: var(--color-neutral-500-trans-48);
    --di-label-font-size: var(--font-size-text-s);
    --di-label-line-height: var(--line-height-3xl);
    --di-label-font-weight: 400;
    --di-bg-loading: var(--color-neutral-300);
    --di-bg-loading-gradient: var(--color-neutral-200);
    display: flex;
    flex-direction: column
}

@media (max-width: 900px) {
    .default-input {
        --di-py: 12px;
        --di-px: 16px;
        --di-min-height: 44px
    }
}

.default-input.default-input--large {
    --di-py: 14px;
    --di-px: 20px;
    --di-min-height: 60px;
    --di-border-radius: var(--radius-m);
    --di-icon-size: 24px
}

@media (max-width: 900px) {
    .default-input.default-input--large {
        --di-py: 12px;
        --di-px: 16px;
        --di-min-height: 48px
    }
}

.default-input.required .default-input__label:after {
    content: "*";
    color: var(--color-negative)
}

.default-input.loading .default-input__input {
    position: relative;
    pointer-events: none
}

.default-input.loading .default-input__input:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: calc(var(--z-index-above) * 10);
    width: 100%;
    height: 100%;
    border-radius: var(--di-border-radius);
    background-color: var(--di-bg-loading)
}

.default-input.loading .default-input__input:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: calc(var(--z-index-above-secondary) * 10);
    width: 100%;
    height: 100%;
    border-radius: var(--di-border-radius);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--di-bg-loading-gradient), rgba(255, 255, 255, 0));
    animation: skeleton-animation 1.25s ease-in-out infinite
}

.default-input.loading .input-check .input-check__checkmark,
.default-input.loading .input-check .input-check__value {
    opacity: 0
}

.default-input .default-input__label {
    display: flex;
    gap: 4px;
    padding-bottom: 8px;
    color: var(--di-label-color);
    font-size: var(--di-label-font-size);
    font-weight: var(--di-label-font-weight);
    line-height: var(--di-label-line-height)
}

.default-input .default-input__input {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px
}

.default-input .default-input__input .input-btn {
    --btn-min-height: var(--di-min-height)
}

.default-input .default-input__errors {
    margin-top: 4px
}

.default-input .default-input__error {
    color: var(--color-negative);
    font-size: var(--font-size-text-s);
    font-weight: 400;
    line-height: var(--line-height-xs)
}

.default-input .default-input__bottom {
    margin-top: 12px
}

.input {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    width: 100%
}

.input .input__input {
    position: relative;
    width: 100%;
    min-height: var(--di-min-height);
    padding: var(--di-py) var(--di-px);
    overflow: hidden;
    border-width: var(--di-border-width);
    border-style: solid;
    border-radius: var(--di-border-radius);
    border-color: var(--di-border-color);
    background-color: var(--di-bg);
    color: var(--di-color);
    font-size: var(--di-font-size);
    line-height: var(--di-line-height);
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: border-color .3s ease, background-color .3s ease
}

@media (hover: hover) {
    .input .input__input:hover {
        border-color: var(--di-border-color-hover);
        background-color: var(--di-bg-hover)
    }
}

.input .input__input::-moz-placeholder {
    color: var(--di-placeholder-color)
}

.input .input__input::placeholder {
    color: var(--di-placeholder-color)
}

.input .input__input:focus {
    border-color: var(--di-border-color-focus);
    outline: none;
    background-color: var(--di-bg-focus)
}

.input .input__input:disabled {
    --di-color: var(--di-color-disabled);
    --di-border-color: var(--di-border-color-disabled);
    --di-bg: var(--di-bg-disabled);
    --di-placeholder-color: var(--di-color-disabled);
    --di-icon-color: var(--di-color-disabled);
    opacity: 1;
    cursor: not-allowed;
    pointer-events: none
}

.input .input__input:-moz-read-only:not(:disabled) {
    cursor: help
}

.input .input__input:read-only:not(:disabled) {
    cursor: help
}

.input .input__input.error {
    border-color: var(--di-border-color-error)
}

.input .input__input.input__input--textarea {
    height: 128px;
    max-height: 350px;
    resize: vertical;
    scrollbar-width: thin
}

.input .input__input.input__input--password,
.input .input__input.input__input--date {
    padding-right: calc(var(--di-icon-size) + var(--di-px) * 1.5)
}

.input .input__input.input__input--file {
    display: flex;
    align-items: center;
    padding-right: calc(var(--di-icon-size) + var(--di-px) * 1.5)
}

.input .input__input.input__input--search {
    padding-right: calc(var(--di-icon-size) * 2 + var(--di-px) * 2);
    padding-left: calc(var(--di-icon-size) + var(--di-px) * 1.5)
}

.input .input__placeholder {
    color: var(--di-placeholder-color);
    pointer-events: none
}

.input .input__value {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none
}

.input .input__icon {
    position: absolute;
    top: 50%;
    z-index: var(--z-index-above);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--di-icon-size);
    height: var(--di-icon-size);
    color: var(--di-icon-color);
    transform: translateY(-50%);
    cursor: pointer
}

.input .input__icon.disabled {
    color: var(--di-color-disabled)
}

.input .input__icon.input__icon--pass,
.input .input__icon.input__icon--file,
.input .input__icon.input__icon--date {
    right: var(--di-px)
}

.input .input__icon.input__icon--lens-search {
    color: var(--di-placeholder-color);
    left: var(--di-px)
}

.input .input__icon.input__icon--clear-search {
    right: var(--di-px)
}

.input .input__icon-image {
    width: 100%;
    height: 100%;
    color: currentcolor;
    transition: color .3s ease
}

.input .input__dropdown {
    position: absolute;
    right: calc(var(--di-border-width) * -1);
    bottom: 0;
    left: calc(var(--di-border-width) * -1);
    z-index: var(--z-index-dropdown);
    display: flex;
    flex-direction: column;
    margin-top: calc(var(--di-border-width, 1px) * -1);
    padding: 8px;
    border-radius: var(--di-border-radius);
    outline: none;
    background: var(--di-bg, #fff);
    transform: translateY(calc(100% + 6px))
}

.input .input__tooltips {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 225px;
    padding-right: 8px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.input .input__tooltip {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 14px 16px;
    border-radius: var(--di-border-radius);
    font-size: var(--di-font-size);
    line-height: var(--di-line-height);
    text-align: left;
    text-decoration: none;
    cursor: pointer
}

.input .input__tooltip:focus {
    outline: none
}

.input .input__tooltip:focus-visible {
    background-color: var(--color-neutral-200)
}

@media (hover: hover) {
    .input .input__tooltip:hover {
        background-color: var(--color-neutral-200)
    }
}

.wrapper {
    width: min(calc(100% - var(--wrapper-padding) * 2), var(--wrapper-max-width));
    margin-inline: auto
}

.about .about__inner {
    display: flex;
    flex-direction: column;
    gap: var(--gap-8xl);
    margin-top: calc(var(--gap-8xl) + 72px)
}

.about-us {
    display: flex;
    flex-direction: column;
    gap: var(--gap-5xl)
}

.about-us .about-us__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--gap-3xl)
}

@media (max-width: 768px) {
    .about-us .about-us__head {
        flex-direction: column;
        align-items: flex-start
    }
}

.about-us .about-us__title b {
    color: var(--color-neutral-500-trans-48)
}

.about-us .about-us__btn {
    white-space: nowrap
}

.about-us .about-us__advantages {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--gap-3xl)
}

@media (max-width: 1280px) {
    .about-us .about-us__advantages {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 768px) {
    .about-us .about-us__advantages {
        display: flex;
        flex-direction: column
    }
}

.about-advantage {
    display: flex;
    flex-direction: column;
    min-height: 240px;
    gap: var(--gap-3xl);
    justify-content: space-between;
    padding: 32px;
    background-color: var(--color-neutral-200);
    border-radius: var(--radius-m)
}

@media (max-width: 900px) {
    .about-advantage {
        padding: 16px
    }
}

@media (max-width: 768px) {
    .about-advantage {
        min-height: auto
    }
}

.about-advantage .about-advantage__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--gap-xxl)
}

.about-advantage .about-advantage__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-xxl)
}

@media (max-width: 768px) {
    .about-advantage .about-advantage__body {
        align-items: flex-start;
        flex-direction: column
    }
}

.about-advantage .about-advantage__btn {
    white-space: nowrap
}

.about-banner .about-banner__picture {
    --picture-width: 100%;
    --picture-aspect-ratio: 1280 / 640;
    --picture-object-fit: cover
}

.about-team {
    display: flex;
    flex-direction: column;
    gap: var(--gap-5xl)
}

.about-team .about-team__head {
    display: flex;
    gap: var(--gap-3xl);
    align-items: flex-end;
    justify-content: space-between
}

.team-slide .team-slide__preview {
    position: relative
}

.team-slide .team-slide__picture {
    --picture-width: 100%;
    --picture-aspect-ratio: 1 / 1;
    --picture-obejct-fit: cover;
    --picture-radius: var(--radius-l)
}

.team-slide .team-slide__link {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background-color: var(--color-neutral-100);
    border-radius: 9999px
}

@media (hover: hover) {
    .team-slide .team-slide__link:hover {
        background-color: var(--color-positive)
    }

    .team-slide .team-slide__link:hover .team-slide__icon {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.175 10.136A10 10 0 0 0 3.4 17.102l-.987 3.455a.833.833 0 0 0 1.03 1.03l3.456-.986a10 10 0 1 0-4.723-10.465Zm9.145 7.063c1.014.419 2.1.634 3.197.632a2.927 2.927 0 0 0 2.906-2.918.72.72 0 0 0-.362-.623L14.93 13.07a.833.833 0 0 0-.842.01l-1.631.978a5.021 5.021 0 0 1-2.515-2.515l.978-1.63a.834.834 0 0 0 .01-.843l-1.22-2.133a.718.718 0 0 0-.623-.361 2.915 2.915 0 0 0-2.918 2.906 8.337 8.337 0 0 0 5.152 7.716Z' fill='%23fff'/%3E%3C/svg%3E")
    }
}

.team-slide .team-slide__icon {
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.175 10.136A10 10 0 0 0 3.4 17.102l-.987 3.455a.833.833 0 0 0 1.03 1.03l3.456-.986a10 10 0 1 0-4.723-10.465Zm9.145 7.063c1.014.419 2.1.634 3.197.632a2.927 2.927 0 0 0 2.906-2.918.72.72 0 0 0-.362-.623L14.93 13.07a.833.833 0 0 0-.842.01l-1.631.978a5.021 5.021 0 0 1-2.515-2.515l.978-1.63a.834.834 0 0 0 .01-.843l-1.22-2.133a.718.718 0 0 0-.623-.361 2.915 2.915 0 0 0-2.918 2.906 8.337 8.337 0 0 0 5.152 7.716Z' fill='%231cd069'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.team-slide .team-slide__info {
    display: flex;
    flex-direction: column;
    gap: var(--gap-m);
    padding: 16px
}

.team-slide .team-slide__position,
.team-slide .team-slide__languages {
    color: var(--color-neutral-500-trans-48)
}

.team-slide .team-slide__languages b {
    color: var(--color-neutral-600)
}

.about-reviews {
    display: flex;
    flex-direction: column;
    gap: var(--gap-5xl)
}

.about-reviews .about-reviews__head {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3xl)
}

.about-reviews .about-reviews__desc {
    max-width: 414px
}

.about-reviews .about-reviews__reviews {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3xl)
}

.about-reviews .about-reviews__tabs {
    display: flex;
    gap: var(--gap-m)
}

.review-card.review-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--gap-3xl);
    padding: 16px;
    min-height: 520px;
    background-color: var(--color-neutral-200);
    border-radius: var(--radius-l)
}

.review-card.review-card.review-card--video {
    position: relative;
    padding: 0
}

.review-card.review-card.review-card--video .review-card__info {
    padding: 8px 12px;
    background-color: var(--color-neutral-100);
    border-radius: var(--radius-s)
}

.review-card.review-card .review-card__preview {
    --picture-radius: var(--radius-l);
    --picture-width: 100%;
    --picture-height: 100%;
    --picture-object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.review-card.review-card .review-card__inner {
    position: relative;
    z-index: var(--z-index-above);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--gap-3xl);
    padding: 8px;
    flex: 1
}

.review-card.review-card .review-card__play {
    --btn-color-hover: var(--color-neutral-600);
    align-self: flex-start
}

.review-card.review-card .review-card__text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical
}

.review-card.review-card .review-card__more {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    color: var(--color-neutral-500-trans-48);
    cursor: pointer
}

.review-card.review-card .review-card__info {
    display: flex;
    flex-direction: column;
    gap: var(--gap-s)
}

.review-card.review-card .review-card__broker {
    color: var(--color-neutral-500-trans-48)
}

.review-card.review-card .review-card__broker b {
    color: var(--color-secondary-100)
}

.about-rate {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap-xxl);
    padding: 20px
}

@media (max-width: 1024px) {
    .about-rate {
        grid-template-columns: 1fr;
        padding: 20px 16px
    }
}

.about-rate .about-rate__bg {
    --picture-width: 100%;
    --picture-radius: var(--radius-l);
    --picture-object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-index-below)
}

.about-offices {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3xl)
}

.consulting .consulting__inner {
    display: flex;
    flex-direction: column;
    gap: var(--gap-8xl);
    margin-top: calc(var(--gap-8xl) + 72px)
}

.consulting-banner {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--gap-3xl);
    background-color: var(--color-neutral-200);
    border-radius: var(--radius-l)
}

@media (max-width: 900px) {
    .consulting-banner {
        display: flex;
        flex-direction: column;
        padding: 20px
    }
}

.consulting-banner .consulting-banner__info {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--gap-3xl);
    padding: 32px
}

@media (max-width: 900px) {
    .consulting-banner .consulting-banner__info {
        display: contents
    }
}

.consulting-banner .consulting-banner__title b {
    color: var(--color-primary-300)
}

.consulting-banner .consulting-banner__bottom {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: var(--gap-4xl)
}

@media (max-width: 900px) {
    .consulting-banner .consulting-banner__bottom {
        order: 3
    }
}

.consulting-banner .consulting-banner__desc {
    display: flex;
    flex-direction: column;
    gap: var(--gap-m)
}

.consulting-banner .consulting-banner__desc-item {
    display: inline-flex;
    gap: var(--gap-m)
}

.consulting-banner .consulting-banner__preview {
    grid-column: span 6;
    align-self: end
}

.consulting-banner .consulting-banner__picture {
    --picture-object-fit: contain
}

@media (max-width: 900px) {
    .consulting-banner .consulting-banner__callback {
        width: 100%
    }
}

.consulting-expertise {
    display: flex;
    flex-direction: column;
    gap: var(--gap-5xl)
}

.consulting-expertise .consulting-expertise__list {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--gap-3xl);
    align-items: self-start
}

@media (max-width: 768px) {
    .consulting-expertise .consulting-expertise__list {
        display: flex;
        flex-direction: column;
        align-items: stretch
    }
}

.consulting-expertise .consulting-expertise__card {
    grid-column: span 4
}

@media (max-width: 1240px) {
    .consulting-expertise .consulting-expertise__card {
        grid-column: span 6
    }
}

.expertise-card {
    display: flex;
    flex-direction: column;
    gap: var(--gap-5xl);
    padding: var(--gap-3xl);
    background-color: var(--color-neutral-200);
    border-radius: var(--radius-l)
}

.expertise-card .expertise-card__title {
    color: var(--color-primary-300)
}

.expertise-card .expertise-card__content {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3xl)
}

.expertise-card .expertise-card__list {
    display: flex;
    flex-direction: column;
    gap: var(--gap-m)
}

.expertise-card .expertise-card__item {
    display: inline-flex;
    gap: var(--gap-m);
    padding-bottom: var(--gap-m);
    border-bottom: 1px solid var(--color-neutral-400)
}

.expertise-card .expertise-card__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-m)
}

.expertise-card .expertise-card__btn {
    white-space: nowrap
}

.expertise-card .expertise-card__toggle {
    --btn-px: 0;
    --btn-py: 0;
    --btn-icon-size: 20px;
    --btn-color: var(--color-neutral-500-trans-48);
    --btn-bg: transparent;
    --btn-border-color: transparent
}

.consulting-benefits {
    display: flex;
    flex-direction: column;
    gap: var(--gap-5xl)
}

.consulting-benefits .consulting-benefits__list {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--gap-3xl)
}

@media (max-width: 768px) {
    .consulting-benefits .consulting-benefits__list {
        display: flex;
        flex-direction: column
    }
}

.consulting-benefits .consulting-benefits__card {
    grid-column: span 3
}

@media (max-width: 1024px) {
    .consulting-benefits .consulting-benefits__card {
        grid-column: span 6
    }
}

.benefits-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 200px;
    gap: var(--gap-3xl);
    padding: var(--gap-xxl);
    background-color: var(--color-neutral-200);
    border-radius: var(--radius-m)
}

@media (max-width: 768px) {
    .benefits-card {
        height: auto;
        gap: var(--gap-7xl)
    }
}

.benefits-card .benefits-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--gap-l)
}

.benefits-card .benefits-card__icon {
    min-width: 24px;
    min-height: 24px
}

.benefits-card .benefits-card__text {
    color: var(--color-neutral-500-trans-48)
}

.consulting-blog {
    display: flex;
    flex-direction: column;
    gap: var(--gap-5xl)
}

.consulting-blog .consulting-blog__more {
    align-self: flex-start
}

@media (max-width: 900px) {
    .consulting-blog .consulting-blog__more {
        align-self: stretch
    }
}

.table-wrap {
    width: 100%;
    overflow: auto
}