@font-face {
    font-family: Onest;
    src: url('/assets/fonts/Onest/Onest-VariableFont_wght.ttf');
}

:root {
    --Black: #343434;
}

body {
    line-height: 1;
    color: #FFF;
    font-family: Onest, sans-serif;
    background-color: #020202;
    background-image: url('/assets/img/bg-image-1.webp'), url('/assets/img/bg-image-2.webp');
    background-repeat: space;
    background-position: top -10px right -150px, top 350px left -300px;
}

input, textarea, select, button{
    font-family: inherit;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

details summary {
    cursor: pointer;
    list-style: none;
}

details summary::-webkit-details-marker {
    display: none;
}

[data-popup]>*{
    pointer-events: none;
}
.cross {
    --width: 10px;
    --weight: 1px;
    --color: black;
    --angle: 45deg;
    grid-template-rows: var(--width);
    grid-template-columns: var(--width);
    overflow: hidden;
    border: none;
    background: none;
    display: grid;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    padding: 0;
}

.cross:before,
.cross:after {
    content: "";
    width: var(--width);
    height: var(--weight);
    background: var(--color);
    transform-origin: center;
    grid-area: 1/1;
}

.cross:before {
    transform: rotate(var(--angle));
}

.cross:after {
    transform: rotate(calc(var(--angle) + 90deg));
}

.custom-select{
    --value-color: #525252;
    --list-color: #525252;
    --list-height: 360px;
    --horizontal-gap: 1.3em;
    --icon-width: 10px;
    --list-width: 100%;
    position: relative;
    color: white;
    font-size: 18px;
    display: grid;
    grid-template-columns: 100%;
    min-width: var(--list-width);
}
.custom-select_value{
    grid-area: 1/1;
    border-radius: 12px;
    background: var(--value-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 1em;
    padding: .75em var(--horizontal-gap);
    &:after{
        content: '';
        width: var(--icon-width);
        height: var(--icon-width);
        border-right: 2px solid white;
        border-bottom: 2px solid white;
        translate: 0 -17%;
        rotate: 45deg;
        flex-shrink: 0;
    }
}
.custom-select_value>*{
    pointer-events: none;
}
.custom-select_list{
    grid-area: 1/1;
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    background: var(--list-color);
    border-radius: 0 0 12px 12px;
    max-height: 360px;
    overflow: auto;
    scrollbar-width: thin;
    margin: calc(-1 * var(--list-height)) 0 0 0;
    translate: 0 100%;
}
.custom-select_list.check--size{
    position: fixed !important;
    display: grid;
    grid-template-columns: 100%;
    left: -1000px;
}
.custom-select_value-item{
    cursor: pointer;
    padding: .75em calc(var(--horizontal-gap) + 1em + var(--icon-width)) .75em var(--horizontal-gap);
}
[open] {
    .custom-select_value{
        border-radius: 12px 12px 0 0;
    }
    .custom-select_value:after{
        translate: 0 17%;
        rotate: -135deg;
    }
    .custom-select_list {
        z-index: 99;
        position: relative;
    }
}
.custom-select_value-item-input{
    display: none;
}

.core-container {
    max-width: 1440px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 72px;
    padding-left: 72px;
    min-width: 332px;
}

.site-header {
    font-size: clamp(30px, 4vw, 50px);
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.site-block-title {
    white-space: nowrap;
    width: max-content;
    height: max-content;
    display: flex;
    padding: 7px 19px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #C6C6C6;

    color: #C6C6C6;
    font-size: 18px;
    line-height: 130%;
}

.btn-blue,
.btn-grey,
.btn-invisible {
    width: max-content;
    white-space: nowrap;
    display: flex;
    gap: 30px;
    padding: 12px 12px 12px 32px;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: #FFF;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
}

.btn-blue:after,
.btn-grey:after,
.btn-invisible:after {
    display: block;
    content: '';
    width: 60px;
    height: 60px;
}

.btn-blue:after,
.btn-grey:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Crect width='60' height='60' rx='20' fill='%23FBFAF8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7225 28.9937C24.4556 28.9937 24.1997 29.0997 24.011 29.2884C23.8223 29.4772 23.7162 29.7331 23.7162 30C23.7162 30.2669 23.8223 30.5228 24.011 30.7116C24.1997 30.9003 24.4556 31.0063 24.7225 31.0063L33.5449 31.0049L29.6107 34.9391C29.4222 35.1276 29.3163 35.3832 29.3163 35.6497C29.3163 35.9163 29.4222 36.1719 29.6107 36.3604C29.7991 36.5489 30.0548 36.6548 30.3213 36.6548C30.5879 36.6548 30.8435 36.5489 31.032 36.3604L36.6817 30.7107C36.8702 30.5222 36.9761 30.2665 36.9761 30C36.9761 29.7335 36.8702 29.4778 36.6817 29.2893L31.032 23.6396C30.8435 23.4511 30.5879 23.3452 30.3213 23.3452C30.0548 23.3452 29.7991 23.4511 29.6107 23.6396C29.4222 23.8281 29.3163 24.0837 29.3163 24.3503C29.3163 24.6168 29.4222 24.8724 29.6107 25.0609L33.5449 28.9951L24.7225 28.9937Z' fill='%23343434'/%3E%3C/svg%3E");
}

.btn-invisible {
    border: 1px solid #DBD8D6;
}

.btn-invisible:after {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='20' fill='%232B54C1'/%3E%3Cg clip-path='url(%23clip0_92_271)'%3E%3Cpath d='M34.3333 31.0833H31.0833V20.25H28.9166V31.0833H25.6666L30 35.4167L34.3333 31.0833ZM21.3333 37.5833V39.75H38.6666V37.5833H21.3333Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_92_271'%3E%3Crect width='26' height='26' fill='white' transform='translate(17 17)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.btn-invisible:hover {
    background: #FFF;
    color: #020202;
}

.btn-invisible:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='20' fill='%232B54C1'/%3E%3Cg clip-path='url(%23clip0_1_1306)'%3E%3Cpath d='M34.3335 31.0833H31.0835V20.25H28.9168V31.0833H25.6668L30.0002 35.4167L34.3335 31.0833ZM21.3335 37.5833V39.75H38.6668V37.5833H21.3335Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_1306'%3E%3Crect width='26' height='26' fill='white' transform='translate(17 17)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.btn-blue {
    background: #2B54C1;
    border: 1.046px solid #2B54C1;
}

.btn-blue:hover {
    border: 1.046px solid #DBD8D6;
    background: #FFF;
    color: #000;
}

.btn-blue:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Crect width='60' height='60' rx='20' fill='%232B54C1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7223 28.9937C24.4554 28.9937 24.1994 29.0997 24.0107 29.2884C23.822 29.4772 23.716 29.7331 23.716 30C23.716 30.2669 23.822 30.5228 24.0107 30.7116C24.1994 30.9003 24.4554 31.0063 24.7223 31.0063L33.5446 31.0049L29.6104 34.9391C29.4219 35.1276 29.316 35.3832 29.316 35.6497C29.316 35.9163 29.4219 36.1719 29.6104 36.3604C29.7989 36.5489 30.0545 36.6548 30.3211 36.6548C30.5876 36.6548 30.8432 36.5489 31.0317 36.3604L36.6815 30.7107C36.87 30.5222 36.9758 30.2665 36.9758 30C36.9758 29.7335 36.87 29.4778 36.6815 29.2893L31.0317 23.6396C30.8432 23.4511 30.5876 23.3452 30.3211 23.3452C30.0545 23.3452 29.7989 23.4511 29.6104 23.6396C29.4219 23.8281 29.316 24.0837 29.316 24.3503C29.316 24.6168 29.4219 24.8724 29.6104 25.0609L33.5446 28.9951L24.7223 28.9937Z' fill='white'/%3E%3C/svg%3E");
}

.btn-grey {
    background: #1C1C1C;
}

.animation_dot {
    display: block;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.10);
    z-index: 2;
    position: absolute;
    right: 5px;
    top: 5px;
    animation: 1s ease 1s infinite alternate anim_dot;
    filter: drop-shadow(2px 4px 6px black);
}

@-webkit-keyframes anim_dot {
    from {
        right: 5px;
    }
    to {
        right: 55px;
    }
}


.header {
    padding-top: 41px;
    padding-bottom: 41px;
    display: flex;
    gap: clamp(20px, 2.1vw, 40px);
    justify-content: space-between;
    align-items: center;
}

.header_nav-menu-wrapper {
    display: flex;
    gap: clamp(17px, 2.1vw, 33px);
    align-items: center;
}

.header_logo-and-city-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header_logo-wrapper {
    width: 100%;
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 4px 6px;
    border-radius: 10px;
    background: #2B54C1;
    color: unset;
    text-decoration: none;
}

.header_logo-wrapper img {
    width: 71px;
    height: 56px;;
    object-fit: cover;
}

.header_logo-wrapper span {
    font-size: 10px;
    line-height: 130%;
}

.select-city-wrapper {
    display: flex;
    gap: 6px;
    width: 100%;
    min-height: 64px;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background: #525252;
    cursor: pointer;
}

.select-city-wrapper:after {
    display: flex;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.mobile_select-city-wrapper {
    display: none;
    grid-template-columns: max-content 1fr max-content;
    min-height: 44px;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    cursor: pointer;
    background: #ECECEC;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.mobile_select-city-wrapper:before {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14 6.66675C14 11.3334 8 15.3334 8 15.3334C8 15.3334 2 11.3334 2 6.66675C2 5.07545 2.63214 3.54933 3.75736 2.42411C4.88258 1.29889 6.4087 0.666748 8 0.666748C9.5913 0.666748 11.1174 1.29889 12.2426 2.42411C13.3679 3.54933 14 5.07545 14 6.66675Z' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8.66675C9.10457 8.66675 10 7.77132 10 6.66675C10 5.56218 9.10457 4.66675 8 4.66675C6.89543 4.66675 6 5.56218 6 6.66675C6 7.77132 6.89543 8.66675 8 8.66675Z' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.header_menu nav ul {
    display: inline-flex;
    align-items: flex-start;
    gap: clamp(15px, 2.1vw, 30px);
}

.header_menu nav a {
    white-space: nowrap;
    text-decoration: none;
    color: #FFF;
    font-size: clamp(15px, 1.2vw, 16px);
    line-height: 130%;
}

.header_menu .header_btn-order-call {
    display: none;
}

.header_contacts-btn-wrapper {
    display: flex;
    gap: clamp(18px, 2.1vw, 34px);
    align-items: center;
}

.header_contacts-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.header_contacts-wrapper a {
    width: max-content;
    white-space: nowrap;
    text-decoration: none;
    color: #FFF;
    font-size: clamp(16px, 1.3vw, 18px);
    font-weight: 500;
    line-height: 130%;
}

.header_contacts-wrapper a:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
}

.header_btn-order-call {
    border: none;
    white-space: nowrap;
    display: flex;
    padding: 17px 31px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #FFF;
    cursor: pointer;

    color: #343434;
    font-size: 14px;
    line-height: 130%;
}

.header_btn-order-call:hover {
    background: #020202;
    color: #FFF;
}

.header_menu-btn-open {
    display: none;
}


.our-works {
    display: flex;
    flex-direction: column;
    gap: 47px;
}

.our-works_item-wrapper {
    display: flex;
    gap: 20px;
}

.our-works_item {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
}

.our-works_item span {
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}

.our-works_item img {
    max-width: 650px;
    width: 100%;
    max-height: 370px;
    height: 100%;
    min-height: 214px;
    object-fit: cover;
    border-radius: 8px;
}


.projects {
    margin-top: 122px;
    display: flex;
    justify-content: space-between;
    gap: 35px;
}

.projects_header-wrapper {
    max-width: 992px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.projects_description {
    max-width: 746px;
    color: #DDD;
    font-size: 18px;
    line-height: 140%;
}

.projects_items-wrapper {
    margin-top: 44px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 24px;
}

.projects_item {
    position: relative;
    height: 100%;
    display: grid;
    grid-template-rows: max-content max-content max-content 1fr;
    align-items: flex-end;
    gap: 24px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #7F7F7F;
}

.projects_item:hover .btn-grey {
    background: #2B54C1;
}

.projects_item:hover .projects_tags span {
    color: #fff;
}

.projects_img-wrapper {
    max-height: 299px;
    position: relative;
    margin-top: -22px;
    clip-path: polygon(2.158% 0.18%, 1.319% 0.719%, 0.48% 1.799%, 0.12% 3.237%, 0.12% 4.317%, 0.12% 96.403%, 0.36% 98.022%, 0.959% 98.921%, 1.978% 99.55%, 2.758% 99.82%, 72.782% 99.82%, 75.06% 99.82%, 75.54% 99.64%, 76.259% 99.101%, 99.4% 76.439%, 99.76% 75.719%, 99.88% 74.82%, 99.88% 3.417%, 99.52% 2.338%, 99.041% 1.439%, 98.082% 0.54%, 96.882% 0.18%, 2.158% 0.18%);
}

.projects_img-wrapper img {
    object-fit: cover;
    width: 100%;
    border-radius: 12px;
}

.projects_img-wrapper span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
    display: flex;
    padding: 4px 6px;
    border-radius: 2px;
    background: radial-gradient(236.55% 164.9% at 50% 50%, #2B54C1 0%, #151F3A 100%);

    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}

.projects_title {
    max-width: 271px;

    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.projects_tags {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.projects_tags span {
    width: max-content;
    padding: 4px 6px;
    border-radius: 2px;
    background: #1C1C1C;

    color: #999;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}

.projects_btn-detail {
    width: 100%;
    height: max-content;
}

.projects_btn-detail:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.project_btn-show-more {
    display: flex;
    width: 100%;
    min-height: 56px;
    padding: 10px 10px 10px 20px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #737373;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    line-height: 120%;
    text-transform: uppercase;
    text-decoration: none;
}

.project_btn-show-more:hover {
    text-decoration: underline;
}

.project_btn-show-more:after {
    display: flex;
    align-self: self-end;
    content: '';
    width: 17px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.9021 4.2636C5.75112 4.11263 5.54636 4.02781 5.33285 4.02781C5.11934 4.02781 4.91458 4.11263 4.7636 4.2636C4.61263 4.41458 4.52781 4.61934 4.52781 4.83285C4.52781 5.04636 4.61263 5.25112 4.7636 5.4021L9.75508 10.392H5.30402C5.09078 10.392 4.88628 10.4767 4.73549 10.6275C4.58471 10.7782 4.5 10.9827 4.5 11.196C4.5 11.4092 4.58471 11.6137 4.73549 11.7645C4.88628 11.9153 5.09078 12 5.30402 12L11.696 12C11.9092 12 12.1137 11.9153 12.2645 11.7645C12.4153 11.6137 12.5 11.4092 12.5 11.196V4.80402C12.5 4.59078 12.4153 4.38628 12.2645 4.23549C12.1137 4.08471 11.9092 4 11.696 4C11.4827 4 11.2782 4.08471 11.1275 4.23549C10.9767 4.38628 10.892 4.59078 10.892 4.80402V9.25508L5.9021 4.2636Z' fill='white'/%3E%3C/svg%3E");
}


.services-and-product-wrapper {
    margin-top: 73px;
    padding: 99px 0 162px 0;
    border-radius: 40px;
    background: #FFF;
}

.services-and-product-wrapper .site-block-title {
    color: #696969;
    border: 1px solid #BABABA;
}

.services-and-product_head {
    display: flex;
    justify-content: space-between;
    gap: 35px;
}

.services-and-product_header-wrapper {
    max-width: 992px;
    width: 100%;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    position: relative;
}

.services-and-product_header {
    color: #343434;
}

.animation_dot {
    display: none;
}


.services {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.slider-section {
    margin-top: 16px;
    margin-right: -72px;
    margin-left: -72px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.slider-section_swiper {
    padding-right: 72px;
    padding-left: 72px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.services .swiper-pagination {
    display: none;
    position: initial;
}

.slider-section .swiper-slide {
    height: initial;
}

.services_item {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 41px;
    row-gap: 18px;
    padding: 30px 30px 40px 30px;
    border-radius: 20px;
    border: 1px solid #000;
    color: unset;
    text-decoration: none;
    background: #FFF;
}

.services_item:hover {
    border: 1px solid #BABABA;
    transition: border-color 0.5s;
}

.services_item_img-wrapper {
    position: relative;
    max-width: 220px;
    width: 100%;
    margin-top: -32px;
    margin-right: -32px;
    margin-bottom: -42px;
    overflow: hidden;
    clip-path: polygon(99.556% 2.285%, 99.019% 1.448%, 97.945% 0.611%, 96.514% 0.253%, 95.441% 0.253%, 3.844% 0.253%, 2.233% 0.492%, 1.339% 1.09%, 0.713% 2.106%, 0.444% 2.883%, 0.444% 87.969%, 0.889% 88.662%, 1.556% 89.355%, 2% 89.77%, 19.778% 99.193%, 20.889% 99.47%, 22.667% 99.747%, 96.336% 99.747%, 97.409% 99.389%, 98.303% 98.91%, 99.198% 97.954%, 99.556% 96.758%, 99.556% 2.285%);
}

.services_item_img-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.services_item_content {
    width: 100%;
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    gap: 24px;
}

.services_item_title {
    color: #343434;
    font-size: clamp(18px, 2vw, 34px);
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.services_item_description {
    height: max-content;
    overflow: hidden;
    color: #606060;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: clamp(14px, 1.4vw, 18px);
    line-height: 140%;
}

.services_item_btn {
    width: max-content;
    border: none;
    padding: 0;
    background-color: unset;
    cursor: pointer;
    display: flex;
    gap: 8px;
    text-decoration: none;
    color: #343434;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}

.services_item_btn:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.services_item_btn:after {
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.97229 5.99348C1.7054 5.99348 1.44944 6.0995 1.26073 6.28822C1.07201 6.47694 0.965991 6.73289 0.965991 6.99978C0.965991 7.26666 1.07201 7.52262 1.26073 7.71134C1.44944 7.90005 1.7054 8.00607 1.97229 8.00607L10.7946 8.00465L6.86041 11.9389C6.67193 12.1273 6.56604 12.383 6.56604 12.6495C6.56604 12.9161 6.67193 13.1717 6.86041 13.3602C7.04889 13.5487 7.30452 13.6546 7.57107 13.6546C7.83762 13.6546 8.09325 13.5487 8.28173 13.3602L13.9315 7.71044C14.12 7.52196 14.2258 7.26633 14.2258 6.99978C14.2258 6.73323 14.12 6.4776 13.9315 6.28912L8.28173 0.639371C8.09325 0.450892 7.83762 0.345006 7.57107 0.345006C7.30452 0.345006 7.04889 0.450892 6.86041 0.639371C6.67193 0.82785 6.56604 1.08348 6.56604 1.35003C6.56604 1.61658 6.67193 1.87221 6.86041 2.06069L10.7946 5.99491L1.97229 5.99348Z' fill='%23343434'/%3E%3C/svg%3E");
}

.slider-section_btn-wrapper {
    display: flex;
    gap: 8px;
}

.slider-section_btn-prev,
.slider-section_btn-next {
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.slider-section_btn-prev.btn-slider-dark,
.slider-section_btn-next.btn-slider-dark {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' stroke='%23343434'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6703 29.0648C35.9372 29.0648 36.1931 29.1708 36.3819 29.3595C36.5706 29.5482 36.6766 29.8042 36.6766 30.071C36.6766 30.3379 36.5706 30.5939 36.3819 30.7826C36.1931 30.9713 35.9372 31.0773 35.6703 31.0773L26.848 31.0759L30.7822 35.0101C30.9706 35.1986 31.0765 35.4542 31.0765 35.7208C31.0765 35.9873 30.9706 36.243 30.7822 36.4315C30.5937 36.6199 30.3381 36.7258 30.0715 36.7258C29.805 36.7258 29.5493 36.6199 29.3609 36.4315L23.7111 30.7817C23.5226 30.5932 23.4167 30.3376 23.4167 30.071C23.4167 29.8045 23.5226 29.5489 23.7111 29.3604L29.3609 23.7106C29.5493 23.5222 29.805 23.4163 30.0715 23.4163C30.3381 23.4163 30.5937 23.5222 30.7822 23.7106C30.9706 23.8991 31.0765 24.1547 31.0765 24.4213C31.0765 24.6878 30.9706 24.9435 30.7822 25.132L26.848 29.0662L35.6703 29.0648Z' fill='%23343434'/%3E%3C/svg%3E%0A");
}

.slider-section_btn-prev.btn-slider-white,
.slider-section_btn-next.btn-slider-white {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' stroke='%23ECECEC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6703 29.0648C35.9372 29.0648 36.1931 29.1708 36.3819 29.3595C36.5706 29.5482 36.6766 29.8042 36.6766 30.071C36.6766 30.3379 36.5706 30.5939 36.3819 30.7826C36.1931 30.9713 35.9372 31.0773 35.6703 31.0773L26.848 31.0759L30.7822 35.0101C30.9706 35.1986 31.0765 35.4542 31.0765 35.7208C31.0765 35.9873 30.9706 36.243 30.7822 36.4315C30.5937 36.6199 30.3381 36.7258 30.0715 36.7258C29.805 36.7258 29.5493 36.6199 29.3609 36.4315L23.7111 30.7817C23.5226 30.5932 23.4167 30.3376 23.4167 30.071C23.4167 29.8045 23.5226 29.5489 23.7111 29.3604L29.3609 23.7106C29.5493 23.5222 29.805 23.4163 30.0715 23.4163C30.3381 23.4163 30.5937 23.5222 30.7822 23.7106C30.9706 23.8991 31.0765 24.1547 31.0765 24.4213C31.0765 24.6878 30.9706 24.9435 30.7822 25.132L26.848 29.0662L35.6703 29.0648Z' fill='%23ECECEC'/%3E%3C/svg%3E%0A");
}

.slider-section_btn-prev.btn-slider-dark:hover,
.slider-section_btn-next.btn-slider-dark:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' fill='%23343434'/%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' stroke='%23343434'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6703 29.0648C35.9372 29.0648 36.1931 29.1708 36.3819 29.3595C36.5706 29.5482 36.6766 29.8042 36.6766 30.071C36.6766 30.3379 36.5706 30.5939 36.3819 30.7826C36.1931 30.9713 35.9372 31.0773 35.6703 31.0773L26.848 31.0759L30.7822 35.0101C30.9706 35.1986 31.0765 35.4542 31.0765 35.7208C31.0765 35.9873 30.9706 36.243 30.7822 36.4315C30.5937 36.6199 30.3381 36.7258 30.0715 36.7258C29.805 36.7258 29.5493 36.6199 29.3609 36.4315L23.7111 30.7817C23.5226 30.5932 23.4167 30.3376 23.4167 30.071C23.4167 29.8045 23.5226 29.5489 23.7111 29.3604L29.3609 23.7106C29.5493 23.5222 29.805 23.4163 30.0715 23.4163C30.3381 23.4163 30.5937 23.5222 30.7822 23.7106C30.9706 23.8991 31.0765 24.1547 31.0765 24.4213C31.0765 24.6878 30.9706 24.9435 30.7822 25.132L26.848 29.0662L35.6703 29.0648Z' fill='white'/%3E%3C/svg%3E%0A");
}

.slider-section_btn-prev.btn-slider-white:hover,
.slider-section_btn-next.btn-slider-white:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' fill='%23ECECEC'/%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' stroke='%23ECECEC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6703 29.0648C35.9372 29.0648 36.1931 29.1708 36.3819 29.3595C36.5706 29.5482 36.6766 29.8042 36.6766 30.071C36.6766 30.3379 36.5706 30.5939 36.3819 30.7826C36.1931 30.9713 35.9372 31.0773 35.6703 31.0773L26.848 31.0759L30.7822 35.0101C30.9706 35.1986 31.0765 35.4542 31.0765 35.7208C31.0765 35.9873 30.9706 36.243 30.7822 36.4315C30.5937 36.6199 30.3381 36.7258 30.0715 36.7258C29.805 36.7258 29.5493 36.6199 29.3609 36.4315L23.7111 30.7817C23.5226 30.5932 23.4167 30.3376 23.4167 30.071C23.4167 29.8045 23.5226 29.5489 23.7111 29.3604L29.3609 23.7106C29.5493 23.5222 29.805 23.4163 30.0715 23.4163C30.3381 23.4163 30.5937 23.5222 30.7822 23.7106C30.9706 23.8991 31.0765 24.1547 31.0765 24.4213C31.0765 24.6878 30.9706 24.9435 30.7822 25.132L26.848 29.0662L35.6703 29.0648Z' fill='%23343434'/%3E%3C/svg%3E%0A");
}

.slider-section_btn-next:hover {
    transform: rotate(180deg);
}

.slider-section_btn-prev:hover {
    transform: rotate(0);
}

.slider-section_btn-prev.btn-slider-dark:focus,
.slider-section_btn-next.btn-slider-dark:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' fill='%23343434' fill-opacity='0.2'/%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' stroke='%23343434'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6703 29.0648C35.9372 29.0648 36.1931 29.1708 36.3819 29.3595C36.5706 29.5482 36.6766 29.8042 36.6766 30.071C36.6766 30.3379 36.5706 30.5939 36.3819 30.7826C36.1931 30.9713 35.9372 31.0773 35.6703 31.0773L26.848 31.0759L30.7822 35.0101C30.9706 35.1986 31.0765 35.4542 31.0765 35.7208C31.0765 35.9873 30.9706 36.243 30.7822 36.4315C30.5937 36.6199 30.3381 36.7258 30.0715 36.7258C29.805 36.7258 29.5493 36.6199 29.3609 36.4315L23.7111 30.7817C23.5226 30.5932 23.4167 30.3376 23.4167 30.071C23.4167 29.8045 23.5226 29.5489 23.7111 29.3604L29.3609 23.7106C29.5493 23.5222 29.805 23.4163 30.0715 23.4163C30.3381 23.4163 30.5937 23.5222 30.7822 23.7106C30.9706 23.8991 31.0765 24.1547 31.0765 24.4213C31.0765 24.6878 30.9706 24.9435 30.7822 25.132L26.848 29.0662L35.6703 29.0648Z' fill='%23343434'/%3E%3C/svg%3E%0A");
}

.slider-section_btn-prev.btn-slider-white:focus,
.slider-section_btn-next.btn-slider-white:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' fill='%23606060'/%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' stroke='%23ECECEC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6703 29.0648C35.9372 29.0648 36.1931 29.1708 36.3819 29.3595C36.5706 29.5482 36.6766 29.8042 36.6766 30.071C36.6766 30.3379 36.5706 30.5939 36.3819 30.7826C36.1931 30.9713 35.9372 31.0773 35.6703 31.0773L26.848 31.0759L30.7822 35.0101C30.9706 35.1986 31.0765 35.4542 31.0765 35.7208C31.0765 35.9873 30.9706 36.243 30.7822 36.4315C30.5937 36.6199 30.3381 36.7258 30.0715 36.7258C29.805 36.7258 29.5493 36.6199 29.3609 36.4315L23.7111 30.7817C23.5226 30.5932 23.4167 30.3376 23.4167 30.071C23.4167 29.8045 23.5226 29.5489 23.7111 29.3604L29.3609 23.7106C29.5493 23.5222 29.805 23.4163 30.0715 23.4163C30.3381 23.4163 30.5937 23.5222 30.7822 23.7106C30.9706 23.8991 31.0765 24.1547 31.0765 24.4213C31.0765 24.6878 30.9706 24.9435 30.7822 25.132L26.848 29.0662L35.6703 29.0648Z' fill='%23ECECEC'/%3E%3C/svg%3E%0A");
}

.slider-section_btn-next:focus {
    transform: rotate(180deg);
}

.slider-section_btn-prev:focus {
    transform: rotate(0);
}

.slider-section_btn-prev.swiper-button-disabled:hover,
.slider-section_btn-next.swiper-button-disabled:hover {
    filter: none;
}

.slider-section_btn-prev.swiper-button-disabled,
.slider-section_btn-next.swiper-button-disabled {
    cursor: default;
}

.slider-section_btn-prev.btn-slider-dark.swiper-button-disabled,
.slider-section_btn-next.btn-slider-dark.swiper-button-disabled {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' stroke='%23C8C8CA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6703 29.0648C35.9372 29.0648 36.1931 29.1708 36.3819 29.3595C36.5706 29.5482 36.6766 29.8042 36.6766 30.071C36.6766 30.3379 36.5706 30.5939 36.3819 30.7826C36.1931 30.9713 35.9372 31.0773 35.6703 31.0773L26.848 31.0759L30.7822 35.0101C30.9706 35.1986 31.0765 35.4542 31.0765 35.7208C31.0765 35.9873 30.9706 36.243 30.7822 36.4315C30.5937 36.6199 30.3381 36.7258 30.0715 36.7258C29.805 36.7258 29.5493 36.6199 29.3609 36.4315L23.7111 30.7817C23.5226 30.5932 23.4167 30.3376 23.4167 30.071C23.4167 29.8045 23.5226 29.5489 23.7111 29.3604L29.3609 23.7106C29.5493 23.5222 29.805 23.4163 30.0715 23.4163C30.3381 23.4163 30.5937 23.5222 30.7822 23.7106C30.9706 23.8991 31.0765 24.1547 31.0765 24.4213C31.0765 24.6878 30.9706 24.9435 30.7822 25.132L26.848 29.0662L35.6703 29.0648Z' fill='%23C8C8CA'/%3E%3C/svg%3E%0A");
}

.slider-section_btn-prev.btn-slider-white.swiper-button-disabled,
.slider-section_btn-next.btn-slider-white.swiper-button-disabled {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='29.5' stroke='%23606060'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.6703 29.0648C35.9372 29.0648 36.1931 29.1708 36.3819 29.3595C36.5706 29.5482 36.6766 29.8042 36.6766 30.071C36.6766 30.3379 36.5706 30.5939 36.3819 30.7826C36.1931 30.9713 35.9372 31.0773 35.6703 31.0773L26.848 31.0759L30.7822 35.0101C30.9706 35.1986 31.0765 35.4542 31.0765 35.7208C31.0765 35.9873 30.9706 36.243 30.7822 36.4315C30.5937 36.6199 30.3381 36.7258 30.0715 36.7258C29.805 36.7258 29.5493 36.6199 29.3609 36.4315L23.7111 30.7817C23.5226 30.5932 23.4167 30.3376 23.4167 30.071C23.4167 29.8045 23.5226 29.5489 23.7111 29.3604L29.3609 23.7106C29.5493 23.5222 29.805 23.4163 30.0715 23.4163C30.3381 23.4163 30.5937 23.5222 30.7822 23.7106C30.9706 23.8991 31.0765 24.1547 31.0765 24.4213C31.0765 24.6878 30.9706 24.9435 30.7822 25.132L26.848 29.0662L35.6703 29.0648Z' fill='%23606060'/%3E%3C/svg%3E%0A");
}

.slider-section_btn-prev.swiper-button-disabled:hover {

    transform: rotate(0);
}

.slider-section_btn-next {
    transform: rotate(180deg);
}

.services-and-product-wrapper_btn-show-more {
    display: flex;
    width: 100%;
    min-height: 56px;
    padding: 10px 10px 10px 20px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #343434;
    background: #fff;
    color: #343434;
    font-size: 16px;
    font-style: normal;
    line-height: 120%;
    text-transform: uppercase;
    text-decoration: none;
}

.services-and-product-wrapper_btn-show-more:hover {
    text-decoration: underline;
}

.services-and-product-wrapper_btn-show-more:after {
    display: flex;
    align-self: self-end;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.4021 4.2636C5.25112 4.11263 5.04636 4.02781 4.83285 4.02781C4.61934 4.02781 4.41458 4.11263 4.2636 4.2636C4.11263 4.41458 4.02781 4.61934 4.02781 4.83285C4.02781 5.04636 4.11263 5.25112 4.2636 5.4021L9.25508 10.392H4.80402C4.59078 10.392 4.38628 10.4767 4.23549 10.6275C4.08471 10.7782 4 10.9827 4 11.196C4 11.4092 4.08471 11.6137 4.23549 11.7645C4.38628 11.9153 4.59078 12 4.80402 12L11.196 12C11.4092 12 11.6137 11.9153 11.7645 11.7645C11.9153 11.6137 12 11.4092 12 11.196V4.80402C12 4.59078 11.9153 4.38628 11.7645 4.23549C11.6137 4.08471 11.4092 4 11.196 4C10.9827 4 10.7782 4.08471 10.6275 4.23549C10.4767 4.38628 10.392 4.59078 10.392 4.80402V9.25508L5.4021 4.2636Z' fill='%23343434'/%3E%3C/svg%3E");
}


.we-have {
    margin-top: 112px;
    display: flex;
    flex-direction: column;
    gap: 62px;
}

.we-have-slider-mobile {
    display: none;
}

.we-have_items-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    column-gap: 12px;
    row-gap: 60px;
}

.we-have_item {
    display: flex;
}

.we-have_item_img-wrapper {
    max-width: 187px;
    width: 100%;
    height: 169px;
    position: relative;
    background: #F4F4F4;
}

.we-have_item_img-wrapper:after {
    z-index: 1;
    transform: rotate(315deg);
    content: '';
    width: 35px;
    height: 35px;
    position: absolute;
    right: -37px;
    bottom: -37px;
    border: 35px solid transparent;
    border-top: 35px solid white;
    border-radius: 3px;
}

.we-have_item_img-wrapper img {
    z-index: 2;
    position: absolute;
    object-fit: cover;
    max-height: 199px;
    max-width: 215px;
    bottom: 0;
    right: 0;
    left: -10%;
    top: -10%;
    margin: auto;
}

.we-have_item_content {
    width: 100%;
    height: max-content;
    min-height: 117px;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
}

.we-have_item_title {
    color: #343434;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.we-have_item_btn,
.we-have_detail_btn {
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    border: none;
    padding: 0;
    background-color: unset;
    cursor: pointer;

    color: #343434;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}

.we-have_item_btn:after,
.we-have_detail_btn:after {
    display: block;
    content: ' ';
    width: 15px;
    height: 15px;
}

.we-have_item_btn:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.34961 5.99348C2.08272 5.99348 1.82676 6.0995 1.63805 6.28822C1.44933 6.47694 1.34331 6.73289 1.34331 6.99978C1.34331 7.26666 1.44933 7.52262 1.63805 7.71134C1.82676 7.90005 2.08272 8.00607 2.34961 8.00607L11.1719 8.00465L7.23773 11.9389C7.04925 12.1273 6.94336 12.383 6.94336 12.6495C6.94336 12.9161 7.04925 13.1717 7.23773 13.3602C7.42621 13.5487 7.68184 13.6546 7.94839 13.6546C8.21494 13.6546 8.47057 13.5487 8.65905 13.3602L14.3088 7.71044C14.4973 7.52196 14.6032 7.26633 14.6032 6.99978C14.6032 6.73323 14.4973 6.4776 14.3088 6.28912L8.65905 0.639371C8.47057 0.450892 8.21494 0.345006 7.94839 0.345006C7.68184 0.345006 7.42621 0.450892 7.23773 0.639371C7.04925 0.82785 6.94336 1.08348 6.94336 1.35003C6.94336 1.61658 7.04925 1.87221 7.23773 2.06069L11.1719 5.99491L2.34961 5.99348Z' fill='%23343434'/%3E%3C/svg%3E");
}

.we-have_item:hover .we-have_item_btn {
    color: #2B54C1;
}

.we-have_item:hover .we-have_item_btn:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.34961 5.99348C2.08272 5.99348 1.82676 6.0995 1.63805 6.28822C1.44933 6.47694 1.34331 6.73289 1.34331 6.99978C1.34331 7.26666 1.44933 7.52262 1.63805 7.71134C1.82676 7.90005 2.08272 8.00607 2.34961 8.00607L11.1719 8.00465L7.23773 11.9389C7.04925 12.1273 6.94336 12.383 6.94336 12.6495C6.94336 12.9161 7.04925 13.1717 7.23773 13.3602C7.42621 13.5487 7.68184 13.6546 7.94839 13.6546C8.21494 13.6546 8.47057 13.5487 8.65905 13.3602L14.3088 7.71044C14.4973 7.52196 14.6032 7.26633 14.6032 6.99978C14.6032 6.73323 14.4973 6.4776 14.3088 6.28912L8.65905 0.639371C8.47057 0.450892 8.21494 0.345006 7.94839 0.345006C7.68184 0.345006 7.42621 0.450892 7.23773 0.639371C7.04925 0.82785 6.94336 1.08348 6.94336 1.35003C6.94336 1.61658 7.04925 1.87221 7.23773 2.06069L11.1719 5.99491L2.34961 5.99348Z' fill='%232B54C1'/%3E%3C/svg%3E");
}

.we-have_detail {
    overflow: hidden;
    position: relative;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    background: #2B54C1;
    border-radius: 3px;
}


.we-have_detail:after {
    transform: rotate(315deg);
    content: '';
    width: 45px;
    height: 35px;
    position: absolute;
    right: -37px;
    bottom: -37px;
    border: 35px solid transparent;
    border-top: 35px solid white;
}

.we-have_detail_title {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.we-have_detail_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    font-size: 16px;
    line-height: 140%;
}

.we-have_detail_btn {
    margin-top: 27px;
    color: #FFF;
}

.we-have_detail_btn:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.97229 5.99349C1.7054 5.99349 1.44944 6.09951 1.26073 6.28823C1.07201 6.47694 0.965991 6.7329 0.965991 6.99979C0.965991 7.26667 1.07201 7.52263 1.26073 7.71135C1.44944 7.90006 1.7054 8.00608 1.97229 8.00608L10.7946 8.00466L6.86041 11.9389C6.67193 12.1274 6.56604 12.383 6.56604 12.6495C6.56604 12.9161 6.67193 13.1717 6.86041 13.3602C7.04889 13.5487 7.30452 13.6546 7.57107 13.6546C7.83762 13.6546 8.09325 13.5487 8.28173 13.3602L13.9315 7.71045C14.12 7.52197 14.2258 7.26634 14.2258 6.99979C14.2258 6.73324 14.12 6.47761 13.9315 6.28913L8.28173 0.639379C8.09325 0.4509 7.83762 0.345013 7.57107 0.345013C7.30452 0.345014 7.04889 0.4509 6.86041 0.639379C6.67193 0.827857 6.56604 1.08349 6.56604 1.35004C6.56604 1.61659 6.67193 1.87222 6.86041 2.0607L10.7946 5.99491L1.97229 5.99349Z' fill='white'/%3E%3C/svg%3E");
}

.we-have_detail:hover .we-have_detail_btn {
    text-decoration: underline;
}


.official-product-distributors {
    margin-top: 141px;
    display: flex;
    justify-content: space-between;
    gap: 35px;
}

.official-product-distributors_content {
    max-width: 992px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 52px;
}

.official-product-distributors_items {
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    flex-wrap: wrap;
}

.official-product-distributors_item {
    position: relative;
    display: flex;
    justify-content: center;
    border-bottom: solid 1px #999999;
}

.official-product-distributors_item:nth-child(1),
.official-product-distributors_item:nth-child(2),
.official-product-distributors_item:nth-child(3),
.official-product-distributors_item:nth-child(4) {
    width: 23.5%;
}

.official-product-distributors_item:nth-child(5),
.official-product-distributors_item:nth-child(6),
.official-product-distributors_item:nth-child(7),
.official-product-distributors_item:nth-child(8),
.official-product-distributors_item:nth-child(9) {
    width: 18.5%;
}

.official-product-distributors_item span {
    position: absolute;
    top: 20px;
    left: 20px;

    color: #999999;
    font-size: 12px;
}

.official-product-distributors_img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}


.we-working {
    margin-top: 207px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.we-working_head {
    display: flex;
    justify-content: space-between;
    gap: 35px;
}

.we-working_content {
    max-width: 992px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 52px;
}

.we-working_header {
}

.we-working_description-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.we-working_description {
    width: 100%;
    padding-right: 120px;
    border-right: 1px solid #525252;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.we-working_description li {
    display: flex;
    align-items: center;
    gap: 8px;

    font-size: 18px;
    line-height: 140%;
}

.we-working_description li:before {
    display: block;
    content: '';
    max-width: 14px;
    width: 100%;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.47229 6.49371C1.2054 6.49371 0.949445 6.59972 0.760728 6.78844C0.572011 6.97716 0.465991 7.23311 0.465991 7.5C0.465991 7.76689 0.572011 8.02284 0.760728 8.21156C0.949445 8.40028 1.2054 8.50629 1.47229 8.50629L10.2946 8.50487L6.36041 12.4391C6.17193 12.6276 6.06604 12.8832 6.06604 13.1497C6.06604 13.4163 6.17193 13.6719 6.36041 13.8604C6.54889 14.0489 6.80452 14.1548 7.07107 14.1548C7.33762 14.1548 7.59325 14.0489 7.78173 13.8604L13.4315 8.21066C13.62 8.02218 13.7258 7.76655 13.7258 7.5C13.7258 7.23345 13.62 6.97782 13.4315 6.78934L7.78173 1.13959C7.59325 0.951114 7.33762 0.845227 7.07107 0.845227C6.80452 0.845227 6.54889 0.951114 6.36041 1.13959C6.17193 1.32807 6.06604 1.5837 6.06604 1.85025C6.06604 2.1168 6.17193 2.37243 6.36041 2.56091L10.2946 6.49513L1.47229 6.49371Z' fill='%232B54C1'/%3E%3C/svg%3E");
}

.we-working_specialist-wrapper {
    max-width: 305px;
    padding: 32px 40px;
    border-radius: 20px;
    border: 1px solid #525252;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.we-working_specialist_title {
    font-size: 24px;
    line-height: 140%;
}

.we-working_specialist_items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.we-working_specialist_item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.we-working_specialist_item img {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    object-fit: cover;
}

.we-working_specialist_item span {
    font-size: 14px;
    line-height: 130%;
}

.we-working_contacts {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 35px;
    padding: 20px 40px;
    border-radius: 20px;
    background: #2B54C1;
}

.we-working_tel {
    text-decoration: none;
    color: #FFF;
    font-size: 34px;
    line-height: 140%;
}

.we-working_messengers {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
}

.we-working_messengers a {
    color: #FFF;
    font-size: 24px;
    line-height: 140%;
    text-decoration-line: underline;
}


.about {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    gap: 35px;
}

.site-block-title {
}

.about-content {
    max-width: 992px;
    width: 100%;
    display: grid;
    grid-template-areas:
            'A B'
            'C C';
    grid-template-columns: minmax(320px, 662px) minmax(304px, 1fr);
    column-gap: 26px;
    row-gap: 60px;
}

.about_description {
    grid-area: A;
    max-width: 662px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-header {
}

.about_subtitle,
.about_text {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}

.about_text {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 10px;

    color: #DDD;
    font-weight: 400;
}

.about_img {
    grid-area: B;
    max-width: 304px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    clip-path: polygon(0.444% 2.309%, 0.981% 1.472%, 2.055% 0.636%, 3.486% 0.277%, 4.559% 0.277%, 96.156% 0.277%, 97.767% 0.516%, 98.661% 1.114%, 99.287% 2.13%, 99.556% 2.907%, 99.556% 87.95%, 99.111% 88.643%, 98.444% 89.335%, 98% 89.751%, 80.222% 99.169%, 79.111% 99.446%, 77.333% 99.723%, 3.665% 99.723%, 2.591% 99.365%, 1.697% 98.886%, 0.802% 97.93%, 0.444% 96.735%, 0.444% 2.309%);
}

.about_achievement {
    grid-area: C;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}

.about_achievement_item {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.about_achievement_item span {
    padding-bottom: 20px;
    border-bottom: solid 1px #949494;

    color: #2B54C1;
    font-size: 60px;
    font-weight: 500;
    line-height: 100%;
}

.about_achievement_item p {
    color: #DDD;
    font-size: 18px;
    line-height: 140%;
}


.application-consultation {
    margin-top: 100px;
}

.application-consultation_container {
    padding: 64px;
    border-radius: 40px;
    background: #F6F6F6;
    display: grid;
    grid-template-areas:
            'A C'
            'B C';
    grid-template-columns: 1fr 379px;
    justify-content: space-between;
    gap: 35px;
}

.application-consultation_header-wrapper {
    grid-area: A;
    display: flex;
    flex-direction: column;
}

.application-consultation_header {
    color: #343434;
}

.application-consultation_subtitle {
    color: #606060;
    font-size: 18px;
    line-height: 140%;
}

.application-consultation_messengers {
    grid-area: B;
    display: flex;
    flex-direction: column;
    gap: 31px;
}

.application-consultation_messengers a {
    color: #343434;
    font-size: 24px;
    line-height: 140%;
    text-decoration-line: underline;
}

.application-consultation_form {
    grid-area: C;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.application-consultation_label {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 4px 4px 4px 8px;
    gap: 12px;
    border-radius: 12px;
    background: #FFF;

    color: var(--Black);
    font-size: 14px;
    line-height: 120%;
}

.application-consultation_label input {
    display: flex;
    padding: 6px 0;
    gap: 16px;
    border: none;
    outline: none;
    background: #FFF;
    font-size: 18px;
    line-height: 140%;
}

.application-consultation_label input::placeholder {
    color: #C8C8CA;
}

.application-consultation_btn-submit {
    margin-top: 18px;
    width: 100%;
}


.contacts {
    margin-top: 174px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
}

.page-contacts {
    margin-top: 0;
}

.contacts_content {
    max-width: 986px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
}

.contacts_data-wrapper {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contacts_tel,
.contacts_mail {
    text-decoration: none;
    color: #FFF;
    font-size: 34px;
    line-height: 140%;
}

.contacts_messengers-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
}

.contacts_messengers {
    white-space: nowrap;
    color: #FFF;
    font-size: 18px;
    line-height: 140%;
    text-decoration-line: underline;
}

.contacts_mail {
    margin-top: 16px;
}

.contacts_address {
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 10px;

    font-size: 24px;
    line-height: 140%;
}

.contacts_address span {
    font-size: 18px;
}

.contacts_card {
    position: relative;
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 46px;
}

.contacts_card_img-bg,
.contacts_card_img-bg-mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    filter: drop-shadow(0px 0px 0px #fff);
}

.contacts_card_img-bg-mobile {
    display: none;
}

.contacts_card_items {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contacts_card_items li {
    display: flex;
    gap: 15px;

    font-size: 18px;
    line-height: 140%;
}

.contacts_card_items span {
    color: #CCC;
}

.contacts_card_btn-download {
}


.faq {
    margin-top: 174px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
}

.faq_content {
    max-width: 992px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.faq-item {
    border-radius: 12px;
    background: #1C1C1C;
}

.faq-item_question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: .75em .75em .75em 2em;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    line-height: 120%;
    text-transform: uppercase;
}

.faq-item_question-marker {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    aspect-ratio: 1/1;
    background: white;
    border-radius: 20px;

    & :where(img, svg) {
        width: 25%;
        height: auto;
        object-fit: contain;
    }

    path {
        fill: #343434;
    }
}

[open] .faq-item_question-marker {
    rotate: -90deg;
}

.faq-item_answer {
    padding: 0 .75em .75em 2em;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
}

.collapse_items-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.collapse_item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-radius: 12px;
    background: #1C1C1C;
}

.collapse_item_question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 32px 12px 32px 32px;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    line-height: 120%;
    text-transform: uppercase;
}

.collapse_item_question.active {
    display: flex;
}

.collapse_item_question:after {
    display: block;
    content: '';
    margin-top: -20px;
    margin-bottom: -20px;
    max-width: 60px;
    width: 100%;
    height: 61px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='61' viewBox='0 0 60 61' fill='none'%3E%3Crect y='0.858398' width='60' height='60' rx='20' fill='%23ECECEC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7223 29.8521C24.4554 29.8521 24.1994 29.9581 24.0107 30.1468C23.822 30.3356 23.716 30.5915 23.716 30.8584C23.716 31.1253 23.822 31.3812 24.0107 31.57C24.1994 31.7587 24.4554 31.8647 24.7223 31.8647L33.5446 31.8633L29.6104 35.7975C29.4219 35.986 29.316 36.2416 29.316 36.5081C29.316 36.7747 29.4219 37.0303 29.6104 37.2188C29.7989 37.4073 30.0545 37.5132 30.3211 37.5132C30.5876 37.5132 30.8432 37.4073 31.0317 37.2188L36.6815 31.5691C36.87 31.3806 36.9758 31.1249 36.9758 30.8584C36.9758 30.5918 36.87 30.3362 36.6815 30.1477L31.0317 24.498C30.8432 24.3095 30.5876 24.2036 30.3211 24.2036C30.0545 24.2036 29.7989 24.3095 29.6104 24.498C29.4219 24.6865 29.316 24.9421 29.316 25.2086C29.316 25.4752 29.4219 25.7308 29.6104 25.9193L33.5446 29.8535L24.7223 29.8521Z' fill='%23343434'/%3E%3C/svg%3E");
}

.collapse_item_question.active:after {
    transform: rotate(270deg);
}

.collapse_item_answer {
    display: none;
    padding: 0 12px 32px 32px;
    font-size: 16px;
    font-style: normal;
    line-height: 140%
}

.collapse_item_answer.active {
    display: block;
}


.footer {
    margin-top: 89px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer_container {
    position: relative;
    padding: 32px 59px 32px 40px;
}

.footer_container_bg-left,
.footer_container_bg-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: drop-shadow(0px 0px 0px #fff);
}

.footer_container_bg-left {
    z-index: -2;
    object-position: right bottom;
    border-radius: 50px 20px 70px 50px;
}

.footer_container_bg-right {
    z-index: -1;
    object-position: left top;
    border-radius: 17px 50px 200px 20px;
}

.footer_container_bg-left-mobile,
.footer_container_bg-right-mobile {
    display: none;
}

.footer_head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    padding-bottom: 22px;
    border-bottom: solid 1px #FFF;
}

.footer_logo-wrapper {
    display: flex;
    align-items: center;
}

.footer_contacts {
    max-width: 255px;
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.footer_contacts_item {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    line-height: 130%;
    text-decoration: none;
}

.footer_logo {
    width: 107px;
    height: 91px;
    object-fit: cover;
    filter: invert(0.5);
}

.footer_logo_title {
    max-width: 204px;

    color: #868686;
    font-size: 14px;
    line-height: 130%;
}

.footer_nav {
    max-width: 426px;
    width: 100%;
    display: flex;
    align-self: start;
}

.footer_nav ul {
    width: 100%;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    row-gap: 24px;
}

.footer_nav a {
    text-decoration: none;
    color: #FFF;
    font-size: 18px;
    line-height: 130%;
}

.footer_others-wrapper {
    width: 91.5%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 30px;
}

.footer_policy,
.footer_rights-reserved {
    width: max-content;
    color: #AEAEAE;
    font-size: 18px;
    line-height: 140%;
    text-decoration-line: underline;
}

.footer_rights-reserved {
    display: flex;
    gap: 20px;
    text-decoration: none;
}

.footer_btn-application-consultation {
    width: max-content;
    border: none;
    padding: 0;
    background-color: unset;
    cursor: pointer;
    color: #FFF;
    font-size: 18px;
    line-height: 130%;
    text-decoration-line: underline;
}

.footer_made-in {
    display: flex;
    flex-direction: column;
    color: #AEAEAE;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}

.footer_made-in:before {
    display: block;
    content: '';
    width: 154px;
    height: 41px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='154' height='41' viewBox='0 0 154 41' fill='none'%3E%3Cpath d='M33.8005 7.7703V12.7544H39.5946V15.0417H33.8005V20.0568H31.3242V7.7703H33.8005ZM42.095 7.7703V10.2744C42.095 11.6468 40.965 12.7544 39.5946 12.7544V7.7703H42.095ZM42.095 17.5217V20.0568H39.5946V15.0417C40.965 15.0417 42.095 16.1493 42.095 17.5217Z' fill='%23AEAEAE'/%3E%3Cpath d='M52.9946 10.0577H46.2629V17.8829H43.7866V10.0577C43.7866 8.80564 44.7963 7.7703 46.0706 7.7703H50.7107C51.9849 7.7703 52.9946 8.80564 52.9946 10.0577ZM52.9946 17.8829V10.0577H55.471V17.8829C55.471 19.1349 54.5744 20.0568 53.3242 20.0568H48.4767C47.2265 20.0568 46.2629 19.1349 46.2629 17.8829H52.9946Z' fill='%23AEAEAE'/%3E%3Cpath d='M61.9249 7.7703H65.8437C67.0939 7.7703 68.1037 8.80564 68.1037 10.0577V20.0568H65.6274V10.0577H59.665C59.665 8.80564 60.6747 7.7703 61.9249 7.7703ZM59.665 20.0568H57.1646V10.0577H59.665V20.0568Z' fill='%23AEAEAE'/%3E%3Cpath d='M81.1872 4.46338V5.48292C81.1872 6.92758 80.0091 7.7625 78.5666 7.7625V4.46338H81.1872ZM72.1757 7.7625H78.5666V10.1426H72.4119V17.8829H78.5666V10.1426H81.1872V17.8829C81.1872 19.1349 80.1167 20.0568 78.8665 20.0568H72.3411C70.8986 20.0568 69.7913 19.0868 69.7913 17.6421V10.1426C69.7913 8.81832 70.8533 7.7625 72.1757 7.7625Z' fill='%23AEAEAE'/%3E%3Cpath d='M85.4126 7.7703V10.0336H91.2067V7.7703H85.4126ZM82.8641 20.0568V12.5136C82.8641 11.1412 83.9941 10.0336 85.3645 10.0336V20.0568H82.8641Z' fill='%23AEAEAE'/%3E%3Cpath d='M92.4444 7.7703H100.426C101.677 7.7703 102.686 8.78156 102.686 10.0336V17.8829H100.21V15.0899H93.6946V17.8829H100.21V20.0568H93.4088C92.1346 20.0568 91.1943 19.1349 91.1943 17.8829V15.0899C91.1943 13.8379 92.204 12.8266 93.4783 12.8266H100.21V10.0336H92.4444V7.7703Z' fill='%23AEAEAE'/%3E%3Cpath d='M114.915 7.7703V10.0336H106.837V12.8266H104.361V10.0336C104.361 8.78156 105.371 7.7703 106.621 7.7703H114.915ZM106.837 12.8266H113.088C114.338 12.8266 115.348 13.8379 115.348 15.0899V17.8829C115.348 19.1349 114.422 20.0568 113.172 20.0568H104.77V17.8829H112.872V15.0899H106.837V12.8266Z' fill='%23AEAEAE'/%3E%3Cpath d='M117.035 5.84408V4.46338H119.535V7.7625C118.165 7.7625 117.035 7.21651 117.035 5.84408ZM119.535 7.7625H125.477C126.799 7.7625 127.998 8.66247 127.998 9.98674V20.0568H125.497V9.98674L119.535 9.99783V7.7625ZM119.535 20.0568H117.035V9.99783H119.535V20.0568Z' fill='%23AEAEAE'/%3E%3Cpath d='M138.893 10.0577H132.161V17.8829H129.685V10.0577C129.685 8.80564 130.695 7.7703 131.969 7.7703H136.609C137.883 7.7703 138.893 8.80564 138.893 10.0577ZM138.893 17.8829V10.0577H141.369V17.8829C141.369 19.1349 140.337 20.0568 139.087 20.0568H134.426C133.176 20.0568 132.161 19.1349 132.161 17.8829H138.893Z' fill='%23AEAEAE'/%3E%3Cpath d='M143.063 7.7703H145.539V17.8829C144.169 17.8829 143.063 16.7513 143.063 15.3788V7.7703ZM151.526 7.7703H154.002V15.3788C154.002 16.7513 152.896 17.8829 151.526 17.8829V7.7703ZM151.502 20.0568H145.539V17.8829H151.502V20.0568Z' fill='%23AEAEAE'/%3E%3Cpath d='M40.5323 25.6155H33.8005V33.4408H31.3242V25.6155C31.3242 24.3635 32.2873 23.4098 33.5615 23.4098H38.2225C39.4967 23.4098 40.5323 24.3635 40.5323 25.6155ZM40.5323 33.4408V25.6155H43.0086V33.4408C43.0086 34.6928 41.9988 35.7041 40.7487 35.7041H36.0605C34.8103 35.7041 33.8005 34.6928 33.8005 33.4408H40.5323Z' fill='%23AEAEAE'/%3E%3Cpath d='M49.4089 23.4098H53.3242C54.5744 23.4098 55.6413 24.3635 55.6413 25.6155V35.7041H53.165V25.6155H47.2026C47.2026 24.3635 48.1587 23.4098 49.4089 23.4098ZM47.2026 35.7041H44.7022V25.6155H47.2026V35.7041Z' fill='%23AEAEAE'/%3E%3Cpath d='M59.8053 35.7041H57.3289V23.3911H59.8053V35.7041Z' fill='%23AEAEAE'/%3E%3Cpath d='M61.4799 25.2692V23.3911H63.9563V27.7492C62.5859 27.7492 61.4799 26.6416 61.4799 25.2692ZM63.9563 35.7041H61.4799V28.3271H63.9563V35.7041Z' fill='%23AEAEAE'/%3E%3Cpath d='M70.4767 23.4098H74.3919C75.6421 23.4098 76.57 24.3635 76.57 25.6155V35.7041H74.0937V25.6155H68.1313C68.1313 24.3635 69.2265 23.4098 70.4767 23.4098ZM68.1313 35.7041H65.6309V25.6155H68.1313V35.7041Z' fill='%23AEAEAE'/%3E%3Cpath d='M80.5445 23.4098H87.2563C88.5065 23.4098 89.4852 24.3394 89.4852 25.6155V28.6734H89.4612C89.365 29.8291 88.4033 30.72 87.2253 30.72H80.758V28.4326H87.0089V25.6155H80.758V28.4326C79.3876 28.4326 78.2576 27.3251 78.2576 25.9526V25.6155H78.2817C78.2817 24.3394 79.2943 23.4098 80.5445 23.4098ZM78.2576 33.2241V33.2C78.2576 31.8276 79.3876 30.72 80.758 30.72V33.4408H89.0284V35.7041H80.758C79.027 35.7041 78.2576 34.5965 78.2576 33.2241Z' fill='%23AEAEAE'/%3E%3Cpath d='M7.62859 7.76221H0V28.1428H7.62859V7.76221Z' fill='%23AEAEAE'/%3E%3Cpath d='M27.9637 28.1484H7.625V35.7053H27.9637V28.1484Z' fill='%23AEAEAE'/%3E%3C/svg%3E");
}

#popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 14px;
    background: rgba(3, 3, 3, 0.40);
    backdrop-filter: blur(7px);
    grid-template-columns: 100%;
    overflow: auto;
    justify-items: center;
    align-items: center;
}

#popup.active {
    display: grid;
}

.popup_close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    padding: 12px 20px;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #C8C8CA;
    cursor: pointer;
    color: #424242;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    background: white;
}

.popup_content {
    max-height: 100%;
    overflow: auto;
    position: relative;
    border-radius: 22px;
    background: #FBFAF8;
    max-width: 480px;
}

#popup {
    .popup_content.change_city{
        max-width: 1124px;
        display: grid;
        grid-template-columns: 100%;
        gap: 24px;
        padding: 30px 30px;
        border-radius: 12px;
        background: #525252;
        box-shadow: 0px 2px 8px 0px rgba(61, 61, 61, 0.08), 0px 15px 31px 0px rgba(114, 114, 114, 0.24);
        color: white;
        .popup_close{
            width: 25px;
            aspect-ratio: 1/1;
            border-radius: 50%;
            padding: 0;
            display: grid;
            border: none;
            --weight: 2px;
            --color: black;
            --width: 11px;
        }
    }
    .change-city_title{
        font-size: clamp(24px, calc(15px + 2vw), 40px);
        font-weight: 500;
        line-height: 130%;
        text-transform: uppercase;
    }
    .change-city_search-wrapper{
        --icon-width: 20px;
        display: grid;
        align-items: center;
        grid-template-columns: 100%;
        gap: 8px;
        cursor: pointer;
        border-bottom: solid 1px #fff;
        position: relative;
    }
    .change-city_search-input{
        width: 100%;
        background: transparent;
        border: none;
        padding: 12px 16px 12px calc(var(--icon-width) + 8px + 16px);
        color: white;
        font-size: 16px;
    }
    .change-city_search-btn{
        display: flex;
        padding: 0;
        border: none;
        background: transparent;
        position: absolute;
        left: 16px;
        & :where(img, svg){
            width: var(--icon-width);
            height: auto;
            object-fit: contain;
        }
        path{
            fill: #868686;
        }
    }
    .change-city_list {
        max-height: 256px;
        overflow-y: auto;
        scrollbar-width: thin;
        column-gap: 24px;
        padding-right: 24px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-content: space-between;
    }
    .change-city_item{
        font-size: 16px;
        padding: 24px;
        color: inherit;
        text-decoration: none;
    }
    .change-city_item:hover {
        background: linear-gradient(90deg, #2B54C1 1.3%, #525252 100%);
    }
}

.popup-wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 14px;
    background: rgba(3, 3, 3, 0.40);
    backdrop-filter: blur(7px);
}

.popup-wrapper.active {
    display: flex;
    overflow-y: auto;
}

.popup-container {
    position: relative;
    max-width: 480px;
    width: 100%;
    margin: auto;
    display: none;
    align-self: center;
    flex-direction: column;
    gap: 22px;
    padding: 70px 30px 40px 30px;
    border-radius: 22px;
    background: #FBFAF8;
}

.popup-container.active {
    display: flex;
}

.popup_head {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.popup_header {
    display: flex;
    flex-direction: column;
    gap: 6px;

    color: var(--Black);
    font-size: 22px;
    line-height: 120%
}

.popup_header span {
    font-size: 16px;
    line-height: 150%;
}

.popup_btn-close {
    max-width: 150px;
    min-height: 45px;
    width: 100%;
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    padding: 12px 20px;
    justify-content: space-between;
    gap: 10px;
    border-radius: 12px;
    border: 1px solid #C8C8CA;
    backdrop-filter: blur(63px);
    background-color: unset;
    cursor: pointer;

    color: #424242;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
}

.popup_btn-close:after {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.31596 6.39222L3.47413 2.55038C3.32752 2.40378 3.12868 2.32141 2.92134 2.32141C2.71401 2.32141 2.51517 2.40378 2.36856 2.55038C2.22196 2.69699 2.13959 2.89583 2.13959 3.10316C2.13959 3.3105 2.22196 3.50934 2.36856 3.65595L6.2146 7.50198L2.37347 11.3431C2.22687 11.4897 2.1445 11.6886 2.1445 11.8959C2.1445 12.1032 2.22686 12.3021 2.37347 12.4487C2.52008 12.5953 2.71892 12.6776 2.92625 12.6776C3.13359 12.6776 3.33243 12.5953 3.47903 12.4487L7.32087 8.60683L11.1627 12.4487C11.3093 12.5953 11.5081 12.6776 11.7155 12.6776C11.9228 12.6776 12.1217 12.5953 12.2683 12.4487C12.4149 12.3021 12.4972 12.1032 12.4972 11.8959C12.4972 11.6886 12.4149 11.4897 12.2683 11.3431L8.42223 7.49707L12.2634 3.65595C12.41 3.50934 12.4923 3.3105 12.4923 3.10317C12.4923 2.89583 12.41 2.69699 12.2634 2.55038C12.1167 2.40378 11.9179 2.32141 11.7106 2.32142C11.5032 2.32142 11.3044 2.40378 11.1578 2.55038L7.31596 6.39222Z' fill='%23C8C8CA'/%3E%3C/svg%3E");
}

.popup_label-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.popup_label {
    display: flex;
    padding: 8px 6px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #C8C8CA;
    background: #FFF;

    color: var(--Black);
    font-size: 12px;
    line-height: 120%;
}

.popup_label input,
.popup_label textarea {
    width: 100%;
    outline: none;
    border: none;
    font-size: 18px;
    line-height: 140%;
}

.popup_label textarea {
    height: 72px;
    resize: none;

    font-size: 16px;
    line-height: 150%
}

.popup_label input::placeholder,
.popup_label textarea::placeholder {
    color: #C8C8CA;
}

.popup_file-upload_label {
    position: relative;
    cursor: pointer;
    gap: 3px;
}

.popup_file-upload_label input {
    position: absolute;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 8px;
    left: 0;
}

.popup_file-upload_label span:before,
.popup_file-upload_label span:after {
    display: block;
    content: '';
    width: 100%;
}

.popup_file-upload_label span {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.popup_file-upload_label span:before {
    max-width: 22px;
    height: 31px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='31' viewBox='0 0 22 31' fill='none'%3E%3Cg clip-path='url(%23clip0_1_1253)'%3E%3Cpath d='M11 28C7.13091 28 4 24.925 4 21.125L4 8C4 5.2375 6.27818 3 9.09091 3C11.9036 3 14.1818 5.2375 14.1818 8L14.1818 18.625C14.1818 20.35 12.7564 21.75 11 21.75C9.24364 21.75 7.81818 20.35 7.81818 18.625L7.81818 9.25L10.3636 9.25L10.3636 18.7375C10.3636 19.425 11.6364 19.425 11.6364 18.7375L11.6364 8C11.6364 6.625 10.4909 5.5 9.09091 5.5C7.69091 5.5 6.54545 6.625 6.54545 8L6.54545 21.125C6.54545 23.5375 8.54364 25.5 11 25.5C13.4564 25.5 15.4545 23.5375 15.4545 21.125L15.4545 9.25L18 9.25L18 21.125C18 24.925 14.8691 28 11 28Z' fill='%23C8C8CA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_1253'%3E%3Crect width='31' height='22' fill='white' transform='translate(0 31) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.popup_file-upload_label span:after {
    max-width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18' viewBox='0 0 15 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.5261 8.39761V1.916C8.5261 1.66866 8.44085 1.43145 8.2891 1.25655C8.13735 1.08165 7.93154 0.983398 7.71693 0.983398C7.50233 0.983398 7.29651 1.08165 7.14477 1.25655C6.99302 1.43145 6.90777 1.66866 6.90777 1.916L6.90777 8.40456L1.28378 8.40456C1.06917 8.40456 0.863357 8.50281 0.711609 8.67771C0.559861 8.85261 0.474609 9.08982 0.474609 9.33716C0.474609 9.58451 0.559861 9.82172 0.711609 9.99661C0.863357 10.1715 1.06917 10.2698 1.28378 10.2698L6.90749 10.2698L6.90749 16.7514C6.90749 16.9987 6.99275 17.2359 7.14449 17.4108C7.29624 17.5857 7.50206 17.684 7.71666 17.684C7.93126 17.684 8.13708 17.5857 8.28883 17.4108C8.44058 17.2359 8.52583 16.9987 8.52583 16.7514V10.2628H14.1498C14.3644 10.2628 14.5702 10.1646 14.722 9.98967C14.8737 9.81477 14.959 9.57756 14.959 9.33022C14.959 9.08288 14.8737 8.84567 14.722 8.67077C14.5702 8.49587 14.3644 8.39761 14.1498 8.39761L8.5261 8.39761Z' fill='%23C8C8CA'/%3E%3C/svg%3E");
}

.popup_btn-submit {
    width: 100%;
    display: flex;
    padding: 12px 12px 12px 32px;
    justify-content: space-between;
    align-items: center;
    border-radius: 32px;
    border: solid 1px #DBD8D6;
    background: #2B54C1;
    cursor: pointer;
    color: #FBFAF8;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
}

.popup_btn-submit:after {
    display: block;
    content: '';
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cg clip-path='url(%23clip0_2118_32)'%3E%3Crect width='60' height='60' rx='22' fill='%23FBFAF8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.6517 33.2476C25.463 33.4363 25.357 33.6922 25.357 33.959C25.357 34.2259 25.463 34.4818 25.6517 34.6705C25.8404 34.8592 26.0964 34.9652 26.3632 34.9652C26.6301 34.9652 26.886 34.8592 27.0747 34.6705L33.3114 28.4318L33.3114 33.9951C33.3114 34.2616 33.4173 34.5172 33.6057 34.7057C33.7942 34.8941 34.0498 35 34.3163 35C34.5828 35 34.8384 34.8941 35.0269 34.7057C35.2154 34.5172 35.3212 34.2616 35.3212 33.9951L35.3212 26.0059C35.3212 25.7394 35.2154 25.4838 35.0269 25.2954C34.8384 25.1069 34.5828 25.001 34.3163 25.001L26.3272 25.001C26.0607 25.001 25.8051 25.1069 25.6166 25.2954C25.4281 25.4838 25.3223 25.7394 25.3223 26.0059C25.3223 26.2725 25.4281 26.5281 25.6166 26.7165C25.8051 26.905 26.0607 27.0109 26.3272 27.0109L31.8904 27.0109L25.6517 33.2476Z' fill='%23737373'/%3E%3C/g%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='21.5' stroke='%23C8C8CA'/%3E%3Cdefs%3E%3CclipPath id='clip0_2118_32'%3E%3Crect width='60' height='60' rx='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.success-container {
    max-width: 480px;
    width: 100%;
    display: none;
    padding: 70px 30px 40px 30px;
    flex-direction: column;
    align-items: center;
    margin: auto;
    gap: 22px;
    border-radius: 22px;
    background: #FBFAF8;
}

.success-container .popup_header {
    text-align: center;
}

.success-container.active {
    display: flex;
}

.success-container .popup_btn-close {
    position: inherit;
}


.popup-ask-city,
.popup-select-city {
    position: relative;
    max-width: 1124px;
    max-height: 464px;
    display: flex;
    gap: 24px;
    padding: 30px 30px;
    border-radius: 12px;
    background: #525252;
    box-shadow: 0px 2px 8px 0px rgba(61, 61, 61, 0.08), 0px 15px 31px 0px rgba(114, 114, 114, 0.24);
}

.popup-ask-city {
    max-width: 512px;
}

.popup-ask-city .popup_btn-close,
.popup-select-city .popup_btn-close {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 0;
    border: unset;
    width: 26px;
    height: 26px;
}

.popup-ask-city .popup_btn-close:after,
.popup-select-city .popup_btn-close:after {
    position: initial;
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='13' fill='white'/%3E%3Cpath d='M16 10L10 16' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10L16 16' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.popup-ask-city .popup_header,
.popup-ask-city .popup_header span,
.popup-select-city .popup_header {
    color: #FFF;
    font-size: 40px;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.popup_label-input-search {
    display: flex;
    gap: 8px;
    height: 48px;
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: solid 1px #fff;
}

.popup_label-input-search:before {
    top: 15px;
    left: 13px;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%23868686' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.9984 20.9999L16.6484 16.6499' stroke='%23868686' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.popup_label-input-search input {
    width: 100%;
    background: #525252;
    border: none;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
}

.popup_form-select {
    max-height: 256px;
    overflow-y: auto;
    scrollbar-width: thin;
    column-gap: 24px;
    padding-right: 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
}

.popup_form-select_label {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    padding: 24px;
}

.popup_form-select_label input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
}

.popup_form-select_label:hover {
    background: linear-gradient(90deg, #2B54C1 1.3%, #525252 100%);
}

.popup_search_not-found {
    display: none;
    color: #FFF;
    font-size: 34px;
    line-height: 140%;
}

.popup_search_not-found.active {
    display: block;
}


.popup-ask-city_btn-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
}

.popup-ask-city_btn {
    display: flex;
    min-width: 160px;
    min-height: 52px;
    padding: 14px 28px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #FFF;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    line-height: 130%;
}

.popup-ask-city_btn.btn-white {
    color: #FFF;
    background: initial;
}

.popup-ask-city_btn.btn-dark {
    color: #343434;
    background: #FFF;
}


.popup-products-wrapper {
    display: none;
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #020202;
    background-image: url('/assets/img/bg-image-1.webp'), url('/assets/img/bg-image-2.webp');
    background-repeat: space;
    background-position: top -10px right -150px, top 350px left -300px;
}

.popup-products-wrapper.active {
    display: block;
    overflow-y: auto;
}

.popup-products {
    max-width: 1920px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.popup-products_btn-close {
    border: 0;
    padding: 0;
    background-color: unset;
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='white'/%3E%3Cpath d='M21 11L11.0001 21' stroke='%23020202'/%3E%3Cpath d='M11 11L20.9999 21' stroke='%23020202'/%3E%3C/svg%3E");
    cursor: pointer;
}

.popup-products_content {
    max-width: 638px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.popup-products_tags-wrapper {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.popup-products_tags-wrapper {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.popup-products_tags-wrapper span {
    display: flex;
    padding: 4px 6px;
    border-radius: 2px;
    background: #1C1C1C;

    color: #999;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}

.popup-products_text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.popup-products_text-wrapper p {
    font-size: 20px;
    line-height: 150%;
}

.popup-products_form {
    margin-top: 20px;
    display: flex;
    max-width: 580px;
    width: 100%;
    flex-direction: column;
    gap: 22px;
}

.popup-products_header {
    font-size: 24px;
    line-height: 150%;
    text-transform: uppercase;
}

.popup-products_label-wrapper {
    display: grid;
    grid-template-areas:
            'A B'
            'C C';
    column-gap: 6px;
    row-gap: 20px;
}

.popup-products_label {
    width: 100%;
    display: flex;
    padding: 6px 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 12px;
    border: 1px solid #C8C8CA;

    font-size: 12px;
    line-height: 120%;
}

.popup-products_label:nth-child(1) {
    grid-area: A;
}

.popup-products_label:nth-child(2) {
    grid-area: B;
}

.popup-products_label input {
    background-color: unset;
    border: none;
    outline: none;
    color: #fff;
    font-size: 18px;
    line-height: 140%;
}

.popup-products_label input::placeholder {
    color: #C8C8CA;
}

.popup-products_btn-submit {
    grid-area: C;
    width: 100%;
}

.popup-products_subtitle {
    color: rgba(255, 255, 255, 0.50);
    font-size: 12px;
    line-height: 120%;
}

.popup-products_subtitle a {
    color: #FFF;
    text-decoration: none;
}

.popup-products_slider-section {
    overflow: hidden;
    width: 100%;
    max-width: 1110px;
    max-height: 1005px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.popup-products_swiper {
    position: relative;
    width: 100%;
    height: 100%;
}

.popup-products_swiper[data-popup-products-gallery-swiper] {
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-height: 96px;
}

.popup-products_swiper[data-popup-products-gallery-swiper] .swiper-slide-item {
    cursor: pointer;
}

.popup-products_swiper[data-popup-products-gallery-swiper] .swiper-slide-thumb-active .swiper-slide-item {
    cursor: default;
    padding: 4px;
    border: 1px solid #FFF;
}

.swiper-slide-item {
    width: 100%;
    height: 100%;
}

.swiper-slide-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.project-page .slider-section_btn-prev,
.project-page .slider-section_btn-next,
.popup-products .slider-section_btn-prev,
.popup-products .slider-section_btn-next {
    position: absolute;
    z-index: 2;
    top: 50%;
}

.project-page .slider-section_btn-prev,
.popup-products .slider-section_btn-prev {
    left: 20px;
}

.project-page .slider-section_btn-next,
.popup-products .slider-section_btn-next {
    right: 20px;
}


.popup-we-have {
    display: flex;
    max-width: 480px;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    color: #343434;
}

.popup-we-have_img-wrapper {
    margin: auto;
    position: relative;
    width: 273px;
    height: 246px;
    background-color: #F4F4F4;
    border-radius: 3px;
}

.popup-we-have_img-wrapper:after {
    content: '';
    width: 35px;
    height: 35px;
    position: absolute;
    right: -35px;
    bottom: -35px;
    border: 35px solid transparent;
    border-top: 35px solid #FBFAF8;
    transform: rotate(315deg);
}

.popup-we-have_img-wrapper img {
    position: absolute;
    object-fit: cover;
    max-width: 290px;
    max-height: 290px;
    top: -40px;
    right: 0;
    bottom: 0;
    left: -40px;
    margin: auto;
}

.popup-we-have_content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.popup-we-have_content-wrapper p {
    margin-top: 8px;

    font-size: 16px;
    line-height: 150%;
}

.popup-we-have_header {
    font-size: 34px;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
}

.popup-we-have_footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.popup-we-have_footer img {
    object-fit: cover;
    max-width: 124px;
    width: 100%;
    filter: invert(1);
}


.popup-services {
    max-width: 1296px;
}

.services-popup-item {
    display: flex;
}

.popup-services .services_item_img-wrapper {
    max-width: 526px;
}


.warning {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 617px;
    width: 100%;
    margin: 60px auto 100px auto;
}

.warning_header {
    font-size: clamp(130px, 14vw, 200px);
    line-height: 200px;
}

.warning_text {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 140%;
}

.warning_btn {
    margin-top: 46px;
}


.policy {
    max-width: 789px;
    display: flex;
    flex-direction: column;
    gap: 51px;
}

.policy-header {
    font-size: clamp(30px, 8vw, 60px);
    line-height: 120%;
}

.policy_text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;

    font-size: 18px;
    line-height: 140%;
}

.policy_text-wrapper tr,
.policy_text-wrapper td {
    padding: 20px;
    border: solid 1px #fff;
}

.policy_text-wrapper p {
    margin-top: 6px;
}

.policy_text-wrapper a {
    text-decoration: none;
    color: unset;
}

.policy_subtitle {
    font-size: 24px;
    line-height: 150%;
}


.popup-video-wrapper {
    display: none;
    position: fixed;
    z-index: 9;
    bottom: 20px;
    left: 20px;
}

.popup-video-wrapper.active {
    display: flex;
}

.popup-video-wrapper.full-screen {
    margin: auto;
    background: rgba(0, 0, 0, 0.80);
    backdrop-filter: blur(50px);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
}

.popup-video_btn-close {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.20);
    top: -30px;
    z-index: 9;
    filter: drop-shadow(2px 4px 6px black);
}

.popup-video_btn-close:after {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L1 11M1 1L11 11' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.popup-video_btn-close.active {
    top: 20px;
    left: 20px;
    background-color: #fff;
}

.popup-video_btn-close.active:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L1.00006 11' stroke='%23020202'/%3E%3Cpath d='M1 1L10.9999 11' stroke='%23020202'/%3E%3C/svg%3E%0A");;
}

.popup-video {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.popup-video.active {
    padding-right: 72px;
    padding-left: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-video #player {
    max-height: 168px;
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
}

.popup-video.active #player {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.popup-video_btn-fullscreen {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 70%;
    z-index: 9;
}

.popup-video_btn-fullscreen.active {
    display: block;
}


.page-layout {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 96px;
    margin-bottom: 96px;
}

.page-layout_aside {
    max-width: 306px;
    width: 100%;
}

.page-layout_container {
    max-width: 966px;
    width: 100%;
    min-width: inherit;
    display: flex;
    flex-direction: column;
    gap: 69px;
}


.page-layout .we-working,
.page-layout .projects_items-wrapper {
    margin-top: 0;
}


.aside_menu {
    border-radius: 16px;
    border: 1px solid #C6C6C6;
    overflow: hidden;
}

.aside_menu li {
    display: flex;
    width: 100%;
    min-height: 56px;
    padding: 12px 24px;
    align-items: center;
}

.aside_menu li .active,
.aside_menu li:hover {
    background: #525252;
}

.aside_menu a {
    width: 100%;
    height: 100%;
    display: block;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    line-height: 130%;
    text-decoration: none;
}


.min-consultation {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
    height: max-content;
    padding: 16px 16px 16px 24px;
    justify-content: space-between;
    align-items: center;
    border-radius: 24px;
    background: #ECECEC;
}

.min-consultation_person {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 16px;
}

.min-consultation_person_img {
    max-width: 80px;
    width: 100%;
    height: 80px;
    border-radius: 100px;
    overflow: hidden;
    background: #ECECEC;
}

.min-consultation_person_name {
    color: #020202;
    font-size: 24px;
    font-style: normal;
    line-height: 120%;
}

.min-consultation .application-consultation_btn-submit {
    margin-top: 0;
    max-width: 312px;
}

.for-aside.min-consultation {
    padding: 32px 16px 16px 16px;
}

.for-aside .application-consultation_btn-submit {
    margin-left: -5px;
    margin-right: -6px;
    width: calc(100% + 11px);
}


.about-services {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.about-services_title {
    font-size: 44px;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}

.about-services_text {
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}


.about-page .about-content {
    max-width: 100%;
    grid-template-areas:
        'B A'
        'C C';
    grid-template-columns: minmax(320px, 636px) minmax(304px, 527px);
    gap: 124px;
}

.about-page .about_img {
    max-width: 100%;
    max-height: 509px;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.pagination_item {
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #ECECEC;
    text-decoration: none;
    color: #ECECEC;
    font-size: 18px;

    & :where(img, svg) {
        width: 14px;
        height: auto;
        object-fit: contain;
    }

    path {
        fill: currentColor;
    }
}

.pagination_item.active {
    background: #ECECEC;
    color: #343434;
}

.pagination_item:hover {
    background: #ECECEC;
    color: #343434;
}

.pagination_item.to-start {
    margin-right: 28px;
}

.pagination_item.to-end {
    margin-left: 28px;
}

.pagination li:first-child a:after,
.pagination li:last-child a:after {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6703 7.06475C13.9372 7.06475 14.1931 7.17077 14.3819 7.35949C14.5706 7.5482 14.6766 7.80416 14.6766 8.07104C14.6766 8.33793 14.5706 8.59389 14.3819 8.7826C14.1931 8.97132 13.9372 9.07734 13.6703 9.07734L4.84796 9.07592L8.78217 13.0101C8.97065 13.1986 9.07653 13.4542 9.07653 13.7208C9.07653 13.9873 8.97065 14.243 8.78217 14.4315C8.59369 14.6199 8.33806 14.7258 8.07151 14.7258C7.80496 14.7258 7.54933 14.6199 7.36085 14.4315L1.7111 8.7817C1.52262 8.59323 1.41674 8.33759 1.41674 8.07104C1.41674 7.8045 1.52262 7.54886 1.7111 7.36039L7.36085 1.71064C7.54933 1.52216 7.80496 1.41627 8.07151 1.41627C8.33806 1.41627 8.59369 1.52216 8.78217 1.71064C8.97065 1.89912 9.07653 2.15475 9.07653 2.4213C9.07653 2.68785 8.97065 2.94348 8.78217 3.13196L4.84796 7.06617L13.6703 7.06475Z' fill='%23ECECEC'/%3E%3C/svg%3E");
}

.pagination li:last-child a:after {
    transform: rotate(180deg);
}

.pagination li:first-child a:hover:after,
.pagination li:last-child a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6703 7.06475C13.9372 7.06475 14.1931 7.17077 14.3819 7.35949C14.5706 7.5482 14.6766 7.80416 14.6766 8.07104C14.6766 8.33793 14.5706 8.59389 14.3819 8.7826C14.1931 8.97132 13.9372 9.07734 13.6703 9.07734L4.84796 9.07592L8.78217 13.0101C8.97065 13.1986 9.07653 13.4542 9.07653 13.7208C9.07653 13.9873 8.97065 14.243 8.78217 14.4315C8.59369 14.6199 8.33806 14.7258 8.07151 14.7258C7.80496 14.7258 7.54933 14.6199 7.36085 14.4315L1.7111 8.7817C1.52262 8.59323 1.41674 8.33759 1.41674 8.07104C1.41674 7.8045 1.52262 7.54886 1.7111 7.36039L7.36085 1.71064C7.54933 1.52216 7.80496 1.41627 8.07151 1.41627C8.33806 1.41627 8.59369 1.52216 8.78217 1.71064C8.97065 1.89912 9.07653 2.15475 9.07653 2.4213C9.07653 2.68785 8.97065 2.94348 8.78217 3.13196L4.84796 7.06617L13.6703 7.06475Z' fill='%23343434'/%3E%3C/svg%3E");
}


.projects_filter {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
}

.projects_filter_item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.projects_filter_title {
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}


.page-projects.page-layout {
    margin-top: 56px;
}

.page-projects .page-layout_container {
    gap: 32px;
}


.services-page_tags-wrapper {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.services-page_tags_title {
    font-size: 24px;
    font-style: normal;
    line-height: 120%;
}

.services-page_tags {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.services_tag {
    display: flex;
    min-height: 40px;
    padding: 8px 16px;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid #D9D9D9;
    color: #D9D9D9;
    font-size: 18px;
    font-style: normal;
    line-height: 130%;
    text-decoration: none;
}

.services-page_item .page-layout_aside {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.services-page_item_title {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
}

.services-page_item_subtitle {
    color: #DDD;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}

.services-page_item .page-layout_container,
.services-page_item_links {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.services-page_item_link {
    display: flex;
    padding-bottom: 24px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #737373;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: uppercase;
    text-decoration: none;
}

.services-page_item_link:hover {
    text-decoration: underline;
}

.services-page_icon-show {
    display: flex;
    height: 40px;
    padding: 0 16px;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.services-page_icon-show:after {
    display: flex;
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.4021 4.2636C5.25112 4.11263 5.04636 4.02781 4.83285 4.02781C4.61934 4.02781 4.41458 4.11263 4.2636 4.2636C4.11263 4.41458 4.02781 4.61934 4.02781 4.83285C4.02781 5.04636 4.11263 5.25112 4.2636 5.4021L9.25508 10.392H4.80402C4.59078 10.392 4.38628 10.4767 4.23549 10.6275C4.08471 10.7782 4 10.9827 4 11.196C4 11.4092 4.08471 11.6137 4.23549 11.7645C4.38628 11.9153 4.59078 12 4.80402 12L11.196 12C11.4092 12 11.6137 11.9153 11.7645 11.7645C11.9153 11.6137 12 11.4092 12 11.196V4.80402C12 4.59078 11.9153 4.38628 11.7645 4.23549C11.6137 4.08471 11.4092 4 11.196 4C10.9827 4 10.7782 4.08471 10.6275 4.23549C10.4767 4.38628 10.392 4.59078 10.392 4.80402V9.25508L5.4021 4.2636Z' fill='white'/%3E%3C/svg%3E");
}

.services-page_item_img {
    width: 100%;
    max-height: 389px;
    height: 100%;
    border-right: 20px;
}


.project-page .page-layout_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.project-page_tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.project-page_tag {
    display: flex;
    padding: 4px 6px;
    gap: 10px;
    border-radius: 2px;
    background: #525252;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
}

.project-page_description,
.project-page_text_item {
    color: #DDD;
    font-size: 18px;
    font-style: normal;
    line-height: 140%;
}

.project-page_text-content {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.project-page_text_item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.project-page_text_item_title {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    line-height: 120%;
}

.project-page.first-block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.project-page .popup-products_slider-section {
    margin-right: -72px;
    margin-left: -72px;
    max-width: 1440px;
    width: calc(100% + 144px);
}


.tags-block .page-layout_container {
    display: flex;
    padding: 40px 56px;
    flex-direction: column;
    gap: 48px;
    border-radius: 20px;
    background: #1C1C1C;
}


.reviews_item {
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    border-radius: 20px;
    background: #1C1C1C;
    color: #FFF;
    text-decoration: none;
}

.review_item_head {
    display: flex;
    gap: 56px;
}

.review_item_img {
    width: 112px;
    height: 160px;
    border-radius: 10px;
    background: lightgray 50% / cover no-repeat;
}

.review_item_text {
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
}

.review_item_footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.review_item_name {
    font-size: 14px;
    font-style: normal;
    line-height: 145%;
}

.review_item_specialist {
    color: #606060;
    font-size: 14px;
    font-style: normal;
    line-height: 145%;
}


.block-review .page-layout_aside,
.block-projects .page-layout_aside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
}


.page-layout_container .slider-section {
    position: relative;
}


.breadcrumb ul {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
    white-space: nowrap;
    padding-bottom: 16px;
    color: #868686;
}

.breadcrumb li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.breadcrumb li:not(:last-child):after {
    content: '/';
}

.breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.breadcrumb_home {
    display: flex;
    gap: 6px;
}

.breadcrumb li:last-child .breadcrumb_item {
    color: #Fff;
}


@media (max-width: 1400px) {
    .popup-products_slider-section {
        max-height: 912px;
    }

    .popup-products_swiper[data-popup-products-gallery-swiper] {
        height: 60px;
    }
}

@media (max-width: 1200px) {

    .footer_container_bg-left,
    .footer_container_bg-right {
        display: none;
    }

    .footer_container_bg-left-mobile,
    .footer_container_bg-right-mobile {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: drop-shadow(0px 0px 0px #fff);
    }

    .footer_container_bg-left-mobile {
        z-index: -2;
        object-position: left top;
        border-radius: 17px 20px 200px 66px;
    }

    .footer_container_bg-right-mobile {
        z-index: -1;
        object-position: right bottom;
        border-radius: 69px 61px 50px 20px;
    }

    .header {
        position: relative;
        justify-content: start;
        gap: 10px;
    }

    .header_nav-menu-wrapper {
        width: 0;
    }

    .header_logo-and-city-wrapper {
        max-width: 228px;
        width: 100%;
    }

    .header_logo-wrapper {
        width: 100%;
    }


    .header_menu {
        z-index: 9;
        max-width: 231px;
        width: 100%;
        position: absolute;
        display: none;
        flex-direction: column;
        gap: 23px;
        padding: 20px;
        border-radius: 10px;
        background: #FFF;
        right: 72px;
        top: calc(100% - 41px);
    }

    .select-city-wrapper {
        display: none;
    }

    .header_menu.active {
        display: flex;
        min-width: 304px;
    }

    .header_menu.active .mobile_select-city-wrapper {
        display: grid;
    }

    .header_menu nav ul {
        flex-direction: column;
    }

    .header_menu nav a {
        color: #050506;
    }

    .header_btn-order-call {
        display: none;
    }

    .header_menu-btn-open {
        cursor: pointer;
        background-color: unset;
        padding: 0;
        border: none;
        display: block;
        content: '';
        width: 44px;
        height: 44px;
        background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='43' height='43' rx='7.5' stroke='%238E8E8E'/%3E%3Cpath d='M9 16H35' stroke='white'/%3E%3Cpath d='M9 22H35' stroke='white'/%3E%3Cpath d='M9 28H35' stroke='white'/%3E%3C/svg%3E%0A");
    }

    .header_menu-btn-open.close {
        background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='43' height='43' rx='7.5' stroke='%238E8E8E'/%3E%3Cpath d='M13 13.3848L31.3848 31.7695' stroke='white'/%3E%3Cpath d='M13 31.3848L31.3848 13' stroke='white'/%3E%3C/svg%3E%0A");

    }

    .header_menu .header_btn-order-call {
        display: flex;
        background: #2B54C1;
        width: max-content;

        color: #FFF;
    }

    .header_contacts-btn-wrapper {
        width: 100%;
        justify-content: space-between;
    }


    .official-product-distributors_item {
        max-width: 32.5% !important;
        width: 100% !important;
    }


    .footer_container {
        padding: 16px 24px 96px 24px;
    }

    .footer_head {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        padding-bottom: 40px;
    }

    .footer_logo-and-consultation-wrapper,
    .footer_contacts,
    .footer_nav ul {
        display: flex;
        flex-direction: column;
        row-gap: 40px;
    }

    .footer_others-wrapper {
        padding-top: 40px;
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
    }

    .footer_rights-reserved {
        margin-left: 0;
    }


    .popup-products_btn-close {
        z-index: 9;
        left: unset;
        right: 20px;
    }

    .popup-products {
        flex-direction: column;
    }

    .popup-products_swiper .swiper-pagination-bullet {
        background-color: #575757;
    }

    .popup-products_swiper .swiper-pagination-bullet-active {
        background-color: #2B54C1;
    }

    .popup-products_swiper[data-popup-products-gallery-swiper] {

    }

    .popup-products_content {
        max-width: 100%;
        padding: 0;
        margin: 0;
        gap: 12px;
    }

    .popup-products_form {
        max-width: 100%;
        margin-top: 0;
    }

    .popup-products_label-wrapper {
        display: flex;
    }
}

@media (min-width: 992px) {
    .page-layout_container .slider-section {
        margin-right: 0;
        margin-left: 0;
    }

    .page-layout_container .slider-section .swiper-pagination {
        display: none;
    }

    .page-layout_container .slider-section_swiper {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 992px) {
    .custom-select{
        font-size: 14px;
    }
    .projects {
        flex-direction: column;
    }

    .projects_items-wrapper {
        row-gap: 32px;
    }


    .services_head {
        flex-direction: column;
    }


    .services-and-product_head {
        flex-direction: column;
    }

    .services-and-product_header-wrapper .animation_dot {
        display: block;
    }

    .slider-section_btn-wrapper {
        display: none;
    }

    .services .swiper-pagination {
        display: block;
    }


    .official-product-distributors {
        flex-direction: column;
    }

    .official-product-distributors_items {
        justify-content: space-around;
    }

    .official-product-distributors_item {
        max-width: 48% !important;
    }


    .we-working_head {
        flex-direction: column;
    }

    .we-working_description-wrapper {
        flex-direction: column;
    }

    .we-working_description {
        padding-right: 0;
        padding-bottom: 24px;
        border-right: none;
        border-bottom: 1px solid #525252;
    }

    .we-working_specialist-wrapper {
        max-width: 100%;
        padding: 16px 24px;
        border-top: solid 1px #949494;
    }

    .we-working_specialist_title {
        width: 100%;
    }


    .about {
        flex-direction: column;
    }

    .about-content {
        display: flex;
        flex-direction: column;
    }

    .about_description {
        order: 1;
    }

    .about_achievement {
        order: 2;
    }

    .about_img {
        order: 3;
    }


    .application-consultation_container {
        grid-template-columns: 1fr;
        grid-template-areas:
        'A'
        'C'
        'B';
    }


    .footer_container_bg-left-mobile {
        border-radius: 17px 20px 200px 57px;
    }

    .footer_container_bg-right-mobile {
        border-radius: 57px 50px 50px 20px;
    }


    .popup-products_label-wrapper {
        flex-wrap: wrap;
    }

    .popup-products_slider_btn-prev, .popup-products_slider_btn-next {
        display: none;
    }


    .page-layout {
        margin-top: 40px;
        margin-bottom: 40px;
        flex-direction: column;;
    }

    .project-page .page-layout_aside {
        display: none;
    }

    .page-layout_container {
        gap: 64px;
    }


    .about-page .about-content {
        display: grid;
        grid-template-areas:
        'B'
        'A'
        'C';
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .about-page .about_description {
        max-width: 100%;
    }


    .for-aside.min-consultation {
        display: none;
    }


    .services-page_tags {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 12px;
    }

    .services-page_tags_title {
        font-size: 16px;
        font-weight: 500;
    }

    .services-page_tags::-webkit-scrollbar {
        display: none;
    }

    .services_tag {
        white-space: nowrap;
        font-size: 16px;
        line-height: 120%
    }

    .services-page_tags-wrapper {
        gap: 16px;
    }

    .services-page_item .page-layout_aside {
        max-width: 100%;
        gap: 12px;
    }

    .services-page_item_title {
        font-size: 24px;
        line-height: 130%
    }

    .services-page_item_subtitle {
        font-size: 14px;
    }

    .services-page_item .page-layout_container,
    .services-page_item_links {
        gap: 8px;
    }

    .services-page_item_link {
        padding-bottom: 8px;
    }

    .services-page_icon-show {
        min-height: 40px;
        padding: 0 8px;
        gap: 8px;
        font-size: 12px;
    }


    .popup_form-select {
        grid-template-columns: repeat(2, 1fr);
    }
    #popup {
        .change-city_list {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}

@media (max-width: 768px) {
    .our-works_item-wrapper {
        flex-wrap: wrap;
    }
}

@media (max-width: 740px) {

    .projects_img-wrapper {
        max-height: 350px;
    }
}

@media (max-width: 680px) {
    .footer_container_bg-right-mobile {
        border-radius: 57px 29px 50px 31px;
    }

    .footer_container_bg-left-mobile {
        border-radius: 17px 31px 200px 32px;
    }
}

@media (max-width: 570px) {

    .core-container {
        padding-right: 14px;
        padding-left: 14px;
    }

    .site-block-title {
        padding: 7px 19px;

        font-size: 14px;
    }

    .site-header {
        max-width: 332px;

        font-size: 30px;
        line-height: 138%;
    }

    .btn-blue,
    .btn-grey,
    .btn-invisible {
        padding: 12px 12px 12px 20px;
        border-radius: 10px;

        font-size: 14px;
        line-height: 150%;
    }

    .btn-blue:after,
    .btn-grey:after,
    .btn-invisible:after {
        width: 40px;
        height: 40px;
    }

    .btn-blue:after,
    .btn-grey:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 60 60' fill='none'%3E%3Crect width='60' height='60' rx='20' fill='%23FBFAF8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7225 28.9937C24.4556 28.9937 24.1997 29.0997 24.011 29.2884C23.8223 29.4772 23.7162 29.7331 23.7162 30C23.7162 30.2669 23.8223 30.5228 24.011 30.7116C24.1997 30.9003 24.4556 31.0063 24.7225 31.0063L33.5449 31.0049L29.6107 34.9391C29.4222 35.1276 29.3163 35.3832 29.3163 35.6497C29.3163 35.9163 29.4222 36.1719 29.6107 36.3604C29.7991 36.5489 30.0548 36.6548 30.3213 36.6548C30.5879 36.6548 30.8435 36.5489 31.032 36.3604L36.6817 30.7107C36.8702 30.5222 36.9761 30.2665 36.9761 30C36.9761 29.7335 36.8702 29.4778 36.6817 29.2893L31.032 23.6396C30.8435 23.4511 30.5879 23.3452 30.3213 23.3452C30.0548 23.3452 29.7991 23.4511 29.6107 23.6396C29.4222 23.8281 29.3163 24.0837 29.3163 24.3503C29.3163 24.6168 29.4222 24.8724 29.6107 25.0609L33.5449 28.9951L24.7225 28.9937Z' fill='%23343434'/%3E%3C/svg%3E");
    }

    .btn-blue:hover:after,
    .btn-grey:hover:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 60 60' fill='none'%3E%3Crect width='60' height='60' rx='20' fill='%23FBFAF8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7225 28.9937C24.4556 28.9937 24.1997 29.0997 24.011 29.2884C23.8223 29.4772 23.7162 29.7331 23.7162 30C23.7162 30.2669 23.8223 30.5228 24.011 30.7116C24.1997 30.9003 24.4556 31.0063 24.7225 31.0063L33.5449 31.0049L29.6107 34.9391C29.4222 35.1276 29.3163 35.3832 29.3163 35.6497C29.3163 35.9163 29.4222 36.1719 29.6107 36.3604C29.7991 36.5489 30.0548 36.6548 30.3213 36.6548C30.5879 36.6548 30.8435 36.5489 31.032 36.3604L36.6817 30.7107C36.8702 30.5222 36.9761 30.2665 36.9761 30C36.9761 29.7335 36.8702 29.4778 36.6817 29.2893L31.032 23.6396C30.8435 23.4511 30.5879 23.3452 30.3213 23.3452C30.0548 23.3452 29.7991 23.4511 29.6107 23.6396C29.4222 23.8281 29.3163 24.0837 29.3163 24.3503C29.3163 24.6168 29.4222 24.8724 29.6107 25.0609L33.5449 28.9951L24.7225 28.9937Z' fill='%23343434'/%3E%3C/svg%3E");
    }

    .btn-invisible:after {
        background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='20' fill='%232B54C1'/%3E%3Cg clip-path='url(%23clip0_92_271)'%3E%3Cpath d='M34.3333 31.0833H31.0833V20.25H28.9166V31.0833H25.6666L30 35.4167L34.3333 31.0833ZM21.3333 37.5833V39.75H38.6666V37.5833H21.3333Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_92_271'%3E%3Crect width='26' height='26' fill='white' transform='translate(17 17)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }

    .btn-invisible:hover:after {
        background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='20' fill='%232B54C1'/%3E%3Cg clip-path='url(%23clip0_92_271)'%3E%3Cpath d='M34.3333 31.0833H31.0833V20.25H28.9166V31.0833H25.6666L30 35.4167L34.3333 31.0833ZM21.3333 37.5833V39.75H38.6666V37.5833H21.3333Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_92_271'%3E%3Crect width='26' height='26' fill='white' transform='translate(17 17)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }


    .header {
        padding-top: 14px;
        padding-bottom: 40px;
        display: flex;
        gap: 10px;
    }

    .header_nav-menu-wrapper {
        max-width: 125px;
        display: flex;
        gap: 10px;
    }

    .header_logo-wrapper {
        max-width: 125px;
        padding: 2px 4px;
        border-radius: 8px;
        background: #2B54C1;
    }

    .header_logo-wrapper img {
        width: 48px;
        height: 38px;;
    }

    .header_logo-wrapper span {
        font-size: 7px;
    }

    .header_menu {
        right: 14px;
        top: calc(100% - 33px);
    }

    .header_menu nav ul {
        gap: 30px;
    }

    .header_menu nav a {
        font-size: 24px;
    }

    .header_menu .header_btn-order-call {
        font-size: 14px;
        line-height: 130%
    }

    .header_contacts-btn-wrapper {
        gap: 10px;
    }

    .header_contacts-wrapper a {
        font-size: 12px;
        font-weight: 400;
    }


    .our-works {
        gap: 31px;
    }

    .our-works_header span {
        display: none;
    }

    .our-works_item-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .our-works_item {
        gap: 12px;
    }


    .projects {
        margin-top: 50px;
        gap: 30px;
    }

    .projects_header-wrapper {
        gap: 16px;
    }

    .projects_description {
        font-size: 14px;
    }

    .projects_items-wrapper {
        gap: 24px;
        grid-template-columns: 1fr;
    }

    .projects_img-wrapper {
        margin-right: 0;
        clip-path: polygon(0.352% 94.495%, 0.176% 6.193%, 0.528% 4.817%, 1.232% 3.44%, 2.113% 2.064%, 3.521% 0.917%, 4.475% 0.459%, 95.186% 0.459%, 95.951% 0.688%, 97.183% 1.376%, 98.239% 2.752%, 99.12% 4.587%, 99.648% 6.485%, 99.648% 82.11%, 99.648% 83.257%, 99.12% 84.633%, 98.239% 86.239%, 97.007% 88.303%, 88.556% 98.853%, 87.852% 99.312%, 87.148% 99.541%, 4.754% 99.771%, 3.697% 99.083%, 2.641% 98.165%, 1.585% 97.018%, 0.88% 95.872%, 0.352% 94.495%);
    }


    .services-and-product-wrapper {
        margin-top: 82px;
        padding: 37px 0 67px 0;
        border-radius: 20px;
    }

    .services-and-product_header-wrapper {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

    .animation_dot {
        display: block;
    }

    .services-and-product_head {
        position: relative;
        flex-direction: column;
        gap: 16px;
    }

    .services {
        gap: 12px;
    }

    .slider-section {
        margin-top: 0;
        margin-right: -14px;
        margin-left: -14px;
    }

    .slider-section_swiper {
        padding-right: 14px;
        padding-left: 14px;
    }

    .services_item {
        flex-direction: column-reverse;
        padding: 0;
    }

    .services_item_img-wrapper {
        max-width: initial;
        width: calc(100% + 4px);
        margin-top: 0;
        right: -2px;
        left: -2px;
        margin-bottom: 0;
        clip-path: polygon(0.455% 91.287%, 0.279% 9.045%, 0.836% 6.281%, 1.532% 4.271%, 2.507% 2.513%, 3.621% 1.256%, 4.875% 0.503%, 94.568% 0.503%, 95.404% 0.754%, 96.797% 2.01%, 98.329% 4.271%, 99.164% 6.533%, 99.721% 9.627%, 99.721% 77.136%, 99.582% 79.146%, 98.747% 81.658%, 97.632% 83.417%, 95.404% 85.93%, 82.451% 98.995%, 81.755% 99.497%, 80.919% 99.749%, 5.153% 99.497%, 3.9% 98.744%, 2.743% 97.236%, 1.532% 95.226%, 0.836% 93.467%, 0.455% 91.287%);
    }

    .services_item_img_triangle {
        left: unset;
        right: 0;
        bottom: 0;
        transform: rotate(270deg);
        width: 45px;
        height: 47px;
    }

    .services_item_img-wrapper img {
        max-height: 183px;
    }

    .services_item_content {
        padding: 20px 26px;
        gap: 10px;
    }

    .services_item_title {
        font-size: 18px;
        line-height: 140%
    }

    .services_item_description {
        -webkit-line-clamp: 5;

        font-size: 14px;
    }

    .services_item_btn {
        margin-top: 23px;
    }

    .slider-section_btn-wrapper {
        display: none;
    }


    .we-have {
        margin-top: 67px;
        gap: 16px;
    }

    .we-have-slider-mobile {
        display: block;
    }

    .we-have .slider-section_swiper {
        padding-top: 16px;
    }

    .we-have_slider_item {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .we-have_item {
        flex-direction: column;
    }

    .we-have_items-wrapper .we-have_item {
        display: none;
    }

    .we-have_item_img-wrapper {
        max-width: 130px;
        width: 100%;
        height: 120px;
    }

    .we-have_item_img-wrapper:after {
        z-index: 1;
        transform: rotate(315deg);
        content: '';
        width: 35px;
        height: 35px;
        position: absolute;
        right: -37px;
        bottom: -37px;
        border: 35px solid transparent;
        border-top: 35px solid white;
        border-radius: 3px;
    }

    .we-have_item_img-wrapper img {
        z-index: 2;
        position: absolute;
        object-fit: cover;
        max-height: 135px;
        max-width: 142px;
        bottom: 0;
        right: 0;
        left: -10%;
        top: -10%;
        margin: auto;
    }

    .we-have_item_content {
        width: 100%;
        height: max-content;
        min-height: 117px;
        display: flex;
        padding: 20px 0;
        flex-direction: column;
        justify-content: space-between;
        gap: 16px;
    }

    .we-have_item_title {
        color: #343434;
        font-size: 14px;
        font-weight: 500;
        line-height: 130%;
        text-transform: uppercase;
    }

    .we-have_item_btn {

    }

    .we-have_detail {
        position: relative;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 9px;
        background: #2B54C1;
        border-radius: 3px;
    }


    .we-have_detail:after {
        transform: rotate(315deg);
        content: '';
        width: 45px;
        height: 35px;
        position: absolute;
        right: -37px;
        bottom: -37px;
        border: 35px solid transparent;
        border-top: 35px solid white;
    }

    .we-have_detail_title {
        font-size: 18px;
        font-weight: 500;
        line-height: 130%;
        text-transform: uppercase;
    }

    .we-have_detail_text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        font-size: 16px;
        line-height: 140%;
    }

    .we-have_detail_btn {
        margin-top: 27px;
    }


    .official-product-distributors {
        margin-top: 70px;
        gap: 30px;
    }

    .official-product-distributors_items {
        row-gap: 20px;
    }


    .we-working {
        margin-top: 65px;
        gap: 50px;
    }

    .we-working_head {
        gap: 16px;
    }

    .we-working_content {
        gap: 30px;
    }

    .we-working_description-wrapper {
        gap: 29px;
    }

    .we-working_description li {
        gap: 6px;

        font-size: 14px;
    }

    .we-working_specialist-wrapper {
        max-width: 100%;
        gap: 24px;
    }

    .we-working_specialist_title {
        width: 100%;
        font-size: 18px;
    }

    .we-working_specialist_items-wrapper {
        align-items: flex-start;
    }

    .we-working_specialist_item {
        display: flex;
        gap: 10px;
    }

    .we-working_specialist_item span {
        width: min-content;
        font-size: 12px;
    }

    .we-working_contacts {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        padding: 20px;
        border-radius: 20px;
    }

    .we-working_tel {
        font-size: 34px;
    }

    .we-working_messengers {
        flex-direction: column;
        gap: 20px;
    }

    .we-working_messengers a {
        font-size: 18px;
    }


    .about {
        margin-top: 60px;
        gap: 16px;
    }

    .about-content {
        gap: 34px;
    }

    .about_description {
        gap: 20px;
    }

    .about_subtitle,
    .about_text {
        font-size: 14px;
    }

    .about_text {
        margin-top: 0;
    }

    .about_img {
        max-width: 100%;
        height: 333px;
        clip-path: polygon(0.352% 94.495%, 0.176% 6.193%, 0.528% 4.817%, 1.232% 3.44%, 2.113% 2.064%, 3.521% 0.917%, 4.475% 0.459%, 95.186% 0.459%, 95.951% 0.688%, 97.183% 1.376%, 98.239% 2.752%, 99.12% 4.587%, 99.648% 6.485%, 99.648% 82.11%, 99.648% 83.257%, 99.12% 84.633%, 98.239% 86.239%, 97.007% 88.303%, 88.556% 98.853%, 87.852% 99.312%, 87.148% 99.541%, 4.754% 99.771%, 3.697% 99.083%, 2.641% 98.165%, 1.585% 97.018%, 0.88% 95.872%, 0.352% 94.495%);
    }

    .about_achievement {
        grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
        margin-top: 4px;
        column-gap: 37px;
        row-gap: 30px;
    }

    .about_achievement_item {
        gap: 17px;
    }

    .about_achievement_item span {
        width: max-content;
        min-width: 114px;
        padding-bottom: 12px;

        font-size: 40px;
    }

    .about_achievement_item p {
        font-size: 14px;
    }


    .application-consultation {
        margin-top: 60px;
    }

    .application-consultation_container {
        border-radius: 20px;
        padding: 40px 16px;
        gap: 24px;
    }

    .application-consultation_subtitle {
        order: 1;
        max-width: 305px;

        font-size: 14px;
    }

    .application-consultation_messengers {
        margin-top: 4px;
        order: 3;
        gap: 20px;
    }

    .application-consultation_messengers a {
        font-size: 18px;
    }

    .application-consultation_form {
        order: 2;
        gap: 16px;
    }

    .application-consultation_label {
        padding: 4px 4px 4px 8px;
    }

    .application-consultation_btn-submit {
        margin-top: 0;
    }


    .contacts {
        margin-top: 87px;
        gap: 35px;
    }

    .contacts_tel {
        margin-top: 5px;
    }

    .contacts_messengers-wrapper {
        flex-direction: column;
        gap: 14px;
    }

    .contacts_messengers {
        font-size: 16px;
    }

    .contacts_address {
        margin-top: 14px;

        font-size: 28px;
    }

    .contacts_address span {
        font-size: 14px;
    }

    .contacts_card {
        width: 100%;

        padding: 20px;
        gap: 29px;
    }

    .contacts_card_img-bg {
        display: none;
    }

    .contacts_card_img-bg-mobile {
        display: block;
    }

    .contacts_card_items {
        gap: 16px;
    }

    .contacts_card_items li {
        flex-direction: column;
        gap: 6px;

        font-size: 14px;
    }


    .faq {
        margin-top: 60px;
        gap: 16px;
    }

    .faq_content {
        gap: 20px;
    }

    .collapse_item_question,
    .collapse_item_answer.active {
        font-size: 14px;
    }

    .collapse_item_question:after {
        transform: rotate(90deg);
    }


    .footer {
        margin-top: 50px;
        padding-bottom: 50px;
        gap: 40px;
    }

    .footer_container {
        padding: 20px;
    }

    .footer_container_bg-left-mobile {
        border-radius: 17px 28px 80px 32px;
    }

    .footer_container_bg-right-mobile {
        border-radius: 32px 30px 40px 25px;
    }

    .footer_head {
        flex-direction: column;
        align-items: start;
        gap: 30px;
        padding-bottom: 30px;
    }

    .footer_logo-wrapper {
        display: flex;
        align-items: center;
    }

    .footer_logo {
        width: 87px;
        height: 74px;
    }

    .footer_nav ul {
        flex-direction: column;
    }

    .footer_nav a {
        font-size: 24px;
        line-height: 24px;
    }

    .footer_others-wrapper {
        flex-direction: column-reverse;
        gap: 30px;
        padding-top: 34px;
    }

    .footer_policy,
    .footer_rights-reserved {
        font-size: 16px;
    }

    .footer_rights-reserved {
        gap: 15px;
    }

    .footer_btn-application-consultation {
        font-size: 16px;
    }

    .footer_made-in {
        gap: 4px;

        font-size: 12px;
        font-weight: 300;
        letter-spacing: -0.12px;
    }


    .popup-container {
        padding: 70px 22px 22px 22px;
    }

    .popup_header {
        gap: 8px;
    }

    .popup_file-upload_label {
        gap: 0;
    }

    .popup_file-upload_label span {
        justify-content: end;
    }

    .popup_file-upload_label span:before {
        display: none;
    }

    .popup_btn-submit {
        width: 100%;
        display: flex;
        padding: 12px 12px 12px 32px;
        justify-content: space-between;
        align-items: center;
        border-radius: 32px;
        border: solid 1px #DBD8D6;
        background: #2B54C1;
        cursor: pointer;
        color: #FBFAF8;
        font-size: 14px;
        line-height: 150%;
        text-transform: uppercase;
    }

    .popup_btn-submit:after {
        display: block;
        content: '';
        width: 60px;
        height: 60px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cg clip-path='url(%23clip0_2118_32)'%3E%3Crect width='60' height='60' rx='22' fill='%23FBFAF8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.6517 33.2476C25.463 33.4363 25.357 33.6922 25.357 33.959C25.357 34.2259 25.463 34.4818 25.6517 34.6705C25.8404 34.8592 26.0964 34.9652 26.3632 34.9652C26.6301 34.9652 26.886 34.8592 27.0747 34.6705L33.3114 28.4318L33.3114 33.9951C33.3114 34.2616 33.4173 34.5172 33.6057 34.7057C33.7942 34.8941 34.0498 35 34.3163 35C34.5828 35 34.8384 34.8941 35.0269 34.7057C35.2154 34.5172 35.3212 34.2616 35.3212 33.9951L35.3212 26.0059C35.3212 25.7394 35.2154 25.4838 35.0269 25.2954C34.8384 25.1069 34.5828 25.001 34.3163 25.001L26.3272 25.001C26.0607 25.001 25.8051 25.1069 25.6166 25.2954C25.4281 25.4838 25.3223 25.7394 25.3223 26.0059C25.3223 26.2725 25.4281 26.5281 25.6166 26.7165C25.8051 26.905 26.0607 27.0109 26.3272 27.0109L31.8904 27.0109L25.6517 33.2476Z' fill='%23737373'/%3E%3C/g%3E%3Crect x='0.5' y='0.5' width='59' height='59' rx='21.5' stroke='%23C8C8CA'/%3E%3Cdefs%3E%3CclipPath id='clip0_2118_32'%3E%3Crect width='60' height='60' rx='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }


    .popup-video-wrapper {
        bottom: 8px;
        left: 10px;
    }

    .popup-video {
        border-radius: 0;
    }

    .popup-video.active {
        padding-right: 0;
        padding-left: 0;
    }

    .popup-video video {
        max-width: 187px;
        width: 100%;
        height: 162px;
        object-fit: cover;
    }


    .about-page .about-content {
        gap: 32px;
    }


    .min-consultation {
        gap: 16px;
        padding: 16px;
    }

    .min-consultation_person {
        row-gap: 16px;
    }

    .min-consultation_person_name {
        font-size: 16px;
        font-style: normal;
        line-height: 120%;
    }

    .min-consultation .application-consultation_btn-submit {
        max-width: 100%;
    }


    .pagination ul {
        gap: 8px;
    }

    .pagination a {
        width: 48px;
        height: 48px;
        font-size: 14px;
        line-height: 120%
    }

    .pagination li:first-child,
    .pagination li:last-child {
        margin: 0;
    }

    .pagination_show-more {
        display: none;
    }


    .projects_filter {
        margin-top: 4px;
        flex-direction: column;
        gap: 16px;
    }

    .projects_filter_title {
        font-size: 16px;
    }

    .page-projects.page-layout {
        margin-top: 30px;
    }

    .page-projects .page-layout_container {
        gap: 24px;
    }


    .project-page .popup-products_slider-section {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }


    .first-block .popup-products_swiper {
        padding-bottom: 28px;
    }

    .page-layout_container .slider-section {
        padding-bottom: 36px;
    }


    .project-page_text-content {
        margin-top: 16px;
        gap: 32px;
    }

    .project-page_description, .project-page_text_item {
        font-size: 16px;
    }


    .tags-block .page-layout_container {
        padding: 24px 16px;
        gap: 24px;
    }

    .tags-block .page-layout_container .site-header {
        font-size: 24px;
    }


    .block-review .page-layout_container {
        gap: 24px;
    }

    .block-review .page-layout_container .site-header {
        font-size: 24px;
    }

    .reviews_item {
        padding: 16px;
        border-radius: 16px;
    }

    .review_item_head {
        gap: 16px;
    }


    .breadcrumb {
        margin-top: 12px;
    }

    .breadcrumb ul {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }

    .breadcrumb ul::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb_home,
    .breadcrumb_item {
        font-size: 14px;
        line-height: 16px;
    }

    .popup-ask-city,
    .popup-select-city {
        padding: 16px;
        border-radius: 12px;
        gap: 8px;
    }

    .popup_form-select {
        grid-template-columns: 1fr;
    }
    #popup {
        .change-city_list {
            grid-template-columns: 100%;
        }
    }

    .popup-ask-city .popup_header,
    .popup-ask-city .popup_header span,
    .popup-select-city .popup_header {
        font-size: 24px;
        width: calc(100% - 32px);
    }

    .popup-ask-city .popup_btn-close,
    .popup-select-city .popup_btn-close {
        top: 16px;
        right: 16px;
    }

    .popup_form-select_label {
        padding: 12px 24px;
        font-size: 16px;
    }


    .popup-ask-city_btn {
        min-width: initial;
        width: 100%;
    }

}

@media (max-width: 490px) {
    .footer_container_bg-left-mobile {
        border-radius: 17px 29px 86px 25px;
    }

    .footer_container_bg-right-mobile {
        border-radius: 32px 28px 40px 26px;
    }
}

@media (max-width: 400px) {
    .footer_container_bg-left-mobile {
        border-radius: 17px 29px 80px 28px;
    }

    .footer_container_bg-right-mobile {
        border-radius: 32px 26px 40px 27px;
    }
}