/*Переменные*/
:root {
    --primary-color: #008080;
    --text-primary: #fff;
    --second-primary: #cc0000;
    --btn-background: #fff;
    --footer-color: #015d5d;
    --shadow--green: 0px 0px 10px 5px rgba(0, 128, 128, 0.3);

    --triangle-size-y: 30px;
    --triangle-size-x: 40px;
    --triangle-border-top: 20px solid transparent;
    --triangle-border-bottom: 20px solid transparent;
    --triangle-border-left: 30px solid #cc0000;
    --triangle-filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
}

/*Настрйка стилей*/
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-VariableFont_wght.ttf");
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

html,
body {
    height: 100%;
}

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

ul li {
    list-style-type: none;
}

a,
a:visited {
    color: inherit;
    text-decoration-line: none;
}

input[type="checkbox"] {
    max-height: 15px;
    max-width: 15px;
    width: 100%;
    border: 1px solid #fff;
    appearance: none;
    position: relative;
    border-radius: 2px;
}

input[type=checkbox]:checked::before { 
    content: url(../source/icons/check-mark.svg);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-40%);
}

b, strong {
    font-weight: 700;
}

ul.dot-before li::before {
    content: "·";
    padding-right: 5px;
    font-size: 12px;
    font-weight: 700;
}

ul.list li::before {
    content: "-";
    padding-right: 5px;
    font-size: 12px;
    font-weight: 700;
}

ul.list-triangle li {
    padding-left: 40px;
    position: relative;

    &::before {
        --triangle-size-y: 20px;
        --triangle-size-x: 30px;
        content: "";
        width: var(--triangle-size-x);
        height: var(--triangle-size-y);
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 20px solid #cc0000;
        filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
    }
}

/*Стандартные контейнеры для всего сайта*/
.wrapper {
    min-height: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.main {
    flex: 1 1 auto;
}

.container {
    max-width: 1200px;
    /* border-left: 40px none;
    border-right: 40px none; */
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
}

.background-section {
    background: #349999;
    background: linear-gradient(
        180deg,
        transparent 15%,
        rgba(52, 153, 153, 0.8) 30%,
        rgba(52, 153, 153, 0.8) 75%,
        transparent 100%
    );
}

.background-section-toBottom {
    background: #349999;
    background: linear-gradient(
        180deg,
        transparent 15%,
        rgba(52, 153, 153, 0.8) 35%,
        rgba(52, 153, 153, 0.8) 100%

    );
}

.background-bm-green {
    background: #349999;
    background: linear-gradient(180deg, transparent 35%, rgba(0, 128, 128, 0.8) 100%);
}

.background-main-green {
    background: #349999;
    background: linear-gradient(180deg, transparent 60%, rgba(0, 128, 128, 0.8) 100%);
}

.btn {
    border-radius: 50px;
    border: none;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    align-content: center;
    letter-spacing: 0.75px;
}

.btn--default {
    padding: 10px 20px;
    font-size: 10px;
}

.btn--big {
    padding: 15px 40px;
    font-size: 16px;
    text-transform: uppercase;
}

.btn--red {
    background: var(--second-primary);
    box-shadow: 0px 5px 10px 5px rgba(204, 0, 0, 0.2);
    color: #fff !important;
    font-family: Arial, sans-serif;
    font-weight: bold;
    transition: 0.3s all ease-in-out;
}

.btn--red:hover {
    background: #990000;
}

.btn--white {
    background: #fff;
    box-shadow: var(--shadow--green);
    color: var(--primary-color);
    font-family: Arial, sans-serif;
    font-weight: bold;
    box-shadow: 0px 4px 10px 5px rgba(0, 128, 128, 0.2);
    transition: 0.3s all ease-in-out;
}

.btn--white:hover {
    background: #bdbdbd;
}

.btn--green {
    background: var(--primary-color);
    color: #fff !important;
    font-family: Arial, sans-serif;
    font-weight: bold;
    box-shadow: 0px 5px 10px 5px rgba(204, 0, 0, 0.2);
    transition: 0.3s all ease-in-out;
}

.btn--green:hover {
    background: #005f5f;
}

.btn--grey {
    background: #7e7e7e;
    color: #fff !important;
    font-family: Arial, sans-serif;
    font-weight: bold;
    box-shadow: 0px 4px 10px 0px rgba(204, 0, 0, 0.2);
    transition: 0.3s all ease-in-out;
}

.btn--grey:hover {
    background: #8b8b8b;
}

.stage-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    gap: 20px;
}

.stage-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(100px, 1fr));
    gap: 20px;
}

.stage-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(100px, 1fr));
    gap: 10px;
}

.title {
    text-transform: uppercase;
    position: relative;
}

.title-triangle {
    padding-left: 50px;
}

.title-triangle::before {
    content: "";
    width: 35px;
    height: 50px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 35px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.title-triangle:has(p.subtitle) {
    &::before {
        transform: translateY(-25%);
        top: 25%;
    }
}

.small-triangle::before {
    --triangle-size-y: 20px;
    --triangle-size-x: 30px;
    content: "";
    width: var(--triangle-size-x);
    height: var(--triangle-size-y);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

.text-medium {
    font-weight: 700;
    font-size: 20px;
}

.text-large {
    font-weight: 700;
    font-size: 36px;
}

.text-30 {
    font-weight: 700;
    font-size: 30px;
}

.subtitle {
    line-height: 1.1;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
}

.text-green {
    color: var(--primary-color);
}

.text-white {
    color: var(--text-primary);
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-100 {
    margin-top: 100px;
}

ul.check-mark li::before {
    content: url(../source/icons/check-mark.svg);
    display: inline-block;
    height: 24px;
    width: 24px;
    text-align: center;
    padding-right: 8px;
}

ul.check-mark.black li::before {
    filter: brightness(0);
}

.input--default, .input--medium  {
    height: 40px;
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 14px 12px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0px 4px 10px rgba(0, 128, 128, 0.3);
    align-content: start;
    resize: none;
}

.input--default::placeholder, .input--medium::placeholder {
    text-transform: uppercase;
}

select.input--default .hidden-value {
    display: none;
}

.input--medium {
    height: 60px;
}

.select--button {
    width: 40px;
    height: 40px;
    position: relative;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 4px 10px rgba(0, 128, 128, 0.3);
    cursor: pointer;
}

.select--button::after {
    content: '';
    display: block;
    background-image: url(../source/icons/arrow.svg);
    background-position: 50% center;
    background-size: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: 0.3s all ease-in-out;
}

.select--button.active::after {
    transform: rotate(180deg);
}

.input--select__container {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.input--select__container.open {
    & .input-select {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    & ul.input-select__dropdown {
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        position: absolute;
        top:40px;
        left: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        z-index: 10;
    }
    & ul .input-select__option {
        padding: 12px 25px;
    }
}

.input-select {
    position: relative;
    cursor: pointer;
}

ul.input-select__dropdown {
    display: none;
}

.input-select__option:hover {
    background: #f5f5f5;
}

.input-select__value {
    font-weight: 600;
}

.input-select__value.placeholder {
    text-transform: uppercase;
    font-weight: 600;
    color: #7e7e7e;
}

.select-hidden {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.textarea--default {
    height: 100px;
    align-content: start;
    resize: none;
}

.checkbox-container--default {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 10px;
    gap: 15px;
    text-align: start;
}

.checkbox--default {
    height: 15px;
    width: 15px;
}

.checkbox--default:checked {
    background: #7e7e7e;
}

.checkbox--default.checkbox--grey {
    border: 1px solid #7E7E7E; 
}

.checkbox--default.checkbox--black {
    border: 1px solid #7E7E7E; 
}

/* Ошибки в форме */
.text-error {
    display: none;
    margin-top: 5px;
    font-size: 8px;
    line-height: 1.3;
    color: var(--second-primary);
    transition: 0.3s ease-in-out;
}

.text-error.active {
    display: block;
}

.success-message {
    display: none;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 8px;
    line-height: 1.3;
    color: #15c15c;
    transition: 0.3s ease-in-out;
}

.success-message.active {
    display: block;
}

/* Хлебные крошки */
.breadcrumbs {
    margin-top: 30px;
    margin-bottom: 60px;
    color: var(--primary-color);
    font-size: 12px;
    border-bottom: 4px solid var(--second-primary);
    padding-bottom: 7px;
    width: fit-content;
    display: flex;
    flex-direction: row;
}

a.breadcrumbs--item {
    cursor: pointer;
    transition: 0.1s all ease-in-out;
}

a.breadcrumbs--item:hover {
    color: #003b3b;
}

.breadcrumbs--separator {
    margin: 0 3px;
}

.link--default {
    color: #7e7e7e;
    transition: 0.1s all ease-in-out;
}

.link--default:hover {
    color: #000;
}

.red--title {
    color: var(--second-primary);
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

/*Стили бургер кнопки*/
.burger-button {
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* margin-left: 30px; */
    z-index: 9999;
}

/* Стили для линий гамбургера */
.burger-line {
    width: 100%;
    height: 3px;
    background-color: white;
    transition: all 0.3s ease;
    border-radius: 2px;
    pointer-events: none;
}

/* Анимация превращения в крестик */
.burger-button.active .burger-line:nth-child(1) {
    transform: rotate(45deg) translate(8px, 6px);
}

.burger-button.active .burger-line:nth-child(2) {
    opacity: 0;
}

.burger-button.active .burger-line:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Модальное окно */
.modal {
    display: none;
}

.modal.modal-visible {
    display: block;
}

.modal-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    position: fixed;
    right: 0;
    bottom: 0;
    background: hsla(0, 0%, 100%, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    padding: 15px;
    backdrop-filter: blur(10px);
}

.modal-form {
    position: relative;
    background: #fff;
    padding: 55px 77px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    max-width: 600px;

    & .form-problem__title {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
}

.modal-close {
    position: absolute;
    height: 30px;
    width: 30px;
    top: -30px;
    right: -30px;
    background: none;
    border: none;
    cursor: pointer;
}

.modal-form.response {
    padding: 50px 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    & .response__description {
        text-align: center;
    }
}

/*Контролирующие классы*/
.disable-overflow {
    overflow: hidden;
}

.enable-fixed {
    position: fixed;
    width: 100%;
    z-index: 10;
}

.space-header {
    margin-top: 60px;
}

/*Шапка сайта*/
.menu__upper {
    background: var(--primary-color);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    max-height: 60px;
}

.menu__logo {
    width: 180px;
}

.menu__down {
    padding: 10px 0;
    color: var(--primary-color);
}

.menu__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px;
    min-height: 60px;
}

.menu__navbar {
    margin: 0 10px;
}

.menu__navbar .menu__list {
    display: flex;
    flex-direction: row;
    gap: 20px;
    font-size: 10px;
    color: var(--text-primary);
}

.menu__navbar .menu__list .menu__item,
.menu__navbar .menu__list .menu__item a,
.menu__item--catalog { 
    font-weight: 600;
    text-transform: uppercase;
    max-width: 100px;
    text-align: center;
    align-content: center;
    cursor: pointer;
}

.menu__navbar ul li.current-position {
    position: relative;
}

.menu__navbar ul li.current-position::after {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    background: #cc0000;
    position: absolute;
    bottom: -15px;
    left: 0px;
}

.menu__item--catalog {
    position: relative;
}

.menu__catalog-submenu.active {
    display: flex;
}

.menu__catalog-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--primary-color);
    padding: 20px;
    gap: 40px;
    align-items: center;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 10;
}

li.menu__catalog-item, li.menu__catalog-item a {
    max-width: unset !important;
    flex: 1 0 8%;
}

.menu__socials {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.menu__info {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.menu__region::before {
    content: url(../source/icons/map-marker.svg);
    height: 15px;
    width: 15px;
    padding-right: 4px;
}

.menu__region::after {
    content: url(../source/icons/arrow.svg);
    padding-left: 4px;
}

.menu__schedule::before {
    content: url(../source/icons/icon-clock.svg);
    padding-right: 4px;
}

.menu__phone {
    font-weight: 700;
}

.menu__phone::before {
    content: url(../source/icons/device-phone.svg);
    padding-right: 4px;
}

.menu__search::after {
    content: url(../source/icons/search.svg);
    padding-left: 4px;
}

.menu__search {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.menu__search-results[hidden] {
    display: none;
}

.menu__search-results {
    display: block;
    position: absolute;
    top: 90%;
    padding: 16px 10px;
    background: #f3f3f3;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 95%;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 10;
}

.menu__search-result {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.menu__search input:focus-visible {
    outline: none;
}

.menu__search input {
    background: #f3f3f3;
    height: 30px;
    min-width: 365px;
    width: 100%;
    border: none;
    border-radius: 5px;
    padding: 10px;
    cursor: text;
}

.menu__control {
    display: flex;
    flex-direction: row;
}

.menu__panel {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-left: 35px;
}

.menu__panel--mobile {
    display: none;
}

.menu__panel img {
    height: 30px;
    width: 30px;
}

.mobile__menu {
    display: none;
}

.menu__navbar--mobile {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    width: 60%;
}

.navbar--mobile__item {
    padding: 20px 10px;
    border-bottom: 1px solid gray;
    font-size: 16px;
    font-weight: 700;
}

.btn.btn--default.menu__call {
    background-color: var(--btn-background);
    color: var(--primary-color);
    text-transform: uppercase;
}

/*Подвал сайта*/
.footer {
    padding: 50px 0 30px;
    background: var(--footer-color);
    color: #fff;
}

.footer__body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.footer__logo {
    margin-bottom: 40px;
    width: 180px;
}

.footer__phone {
    font-size: 12px;
    font-weight: 800;
}

.footer__phone::before {
    content: url(../source/icons/device-phone-white.svg);
}

.footer__socials {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin: 16px 0;
    align-items: center;
}

.btn.btn--default.footer__call {
    color: var(--primary-color);
    text-transform: uppercase;
}

.footer__menu {
    display: flex;
    flex-direction: row;
    gap: 60px;
}

.footer__menu .footer__column:last-child {
    margin-right: 100px;
}

.footer__column {
    padding-top: 40px;
}

.footer__separator {
    height: 5px;
    width: 70px;
    background: #cc0000;
}

.footer__column ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 10px;
}

.footer__column ul li,
.footer__column ul li a {
    font-weight: 600;
    text-transform: uppercase;
}

.footer__column ul li:first-child {
    padding-top: 25px;
}

.footer__company {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 10px;
    font-weight: 400;
    margin-top: 60px;
}

.footer__company p {
    color: #d9d9d9;
}

.footer__copyright {
    text-align: end;
}

/*Главная страница*/
.js-init-first__banner {
    margin-top: 30px;
    & .swiper-slide {
        padding: 10px;
    }
}

.slide__banner {
    position: relative;
    min-height: 525px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    padding-left: 70px;
    padding-right: 85px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.slide__banner.light {
    background: url(../source/icons/Logo-bg-gray.png), linear-gradient(115deg, rgba(0, 128, 128, 1) 0%, rgba(0, 128, 128, 0.2) 100%);
    background-repeat: no-repeat;
    background-size: 65%, contain;
    background-position: 140% -15%, top;
}

.slide__banner.dark {
    background: url(../source/icons/Logo-bg-gray.png), linear-gradient(115deg, rgba(0, 128, 128, 0.5) 0%, rgba(0, 26, 26, 0.9) 100%);
    background-repeat: no-repeat;
    background-size: 45%, contain;
    background-position: 90% 40%, top;
}

.slide__info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: flex-start;
}

.slide__subtitle {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.slide__title {
    font-size: 40px;
}

.slide__photo {
    position: absolute;
    right: 60px;
    top: 45%;
    transform: translateY(-50%);
}

.slide__info {
    max-width: 600px;
}

.slide__ficher {
    background-color: #fff;
    box-shadow: var(--shadow--green);
    border-radius: 50px;
    padding: 5px 14px;
    color: var(--primary-color);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.slide__ficher::before {
    content: '';
    height: 20px;
    width: 20px;
    background: url(../source/icons/check-wavy.svg);
    background-size: contain;
    display: inline-block;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.slide__tags {
    max-width: 500px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.slide__tag {
    font-size: 12px;
    padding: 10px;
    border-radius: 50px;
    color: var(--primary-color);
    font-weight: 700;
    text-transform: uppercase;
    background-color: #fff;
}

.slide__links {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 25px;

    & .btn {
        max-width: 230px;
        width: 100%;
        font-size: 14px;
    }

    & a.btn--white {
        color: var(--primary-color);
    }
}

.first__banner-pagination {
    margin-top: 20px;
    position: relative !important;
    display: flex;
    justify-content: center;
    gap: 5px;
}

.pagination-bullet__bar {
    display: block;
    height: 5px;
    width: 50px;
    background: #d9d9d9;
}

.pagination-bullet__bar.swiper-pagination-bullet-active {
    background: rgba(0, 128, 128, 0.5);
}

.first__banner-pagination .pagination-bullet__bar:first-child,
.reviews-pagination .pagination-bullet__bar:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.first__banner-pagination .pagination-bullet__bar:last-child,
.reviews-pagination .pagination-bullet__bar:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.info__blocks {
    margin-top: 100px;
}

.info__block {
    padding: 30px 20px 45px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 15px var(--primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.info__block--feacher {
    padding: 30px 30px 40px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 15px var(--primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;

    & .info__description {
        margin-bottom: 10px;
    }

    & .info__extended {
        margin-top: auto;
    }
}

.info__block.solo-info__block {
    padding: 40px 50px 40px 40px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.info__title {
    margin: 20px 0;
    font-size: 16px;
    color: var(--second-primary);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.info__picture {
    max-height: 80px;
    max-width: 80px;
    height: 100%;
    width: 100%;
    & img {
        width:100%;
    }
}

/*Расширеные*/
.stage-5.info__blocks { 
    & .info__block--feacher {
        padding: 25px 20px 30px;
    }

    & .info__title {
        min-height: 70px;
        margin-bottom: 0;
    }

    & .info__description {
        margin-left: 15px;
    }

    & .info__picture {
        height: 70px;
        width: 70px;
    }
}

.info__description {
    font-size: 12px;
    font-weight: 400;
}

.feacher__extended, .info__extended {
    font-size: 12px;
    color: #7E7E7E;
    font-weight: 700;
    margin-top: 10px;
}

.info__description ul li::before {
    content: "·";
    padding-right: 5px;
    font-size: 12px;
    font-weight: 700;
}

.solo-info__block .info__title {
    font-size: 20px;
    text-align: start;
    margin-left: 25px;
    margin-right: 45px;
}

.solo-info__block .info__description {
    font-size: 16px;
    & p {
        max-width: 75%;
    }
}

.solo-info__block .btn {
    padding: 14px 40px;
}

/*Продукция*/

.products__blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 100px;
}

.products__blocks .product__title,
.products__blocks .products__block {
    height: 150px;
}

/*Подумать над картинкой, как она должна быть в центре у логотипа*/

.products__block {
    position: relative;
    background: url(../source/icons/logo-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 15px 0;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 30px 0 50px;
    gap: 75px;
    box-shadow: var(--shadow--green);
}

.products__title {
    position: absolute;
    top: 0;
    height: 100%;
    left: 290px;
    align-content: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--second-primary);
}

.map__section-container .title {
    margin: 100px 0;
}

.map__section {
    background: url(../source/map-russia.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -75px center;
    background-color: #fff;
    border-radius: 10px;
    height: 100%;
    padding: 90px 40px 85px 55px;
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    gap: 110px;
    box-shadow: 0px 0px 10px 5px rgba(0, 128, 128, 0.2);
}

.banner-info, .map-info {
    padding-left: 30px;
}

.map-info:last-child {
    align-self: flex-end;
    text-align: center;
    padding: 0;
}

.banner-info__title, .map-info__title {
    font-size: 16px;
    font-weight: 700;
    color: var(--second-primary);
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
    min-height: 48px;
    align-content: center;
}

.banner-info__title::before {
    left: -30px;
}

.map-info__title::before {
    content: "";
    width: 30px;
    height: 40px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}

.banner-info__description, .map-info__description {
    font-size: 14px;
    font-weight: 400;
    color: black;
}

/*Форма обратной связи*/
.form-body__engineer {
    max-height: 484px;
    background:
        url(../source/icons/Logo-bg-gray.png),
        linear-gradient(90deg, rgba(0, 128, 128, 0.8) 0%, rgba(0, 128, 128, 0.2) 80%);
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    padding: 80px 0px 70px 60px;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 45%, contain;
    background-position:
        95% 50%,
        top;
    margin-top: 100px;
}

.form-engineer__body {
    margin-top: 15px;
    margin-bottom: 50px;
    color: #fff;
    font-size: 14px;
    max-width: 650px;

    & ul {
        margin-top: 15px;
        margin-bottom: 50px;
    }

    & ul li {
        font-weight: 700;
    }
}

.form-engineer__form {
    display: grid;
    grid-template: "A B C" "D D D" / 0.33fr 0.33fr 0.34fr;
    gap: 6px 15px;

    & button {
        grid-area: C;
        padding: 14px 30px;
        border-radius: 10px;
    }

    & .checkbox-container {
        grid-area: D;
        max-width: 355px;
    }
}

.form-engineer__picture {
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 35%;
}

.series__title {
    margin: 70px 0;
}

.series__block {
    background: url(../source/icons/logo-bg.png);
    background-color: #fff;
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: 75%;
    padding: 35px 10px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    width: 100%;
    height: 100%;
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.series__block.series__block--extended {
    justify-content: flex-start;
    gap: 20px;
    /* max-height: 500px; */
    & .series__name {
        margin-top: auto;
    }

    & .series__footer {
        margin-top: auto;
    }
}

.series__picture img {
    width: 100%;
}

.series__name {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--second-primary) !important;
    margin-top: 40px;
    width: 100%;
}

.series__description {
    font-size: 12px;
    font-weight: 400;
    color: black;
    min-height: 40px;
}

.sales__title {
    margin: 100px 0;
}

.sales__block {
    position: relative;
    background-color: #fff;
    padding: 20px 35px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    width: 100%;
    height: 100%;
    min-height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.sales__picture {
    max-height: 170px;
    max-width: 170px;
    height: 100%;
    width: 100%;
    margin: auto 0;

    & img {
        width: 100%;
    }
}

.sales__sticker {
    background: var(--second-primary);
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    text-transform: uppercase;
    padding: 10px 20px;
    position: absolute;
    top: -10px;
    right: 5px;
    color: #fff;
}

.sales__sticker.recomend {
    background: var(--primary-color);
}

.series__info {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.series__separator {
    width: 60px;
    height: 5px;
    background: #cc0000;
    display: block;
}

.series__type {
    font-size: 12px;
    color: var(--primary-color);
    font-weight: 500;
    width: 100%;
}

.series__chars {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.series__char {
    border-radius: 50px;
    background: #F3F3F3;
    padding: 5px 10px;
    font-size: 10px;
}

.series__footer {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.series__price {
    font-size: 14px;
    font-weight: 700;
    color: black;
    text-transform: uppercase;
}

.series__footer .btn--more {
    box-shadow: 0px 4px 10px 0px rgba(204, 0, 0, 0.2);
    padding: 12px 8px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.sales__name {
    width: 100%;
    font-size: 16px;
    color: black;
    font-weight: 700;
    text-transform: uppercase;
}

.sales__price {
    width: 100%;
    font-size: 16px;
    color: var(--second-primary);
    font-weight: 700;
}

.sales__button {
    color: white;
    background: var(--primary-color);
    box-shadow: var(--shadow--green);
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 30px;
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

.form-review__title {
    margin-top: 100px;
}

.form-review__container {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 35%;
    position: relative;
    margin-top: 75px;
    margin-bottom: 75px;
}

.form-problem__block {
    background: #fff;
    padding: 30px 40px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    max-height: 420px;
    position: relative;
    overflow: hidden;
}

.form-problem__title {
    font-size: 16px;
    font-weight: 700;
    color: black;
    margin-bottom: 20px;
    max-width: 375px;
}

.form-problem__container {
    max-width: 375px;
    display: flex;
    flex-direction: column;
    gap: 10px;

    & div.checkbox-container--default input {
        border-color: 1px solid #7e7e7e;
    }

    & button {
        border-radius: 10px;
    }
}

.form-problem__picture {
    position: absolute;
    bottom: -15px;
    right: 0;
}

.js-init-review-slider {
    width: 100%;
    height: 100%;
}

.js-init-review-slider .swiper-slide {
    background: #fff;
    border-radius: 10px;
    padding: 40px 30px 40px 40px;
    max-height: 375px;
    box-shadow: var(--shadow--green);
}

.reviews-control {
    position: absolute;
    top: -60px;
    right: 0;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.reviews-control-next {
    content: "";
    width: 30px;
    height: 40px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    cursor: pointer;
}

.reviews-control-prev {
    content: "";
    width: 30px;
    height: 40px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    transform: rotate(180deg);
    cursor: pointer;
}

.reviews-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}

.review-info {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.review-info__company {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.review-info__logo {
    height: 70px;
    width: 70px;
}

.review-info__name {
    color: var(--second-primary);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.review-info__description {
    font-size: 12px;
    margin-top: 30px;
}

.review-info__link {
    margin-top: auto;
    color: black;
    text-transform: uppercase;
    font-weight: 500;
    text-align: end;
}

/*Страница статьи*/

.article__title {
    margin: 40px 0;
}

.article__block--first-block {
    display: grid;
    grid-template-columns: 1fr 0.65fr;
    gap: 30px;
}

.title.first-block__title {
    font-size: 36px;
}

.first-block__description {
    font-size: 20px;
    margin-top: 40px;
}

.first-block__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.first-block__time, .first-block__feacher {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color);
    background-color: #f3f3f3;
    border-radius: 50px;
    box-shadow: var(--shadow--green);
    padding: 10px 20px;
    width: fit-content;
    display: flex;
    align-items: center;
}

.first-block__time::before {
    content: '';
    height: 24px;
    width: 24px;
    background: url(../source/icons/clock-icon.svg);
    background-size: contain;
    display: inline-block;
    margin-right: 5px;
}

.first-block__feacher::before {
    content: '';
    height: 24px;
    width: 24px;
    background: url(../source/icons/check-wavy.svg);
    background-size: contain;
    display: inline-block;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.first-block__engineer {
    display: flex;
    flex-direction: row;
    padding: 40px;
    justify-content: space-between;
    box-shadow: var(--shadow--green);
    border-radius: 10px;
}

.engineer__photo {
    max-height: 100px;
    max-width: 100px;
}

.engineer__name {
    font-size: 20px;
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 700;
}

.engineer__job {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}

.first-block__content {
    padding: 30px 40px;
    box-shadow: var(--shadow--green);
    border-radius: 10px;
}

.content__title::before {
    --triangle-size-y: 30px;
    --triangle-size-x: 20px;

    content: "";
    width: var(--triangle-size-x);
    height: var(--triangle-size-y);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    position: absolute;
    left: -40px;
    top: 0;
    transform: translateY(-10%);
}

.content__links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.content__links a {
    text-decoration-line: underline;
    text-decoration-skip-ink: none;
    transition: 0.1s all ease-in-out;
    color: rgba(0, 26, 26, 0.8);
}

.content__links a:hover {
    color:#000;
}

.article__block--standart {
    margin: 0 50px;
    font-size: 14px;
}

.article__block--standart ul li::before {
    content: "·";
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700;
}

.article__more--block {
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    margin-top: 40px;
    padding: 35px 105px 35px 50px;
    display: flex;
    flex-direction: row;
    gap: 75px;
}

.more--block__title::before {
    --triangle-size-y: 30px;
    --triangle-size-x: 20px;

    content: "";
    width: var(--triangle-size-x);
    height: var(--triangle-size-y);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    position: absolute;
    left: -50px;
    top: 0;
    transform: translateY(-10%);
}

.more--block__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.more--block__subtitle {
    font-weight: 700;
    font-size: 16px;
}

.more--block__description {
    font-size: 14px;
}

.more--block__link {
    text-align: end;
}

.article__block--case {
    padding: 50px;
    box-shadow: var(--shadow--green);
    margin: 0 50px;
    border-radius: 10px;
    font-size: 14px;
}

.article__case {
    display: flex;
    flex-direction: column;
    gap: 20px;

    & p {
        position: relative;
    }
}

.article__case p::before {
    --triangle-size-y: 30px;
    --triangle-size-x: 20px;

    content: "";
    width: var(--triangle-size-x);
    height: var(--triangle-size-y);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    position: absolute;
    left: -50px;
    top: 0;
}

.article__quote {
    margin-top: 40px;
    border-left: 4px solid var(--second-primary);
    padding: 3px 0 3px 20px;
}

.case--separator-mobile {
    display: none;
}

.article__block--table {
    padding: 50px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    margin: 0 50px;
}

.table__comprasion {
    width: 100%;
    border-collapse: collapse;

    & thead tr td {
        font-size: 16px;
        color: var(--primary-color);
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        padding: 20px 0;
    }

    & tbody tr {
        border-bottom: 1px solid #7e7e7e;
    }

    & tbody tr:last-child {
        border-bottom: none;
    }

    & tbody tr td {
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        padding: 20px 0;
    }
}

.article__block--dropdowns {
    margin: 0 50px;
    font-size: 14px;
}

.block--dropdowns__title {
    margin-top: 35px;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--second-primary);
    font-weight: 700;
}

.block--dropdowns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
}

.dropdown__item {
    padding: 15px 30px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    position: relative;
    width: 100%;
    text-align: start;
    border: none;
    background: none;
    cursor: pointer;
    background: #fff;
}

.dropdown__item::after {
    --triangle-size-y: 20px;
    --triangle-size-x: 30px;

    content: "";
    width: var(--triangle-size-x);
    height: var(--triangle-size-y);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    position: absolute;
    top: 0;
    right: 20px;
    transform: rotate(90deg);
}

.dropdown__title {
    font-size: 14px;
}

.dropwodn__detail {
    display: none;
    margin-top: 20px;
}

.dropdown__item.item--expanded::after {
    top: unset;
    bottom: 0;
    transform: rotate(270deg);
}

.dropdown__item.item--expanded .dropwodn__detail {
    display: block;
}

.article__block--form {
    margin: 0 50px;
    font-size: 14px;
}

.form-body__engineer.form-v2 {
    background:
        url(../source/icons/logo-bg-green.png),
        linear-gradient(90deg, rgba(0, 128, 128, 0.8) 0%, rgba(0, 128, 128, 0.2) 80%);
    background-size: 55%, contain;
    background-repeat: no-repeat;
    background-position:
        95% 50%,
        top;
    margin-bottom: 70px;
}

.form-body__engineer.form-v2 .title {
    font-size: 32px;
}

.form-body__engineer.form-v2 .form-engineer__body {
    max-width: 700px;
    width: calc(70% - 5%);
    display: grid;
    grid-template-columns: 0.6fr 0.5fr;
    gap: 30px;
}

.form-engineer__title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.form-engineer__subtitle {
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
}

.articles__block--another {
    padding: 60px;
    box-shadow: var(--shadow--green);
    border-radius: 10px;
    background: #fff;
}

.another__title::before {
    --triangle-size-y: 20px;
    --triangle-size-x: 30px;

    content: "";
    width: var(--triangle-size-x);
    height: var(--triangle-size-y);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    position: absolute;
    top: 0;
    left: -60px;
}

.another__articles {
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    gap: 50px;
    margin-top: 40px;
}

.another__article {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.another-article__subtitle {
    font-size: 16px;
    font-weight: 700;
}

.another-article__description {
    font-size: 14px;
}

.another-article__link {
    font-size: 14px;
    margin-top: auto;
    text-align: end;
}

/*Системы дезинфекции (возможно типовой раздел)*/

.first-banner--section {
    display: grid;
    grid-template-columns: 0.55fr 0.45fr;
    gap: 30px;
}

.first-banner--section .btn--big {
    font-size: 14px;
    padding: 22px 30px;
}

.section__picture {
    height: 100%;
    width: 100%;
    box-shadow: var(--shadow--green);
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;

    & img {
        max-width: 420px;
        width: 100%;
        margin: 0 auto;
    }
}

.section__title {
    font-weight: 700;
    font-size: 30px;
    margin-top: 25px;
}

.section__subtitle {
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
    color: var(--primary-color);
}

.section__list {
    margin-top: 20px;
    font-size: 14px;
    color: var(--primary-color);
    display: flex;
    flex-direction: column;
    gap: 10px;
    
    & li {
        font-weight: 700;
    }

    & li::before {
        content: url(../source/icons/check-mark-red.svg);
        display: inline-block;
        padding-right: 10px;
    }
}

.section__tags {
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

.section__tag {
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-color);
    background: #fff;
    border-radius: 50px;
    text-transform: uppercase;
    box-shadow: var(--shadow--green);
    text-align: center;
}

.section__button {
    margin-top: 30px;
    text-align: end;
}

.section-block--why {
    margin-top: 100px;
    display: grid;
    grid-template-columns: 0.55fr 0.45fr;
    gap: 45px;
}

.why-block__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.why-block__subtitle {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding-left: 50px;
}

.why-block__reasons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.why-block__reason {
    background: #fff;
    border-radius: 10px;
    padding: 25px 0 25px 30px;
    position: relative;
}

.why-block__reason::before {
    --triangle-size-y: 20px;
    --triangle-size-x: 30px;
    content: "";
    width: var(--triangle-size-x);
    height: var(--triangle-size-y);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid #cc0000;
    filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

.why-block__reason .reason__title {
    font-size: 18px;
}

.reason__description {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
}

.section-block--system {
    margin-top: 70px;
}

.system-block__info {
    margin: 70px 0;
    background-color: #fff;
    background-image: url(../source/systems.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    padding: 90px 100px 80px 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.system--block__title {
    position: relative;
    font-size: 16px;
    padding-left: 30px;
    margin-bottom: 15px;
}

.system--block {
    line-height: 1.2;
}

.system--block ul {
    padding-left: 30px;
}

.system-block__left, .system-block__right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.series-filter__header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 20px;
    position: relative;
}

.series-filter__founded {
    line-height: 2;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    position: relative;
    right: unset;
    top: unset;
}

.series-filter__section {
    & .smartfilter {
        width: 100%;
        flex: 1 0 25%;
        max-width: 330px;
    }
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 80px;
    align-items: flex-start;
}

.filter--block {
    background: var(--primary-color);
    padding: 25px 20px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    max-width: 270px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: min-content;
}

.filter--block__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #fff;
}

.filter--block__name {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.filter--block__reset {
    font-size: 14px;
    font-weight: 400;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

.filter--block button.btn {
    font-size: 14px;
    border-radius: 10px;
    padding: 12px 25px;
    align-self: center;
}

.series__section {
    width: 100%;
}

.series__wrapper {
    width: 100%;
    overflow: hidden;
    margin-top: -20px;
}

.series__scroll {
    overflow-y: auto;
    padding: 20px 10px;
    max-height: 1200px;
}

.series__scroll::-webkit-scrollbar {
    width: 5px;
}

.series__scroll::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 20px;
    padding: 20px 0;
}

.series__scroll::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px 0;
}

.filter--input__label {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
}

.filter--input__select {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-top: 10px;
}

.filter--select__body {
    width: 100%;
}

.filter--select__chars {
    display: none;
}

.checkbox__container--filter {
    display: flex;
    flex-direction: row;
    font-size: 10px;
    color: #7E7E7E;
    gap: 10px;
    transition: 0.1s all ease-in-out;
}

.checkbox__container--filter.checked {
    color: black;
}

input[type="checkbox"].filter--select__char {
    max-height: 10px;
    max-width: 10px;
    width: 100%;
    border: 1px solid #7E7E7E;
}

input[type="checkbox"].filter--select__char:checked {
    background-color: var(--primary-color);
}

.filter--select__body.filter-open .filter--input__input {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.filter--select__body.filter-open .filter--select__chars {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #F3F3F3;
    padding: 5px 10px 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 100px;
    overflow-x: hidden;
}

.filter--input__input {
    height: 30px;
    background: #F3F3F3;
    color: #7E7E7E;
    width: 100%;
    border-radius: 5px;
    border: none;
    padding: 10px 8px;
    font-size: 10px;
    font-weight: 400;
}

.filter--input__button {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 5px;
    background-color: #F3F3F3;
    cursor: pointer;
}

.filter--input__button::after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background-image: url(../source/icons/arrow.svg);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 75%;
    transition: 0.3s all ease-in-out;
}

.filter--input__button.active::after {
    transform: rotate(180deg);
}

.info__block.solo-info__block.column {
    padding: 40px 95px 40px 50px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.info__block.solo-info__block.column .info__title {
    padding-left: 35px;
    margin: 0;
}

.info__description.row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    font-size: 14px;
}

.difference-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 70px 0;
}

.difference__block {
    background-color: #fff;
    padding: 60px 40px 70px 50px;
    border-radius: 10px;
    position: relative;
    box-shadow: var(--shadow--green);
}

.difference__feacher {
    position: absolute;
    border-radius: 50px;
    background-color: #F3F3F3;
    box-shadow: var(--shadow--green);
    padding: 10px 20px;
    color: var(--primary-color);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    top: 30px;
    right: 30px;
}

.difference__feacher::before {
    content: '';
    display: inline-block;
    height: 24px;
    width: 24px;
    background: url(../source/regards.png);
    margin-right: 5px;
    background-size: cover;
}

.difference__title {
    padding-left: 0;
    margin-bottom: 30px;
}

.difference__title::before {
    left: -50px;
    top: 25%;
    transform: translateY(-25%);
}

.difference__description {
    font-size: 16px;
    font-weight: 700;
}

.difference-separator {
    margin-top: 20px;
    height: 4px;
    width: 70px;
    background-color: var(--second-primary);
}

.difference__block ul.list-triangle {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.difference__block.form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 50px 40px 70px 40px;
}

.difference__footer {
    position: absolute;
    bottom: 30px;
    color: black;
    font-size: 10px;

    & a {
        text-decoration: underline;
    }
}

.form-feedback__container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-feedback__container .input--default, .form-feedback__container .input--medium {
    padding: 12px 25px;
}

.form-feedback__container .btn {
    border-radius: 10px;
}

.faq-block {
    margin: 70px 80px 0;
}

/* Шаговые насосы */

.section__button--flex {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
}

.js-init-infinity__text {
    margin-top: 30px;
}

.js-init-infinity__text .swiper-wrapper {
    transition-timing-function: linear !important;
}

.infinity-text__slide {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    width: auto !important;
}

.info__blocks--section {
    margin-top: 70px;
}

.series-filter__container {
    margin-top: 80px;
}

.feachers--section {
    margin-top: 80px;
}

.feachers--container {
    margin-top: 80px;
}

.feacher__item--small {
    background: #fff;
    padding: 45px 18px;
    border-radius: 10px;

    & .feacher__title {
        font-size: 18px;
        padding-left: 35px;
        min-height: 50px;
        align-content: center;
    }

    & .feacher__description {
        margin-top: 20px;
        font-size: 16px;
    }
}

.feacher__item--big {
    background: #fff;
    padding: 45px 25px 55px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);

    & .feacher__picture {
        max-height: 80px;
        max-width: 80px;
    }

    & img {
        width: 100%;
    }

    & .feacher__title {
        margin-top: 10px;
        font-size: 16px;
    }

    & .feacher__description {
        margin-top: 10px;
        font-size: 14px;
    }
}

.feacher__item--big.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner--map {
    margin-top: 70px;
    padding: 60px 50px;
    background-color: #fff;
    box-shadow: var(--shadow--green);
    border-radius: 10px;
    background: url(../source/small-map.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 95% center;
}

.banner--map .title {
    left: -50px;
}

.banner--map__body {
    display: grid;
    grid-template-columns: 0.5fr 0.65fr;
    gap: 60px;
    margin-top: 10px;
}

.banner--map__text {
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 700;
}

.banner--map__tags {
    display: flex;
    flex-direction: row;
    gap: 15px 20px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.banner--map__tag {
    color: var(--primary-color);
    border-radius: 50px;
    box-shadow: var(--shadow--green);
    padding: 13px 25px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background: #fff;
}

.banner--text {
    margin-top: 60px;
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    padding: 40px 50px;
}

.banner--text__body {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.banner--text__title {
    width: 330px;
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}

.banner--text__description {
    max-width: 380px;
    font-size: 14px;
}

.banner--text__buttons {
    max-width: 220px;
}

.banner--text__body .btn {
    font-size: 14px;
    box-shadow: 0px 4px 10px 0px rgba(204, 0, 0, 0.2);
    padding: 15px 10px;
}

.banner--text__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-body__engineer.form-v3 {
    padding: 60px 0 35px 50px;
    margin: 70px 0;
    background: url(../source/icons/logo-bg-green.png), linear-gradient(90deg, rgba(0, 128, 128, 0.8) 0%, rgba(0, 128, 128, 0.2) 80%);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 45%, contain;
    background-position: 95% 50%, top;

    & .form-engineer__body {
        display: flex;
        flex-direction: row;
        max-width: 750px;
        width: calc(80% - 5%);
        gap: 30px;
        margin-top: 20px;
        margin-bottom: unset;
    }

    & .form-engineer__info {
        position: relative;
    }

    & .form-engineer__info .btn {
        position: absolute;
        bottom: 0;
        font-size: 14px;
    }

    & .form-engineer__picture {
        width: 28%;
    }
}

/* Кейсы */
.cases-container {
    margin-top: 30px;
}

.cases__text {
    font-size: 20px;
}

/* Доставка и оплата */
.delivery {
    padding-bottom: 70px;
}

.delivery-blocks {
    margin: 60px 0 70px;
}

.delivery-block {
    padding: 45px 30px 35px 25px;
    background-color: #fff;
    box-shadow: var(--shadow--green);
    border-radius: 10px;
}

.delivery-block__title {
    padding-left: 50px;
    font-size: 18px;
}

.delivery__subtitle {
    font-size: 20px;
    font-weight: 700;
}

.delivery-block__text {
    margin-top: 15px;
    font-size: 16px;
}

/* Страница "Чаво" */
.faq-page {
    margin: 70px 80px 20px;

    & .dropwodn__detail {
        color: #7e7e7e;
    }
}

/* Новости */
.blog {
    margin-bottom: 70px;
}

.news--container {
    margin: 60px 0 70px;
}

.news-block {
    padding: 50px 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.news__date {
    font-size: 14px;
    font-weight: 700;
}

.news__preview {
    font-size: 14px;
}

.news__link {
    text-align: end;
}

.news--footer {
    display: flex;
    justify-content: center;
}

/* Страница контакты */
.banner--contacts {
    background: #fff;
    box-shadow: var(--shadow--green);
    padding: 60px 50px;
    display: grid;
    grid-template-columns: 0.55fr 0.5fr;
    gap: 40px;
    margin: 70px 0;
    border-radius: 10px;
    align-items: center;
}

.banner--contacts__info {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.banner--contacts__text {
    position: relative;
    font-size: 16px;
    padding-left: 40px;
}

/* О компании */
.about-info {
    display: grid;
    grid-template-columns: 0.5fr 0.45fr;
    justify-content: space-between;
}

.about__subtitle {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
}

.about-feachers {
    margin: 50px 100px 70px;
}

.about-feacher {
    text-align: center;
    color: var(--second-primary);
    text-transform: uppercase;
}

.about-feacher__number {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
}

.about-feacher__text {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.feacher__extendeds {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* Сервисный центр */
.service__blocks {
    margin: 60px 0 70px;
}

.service--feacher {
    justify-content: space-between;
}

/* Страница "Акции" */
.sales__subtitle {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color);
    margin-top: 15px;
}

.banner--sales {
    display: grid;
    grid-template-columns: 0.6fr 0.4fr;
    gap: 20px;
    margin-top: 40px;
}

.banner--sales__title {
    max-width: 500px;
}

.banner--sales__info {
    padding: 50px 25px 50px 50px;
    background-color: var(--primary-color);
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.banner--sales__image {
    position: relative;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    & img {
        display: none;
    }
}

.banner--sales__feacher {
    position: absolute;
    padding: 10px 40px;
    background-color: var(--primary-color);
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 50px;
    box-shadow: var(--shadow--green);
    top: -20px;
    right: 0;
    font-weight: 600;
}

.banner--sales__subtitle {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 500px;
}

.banner--sales__tag {
    padding: 10px 15px;
    background-color: #fff;
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 600;
    border-radius: 50px;
    text-transform: uppercase;
}

.banner--sales__footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.banner--sales__description {
    color: #fff;
    font-size: 14px;
    max-width: 330px;
}

.banner--sales__footer .btn {
    font-size: 14px;
    padding: 14px 45px;
}

.banner--sales__title {
    max-width: 500px;
}

/* Пара новых блоков */
.info__blocks--extended {
    margin-top: 70px;

    & .info__description {
        text-align: center;
    }
}

/* Форма авторизации-регистрации */
.lk-container, .auth-register-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 120px;
}

.password-container {
    position: relative;
}

.password-button {
    height: 26px;
    width: 26px;
    background: none;
    border: none;
    background: url(../source/eye-hidden.png);
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
}

.password-button.open {
    background: url(../source/eye-open.png);
}

.tabs {
    display: flex;
    flex-direction: row;
}

.tab {
    width: 200px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--primary-color);
    background-color: #F3F3F3;
    text-transform: uppercase;
    padding: 10px 0;
    text-align: center;
    box-shadow: 0px 4px 10px 0px rgba(0, 128, 128, 0.3);
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}

.tab.tab--active {
    background-color: var(--primary-color);
    color: #F3F3F3;
}

.tab-container {
    display: none;
}

.tab-container.tab-container--active {
    display: block;
}

.tab-container-form {
    max-width: 500px;
    width: 100%;
    background-color: #fff;
    box-shadow: var(--shadow--green);
    border-radius: 10px;
    padding: 40px 55px;
}

.form-auth__container, .form-register__container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-auth__container .form-footer .checkbox-container--default {
    width: 150px;
}

.form-footer {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.forget-link {
    font-size: 10px;
    color:var(--primary-color);
    transition: 0.3s all ease-in-out;
}

.forget-link:hover {
    color:#005f5f;
}

.form-auth__container .btn, .form-register__container .btn {
    border-radius: 10px;
    margin-top: 15px;
}

.form-feedback {
    display: flex;
    flex-direction: column;
    gap: 10px;

    & .checkbox-container--default {
        margin-top: 10px;
    }

    & .btn {
        border-radius: 10px;
        margin-top: 20px;
    }
}

/* Личный кабинет */
.lk-tab {
    padding: 0 50px;
    background: #fff;
    box-shadow: var(--shadow--green);
    border-radius: 10px;
    width: 100%;
    position: relative;
}

.total-items {
    display: inline-block;
    background-color: var(--second-primary);
    font-size: 7px;
    color: white;
    border-radius: 50%;
    padding: 2px 4px;
    vertical-align: middle;
    margin-left: 2px;
    font-weight: 700;
}

.tab--active .total-items {
    color: var(--second-primary);
    background-color: white;
}

.lk-btn {
    text-align: center;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}

.lk-company {
    margin: 60px 0 80px;
    display: grid;
    grid-template-columns: 0.6fr 0.4fr;
    gap: 40px;
}

.company-info {
    position: relative;
}

.company-info .lk-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 14px;
}

.company-info__title,
.basket-body__title,
.basket-result__title {
    font-size: 18px;
}

.company-info__subtitle {
    font-size: 12px;
    color: #7E7E7E;
    margin-top: 5px;
}

.company-data {
    border-collapse: separate;
    border-spacing: 0 30px;
    width: 100%;
}

.company-data__title {
    font-size: 12px;
    color: #7E7E7E;
    text-transform: uppercase;
    font-weight: 600;
}

.company-data__text {
    font-size: 14px;
    color: black;
    font-weight: 700;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.company-help {
    width: auto;
    background: #fff;
    box-shadow: var(--shadow--green);
    border-radius: 10px;
    position: absolute;
    bottom: 50px;
    right: 50px;
    padding: 35px 40px;
    max-width: 350px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.company-help__info {
    width: 100%;
}

.company-help__title::before {
    left: -40px;
}

.company-help__subtitle {
    margin-top: 5px;
}

.lk-models {
    margin: 50px 0 60px;
    width: 100%;
    border-collapse: collapse;
}

.lk-orders {
    margin: 50px 0 75px;
}

.lk-orders__table {
    width: 100%;
    border-collapse: collapse;
}

.lk-basket {
    margin: 55px 0 45px;
    display: grid;
    grid-template-columns: 0.7fr 0.3fr;
    gap: 30px;

    & .btn {
        padding: 16px 0;
        max-width: 260px;
    }
}

.basket-result__title {
    width: 100%;
}

.lk-models thead td {
    padding: 11px 0;
}

.tabs-lk {
    margin-left: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.tab-lk__orders {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.tab-orders {
    font-size: 12px;
    color: #7E7E7E;
    cursor: pointer;

    & .tab-lk__orders__title {
        background-color: #F3F3F3;
        border-radius: 30px;
        text-align: center;
        padding: 8px 12px;
        font-weight: 700;
    }

    & .tab-lk__orders__number {
        display: flex;
        justify-content: center;
        padding: 8px 12px;
        height: 34px;
        width: 34px;
        border-radius: 30px;
        background-color: #F3F3F3;
        font-weight: 700;
        align-items: center;
    }
}

.tab-orders--active {
    color: var(--primary-color);
    & .tab-lk__orders__title {
        background-color: #79bcbc66;
    }

    & .tab-lk__orders__number {
        background-color: #79bcbc66;
    } 
}

.lk-orders__table thead th {
    padding: 11px 0 21px;
    text-align: left;
}

.lk-models tbody tr {
    height: 40px;
    border-bottom: 1px solid #D9D9D9;
}

.lk-models thead tr td:first-child, .lk-models tbody tr td:first-child {
    padding-left: 40px;
    width: 50%;
}

.lk-models thead tr td:nth-child(2), .lk-models tbody tr td:nth-child(2) {
    width: 30%;
}

.lk-models thead tr td:last-child, .lk-models tbody tr td:last-child {
    padding-right: 40px;
}

.lk-orders__table tbody tr {
    height: 35px;
    border-bottom: 1px solid #D9D9D9;
}

.lk-orders__table thead tr th:first-child, .lk-orders__table tbody tr td:first-child {
    padding-left: 30px;
}

.lk-orders__table thead tr th:last-child, .lk-orders__table tbody tr td:last-child {
    padding-right: 30px;
    text-align: center;
}

.lk-orders__table tbody tr td.lk-orders__text:nth-child(1), .lk-orders__table tbody tr td.lk-orders__text:nth-child(5) {
    width: 15%;
}

.lk-orders__table tbody tr td.lk-orders__text:nth-child(2) {
    width: 10%;
}

.lk-orders__table tbody tr td.lk-orders__text:nth-child(4) {
    width: 11%;
}

.lk-orders__text {
    font-size: 14px;
}

.lk-orders__status {
    display: block;
    font-size: 14px;
    border-radius: 50px;
    width: 110px;
    padding: 3px 9px 4px;
    text-align: center;
}

.lk-orders__status.in-work {
    background-color: #FFF9ED;
}

.lk-orders__status.payment {
    background-color: #EFF1FF;
}

.lk-orders__status.complete {
    background-color: #79bcbc66;
}

.lk-models__title, .lk-orders__title, .basket-table__title {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-color);
    text-transform: uppercase;
}

.lk-orders__title.status {
    text-align: center;
}

.lk-models .model__buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
    height: 40px;
    align-items: center;
}

.lk-models tbody tr .lk-btn {
    padding: 8px 5px;
    font-size: 12px;
    width: 100px;
    display: block;
}

.lk-price {
    margin: 75px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    gap: 130px;
}

.lk-price__catalog, .lk-price__prices {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.lk-price__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.lk-price__buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.lk-price__text {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.lk-price__buttons .lk-btn {
    width: 200px;
    padding: 12px 0;
    font-size: 14px;
}

.basket-table {
    font-size: 14px;
    width: 100%;
    margin-top: 30px;
    border-collapse: collapse;
}

.basket-table tbody tr {
    height: 35px;
    border-bottom: 1px solid #D9D9D9;
}

.basket-table thead tr td {
    padding: 10px 0 25px;
}

.basket-table thead tr td:first-child, .basket-table tbody tr td:first-child {
    padding-left: 15px;
}

.basket-table thead tr td:last-child, .basket-table tbody tr td:last-child {
    padding-right: 10px;
}

.basket-table__controls {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.basket-button {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    background-color: #F3F3F3;
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.basket-input {
    height: 30px;
    width: 70px;
    border-radius: 5px;
    background-color: #F3F3F3;
    font-size: 14px;
    border: none;
    text-align: center;
}

.delete-item {
    border: none;
    background: none;
    cursor: pointer;
}

.basket-result {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.result-table {
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
}

.result-table tbody td {
    padding: 10px 0;
}

.result-table tbody tr:last-child td {
    padding-top: 30px;
    padding-bottom: 0px;
}

.result-table__name {
    color: #7E7E7E;
}

.result-data {
    margin-top: 30px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.result-data__text {
    font-size: 16px;
    font-weight: 700;
}

.result-data__sum {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}

.btn--confirm {
    margin-top: 30px;
    font-size: 14px;
    padding: 12px;
}

.result-data__subtext {
    margin-top: 30px;
    font-size: 14px;
    color: #7E7E7E;
    text-align: center;
}

.partner-info {
    display: flex;
    flex-direction: row;
    gap: 15px;
    position: absolute;
    top: -100px;
    right: 0;
    align-items: center;
}

.partner-info__body {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.partner-info__status {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 50px;
    background-color: #F3F3F3;
    box-shadow: var(--shadow--green);
    color: var(--primary-color);
    padding: 5px 15px;
    font-weight: 500;
}

.company-data__status.confirmed::before, .partner-info__status::before {
    display: inline-block;
    content: url(../source/confirm-partner.png);
    height: 15px;
    width: 15px;
    vertical-align: bottom;
}

.partner-info__notifications {
    background: none;
    cursor: pointer;
    border: none;
    position: relative;
}

.notifications {
    display: block;
    position: absolute;
    background-color: var(--second-primary);
    font-size: 6px;
    color: white;
    border-radius: 50%;
    padding: 3px 5px;
    top: 2px;
    right: -2px;
}

.partner-info__separator {
    width: 4px;
    height: 40px;
    background-color: var(--second-primary);
}

.partner-info__name {
    font-weight: 700;
    font-size: 16px;
}

.partner-info__company {
    font-size: 14px;
    font-weight: 700;
    color: #7E7E7E;
}

.company-info__actions {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
}

.company-info__actions .lk-btn {
    position: relative;
}

.banner__photo {
    margin-top: 80px;
}

.banner__section {
    background: url('../source/Sensors-background.png') ;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border-radius: 10px;
    height: 100%;
    padding: 90px 40px 85px 55px;
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    gap: 70px 100px;
    box-shadow: 0px 0px 10px 5px rgba(0, 128, 128, 0.2);

    & .map-info:last-child {
        align-self: unset;
        text-align: unset;
        padding-left: 55px;
    }
}

/* Деталка товара */
.product {
    margin-bottom: 140px;
}

.detail__title {
    margin: 70px 0;
}

.product-preview {
    background: #fff;
    padding: 60px 50px;
    border-radius: 10px;
    box-shadow: var(--shadow--green);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 50px;
}

.product__info {
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product__name {
    font-size: 30px;
    color: var(--primary-color);
}

.product-preview__description {
    font-size: 10px;
    color: var(--primary-color);
}

.product-preview__price {
    font-size: 10px;
    text-align: end;
}

.product-preview__char {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D9D9D9;
}

.product-preview__char__name {
    font-size: 16px;
}

.product-preview__char__value {
    font-weight: 700;
    font-size: 16px;
    text-align: end;
}

.product-gallery {
    display: grid;
    grid-template-columns: minmax(0, 476px) 75px;
    gap: 28px;
    width: 100%;
    max-width: 579px;
    min-width: 0;
}

.product-gallery--single {
    grid-template-columns: minmax(0, 476px);
    max-width: 476px;
}

.product-gallery__main {
    width: 100%;
    min-width: 0;
    aspect-ratio: 476 / 500;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.product-gallery__main-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 24px;
}

.product-gallery__main-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-gallery__controls {
    display: grid;
    grid-template-rows: 34px minmax(0, 1fr) 34px;
    align-items: center;
    min-width: 0;
}

.product-gallery__thumbs {
    width: 75px;
    height: 383px;
}

.product-gallery__thumb {
    width: 75px;
    height: 77px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.product-gallery__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 7px;
    box-sizing: border-box;
    object-fit: contain;
}

.product-gallery__thumb.swiper-slide-thumb-active {
    border-color: #008080;
    box-shadow: 0 4px 10px rgba(0, 128, 128, 0.25);
}

.product-gallery__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.product-gallery__arrow img {
    display: block;
    width: 23px;
    height: 16px;
}

.product-gallery__arrow--next img {
    transform: rotate(180deg);
}

.product-gallery__arrow.swiper-button-disabled {
    opacity: 0.35;
    cursor: default;
}

.product-gallery__arrow:focus-visible {
    border-radius: 4px;
    outline: 2px solid #008080;
    outline-offset: 2px;
}

.product-preview__footer {
    text-align: end;
}

.product__chars {
    padding: 0 50px;
    /* max-width: 900px; */
}

.product__chars--subtitle {
    font-size: 18px;
    margin-top: 20px;
}

.product-char {
    display: flex;
    flex-direction: row;
    padding: 12px 0;
    border-bottom: 1px solid #D9D9D9;
}

.product-char:last-child {
    border-bottom: none;
}

.product-char__name {
    font-size: 16px;
    flex: 0 0 50%;
}

.product-char__value {
    font-size: 16px;
    font-weight: 700;
    flex: 0 0 50%;
}

.action_download__section .difference__title {
    font-weight: bold;
}

.action_download__section .difference-separator {
    margin-top: 0;
}

.action_download__section .difference__block.action {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    box-shadow: none;
    gap: 20px;
}

.action_download__section .action__item {
    display: flex;
    justify-content: space-around;
    gap: 15px;
}

.action_download__section ul {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.action_download__section ul li {
    padding-left: 40px;
    position: relative;

    &::before {
        --triangle-size-y: 20px;
        --triangle-size-x: 30px;
        content: "";
        width: var(--triangle-size-x);
        height: var(--triangle-size-y);
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 20px solid #cc0000;
        filter: drop-shadow(0px 4px 4px rgba(204, 0, 0, 0.2));
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
    }
}

.action_download__section .action__item-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    text-transform: uppercase;
}

.action_download__section .action__item-buttons {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.action_download__section .action__item-buttons .btn {
    border-radius: 10px;
    font-size: 14px;
    padding: 10px 40px;
    text-transform: uppercase;
}

.table-price__section {
    padding: 60px 0;
    overflow-x: auto;
    width: 100%;
}

.table__price.wyswig table {
    width: 100%;
}

.table__price.wyswig table thead th {
    font-weight: bold;
    text-transform: uppercase;
    color: #008080;
    padding: 10px 30px 10px 0;
    text-align: start;
    vertical-align: top;
}

.table__price.wyswig table tbody td {
    padding: 10px 30px 10px 0;
    text-align: start;
    min-width: 130px;
}

.table__price.wyswig table tbody tr:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
}

.form-help .form-body__engineer .form-engineer__body {
    display: flex;
    flex-direction: row;
    gap: 20px;
    max-width: 100%;
    justify-content: space-between;
    margin: 0;
}

.form-help .form-question__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 400px;
    width: 100%;
    align-items: stretch;
}

.form-help .input--default,
.form-help .checkbox-container--default {
    max-width: none;
}

.form-help .form-body__engineer {
    background: url(/local/templates/velino/source/icons/Logo-bg-gray-green.png), linear-gradient(90deg, rgba(0, 128, 128, 0.8) 0%, rgba(0, 128, 128, 0.2) 80%);
    /* ../source/icons/Logo-bg-gray.png */
    background-repeat: no-repeat;
    background-size: 36%, contain;
    background-position: 96% 50%, top;
    padding: 65px 50px;
    margin: 60px 0;
}

.form-help .input-container {
    width: 100%;
}

.form-help .form-question__form .checkbox-container {
    padding: 10px 0;
}

.form-help .form-question__form button.btn {
    border-radius: 10px;
}

.form-help .form-engineer__body-title {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-help .form-engineer__body-title h2 {
    text-align: center;
}

.form-help .form-engineer__body-title span {
    max-width: 500px;
    font-size: 16px;
    font-weight: 600;
}

.form-question .form-engineer__body {
    display: flex;
    gap: 20px;
    margin: 0;
}

.form-question .form-engineer__picture img {
    max-height: 530px;
}

.form-question .form-question__form {
    display: grid;
    gap: 10px;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    /* Две колонки  /local/templates/velino/source/icons/Logo-bg-gray.png*/
}

.form-question .form-body__engineer {
    background: url(/local/templates/velino/source/icons/Logo-bg-gray-green.png), linear-gradient(90deg, rgba(0, 128, 128, 0.8) 0%, rgba(0, 128, 128, 0.2) 80%);
    /* ../source/icons/Logo-bg-gray.png */
    background-repeat: no-repeat;
    background-size: 45%, contain;
    background-position: 10% 50%, top;
    margin: 60px 0;
    padding: 65px 0 45px 50px;
}

.form-question .form-question__form .checkbox-container {
    padding: 10px 0;
}

.form-question .form-question__form .input-container.wide input {
    height: 60px;
    padding-top: 0;
}

.form-question .form-question__form button.btn {
    border-radius: 10px;
}

.form-question .form-question__form button.btn,
.form-question .form-question__form .textarea--default.wide,
.form-question .form-question__form .checkbox-container.wide,
.form-question .form-question__form .input-container.wide {
    grid-column: span 2;
}

@media (width < 1000px) {
    .action_download__section .action__item {
        flex-direction: column;
        align-items: center;
    }
}

/* Баннер куки */
.cookie-banner {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    background: var(--btn-background);
    max-width: 1440px;
    padding: 24px 16px;
    width: 100%;
    box-shadow: var(--shadow--green);
    border-radius: 10px;
    z-index: 999;
}

.cookie-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.cookie-text {
    text-align: center;
    font-size: 16px;
}

.cookie-text > a {
    text-decoration: underline;
}

.cookie-button {
    border-radius: 10px;
}

/*Медиа-запросы*/
@media (width > 1200px) {
    .container {
        max-width: 1440px;
    }

    .text-medium {
        font-size: 24px;
    }

    .text-large {
        font-size: 40px;
    }

    .subtitle {
        font-size: 24px;
    }

    .red--title {
        font-size: 24px;
    }

    .stage-5 {
        gap: 13px;
    }

    .link--default {
        font-size: 16px;
    }

    .menu__navbar .menu__list .menu__item {
        font-size: 12px;
    }

    .footer__phone {
        font-size: 14px;
    }

    .slide__banner.light {
        background-size: 55%, contain;
        background-position: 120% 70%, top;
    }

    .slide__banner.dark {
        background-size: 40%, contain;
        background-position: 90% 25%, top;
    }

    .slide__photo {
        right: 120px;
    }

    .info__block {
        padding: 30px 25px 45px;
    }

    .solo-info__block .info__description {
        font-size: 18px;
    }

    .solo-info__block .info__title {
        font-size: 24px;
    }

    .info__title {
        font-size: 18px;
    }

    .info__description {
        font-size: 14px;
    }

    .form-body__engineer {
        max-height: 570px;
    }

    .form-engineer__body {
        max-width: 750px;
    }

    .form-engineer__picture {
        width: auto;
    }

    .products__title {
        font-size: 18px;
    }

    .banner__section, .map__section {
        min-height: 658px;
    }

    .banner__section {
        gap: 100px 155px;
    }

    .banner-info, .map-info {
        padding-left: 55px;
    }

    .banner-info__title::before, .map-info__title::before {
        left: -55px;
    }

    .banner-info__title, .map-info__title { 
        font-size: 18px;
    }

    .banner-info__description, .map-info__description {
        font-size: 16px;
    }

    .form-problem__container {
        max-width: 445px;
    }

    .series__block {
        min-height: 320px;
        padding: 25px 15px 20px;
    }

    .series__title {
        margin: 100px 0;
    }

    .series__name {
        font-size: 18px;
    }

    .series__picture {
        max-width: 170px;
        max-height: 170px;
        width: 100%;
        height: 100%;
    }

    .series__description {
        font-size: 14px;
    }

    .series__type {
        font-size: 14px;
    }

    .series__char {
        font-size: 12px;
    }

    .series__footer {
        width: 100%;
        justify-content: space-between;
    }

    .series__footer .btn--more {
        padding: 14px 25px;
    }

    .sales__block {
        min-height: 450px;
    }

    .sales__picture {
        max-height: 250px;
        max-width: 250px;
    }

    .sales__sticker {
        font-size: 18px;
    }

    .form-problem__block {
        max-height: 500px;
    }

    .footer__company p {
        font-size: 12px;
    }

    /*Страница детальная статьи*/

    .breadcrumbs {
        font-size: 14px;
    }

    .article__title {
        margin: 60px 0;
    }

    .title.first-block__title {
        font-size: 40px;
    }

    .first-block__description {
        font-size: 24px;
        margin-top: 50px;
    }

    .article__block--standart,
    .article__block--dropdowns,
    .article__block--case,
    .article__block--table,
    .article__block--form {
        margin: 0 60px;
        font-size: 16px;
    }

    .first-block__time {
        font-size: 14px;
    }

    .article__block--first-block {
        grid-template-columns: 1fr 0.7fr;
        gap: 60px;
    }

    .first-block__engineer {
        justify-content: flex-start;
        gap: 20px;
    }

    .engineer__name {
        font-size: 24px;
    }

    .engineer__job {
        font-size: 18px;
    }

    .content__links {
        font-size: 18px;
    }

    .article__more--block {
        gap: 140px;
    }

    .more--block__info {
        gap: 15px;
    }

    .more--block__subtitle {
        font-size: 18px;
    }

    .more--block__description {
        font-size: 16px;
    }

    .block--dropdowns {
        margin-top: 60px;
    }

    .form-body__engineer.form-v2 {
        margin-bottom: 80px;
    }

    .form-body__engineer.form-v2 .form-engineer__body {
        display: grid;
        grid-template-columns: 0.6fr 0.5fr;
        max-width: 850px;
        gap: 30px;
    }

    .table__comprasion {
        & thead tr td {
            font-size: 18px;
        }
        & tbody tr td {
            font-size: 16px;
        }
    }

    .form-v2 .checkbox-container--default {
        font-size: 12px;
    }

    .form-v2 div.checkbox-container--default input {
        border-color: #fff;
    }

    .form-engineer__subtitle {
        font-size: 18px;
        font-weight: 700;
        margin-top: 20px;
    }

    .another__articles {
        gap: 100px;
    }

    .another__article {
        gap: 15px;
    }

    .another-article__subtitle {
        font-size: 18px;
    }

    .another-article__description {
        font-size: 16px;
    }

    /* Страница системы дезинфекции */

    .first-block__time, .first-block__feacher {
        font-size: 14px;
    }

    .title.section__title {
        font-size: 40px;
        margin-top: 20px;
    }

    .first-banner--section {
        grid-template-columns: 0.6fr 0.4fr;
        gap: 45px;
    }

    .section__subtitle {
        font-size: 16px;
        margin-top: 20px;
    }

    .section__list {
        font-size: 16px;
    }

    .section__tags {
        margin-top: 30px;
        max-width: 670px;
    }

    .section__button {
        margin-top: 45px;
    }

    .first-banner--section .btn--big {
        padding: 25px 35px;
    }

    .section-block--why {
        grid-template-columns: 0.55fr 0.5fr;
        gap: 105px;
    }

    .system-block__info {
        padding: 90px 105px 80px 60px;
        margin: 80px 0;
    }

    .system--block__title {
        font-size: 18px;
    }

    .system-block__left, .system-block__right {
        gap: 40px;
        width: fit-content;
    }

    .filter--block {
        max-width: 330px;
    }

    .filter--input__label {
        font-size: 16px;
    }

    .filter--input__input {
        font-size: 12px;
    }

    .checkbox__container--filter {
        font-size: 12px;
    }
    
    input[type="checkbox"].filter--select__char {
        max-height: 12px;
        max-width: 12px;
    }

    .series-filter__founded {
        position: absolute;
        right: 0;
        bottom: -65px;
    }

    .info__picture {
        max-height: 100px;
        max-width: 100px;
        height: 100%;
        width: 100%;

        & img {
            width:100%;
        }
    }

    /*Расширеные*/
    .stage-5.info__blocks { 
        & .info__block--feacher {
            padding: 30px 10px 30px;
        }

        & .info__description {
            margin-left: 20px;
        }

        & .info__picture {
            height: 75px;
            width: 75px;
        }
    }

    .info__block.solo-info__block.column {
        padding: 60px 95px 50px 60px;
        gap: 20px;
    }

    .info__description.row {
        font-size: 16px;
    }

    .difference-section {
        padding: 80px 0;
    }

    .difference__description {
        font-size: 18px;
    }

    .difference__title {
        margin-bottom: 0;
    }

    .difference__title::before {
        left: -60px;
    }

    .difference__block ul.list-triangle {
        margin-top: 0;
        font-size: 16px;
        gap: 30px;
    }

    .difference__block {
        display: flex;
        flex-direction: column;
        padding: 75px 60px 62px 60px;
        gap: 30px;
    }

    .difference-separator {
        margin-top: auto;
    }

    .difference__block.form {
        height: 100%;
        padding: 75px 60px 65px 60px;

        & .form-feedback__container {
            margin-top: auto;
        }
    }

    .difference__footer {
        bottom: 30px;
    }

    .faq-block {
        margin: 80px 60px 30px;
    }

    .info__blocks--section {
        margin-top: 80px;
    }

    /* Шаговые насосы */

    .js-init-infinity__text  {
        margin-top: 40px;
    }

    .section__button--flex {
        gap: 40px;
    }

    .infinity-text__slide {
        font-size: 24px;
    }

    .banner--text {
        margin-top: 80px;
        padding: 50px 60px;
    }

    .banner--text__title {
        width: 400px;
    }

    .banner--text__description {
        font-size: 16px;
        max-width: 454px;
    }

    .banner--text__buttons {
        max-width: 280px;
    }

    .banner--map {
        padding: 70px 105px 70px 60px;
        background-position: 90% center;
        margin-top: 80px;
    }

    .banner--map .title {
        left: -60px;
        padding-left: 60px;
    }

    .banner--map__body {
        gap: 55px;
        grid-template-columns: 0.45fr 0.55fr;
        margin-top: 40px;
    }

    .banner--map__text {
        font-size: 16px;
    }

    .feacher__item--small {
        & .feacher__title {
            font-size: 20px;
        }

        & .feacher__description {
            font-size: 18px;
        }
    }

    .feacher__extended, .info__extended {
        font-size: 14px;
    }

    .feacher__item--big {
        padding: 50px 35px 65px;
        
        & .feacher__picture {
            max-width: 100px;
            max-height: 100px;
            width: 100%;
            height: 100%;
        }

        & .feacher__title {
            font-size: 18px;
        }

        & .feacher__description {
            font-size: 16px;
        }
    }

    .form-body__engineer.form-v3 {
        margin: 80px 0;
        & .form-engineer__body {
            max-width: 860px;
        }

        & .form-engineer__picture {
            width: 24%;
            right: 50px;
        }

        & .form-engineer__info .btn {
            padding: 12px 50px;
        }
    }

    .filter--block__name {
        font-size: 18px;
    }

    /* Кейсы */
    .cases-container {
        margin-top: 55px;
    }

    .cases__text {
        font-size: 24px;
    }

    /* Доставка и оплата */
    .delivery {
        padding-bottom: 80px;
    }

    .delivery-blocks {
        margin: 60px 0 80px;
    }

    .delivery-block {
        padding: 65px 30px 50px 60px;
        background-color: #fff;
        box-shadow: var(--shadow--green);
        border-radius: 10px;
    }

    .delivery-block__title {
        padding-left: 50px;
        font-size: 20px;
    }

    .delivery__subtitle {
        font-size: 24px;
        font-weight: 700;
    }

    .delivery-block__text {
        margin-top: 15px;
        font-size: 18px;
    }

    /* Страница "Чаво" */
    .faq-page {
        margin: 60px 60px 30px;
    }

    /* Новости */
    .blog {
        margin-bottom: 80px;
    }

    .news__date {
        font-size: 16px;
    }

    .news__preview {
        font-size: 16px;
    }

    .news--footer {
        & .btn {
            padding: 25px 20px;
        }
    }

    /* Контакты */
    .banner--contacts {
        padding: 90px 60px;
        grid-template-columns: 0.5fr 0.5fr;
    }

    .banner--contacts__text {
        font-size: 18px;
        padding-left: 50px;
    }

    .banner--contacts__image img {
        width: 100%;
    }

    /* О компании */
    .about-info {
        grid-template-columns: 0.4fr 0.5fr;
    }

    .about-feachers {
        margin: 80px 60px;
    }

    .about__subtitle {
        font-size: 24px;
    }

    .about-feacher__number {
        font-size: 60px;
    }

    .about-feacher__text {
        font-size: 18px;
    }

    .feacher__extendeds {
        margin-top: 25px;
    }   

    /* Сервисный центр */
    .service--feacher {
        padding: 40px  40px 50px 60px;
    }

    /* Страница "Акции" */
    .banner--sales__info {
        padding: 60px;
        gap: 30px;
    }

    .banner--sales__title {
        max-width: 540px;
    }

    .banner--sales__subtitle { 
        font-size: 24px;
    }

    .banner--sales__description {
        font-size: 16px;
        max-width: 360px;
    }

    .banner--sales__footer .btn {
        font-size: 16px;
        padding: 16px 55px;
    }

    .banner--sales__feacher {
        font-size: 24px;
        padding: 10px 50px;
        top: -25px;
    }

    /* Пара новых блоков */
    .info__blocks--extended {
        margin-top: 80px;
    }

    /* Форма авторизации регистрации */
    .auth-register-container {
        margin-bottom: 180px;
    }

    .tab-container-form {
        max-width: 600px;
        padding: 60px 90px;

        & .checkbox-container--default {
            font-size: 12px;
        }
    }

    .basket-table {
        font-size: 16px;
    }

    .forget-link {
        font-size: 12px;
    }

    /* Личный кабинет */
    .lk-tabs {
        width: 100%;
        padding: 0 60px;

        & .tab {
            width: 100%;
        }
    }

    .lk-company {
        grid-template-columns: 0.55fr 0.45fr;
        gap: 140px;
    }

    .company-info__title,
    .basket-body__title,
    .basket-result__title {
        font-size: 20px;
    }

    .company-info__subtitle {
        font-size: 14px;
    }

    .company-data__title {
        font-size: 14px;
    }

    .company-data__text {
        font-size: 16px;
    }

    .lk-models__title, .lk-orders__title, .basket-table__title {
        font-size: 16px;
    }

    .model__text {
        font-size: 18px;
    }

    .lk-models tbody tr .lk-btn {
        width: 120px;
        padding: 10px 5px;
    }

    .tab-orders {
        font-size: 14px;
    }

    .lk-orders__text, .lk-orders__status {
        font-size: 16px;
    }

    .lk-orders__status {
        width: 130px;
    }

    .lk-basket {
        grid-template-columns: 0.75fr 0.25fr;
        gap: 120px;
    }

    /* Деталка */
    .form-question .form-engineer__body {
        max-width: 850px;
    }

    .product__info {
        max-width: 650px;
    }

    .product__name {
        font-size: 40px;
    }

    .product-preview__description {
        font-size: 12px;
    }

    .product-preview__price {
        font-size: 12px;
    }

    .form-help .form-body__engineer {
        padding: 60px;
    }

    .form-question .form-engineer__body {
        gap: 70px;
        margin: 0;
    }

    .form-question .form-body__engineer {
        padding: 50px 60px;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 10px;
    }

    .background-bm-green {
        background: none;
    }

    .title {
        text-align: center;
    }

    .subtitle {
        margin-top: 20px;
        font-size: 16px;
    }

    .title-triangle {
        padding: 20px 20px 20px 35px;
    }

    .text-large {
        font-size: 26px;
    }

    .red--title {
        text-align: center;
    }

    .stage-4 {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
        gap: 15px;
    }
    
    .stage-3 {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
        gap: 15px;
    }

    .stage-5 {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
        gap: 10px 15px;
    }

    .stage-5 .info__block--feacher:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        width: calc(50% - 6px);
    }

    .btn--big {
        font-size: 12px;
    }

    .modal-form {
        padding: 20px;
    }

    .form-feedback .input--default, .form-feedback .checkbox-container--default {
        max-width: unset;
    }

    .modal-close {
        top: 10px;
        right: 10px;
    }
    
    .input--default,
    .checkbox-container--default {
        max-width: 220px;
    }

    .breadcrumbs {
        margin: 0 auto;
        flex-wrap: wrap;
        font-size: 10px;
    }

    .menu__navbar {
        display: none;
    }

    .menu__panel {
        display: none;
    }

    .menu__panel--mobile {
        display: flex;
        flex-direction: row;
        gap: 8px;
        align-items: center;
    }

    .menu__panel--mobile a img {
        width: 26px;
        height: 26px;
    }

    .menu__search input {
        min-width: 100px;
    }

    .menu__search-results {
        width: 90%;
        font-size: 10px;
    }

    .mobile__menu.active {
        display: block;
    }

    .mobile__menu {
        position: absolute;
        height: 100vh;
        width: 100%;
        top: 0;
        left: 0%;
        z-index: 999;
        backdrop-filter: brightness(0.5);
    }

    .js-init-first__banner .swiper-slide { 
        padding: 0;
    }

    .slide__banner {
        padding: 40px 10px;
    }

    .slide__banner.light {
        background: linear-gradient(115deg, rgba(0, 128, 128, 1) 0%, rgba(0, 128, 128, 0.2) 100%);
    }

    .slide__banner.dark {
       background: linear-gradient(115deg, rgba(0, 128, 128, 0.5) 0%, rgba(0, 26, 26, 0.9) 100%); 
    }

    .slide__info {
        align-items: center;
    }

    .slide__info.wo-ficher {
        margin-top: 40px;
    }

    .slide__ficher {
        text-align: center;
        margin-bottom: -15px;
    }

    .slide__subtitle {
        text-align: center;
    }

    .slide__photo {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
    }

    .slide__tags {
        justify-content: center;
    }

    .slide__links {
        display: flex;
        flex-direction: column;
        right: unset;
        bottom: 35px;
        width: 100%;
        align-items: center;
        gap: 20px;
        margin-top: 30px;

        & .btn {
            max-width: 250px;
            width: 100%;
            padding: 16px;
        }

        & :last-child {
            margin: 0;
        }
    }

    .pagination-bullet__bar {
        width: 25px;
    }

    .info__block.solo-info__block {
        flex-direction: column;
        position: relative;
        padding: 40px 30px;
    }

    .info__blocks {
        margin-top: 40px;
    }

        /*Расширеные*/
    .stage-5.info__blocks { 
        & .info__block--feacher {
            padding: 30px 17px 30px;
        }

        & .info__title {
            min-height: unset;
            margin-bottom: 20px;
        }

        & .info__description {
            margin-left: unset;
        }

        & .info__picture {
            height: 60px;
            width: 60px;
        }
    }

    .info__blocks--main {
        & .title {
            padding: 0;
            text-align: center;
            font-size: 16px;
        }

        & .title-triangle::before {
            display: none;
        }
    }

    .info__block {
        padding: 25px 5px 30px 5px;
    }

    .info__title {
        font-size: 12px;
        margin: 10px 0;
    }

    .info__picture {
        height: 60px;
        width: 60px;
    }

    .info__description {
        font-size: 10px;
        text-align: center;
        line-height: 1;
    }

    .solo-info__block .info__title {
        margin: 0;
        margin-bottom: 12px;
    }

    .solo-info__block .info__description {
        text-align: center;
        font-size: 14px;
        margin-bottom: 12px;

        & p {
            max-width: 100%;
        }
    }

    .solo-info__block .info__picture {
        position: absolute;
        top: 10px;
        right: 5px;
        height: 60px;
        width: 60px;
    }

    .products__blocks {
        display: flex;
        flex-direction: column;
        margin-top: 50px;
    }

    .products__blocks .product__title {
        height: 60px;
    }

    .products__blocks .products__block {
        height: 110px;
    }

    .products__block {
        gap: 0;
        padding: 0 20px 0 30px;
        background-size: 35%;
        background-position: 10px center;
        justify-content: space-between;
    }

    .probucts__picture {
        height: 75px;
        width: 75px;
    }

    .products__title {
        position: relative;
        left: unset;
        font-size: 14px;
        text-align: center;
    }

    .map__section-container .title {
        margin: 40px 0;
    }

    .banner__section, .map__section {
        display: flex;
        flex-direction: column;
        background-size: contain;
        background-position: center 25px;
        padding: 80px 15px 45px 15px;
        gap: 30px;

        & br {
            display: none;
        }
    }

    .banner-info, .map-info {
        padding-left: 0;
    }

    .map-info:last-child {
        align-self: center;
    }

    .banner-info__title::before, .map-info__title::before {
        left: 0;
    }

    .banner-info__title, .map-info__title {
        text-align: center;
        font-size: 14px;
        padding: 0 40px;
    }

    .banner-info__description, .map-info__description {
        text-align: center;
        font-size: 10px;
    }

    .form-body__engineer {
        max-height: unset;
        padding: 40px 10px 45px;
        background-size: 50%, cover;
        background-position:
            100% 90%,
            top;
        margin-top: 40px;
    }

    .form-engineer__body {
        display: flex;
        flex-direction: column;
        align-items: center;

        & button {
            max-width: 220px;
        }

        & div.checkbox-container--default {
            max-width: 220px;
            margin: 10px 0;
            font-size: 8px;
        }
    }

    .form-engineer__body {
        text-align: center;
    }

    .form-engineer__form {
        display: flex;
        flex-direction: column;
        width: 100%;

        & .input-container, .checkbox-container {
            align-self: flex-start;
            display: flex;
            flex-direction: column;
            width: 220px;
            align-items: flex-start;
        }

        & .text-error {
            text-align: start;
        }
        
    }

    .form-engineer__picture {
        max-width: 40%;
        right: 5px;
    }

    .menu__schedule {
        display: none;
    }

    .menu__phone {
        display: none;
    }

    .menu__socials {
        display: none;
    }

    .menu__call {
        display: none;
    }

    .sales__title {
        margin: 40px 0;
    }

    .sales__block {
        min-height: 275px;
        padding: 15px;
    }

    .sales__name,
    .sales__price {
        font-size: 12px;
        text-align: center;
    }

    .sales__sticker {
        font-size: 12px;
        padding: 6px 10px;
    }

    .sales__button {
        padding: 7px 20px;
    }

    .series__title {
        margin: 40px 0;
    }

    .series__block {
        min-height: unset;
        padding: 30px 10px 20px;
        /* max-height: 200px; */
        background-size: 75%;
    }

    .series__picture {
        height: 100px;
        width: 100px;
    }

    .series__name {
        font-size: 14px;
        text-align: center;
        margin-top: 15px;
    }

    .series__description {
        font-size: 10px;
        text-align: center;
    }

    .form-review__title {
        margin-top: 40px;
    }

    .form-review__container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
    }

    .reviews-control {
        position: relative;
        top: 0;
        justify-content: center;
    }

    .form-problem__block {
        padding: 30px 10px;
        max-height: unset;
    }

    .form-problem__container {
        max-width: 220px;
    }

    .form-problem__title {
        text-align: center;
    }

    .form-problem__picture {
        max-width: 35%;
    }

    .checkbox-container--default {
        font-size: 8px;
    }

    .js-init-review-slider {
        min-height: 435px;
    }

    .review-info__company {
        justify-content: flex-start;
    }

    .review-info__name {
        width: 100%;
        text-align: center;
    }

    .review-info__description {
        text-align: center;
    }

    .review-info__link {
        text-align: center;
        margin-top: 60px;
        font-size: 12px;
    }

    .footer__menu {
        display: none;
    }

    .footer__socials {
        justify-content: center;
    }

    .footer__phone {
        text-align: center;
        width: 100%;
        display: block;
    }

    .footer__body {
        justify-content: center;
    }

    .footer__company {
        flex-direction: column;
        justify-content: center;
        gap: 15px;
    }

    .footer__button {
        width: 100%;
        text-align: center;
    }

    .footer__company p,
    .footer__company p:last-child {
        font-size: 8px;
        text-align: center;
    }

    /* Детальная статья */

    .article__title {
        font-size: 20px;
        margin: 30px 0;
    }

    .article__block--standart,
    .article__block--dropdowns,
    .article__block--case,
    .article__block--table,
    .article__block--form {
        text-align: center;
        margin: 0;
    }

    .article__block--first-block {
        display: flex;
        flex-direction: column;
        margin-top: 70px;
    }

    .title.first-block__title {
        font-size: 26px;
    }

    .first-block__description {
        display: none;
    }

    .first-block__body {
        align-items: center;
    }

    .first-block__engineer {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        text-align: center;
    }

    .engineer__name {
        font-size: 16px;
    }

    .engineer__job {
        margin-top: 5px;
        font-size: 14px;
    }

    .first-block__content {
        width: 100%;
        padding: 45px 20px 35px;
    }

    .content__title {
        font-size: 16px;
    }

    .content__title::before {
        left: 50%;
        top: -50px;
        transform: translateX(-50%) rotate(90deg);
    }

    .content__links {
        font-size: 14px;
        text-align: center;
    }

    .article__more--block {
        flex-direction: column;
        padding: 40px 30px 30px 30px;
        gap: 20px;
    }

    .more--block__info {
        align-items: center;
    }

    .dropdown__handler {
        text-align: center;
    }

    .dropwodn__detail {
        text-align: center;
    }

    .dropdown__item {
        padding: 10px 30px;
    }

    .articles__block--another {
        padding: 40px 30px 30px 30px;
    }

    .another__articles {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .another__article {
        align-items: center;
        text-align: center;
    }

    .more--block__title::before {
        top: -45px;
        left: 43%;
        transform: rotate(90deg) translateY(-50%);
    }

    .block--dropdowns__title {
        font-size: 16px;
    }

    .another__title::before {
        top: -40px;
        left: 43%;
        transform: rotate(90deg) translateY(-50%);
    }

    .article__block--table {
        padding: 40px 15px;
    }

    .table__comprasion {
        & thead tr td {
            font-size: 10px;
            line-height: 1.1;
            hyphens: auto;
            word-break: break-word;
        }

        & tbody tr td {
            font-size: 10px;
        }
    }

    .article__block--case {
        padding: 65px 15px 40px;
    }

    .article__case {
        gap: 35px;
    }

    .article__case p::before {
        left: 50%;
        top: -30px;
        transform: translateX(-50%) rotate(90deg);
    }

    .article__quote {
        margin-top: 10px;
        border: none;
        padding: 0;
    }

    .case--separator-mobile {
        display: block;
        width: 40px;
        height: 4px;
        background-color: var(--second-primary);
        margin: 10px auto 0;
    }

    .form-body__engineer.form-v2 {
        padding: 30px 10px;
        background-size: 50%, cover;
        background-position: 100% 90%, top;
        margin-bottom: 30px;
    }

    .form-body__engineer.form-v2 .form-engineer__body {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 0;
    }

    .form-body__engineer.form-v2 .title {
        font-size: 26px;
    }

    .form-engineer__subtitle {
        font-size: 14px;
        max-width: 220px;
        word-break: auto-phrase;
    }

    /* Система дезинфекции */
    .first-banner--section {
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        margin-top: 70px;
    }

    .first-block__feacher {
        font-size: 10px;
        padding: 5px 13px;
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
    }

    .first-block__feacher::before {
        height: 20px;
        width: 20px;
    }

    .section__subtitle {
        font-size: 12px;
        text-align: center;
    }

    .section__list {
        font-size: 12px;
    
        & li {
            text-align: center;
        }
    }

    .section__tags {
        justify-content: center;
    }

    .section__tag {
        font-size: 12px;
    }

    .section__button {
        text-align: center;
    }

    .system-block__info {
        flex-direction: column;
    }

    .section-block--why {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 40px;
    }

    .why-block__info {
        gap: 20px;
        align-items: center;
    }

    .why-block__subtitle {
        padding: 0;
        font-size: 16px;
        text-align: center;
    }

    .why-block__reason {
        padding: 30px 0;
    }

    .why-block__reason::before {
        top: 0;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }

    .why-block__reason .reason__title {
        font-size: 14px;
    }

    .reason__description {
        font-size: 10px;
        text-align: center;
    }

    .section-block--system {
        margin-top: 30px;
    }

    .system-block__info {
        padding: 80px 20px 56px 15px;
        background-size: 100%;
        background-position: center 10%;
    }

    .system-block__info {
        gap: 20px;
        margin: 30px 0;
    }

    .system--block__title {
        padding: 0;
    }

    .system--block ul {
        font-size: 10px;
        text-align: center;
        padding: 0;
    }

    .series-filter__section {
        flex-direction: column;
    }

    .series-filter__header {
        display: block;
    }

    .series-filter__founded {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -65px;
    }

    .filter--block {
        max-width: 100%;
        align-items: center;
    }

    .filter--input {
        width: calc(100% - 100px);
    }

    .info__blocks--section {
        margin-top: 40px;
    }

    .difference-section {
        display: flex;
        flex-direction: column;
        padding: 30px 0 80px;
    }

    .difference__block {
        padding: 40px 15px 35px;
    }

    .difference__block ul.list-triangle {
        font-size: 12px;
        padding-left: 25px;
    }

    .difference__description {
        text-align: center;
    }

    .difference__title::before {
        left: -15px;
    }

    .difference-separator {
        margin: 20px auto;
    }

    .difference__block .title.title-triangle {
        padding: 0;
    }

    .difference__block.form {
        padding: 55px 45px 40px;
        text-align: center;
    }

    .form-feedback__container .input--default, 
    .form-feedback__container .checkbox-container--default {
        max-width: 100%;
    }

    .form-feedback__container .btn {
        margin-top: 10px;
    }

    .faq-block {
        margin: 30px 0;
    }

    .info__blocks--section .solo-info__block .info__description {
        font-size: 12px;
    }

    .info__block.solo-info__block.column {
        padding: 30px 10px;
        gap: 10px;
    }

    .info__block.solo-info__block.column .info__title {
        font-size: 14px;
        padding: 0 60px;
        text-align: center;
    }

    .info__description.row {
        flex-direction: column;
        gap: 10px;   
    }

    /* Шаговые насосы */
    .section__button--flex {
        flex-direction: column;
        align-items: center;
        gap: 15px;

        & .btn {
            width: 250px;
            padding: 16px;
        }
    }

    .section__title {
        word-break: break-word;
    }

    .info__block--feacher {
        padding: 30px 15px 30px;
    }

    .feacher__extended, .info__extended {
        font-size: 10px;
    }

    .filter--block__header {
        width: 100%;
    }

    .filter--block__name {
        font-size: 18px;
    }

    .filter--block__reset {
        font-size: 16px;
    }

    .series__price {
        font-size: 10px;
    }

    .series__footer .btn--more {
        font-size: 10px;
        padding: 8px 15px;
    }

    .banner--text {
        padding: 40px 20px 50px;
    }

    .banner--text__body {
        flex-direction: column;
        gap: 20px;
    }

    .banner--text__title {
        flex-direction: column;
        gap: 5px;
        & .red--title {
            font-size: 14px;
        }
    }

    .banner--text__description {
        font-size: 12px;
        text-align: center;
    }

    .banner--text__buttons {
        max-width: 250px;
        gap: 20px;
    }

    .difference__footer {
        display: none;
    }

    .feachers--section {
        margin-top: 30px;
    }

    .feachers--container {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    }

    .feacher__item--big {
        padding: 25px 20px;

        & .feacher__description {
            font-size: 10px;
            text-align: center;
        }
    }

    .feacher__item--small {
        padding: 30px 30px 20px;
        & .feacher__title {
            padding-left: 0;
            font-size: 14px;
            min-height: unset;
        }

        & .feacher__title::before {
            top: -30px;
            left: 50%;
            transform: translateX(-50%) rotate(90deg);
        }

        & .feacher__description {
            margin-top: 10px;
            font-size: 10px;
            text-align: center;
        }
    }

    .banner--map {
        padding: 40px 30px 45px;
    }

    .banner--map .title {
        left: 0;
    }

    .banner--map .title::before {
        left: -30px;
    }

    .banner--map__body {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .banner--map__text {
        text-align: center;
    }

    .banner--map__tags {
        justify-content: center;
    }

    .banner--map__tag {
        padding: 8px 10px;
    }

    .difference__feacher {
        font-size: 10px;
        top: -20px;
        right: 50%;
        transform: translateX(50%);
    }

    .series__block .series__footer {
        margin-top: 10px;
        flex-direction: column;
    }

    .series__block.series__block--extended {
        & .series__name {
            text-align: start;
        }

        & .series__description {
            text-align: start;
        }

        & .series__footer {
            margin-top: auto;
            flex-direction: row;
            gap: 0px;
            width: 100%;
            justify-content: space-between;
        }
    }

    .form-feedback__container .input--medium {
        height: 80px;
    }

    .container.form-pd {
        padding: 0;
    }

    .form-body__engineer.form-v3 {
        padding: 35px 10px;
        background-size: 65%, contain;
        background-position: 95% 75%, top;

        & .form-engineer__body {
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
        }

        & .form-engineer__info {
            gap: 25px;
            display: grid;
            grid-template:
            'A A A A'
            'B B B C';
            align-items: center;
        }

        & .form-engineer__title {
            grid-area: A;
        }

        & .form-engineer__subtitle {
            grid-area: B;
            margin-top: 0;
        }

        & .form-engineer__info .btn {
            position: relative;
            padding: 10px 15px;
            grid-area: C;
        }

        & .form-engineer__picture {
            width: 40%;
        }
    }

    /*Кейсы*/
    .cases__title {
        margin-top: 30px;
    }

    .cases__text {
        text-align: center;
        font-size: 16px;
    } 

    /* Доставка */
    .delivery {
        padding-bottom: 30px;
    }

    .delivery-blocks {
        display: flex;
        flex-direction: column;
        margin: 30px 0;
    }

    .delivery-block {
        padding: 30px 20px 20px 20px;
    }

    .delivery__title {
        margin-top: 30px;
    }

    .delivery-block__title {
        padding-left: 0;
        font-size: 14px;
    }

    .delivery-block__title::before {
        top: -30px;
        left: 50%;
        transform: rotate(90deg) translateY(50%);
    }

    .delivery-block__text {
        font-size: 10px;
        text-align: center;
    }

    .delivery__subtitle {
        font-size: 16px;
    }

    /* Страница "Чаво" */
    .faq-page {
        margin: inherit;
        margin-top: 30px;
    }

    .faq__title {
        margin-top: 30px;
    }

    /* Новости */
    .blog {
        margin: 30px 0; 
    }

    .news__title {
        margin-top: 30px;
    }

    .news--container {
        display: flex;
        flex-direction: column;
        margin: 30px 0;
        gap: 15px;
    }

    .news-block {
        align-items: center;
        padding: 40px 30px;
        gap: 15px;
    }

    .news__preview {
        text-align: center;
    }

    .news__link.link--default {
        font-size: 14px;
    }

    /* Контакты */
    .contacts__title {
        margin-top: 30px;
    }

    .banner--contacts {
        display: flex;
        flex-direction: column-reverse;
        margin: 30px 0 50px;
        padding: 20px 50px 45px;
        gap: 20px;
    }

    .banner--contacts__info {
        gap: 20px;
    }

    .banner--contacts__text {
        font-size: 10px;
        text-align: center;
        padding: 0px;
    }

    .banner--contacts__text::before {
        left: -50px;
    }

    /* О компании */
    .about-info {
        margin: 30px 0;
        display: block;
        text-align: center;
    }

    .about-info__image {
        display: none;
    }

    .about-feachers {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 30px auto;
        gap: 20px;
    }

    .feacher__extendeds {
        margin-top: 10px;
    }

    /* Сервисный центр */
    .service__title {
        margin-top: 30px;
    }
    
    .service__blocks {
        margin: 30px 0;
    }

    /* Страница "Акции" */
    .sales-page__title {
        margin-top: 30px;
        font-size: 36px;
    }

    .container.unset-pd {
        padding: unset;
    }

    .sales__subtitle {
        font-size: 16px;
        text-align: center;
    }

    .banner--sales {
        display: flex;
        flex-direction: column-reverse;
        gap: 10px;
        margin-top: 45px;
    }

    .banner--sales__info {
        padding: 35px 25px 50px;
        align-items: center;
    }

    .banner--sales__subtitle {
        text-align: center;
        font-size: 16px;
    }
    
    .banner--sales__description {
        font-size: 12px;
        text-align: center;
    } 

    .banner--sales__footer {
        flex-direction: column;
        gap: 25px;
        align-items: center;
    }

    .banner--sales__footer .btn {
        padding: 10px 50px;
    }

    .banner--sales__image {
        background: unset;
    }

    .banner--sales__image img {
        display: block;
        border-radius: 10px;
    }

    .banner--sales__feacher {
        padding: 5px 25px;
        font-size: 16px;
        top: -10px;
        right: 50%;
        transform: translateX(50%);
    }

    /* Пара новых блоков */
    .info__blocks--extended {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
    }

    .series__wrapper {
        margin-top: 30px;
    }

    /* Форма авторизации регистрации */
    .auth-register-container {
        margin-bottom: 140px;
    }

    .tab-container-form, .tab-container-auth {
        padding: 40px 20px;

        & .input--default, .checkbox-container--default {
            max-width: unset;
        }
    }

    .auth-register-container {
        margin-top: 30px;
    }

    .tabs-auth .tab {
        width: 120px;
        font-size: 10px;
    }

    /* Личный кабинет */
    .lk-tabs {
        position: relative;
        width: 100%;

        & .tab {
            font-size: 10px;
            transition: unset;
        }

        & .tab.tab--active {
            width: 100%;
            position: absolute;
            bottom: -20px;
            border-radius: 10px;
            z-index: 9;
            padding: 7px 0;
        }
    }

    .lk-tab {
        width: calc(100% + 20px);
        padding: 0 10px;
    }

    .lk-container {
        margin-top: 100px;
    }

    .lk-company {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin: 45px 0 35px;
    }

    .company-info__subtitle {
        text-align: center;
    }

    .company-data {
        display: block;
        margin-top: 30px;
    }

    .company-data tbody {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .company-data tr {
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .company-data td {
        text-align: center;
    }

    .company-data__text {
        justify-content: center;
    }

    .company-info__actions {
        flex-direction: column;
        margin-top: 50px;
        & .lk-btn {
            margin-top: 0 !important;

        }
    }

    .company-info .lk-btn {
        position: relative;
        margin-top: 50px;
    }

    .lk-price {
        margin: 65px 0;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .lk-price__catalog, .lk-price__prices {
        flex-direction: column;
        gap: 15px;
    }
    
    .lk-price__buttons {
        gap: 15px;
    }

    .lk-models {
        margin: 60px 0 40px;
    }

    .lk-orders__table thead, .lk-models thead {
        display: none
    }

    .lk-models tbody tr {
        display: grid;
        grid-template: 'A B'
        'C B';
        align-items: center;
        height: 100%;
    }

    .lk-models tbody tr td:first-child, .lk-models tbody tr td:last-child {
        padding: 0;
    }

    .lk-models tbody tr td.model__text:first-child {
        font-size: 14px;
        grid-area: A;
        width: 100%;
    }

    .lk-models tbody tr td.model__text:nth-child(2) {
        font-size: 12px;
        color: #7e7e7e;
        grid-area: C;
        width: 100%;
    }

    .lk-models tbody tr td.model__buttons {
        grid-area: B;
        gap: 5px;
        height: 100%;
        flex-direction: column;
        align-items: flex-end;
        padding: 5px 0;
    }

    .lk-models tbody tr .lk-btn {
        font-size: 10px;
    }

    .lk-orders {
        margin: 45px 0;
    }

    .lk-orders__table tbody tr {
        display: grid;
        grid-template: 'A E'
        'B B'
        'C C'
        'D F' / 0.8fr 0.2fr;
        height: 100%;
        justify-content: space-between;
        justify-items: center;
        gap: 5px;
        padding: 15px 0;
    }

    .lk-orders__table tbody tr td.lk-orders__text:nth-child(n) {
        width: 100%;
    }

    .lk-orders__table tbody tr td.lk-orders__text:nth-child(1) {
        grid-area: A;
        font-size: 14px;
    }

    .lk-orders__table tbody tr td.lk-orders__text:nth-child(2) {
        grid-area: B;
        font-size: 12px;
        color: #7e7e7e;
    }

    .lk-orders__table tbody tr td.lk-orders__text:nth-child(3) {
        grid-area: C;
        font-size: 12px;
        color: #7e7e7e;
    } 

    .lk-orders__table tbody tr td.lk-orders__text:nth-child(4) {
        grid-area: D;
        font-size: 12px;
    }

    .lk-orders__table tbody tr td.lk-orders__text:nth-child(5) {
        grid-area: E;
    }

    .lk-orders__table tbody tr td.lk-orders__text:nth-child(6) {
        grid-area: F;
        width: auto;
    }

    .lk-orders__table tbody tr td:first-child, .lk-orders__table tbody tr td:last-child {
        padding: 0;
    }

    .lk-basket {
        display: flex;
        flex-direction: column;
    }

    .basket-table thead {
        display: none;
    }

    .basket-table tbody tr  {
        display: grid;
        grid-template: 'A D'
        'B B'
        'C E' / 0.8fr 0.2fr;
        height: 100%;
        gap: 10px 0;
        padding: 15px 0 25px;
    }
    
    .basket-table tbody tr td:first-child, .basket-table tbody tr td:last-child {
        padding: 0;
    }

    .basket-table tbody tr td:nth-child(1) {
        grid-area: A;
    }

    .basket-table tbody tr td:nth-child(2) {
        grid-area: B;
        font-size: 12px;
        color: #7e7e7e;
    }

    .basket-table tbody tr td:nth-child(3) {
        grid-area: C;
    }

    .basket-table tbody tr td:nth-child(4) {
        grid-area: D;
        text-align: center;
    }

    .basket-table tbody tr td:nth-child(5) {
        grid-area: E;
        text-align: center;
        align-self: center;
    }

    .result-table {
        width: 70%;
    }

    .partner-info {
        flex-direction: row-reverse;
        top: -70px;
        width: 100%;
        justify-content: space-between;
    }

    .partner-info__status {
        font-size: 8px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .partner-info__body {
        gap: 10px;
    }

    .partner-info__name {
        font-size: 14px;
    }

    .partner-info__company {
        font-size: 12px;
    }
    

    .lk-tab[data-tab="info"] {
        margin-bottom: 225px;
    }

    .company-help {
        right: 50%;
        transform: translateX(50%);
        bottom: -25%;
    }

    .banner__photo {
        margin-top: 10px;
    }

    .banner__section {
        background: url('../source/sensors-background-mobile.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 20px center;
        & .map-info:last-child { 
            padding: 0;
        }
    }

    .cookie-banner {
        border-radius: 0;
        bottom: 0;
    }

    .cookie-text {
        font-size: 10px;
    }

    /* Деталка */
    .product {
        margin-top: 30px;
    }

    .product-preview {
        flex-direction: column;
        background: none;
        box-shadow: unset;
        padding: 20px 10px;
    }

    .product-gallery {
        display: grid;
        grid-template-columns: minmax(0, 80.54%) minmax(0, 12.69%);
        column-gap: 6.77%;
        width: 100%;
        max-width: 417px;
        height: auto;
        aspect-ratio: 417 / 353;
        min-height: 0;
        margin-right: auto;
        margin-left: auto;
        contain: size layout;
    }

    .product-gallery--single {
        display: block;
        max-width: 336px;
        aspect-ratio: 336 / 353;
    }

    .product-gallery__main {
        width: 100%;
        height: 100%;
        aspect-ratio: auto;
        min-width: 0;
        min-height: 0;
    }

    .product-gallery--single .product-gallery__main {
        width: 100%;
    }

    .product-gallery__main-slide {
        padding: 16px;
    }

    .product-gallery__controls {
        display: grid;
        position: static;
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 11.8% minmax(0, 1fr) 11.6%;
        gap: 0;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .product-gallery__thumbs {
        width: 100%;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .product-gallery__thumbs .swiper-wrapper {
        min-height: 0;
    }

    .product-gallery__thumb {
        width: 100%;
        height: auto;
    }

    .product-gallery__arrow {
        width: 100%;
        height: 100%;
    }

    .product-gallery__arrow img {
        width: 28.57%;
        height: auto;
    }

    .product-gallery__arrow--prev img {
        transform: none;
    }

    .product-gallery__arrow--next img {
        transform: rotate(180deg);
    }

    .detail__title {
        margin: 30px 0;
    }

    .product__chars {
        padding: 0;
    }

    .product-preview__footer {
        text-align: center;
    }

    .product-char {
        justify-content: space-between;
    }

    .product-char__name {
        font-size: 10px;
    }

    .product-char__value {
        font-size: 10px;
        flex: 0 0 40%;
    }

    .table-price__section {
        overflow: hidden;
    }

    .table__price.wyswig {
        overflow-x: auto;
    }

    .form-help .form-body__engineer {
        padding: 40px;

        & button, div.checkbox-container--default {
            max-width: 100%;
        }
    }

    .form-help .form-body__engineer .form-engineer__body {
        flex-direction: column;
        gap: 30px;
    }

    .form-help .form-engineer__body-title span {
        font-size: 14px;
    }

    .action_download__section .difference__title {
        text-align: center;
    }

    .form-question .form-question__form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        & .input-container {
            width: 220px;
        }
    }

    .form-question .form-body__engineer {
        padding: 30px 10px;
    }

    /*Фиксы*/
    .series-filter__section {
        & .smartfilter {
            max-width: unset;
            width: 100%;
        }
    }

    .input--default.input-select {
        text-align: start;
    }

    .section__picture {
        min-height: 320px;
        padding: 40px;
    }
}

@media (max-width: 440px) {
    .first-block__feacher {
        top: -15px;
    }
    
    .series__block.series__block--extended {
        & .series__footer { 
            flex-direction: column;
            gap: 10px;
        }
    }
}

.auth-pending {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 320px;
    box-sizing: border-box;
    padding: 40px 24px;
    text-align: center;
}

.auth-pending__title {
    margin: 0 0 16px;
    color: #008080;
    font-size: 30px;
    line-height: 1.2;
    text-transform: uppercase;
}

.auth-pending__text {
    max-width: 560px;
    margin: 0;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .auth-pending {
        min-height: 240px;
        padding: 32px 16px;
    }

    .auth-pending__title {
        font-size: 24px;
    }

    .auth-pending__text {
        font-size: 14px;
    }
}