* {
    padding: 0px;
    margin: 0px;
    border: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

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

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

aside,
nav,
footer,
header,
section,
main {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit;
    font-weight: inherit;
    font-size: 29px;
    font-weight: 600;
}

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

img {
    vertical-align: top;
}

img,
svg {
    max-width: 100%;
    height: auto;
}

address {
    font-style: normal;
}

input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
    display: none;
}

button,
input[type='submit'] {
    display: inline-block;
    box-shadow: none;
    color: #fff;
    background-color: #107087;
    cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
    outline: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

label {
    cursor: pointer;
}

legend {
    display: block;
}

:root {
    --main-green-color: #0a4b5a;
    --main-orange-color: #107087;
    --main-green-hover: #107087;
    --main-orange-hover: #107087;
    --gradient: linear-gradient(270deg, #60c858 1.74%, #487844 100%);
}

body {
    font-family: 'Gilroy', sans-serif;
    /*font-family: 'Museo Sans Cyrl', sans-serif;*/
    background: #f7f7f7;
    scroll-behavior: auto; 
    overflow-x: hidden;
}



body.menu-open {
    overflow: hidden;
}

body.filter-open {
    overflow: hidden;
}


figure.table {
    overflow-x: auto;
    padding-bottom: 5px;
    border-radius: 10px;
}

figure.table table {
    max-width: 100%;
    width: 100%;
}

figure.table table thead tr:first-child:not(:last-child) th {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    vertical-align: baseline;
    padding-top: 24px;
    text-align: left;
    padding-left: 24px;
    line-height: 1.1;
}


html {
scroll-behavior: smooth;
}

figure.table table tr td:first-child,
figure.table table tr th:first-child {
    border-left: none !important;
    text-align: left;
}

.models figure.table table tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

figure.table table thead tr:nth-child(even):not(:last-child) th,
figure.table table thead tr:nth-child(even):not(:last-child) th * {
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
    padding-top: 24px;
    text-align: left;
    padding-left: 24px;
    line-height: 1.1;
}

figure.table table thead tr:nth-child(even):not(:last-child) th * {
    padding: 0;
}

/*figure.table table tr:nth-child(odd) td {*/
/*    background: #FBFBFB;*/
/*}*/

figure.table table thead {
    border-bottom: 1px solid #EAEBEA;
}

figure.table table th,
figure.table table th > * {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #9E9E9E;
    border: none;
    text-align: center;
    vertical-align: middle;
}

figure.table table td {
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #EAEBEA;
    height: 50px;
}

.main-content {
    background-color: #ffffff;
    margin-bottom: 50px;
}

.wrapper {
    margin: 0px auto;
    max-width: 1355px;
    padding: 0px 15px;
}

.wrapper_1255 {
    max-width: 1255px;
}

.title-product-block {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    flex-wrap: wrap;
    column-gap: 15px;
}

.title-product-block__description {
    margin-left: auto;
    max-width: 580px;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.title-product-block__title {
    max-width: 480px;
}

.title {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    padding: 6px 0px;
    margin-bottom: 24px;
}

.sub-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    margin-bottom: 20px;
}

.section {
    padding: 50px 0px;
}

.section_top-25 {
    padding-top: 65px;
}

.section_bottom-25 {
    padding-bottom: 25px;
}

.section_padding-25 {
    padding: 25px 0px;
}

.section_padding-0 {
    padding: 0px 0px;
}

.section_bottom-0 {
    padding-bottom: 0px;
}

.all-septic-link {
    margin: 0px auto;
}

.btn-green {
    border-radius: 5px;
    padding: 15px 30px;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffff;
    background: var(--main-green-color);
    justify-content: center;
    transition: 0.1s ease 0s;
    cursor: pointer;
}

.btn-green:hover {
    background-color: var(--main-green-hover);
    color: white;
    font-weight: bold;
}

.d_column {
    flex-direction: column;
}

.btn-orange {
    padding: 15px 30px;
    background: #107087;
    border-radius: 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #ffffff;
    gap: 8px;
    text-align: center;
    transition: 0.1s ease 0s;
}

.btn-orange:hover {
    background: #0b4b5b;
}

.btn-orange svg {
    transition: 0.2s ease 0s;
}

.btn-orange:hover svg {
    transform: translate(3px, 0px);
}

.btn-arrow div {
    color: #ffffff;
    display: flex;
    align-items: center;
    text-align: center;
    gap: 8px;
}

.btn-arrow-wrapper-button {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.btn-arrow:hover {
    background-color: var(--main-orange-color);
}

.footer_position {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
}


.header {
    position: relative;
    margin-bottom: 0px;
    z-index: 50;
}

.header__body {
    background-color: #ffffff;
}

.header__body::after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 10px;
    box-shadow: 0px 1px 20px rgb(0 0 0 / 13%);
    z-index: -2;
}

.header-top {
    padding: 15px 0px;
    border-bottom: 1px solid #eaebea;
}

.header-top .wrapper {
    display: flex;
    gap: 5px;
}

.header-top__logo-block {
    display: flex;
    align-items: center;
}

.header-top__logo-block::after {
    content: '';
    width: 40px;
    height: 0px;
    min-width: 40px;
    border: 1px solid #eaebea;
    transform: rotate(90deg);
    padding: 0px 15px;
}

.header-top__logo {
    padding-right: 10px;
}

.logo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.logo__logo-img img {
    max-width: 48px;
    max-height: 48px;
}

.logo__logo-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    max-width: 85px;
    color: #000000;
}

.logo__logo-description {
    font-size: 14px;
    line-height: 143%;
    color: rgb(0 0 0 / 81%);
    max-width: 216px;
}

.header-top__info {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    line-height: 17px;
    flex-grow: 1;
    position: relative;
    justify-content: flex-end;
}

.header-top__info-list {
    display: flex;
    gap: 16px;
    margin-right: auto;
}

.header-top__info-item {
    color: #000000;
    white-space: nowrap;
    position: relative;
}

.item-drop {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.header-nav__item-wrapper {
    flex-basis: 100%;
    display: flex;
    gap: 5px;
}

.item-drop__item {
    padding: 12px 20px;
    border-radius: 10px;
    transition: 0.2s ease 0s;
}

.item-drop__item:hover {
    background: #f7f7f7;
}

.item-drop::after {
    content: '';
    width: 8px;
    min-width: 7px;
    height: 5px;
    background: url(/img/arrow.svg) center / 100% no-repeat;
    transition: 0.2s ease 0s;
}

.header-top__search-block {
    background: #f7f7f7;
    border: 1px solid #eaebea;
    border-radius: 19px;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    width: 18%;
    transition: all ease-in-out 0.3s;
    right: 0;
    max-height: 30px;
    right: 25%;
    margin-left: auto;
    position: absolute;
}

.header-top__search-input {
    padding-right: 5px;
    width: 100%;
    color: #000000;
}

.header-top__search-btn {
    margin-left: auto;
    min-width: 17px;
    max-width: 17px;
}

.header-top__favorites-block {
    display: flex;
    gap: 15px;
}

.header-top__favorites {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
}

.header-top__favorites-img {
    max-width: 25px;
    max-height: 25px;
}

.block-phone {
    display: flex;
    align-items: center;
    gap: 5px;
}

.block-phone svg {
    max-width: 16px;
    max-height: 16px;
    align-self: flex-start;
}

.header-top__phone-block svg {
    margin-top: 10px;
}

.header-top__phone-block::before {
    content: '';
    width: 40px;
    min-width: 40px;
    height: 0px;
    border: 1px solid #eaebea;
    transform: rotate(90deg);
    padding: 0px 15px;
}

.block-phone__phone-time {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}

.block-phone__phone {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.block-phone__time {
    font-size: 12px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.5);
}

.header-nav {
    display: flex;
    gap: 15px;
    z-index: 5;
}

.header-nav__item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.header-nav__item-sub-title {
    transition: 0.2s ease 0s;
}

.list-drop__arrow {
    opacity: 1;
    margin-left: auto;
}

.list-drop__sub-item {
    padding: 5px 0px;
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
    white-space: nowrap;
}

.list-drop__sub-item::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--main-green-color);
    border-radius: 50%;
    position: absolute;
    left: -15px;
}

.list-drop__item-wrapper img {
    max-width: 20px;
    max-height: 20px;
    margin-top: -3px;
}

.recommend-block {
    display: none;
}

.nav-drop-list {
    display: none;
}

.header-nav__buttons {
    padding: 10px 0px;
    margin-left: auto;
    gap: 12px;
    display: flex;
}

.header-btn {
    font-size: 16px;
    line-height: 17px;
    padding: 19px 20px;
    border-radius: 5px;
    text-align: center;
    /* display: flex; */
    align-items: center;
    gap: 0px;
    /* border: 1px solid var(--main-green-color); */
    color: #000000;
    transition: 0.1s ease 0s;
}

.header-btn svg {
    color: var(--main-green-color);
}

.header-btn:hover {
    background-color: var(--main-green-color);
    color: #ffffff;
}

.header-btn:hover svg {
    color: #ffffff;
}

.header-nav__button-calc {
    color: #ffffff;
    background: #107087;
    transition: 0.1s ease 0s;
    width: 50%;
}

.header-nav__button-calc:hover {
    background-color: #135362;
}

.header__burger {
    display: none;
}

.header-nav__list-top {
    display: none;
}

.list-drop__item-wrapper {
    display: flex;
    gap: 10px;
    width: 100%;
    cursor: pointer;
    border-radius: 10px;
}

.header-nav__item a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.list-drop__sub-item a {
    transition: 0.1s ease 0s;
}

.list-drop__sub-item a:hover {
    color: var(--main-green-color);
}

.header-nav__info-list {
    display: none;
}


h1 {
    font-weight: 700;
    font-size: 47px;
    line-height: 54px;
    color: #ffffff;
    margin-bottom: 13px;
}

.mobile-fixed-bottom-box {
    display: none;
}

.block-category {
    padding-bottom: 15px;
}

.block-category__category {
    display: flex;
    gap: 10px;
}

.block-category__all-block {
    gap: 50px;
}

.block-category__btn {
    color: var(--main-green-color);
    display: flex;
    align-items: center;
    order: 2;
}

.category__btn {
    cursor: pointer;
}

.category-swiper.swiper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    position: relative;
    z-index: 1;
    padding: 6px 0px;
}

.category-swiper.swiper::after {
    content: '';
    position: absolute;
    width: 116px;
    height: 52px;
    right: -30px;
    bottom: -10px;
    background: linear-gradient(
        270deg,
        #ffffff 47.92%,
        rgba(255, 255, 255, 0) 100%
    );
}

.category-swiper .swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

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

.category-swiper .swiper-wrapper {
    transition-duration: 0ms;
    max-width: 1355px;
    width: 100%;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
    gap: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    transition-property: transform;
    box-sizing: content-box;
}

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

.category-swiper .swiper-slide {
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
}

.block-category__all-block {
    display: flex;
    align-items: center;
    padding: 20px 0px;
}

.block-category__all-title {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    max-width: 120px;
    min-width: 120px;
    flex-grow: 1;
}

.block-category__category-all-links {
    flex-wrap: wrap;
    display: flex;
    gap: 8px;
}

.category-item {
    padding: 8px 15px;
    background-color: #f7f7f7;
    border-radius: 20px;
    transition: 0.1s ease 0s;
}

.category-item:hover {
    background-color: var(--main-green-color);
    color: #fff;
}

.block-category._active .swiper {
    display: none;
}

.block-category._active .block-category__all {
    display: block;
}


.cards-wrapper {
    gap: 20px;
    padding: 15px 0px;
    display: flex;
    flex-wrap: wrap;
}

.card {
    padding: 30px;
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    border: 1px solid #eaebea;
    position: relative;
    justify-content: space-between;
}

.card__favorites {
    position: absolute;
    right: 30px;
    top: 55px;
    z-index: 1;
    cursor: pointer;
}

.card__favorites img {
    width: 100%;
}

.card__compare {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
    cursor: pointer;
}

.card__compare img {
    width: 100%;
}

.card__image {
    position: relative;
    padding: 0px 0px 80% 0px;
    margin-bottom: 8px;
}

.card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.card__description {
    font-size: 14px;
    line-height: 17px;
    color: #828282;
    padding: 8px 0px;
}

.card__block-info {
    padding: 10px 0px;
}

.card__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding: 8px 0px;
}

.card__list-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-grow: 1;
    gap: 5px;
    padding: 4px 0px;
}

.card__item-option {
    font-weight: 300;
    font-size: 14px;
    line-height: 129.5%;
    color: #828282;
}

.card__item-count {
    font-weight: 600;
    font-size: 14px;
    line-height: 129.5%;
    color: #0c0c0c;
    width: auto;
    max-width: 41px;
    white-space: nowrap;
}

.card__price-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
}

.card__price-block span {
    width: 60px;
    height: 0px;
    border: 1px solid #eaebea;
    transform: rotate(90deg);
}

.card__price {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 4px;
    white-space: nowrap;
}

.card__price-description {
    font-weight: 300;
    font-size: 14px;
    line-height: 129.5%;
    color: #828282;
}

.card__button {
    margin-top: 10px;
}


.for-people__title {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.for-people__sub-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.for-people__wrapper {
    position: relative;
}

.for-people__images {
    font-size: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.for-people__images img {
    max-width: 100%;
    object-fit: cover;
    position: relative;
}

.for-people__wrapper::before {
    content: '';
    position: absolute;
    top: -110px;
    left: -130px;
    width: 220px;
    height: 210px;
    background: url(/img/main/pick-up-a-septic/decor.svg) no-repeat;
    z-index: 0;
}

.pick-up__title {
    text-align: center;
}

.pick-up__block-main {
    background: #f7f7f7;
    border-radius: 10px;
    padding: 40px;
    display: flex;
    gap: 40px;
}

.pick-up__sub-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 30px;
}

.pick-up__checkboxes {
    height: 270px;
    overflow-y: auto;
    margin-bottom: 7px;
}

.pick-up__checkboxes::-webkit-scrollbar {
    width: 0px;
}

.pick-up__checkbox {
    padding: 6px 0px;
    position: relative;
}

.pick-up__checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.pick-up__checkbox-label {
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    display: flex;
    gap: 12px;
    align-items: center;
}

.pick-up__checkbox-label::before {
    content: '';
    width: 18px;
    flex-shrink: 0;
    height: 18px;
    border: 2px solid #b0b0b0;
    border-radius: 6px;
    transition: background-color 0.2s ease 0s;
}

.pick-up__checkbox input:checked + .pick-up__checkbox-label::before {
    background: var(--main-green-color) url(/img/main/pick-up-a-septic/check-mark.svg) center no-repeat;
    border: 1px solid var(--main-green-color);
}

.pick-up__label {
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.pick-up__remove-all {
    display: block;
    color: var(--main-orange-color);
    margin-bottom: 2px;
}

.pick-up__all {
    display: block;
    color: var(--main-green-color);
}

.pick-up__option-block {
    display: flex;
    padding: 6px 0px;
    gap: 6px;
    align-items: center;
}

.pick-up__select {
    margin-left: auto;
    border: 1px solid #eaebea;
    border-radius: 10px;
    padding: 6px 20px 6px 12px;
    font-size: 14px;
    appearance: none;
    background: #ffffff url(/img/main/pick-up-a-septic/down-arrow.svg) 90% 50% /
		8px no-repeat;
    max-width: 92px;
}

.pick-up__plumbing-block {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 6px 0px;
}

.pick-up__count-block {
    display: flex;
    align-items: center;
    margin-left: auto;
    min-width: 75px;
    justify-content: space-between;
}

.pick-up__minus {
    width: 20px;
    height: 20px;
    background: url(/img/main/pick-up-a-septic/minus.svg) center no-repeat;
    padding: 0px 4px;
    transition: 0.1s ease 0s;
}

.pick-up__plus {
    width: 20px;
    height: 20px;
    background: url(/img/main/pick-up-a-septic/plus.svg) center no-repeat;
    padding: 0px 4px;
    transition: 0.1s ease 0s;
}

.pick-up__plus:active,
.pick-up__minus:active {
    transform: translate(0px, 1px);
}

.pick-up__count {
    padding: 5px;
    background: #ffffff;
    border-radius: 10px;
    width: 20px;
}

.pick-up__block {
    flex-grow: 1;
    flex-basis: 23%;
}

.pick-up__block:nth-child(1) {
    flex-basis: 8%;
}

.pick-up__result {
    display: none;
}

.pick-up__result-block {
    flex-grow: 1;
    flex-basis: 23%;
    background: var(--main-green-color);
    border-radius: 10px;
    padding: 30px;
    position: relative;
}

.pick-up__result-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #ffffff;
}

.pick-up__result-title_active{
    margin-bottom: 286px;
    margin-top: 15px;
}

.pick-up__span-result {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
    display: block;
}

.pick-up__span-description {
    font-size: 14px;
    color: #ffffff;
    display: block;
    margin-bottom: 25px;
}

.pick-up__for-you {
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    position: relative;
    z-index: 1;
    display: none;
}

.pick-up__image {
    width: 100%;
    height: 286px;
    top: 30%;
    left: 0;
    display: none;
}

.pick-up__image img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pick-up__result-button {
    margin: 0px auto;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    display: none;
}

.pick-up__result-button:hover {
    background-color: var(--main-orange-color);
}

.pick-up__result-button svg {
    min-width: 24px;
}

.models__body {
    border: 1px solid #eaebea;
    border-radius: 10px;
    overflow-x: scroll;
}

.models__body::-webkit-scrollbar {
    height: 5px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.137);
}

.models__body::-webkit-scrollbar-thumb {
    background-color: var(--main-green-color);
    border-radius: 3px;
}

.models__row-1 {
    display: flex;
    background: var(--main-green-color);
    color: #ffffff;
    align-items: center;
    height: 120px;
    min-width: 1125px;
}

.models__row-block {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 10px;
    font-weight: 600;
    font-size: 14px;
    flex-grow: 1;
}

.models__row-section {
    display: flex;
    flex-direction: column;
    flex-basis: 54%;
    height: 100%;
    border-right: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    text-align: center;
}

.models__row-section .models__row-block {
    padding: 20px 30px;
    justify-content: center;
}

.flex-basis-1 {
    flex-basis: 200px;
    padding-left: 20px;
    border-right: 1px solid #f7f7f7;
}

.flex-basis-2 {
    justify-content: center;
    text-align: center;
    flex-basis: 130px;
}

.models__row-first {
    display: flex;
    border-top: 1px solid #f7f7f7;
}

.flex-basis-3 {
    flex-grow: 1;
}

.flex-basis-4 {
    flex-basis: 140px;
    justify-content: center;
    border-right: 1px solid #f7f7f7;
}

.flex-basis-5 {
    flex-basis: 140px;
    justify-content: center;
    border-right: 1px solid #f7f7f7;
}

.flex-basis-6 {
    flex-basis: 140px;
    justify-content: center;
    border-right: 1px solid #f7f7f7;
}

.flex-basis-7 {
    flex-basis: 140px;
    justify-content: center;
}

.flex-basis-8 {
    flex-basis: 190px;
    text-align: center;
}

.flex-basis-9 {
    border-left: 1px solid #f7f7f7;
    flex-basis: 200px;
}

.models__row {
    display: flex;
    padding: 20px 30px;
    background-color: #ffffff;
    gap: 5px;
    min-width: 1125px;
    overflow: visible;
}

.models__row:nth-child(odd) {
    background: #f7f7f7;
}

.models__row-body-block {
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.models__row-logo {
    display: flex;
    align-items: center;
    gap: 20px;
}

.models__row-logo img {
    max-width: 56px;
    max-height: 56px;
}

.models__logo-name {
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
    color: var(--main-green-color);
}

.models__row-discount {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.models__row-discount span {
    font-size: 14px;
    line-height: 17px;
    color: var(--main-green-color);
}

.models__row-discount span a {
    border-bottom: 1px dashed var(--main-green-color);
}

.models table {
    border: 1px solid #eaebea;
    border-radius: 10px;
    overflow-x: scroll;
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
}

.models a {
    color: var(--main-green-color);
    text-decoration: underline;
}

.models tr:first-child td,
.models:not(.first_row_selection) tr:nth-child(2) td {
    color: white;
    background-color: #5ab030 !important;
    padding: 25px 15px;;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid white !important;
}

.maintenance__wrapper tr:first-child td {
    color: white;
    background-color: #5ab030 !important;
    padding: 25px 0;;
    font-weight: 600;
    font-size: 14px;
    border: none;
}

.models td {
    padding: 10px 15px;
    text-align: center;
    border: none !important;
}

.mod-bas-1 {
    flex-basis: 155px;
    justify-content: flex-start;
}

.mod-bas-2 {
    flex-basis: 115px;
}

.mod-bas-3 {
    flex-basis: 140px;
}

.mod-bas-4 {
    flex-basis: 140px;
}

.mod-bas-5 {
    flex-basis: 140px;
}

.mod-bas-6 {
    flex-basis: 140px;
}

.mod-bas-7 {
    flex-basis: 190px;
}

.mod-bas-8 {
    flex-basis: 145px;
}

.diller-certificates__title {
    margin-bottom: 6px;
}

.mini-swiper,
.mini-swiper-2 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    position: relative;
    z-index: 1;
    padding: 6px 0px;
}

.mini-swiper .swiper-android .swiper-slide,
.swiper-wrapper,
.mini-swiper-2 .swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

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

.mini-swiper .swiper-wrapper,
.mini-swiper-2 .swiper-wrapper {
    transition-duration: 0ms;
    width: 100%;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
    z-index: 1;
    display: flex;
    align-items: center;
    transition-property: transform;
    box-sizing: content-box;
}

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

.mini-swiper .swiper-slide,
.mini-swiper-2 .swiper-slide {
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 300px;
}

.mini-swiper .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction,
.mini-swiper-2 .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.mini-swiper .swiper-pagination,
.mini-swiper-2 .swiper-pagination {
    display: block;
    margin-top: 30px;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.mini-swiper
.swiper-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet,
.mini-swiper-2
.swiper-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.mini-swiper .swiper-pagination-bullet,
.mini-swiper-2 .swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 8px)
    );
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.mini-swiper .swiper-pagination-bullet-active,
.mini-swiper-2 .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--main-green-color);
}

.diller-certificates__swiper-buttons {
    margin-left: auto;
    max-width: 70px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 15px;
    color: var(--main-green-color);
}

.diller-certificates .swiper-button-next,
.diller-certificates .swiper-button-prev,
.diller-certificates .swiper-button-next-2,
.diller-certificates .swiper-button-prev-2 {
    cursor: pointer;
    transition: 0.1s ease 0s;
}

.diller-certificates .swiper-button-next:hover,
.diller-certificates .swiper-button-next-2:hover {
    transform: translate(-1px, 0px);
}

.diller-certificates .swiper-button-prev:hover,
.diller-certificates .swiper-button-prev-2:hover {
    transform: translate(1px, 0px);
}

.diller-certificates .swiper-button-next:active,
.diller-certificates .swiper-button-next-2:active {
    transform: translate(0px, 0px);
}

.diller-certificates .swiper-button-prev:active,
.diller-certificates .swiper-button-prev-2:active {
    transform: translate(0px, 0px);
}

.diller-certificates .swiper-button-disabled,
.diller-certificates .swiper-button-disabled,
.diller-certificates .swiper-button-disabled:hover,
.diller-certificates .swiper-button-disabled:active {
    transform: translate(0px, 0px);
    color: #b2b2b2;
}

.mini-swiper .swiper-slide__image {
    margin-bottom: 10px;
    border: 1px solid #eaebea;
    border-radius: 10px;
}

.mini-swiper .swiper-slide__image img,
.mini-swiper-2 .swiper-slide__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 300px;
}

.mini-swiper .swiper-slide__image img {
    max-height: 85px;
    min-height: 85px;
}

.mini-swiper .swiper-slide__name-company {
    font-size: 14px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 6px;
}

.mini-swiper .swiper-slide__company-price {
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.our-work__title-block {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    gap: 5px;
}

.our-work__title {
    margin-bottom: 0px;
}

.our-work__swiper-buttons {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 20px;
}

.swiper-works-button-prev,
.swiper-works-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 14px;
    background: #f7f7f7;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.1s ease 0s;
}

.swiper-works-button-prev:hover,
.swiper-works-button-next:hover {
    background: #d5d7d5;
}

.swiper-works-button-prev:active,
.swiper-works-button-next:active {
    transform: translate(0px, 1px);
}

.our-work__title-block .swiper-button-disabled:hover,
.our-work__title-block .swiper-button-disabled:active {
    background: #f7f7f7;
    transform: translate(0px, 0px);
}

.swiper-works,
.swiper-works-2 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    position: relative;
    z-index: 1;
    padding: 6px 0px;
}

.swiper-works .swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

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

.swiper-works .swiper-wrapper {
    transition-duration: 0ms;
    width: 100%;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
    z-index: 1;
    display: flex;
    align-items: center;
    transition-property: transform;
    box-sizing: content-box;
}

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

.swiper-works .swiper-slide,
.swiper-slide {
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: center;
}

.swiper-works .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.swiper-works .swiper-pagination {
    display: none;
    position: static;
    margin-top: 30px;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-works
.swiper-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-works .swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 8px)
    );
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.swiper-works .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--main-green-color);
}

.swiper-works .swiper-slide__image-main {
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    margin-bottom: 10px;
    min-height: 300px;
}

.swiper-works .swiper-slide__image-main img {
    flex-grow: 1;
    object-fit: cover;
    height: 300px;
}

.swiper-works .swiper-slide__sub-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding-top: 15px;
    margin-bottom: 10px;
    height: 70px;
}

.swiper-works .swiper-slide__bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.swiper-works .swiper-slide__info-block {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.swiper-works .swiper-slide__info-block svg {
    color: var(--main-green-color);
}

.swiper-works .swiper-slide__info {
    font-size: 14px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.5);
}

.swiper-works-2 img {
    border-radius: 10px;
    object-fit: cover;
    flex-grow: 1;
    width: 100%;
    height: 70px;
}

.swiper-works-2 a {
    display: flex;
    flex-grow: 1;
}

.portfolio-single {
    display: flex;
    flex-direction: column;
}

.single-card .swiper-wrapper {
    flex-wrap: wrap;
    gap: 20px;
}

.single-card .swiper-slide {
    max-width: 48%;
    width: 100%;
}

.swiper-slide.single-card-image {
    max-width: 20%;
    width: 100%;
}

.single-card .swiper-slide:not(.single-card-image) {
    margin-bottom: 30px;
    min-height: 530px;
    align-items: start;
    justify-content: flex-start;
}

.swiper-works.single-card > .swiper-wrapper {
    justify-content: space-between;
}

.portfolio-buttons .swiper-wrapper {
    display: flex;
}

.portfolio-buttons .button.active {
    border: 2px solid #c6c6c6;
    border-radius: 5px;
}

.swiper-works-2.single-card .swiper-wrapper {
    gap: 10px;
    justify-content: left;
}

.videos__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.block-videos {
    display: flex;
    position: relative;
    min-width: 200px;
    flex: 1 0 23%;
    font-size: 0;
    cursor: pointer;
    transition: 0.2s ease 0s;
}

.block-videos span {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-25px, -25px);
    border-radius: 50%;
    background: var(--main-green-color) url(/img/main/video/play.svg) center /
		35% no-repeat;
    cursor: pointer;
}

.block-videos__video {
    border-radius: 4px;
    overflow: hidden;
    flex-grow: 1;
    width: 100%;
}

.block-videos:hover {
    filter: brightness(0.9);
}

.review-item {
    max-width: 60%;
    width: 100%;
    overflow: hidden;
}

.review-slider {
    max-width: 100%;
    width: 100%;
    position: relative;
    display: flex;
}

.review-item .swiper-pagination {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.review-item .swiper-pagination-bullet {
    background-color: var(--main-green-hover);
    height: 10px;
    width: 10px;
    display: inline-block;
    border-radius: 50%;
}

.review-item-content {
    border: 1px solid #eaebea;
    border-top: none;
    padding: 34px 50px;
    margin-top: -20px;
}

.review-item-content img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.review-info {
    width: calc(100% - 90px);
    margin-left: 20px;
    float: right;
}

.review-fio,
.review-number-value {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

.review-numbers {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.review-number {
    display: inline-block;
    width: 50%;
    padding-left: 42px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 30px;
}

.review-number-wallet {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icHJlZml4X19hIiB4MT0iOTguMjU4JSIgeDI9IjAlIiB5MT0iNTAlIiB5Mj0iNTAlIj4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwQzg1OCIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODc4NDQiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPHBhdGggZmlsbD0idXJsKCNwcmVmaXhfX2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMy43MyAxNS4wNTljLTEuOTM4IDAtMy41MTUgMS41NzctMy41MTUgMy41MTUgMCAxLjkzOSAxLjU3NyAzLjUxNiAzLjUxNSAzLjUxNmg0Ljk4bC4wNi0uMDAzYy4wMiAwIC4wMzguMDAzLjA1OC4wMDMuNjQ3IDAgMS4xNzItLjUyNSAxLjE3Mi0xLjE3MnYtOS4yYzAtMS41Ni0uNzY3LTIuOTQzLTEuOTQzLTMuNzk1bC0zLjk4Ni02LjU0Yy0uMTYzLS4yNjctLjQyNS0uNDU4LS43My0uNTMtLjMwMy0uMDczLS42MjMtLjAyMS0uODg5LjE0M2wtMi45NCAxLjgyNEwxOC4xODYuNTc2Yy0uMTU5LS4yNy0uNDItLjQ2NS0uNzI0LS41NC0uMzA0LS4wNzctLjYyNS0uMDI4LS44OTMuMTM0TDUuMjc5IDcuMDMxSDMuNTE3Yy0uNjM3IDAtMS4xNTYtLjUxLTEuMTcyLTEuMTQyLjAxNi0uNjMzLjUzNS0xLjE0MyAxLjE3Mi0xLjE0M2gyLjE2OGMuNjQ3IDAgMS4xNzEtLjUyNCAxLjE3MS0xLjE3MiAwLS42NDctLjUyNC0xLjE3Mi0xLjE3MS0xLjE3MkgzLjUxNmMtMS42NTggMC0zLjA1MiAxLjE1NC0zLjQyIDIuNzAxLS4wNjIuMTQyLS4wOTYuMjk5LS4wOTYuNDYzdjE5Ljc0N0MwIDI3Ljg5NyAyLjEwMyAzMCA0LjY4OCAzMGgyMC42MjVjMi4wMiAwIDMuODA4LTEuMjg3IDQuNDQ3LTMuMjAzLjIwNS0uNjE0LS4xMjctMS4yNzgtLjc0MS0xLjQ4My0uNjE0LS4yMDUtMS4yNzguMTI3LTEuNDgyLjc0MS0uMzIuOTU4LTEuMjE0IDEuNjAxLTIuMjI0IDEuNjAxSDQuNjg4Yy0xLjI5MyAwLTIuMzQ0LTEuMDUxLTIuMzQ0LTIuMzQzVjkuMTc0Yy4zNjYuMTMuNzYuMjAxIDEuMTcyLjIwMWgyMS43OTdjMS4yOTIgMCAyLjM0MyAxLjA1MSAyLjM0MyAyLjM0NHYzLjM0SDIzLjczem0zLjkyNiA0LjY4N0gyMy43M2MtLjY0NiAwLTEuMTcxLS41MjUtMS4xNzEtMS4xNzIgMC0uNjQ2LjUyNS0xLjE3MiAxLjE3MS0xLjE3MmgzLjkyNnYyLjM0NHpNOS43OTMgNy4wMzFsNi45OC00LjI0MUwxOC4wMiA0LjljLjAyNC4wNTguMDUyLjExNS4wODYuMTcuMDI1LjA0LjA1My4wOC4wODMuMTE2bDEuMDkgMS44NDRIOS43OTN6bTEyLjIwOCAwbC0xLjI5Ni0yLjE5MyAxLjk3OS0xLjIyNyAyLjA4NSAzLjQyaC0yLjc2OHoiLz4KPC9zdmc+Cg==');
}

.review-number-calendar {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icHJlZml4X19hIiB4MT0iOTguMjU4JSIgeDI9IjAlIiB5MT0iNTAlIiB5Mj0iNTAlIj4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwQzg1OCIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODc4NDQiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPHBhdGggZmlsbD0idXJsKCNwcmVmaXhfX2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi42MTcgMGMuNjQ3IDAgMS4xNzIuNTI1IDEuMTcyIDEuMTcydjEuMTcyaDEuNTIzQzI3Ljg5OCAyLjM0NCAzMCA0LjQ0NyAzMCA3LjAzdjYuNjhjMCAuNjQ3LS41MjUgMS4xNzItMS4xNzIgMS4xNzItLjY0NyAwLTEuMTcyLS41MjUtMS4xNzItMS4xNzJWNy4wM2MwLTEuMjkyLTEuMDUxLTIuMzQzLTIuMzQzLTIuMzQzaC0xLjUyNHYxLjE3MWMwIC42NDgtLjUyNSAxLjE3Mi0xLjE3MiAxLjE3Mi0uNjQ3IDAtMS4xNzItLjUyNC0xLjE3Mi0xLjE3MlY0LjY4OGgtNS4zMzJ2MS4xNzFjMCAuNjQ4LS41MjQgMS4xNzItMS4xNzIgMS4xNzItLjY0NyAwLTEuMTcxLS41MjQtMS4xNzEtMS4xNzJWNC42ODhIOC40OTZ2MS4xNzFjMCAuNjQ4LS41MjUgMS4xNzItMS4xNzIgMS4xNzItLjY0NyAwLTEuMTcyLS41MjQtMS4xNzItMS4xNzJWNC42ODhINC42ODdjLTEuMjkyIDAtMi4zNDMgMS4wNS0yLjM0MyAyLjM0M3YxOC4yODJjMCAxLjI5MiAxLjA1MSAyLjM0MyAyLjM0NCAyLjM0M2g4Ljk2NGMuNjQ4IDAgMS4xNzIuNTI1IDEuMTcyIDEuMTcyIDAgLjY0Ny0uNTI0IDEuMTcyLTEuMTcyIDEuMTcySDQuNjg4QzIuMTAzIDMwIDAgMjcuODk3IDAgMjUuMzEyVjcuMDMyYzAtMi41ODUgMi4xMDMtNC42ODggNC42ODgtNC42ODhoMS40NjRWMS4xNzJDNi4xNTIuNTI1IDYuNjc3IDAgNy4zMjQgMGMuNjQ3IDAgMS4xNzIuNTI1IDEuMTcyIDEuMTcydjEuMTcyaDUuMjc0VjEuMTcyQzEzLjc3LjUyNSAxNC4yOTQgMCAxNC45NCAwYy42NDggMCAxLjE3Mi41MjUgMS4xNzIgMS4xNzJ2MS4xNzJoNS4zMzJWMS4xNzJDMjEuNDQ1LjUyNSAyMS45NyAwIDIyLjYxNyAwem0uMjkzIDE1LjgyYzMuOTEgMCA3LjA5IDMuMTggNy4wOSA3LjA5IDAgMy45MS0zLjE4IDcuMDktNy4wOSA3LjA5LTMuOTEgMC03LjA5LTMuMTgtNy4wOS03LjA5IDAtMy45MSAzLjE4LTcuMDkgNy4wOS03LjA5em0wIDIuMzQ0Yy0yLjYxNyAwLTQuNzQ2IDIuMTMtNC43NDYgNC43NDYgMCAyLjYxNyAyLjEzIDQuNzQ2IDQuNzQ2IDQuNzQ2IDIuNjE3IDAgNC43NDYtMi4xMjkgNC43NDYtNC43NDYgMC0yLjYxNy0yLjEyOS00Ljc0Ni00Ljc0Ni00Ljc0NnptMCAxLjE3MmMuNjQ3IDAgMS4xNzIuNTI1IDEuMTcyIDEuMTcydjEuMjNoLjUyN2MuNjQ4IDAgMS4xNzIuNTI1IDEuMTcyIDEuMTcyIDAgLjY0Ny0uNTI0IDEuMTcyLTEuMTcyIDEuMTcySDIyLjkxYy0uNjQ3IDAtMS4xNzItLjUyNS0xLjE3Mi0xLjE3MnYtMi40MDJjMC0uNjQ3LjUyNS0xLjE3MiAxLjE3Mi0xLjE3MnpNNy4zMjQgMjEuMzI4Yy42NDcgMCAxLjE3Mi41MjUgMS4xNzIgMS4xNzIgMCAuNjQ3LS41MjUgMS4xNzItMS4xNzIgMS4xNzItLjY0NyAwLTEuMTcyLS41MjUtMS4xNzItMS4xNzIgMC0uNjQ3LjUyNS0xLjE3MiAxLjE3Mi0xLjE3MnptNS4wOTggMGMuNjQ3IDAgMS4xNzIuNTI1IDEuMTcyIDEuMTcyIDAgLjY0Ny0uNTI1IDEuMTcyLTEuMTcyIDEuMTcyLS42NDcgMC0xLjE3Mi0uNTI1LTEuMTcyLTEuMTcyIDAtLjY0Ny41MjUtMS4xNzIgMS4xNzItMS4xNzJ6bTAtNS4wOThjLjY0NyAwIDEuMTcyLjUyNSAxLjE3MiAxLjE3MiAwIC42NDgtLjUyNSAxLjE3Mi0xLjE3MiAxLjE3Mi0uNjQ3IDAtMS4xNzItLjUyNC0xLjE3Mi0xLjE3MiAwLS42NDcuNTI1LTEuMTcyIDEuMTcyLTEuMTcyem0tNS4wOTggMGMuNjQ3IDAgMS4xNzIuNTI1IDEuMTcyIDEuMTcyIDAgLjY0OC0uNTI1IDEuMTcyLTEuMTcyIDEuMTcyLS42NDcgMC0xLjE3Mi0uNTI0LTEuMTcyLTEuMTcyIDAtLjY0Ny41MjUtMS4xNzIgMS4xNzItMS4xNzJ6bTE1LjI5My01LjA5N2MuNjQ3IDAgMS4xNzIuNTI0IDEuMTcyIDEuMTcyIDAgLjY0Ny0uNTI1IDEuMTcyLTEuMTcyIDEuMTcyLS42NDcgMC0xLjE3Mi0uNTI1LTEuMTcyLTEuMTcyIDAtLjY0OC41MjUtMS4xNzIgMS4xNzItMS4xNzJ6bS01LjA5NyAwYy42NDcgMCAxLjE3MS41MjQgMS4xNzEgMS4xNzIgMCAuNjQ3LS41MjQgMS4xNzItMS4xNzEgMS4xNzItLjY0OCAwLTEuMTcyLS41MjUtMS4xNzItMS4xNzIgMC0uNjQ4LjUyNC0xLjE3MiAxLjE3Mi0xLjE3MnptLTEwLjE5NiAwYy42NDcgMCAxLjE3Mi41MjQgMS4xNzIgMS4xNzIgMCAuNjQ3LS41MjUgMS4xNzItMS4xNzIgMS4xNzItLjY0NyAwLTEuMTcyLS41MjUtMS4xNzItMS4xNzIgMC0uNjQ4LjUyNS0xLjE3MiAxLjE3Mi0xLjE3MnptNS4wOTggMGMuNjQ3IDAgMS4xNzIuNTI0IDEuMTcyIDEuMTcyIDAgLjY0Ny0uNTI1IDEuMTcyLTEuMTcyIDEuMTcyLS42NDcgMC0xLjE3Mi0uNTI1LTEuMTcyLTEuMTcyIDAtLjY0OC41MjUtMS4xNzIgMS4xNzItMS4xNzJ6Ii8+Cjwvc3ZnPgo=');
}

.review-number-label {
    opacity: 0.5;
    max-width: 100%;
}

.review-number-value {
    margin-top: 5px;
    display: block;
}

.review-text {
    border-top: 1px solid #eaebea;
    margin-top: 30px;
    padding-top: 30px;
    height: 150px;
    overflow: hidden;
}


.view-all-review .review-text {
    height: auto;
    width: 100%;
    line-height: 1.5;
}

.application {
    background-color: #fbfbfb;
    padding: 70px 0px;
}

.application__wrapper {
    background: #ffffff;
    border: 1px solid #eaebea;
    border-radius: 10px;
    padding: 70px;
    display: flex;
    align-items: center;
    gap: 80px;
}

.application__wrapper.review-side-form {
    max-width: 35%;
    width: 100%;
    height: 470px;
    padding: 45px;
}

.application__wrapper.review-side-form h2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}

.application__title-block {
    flex-basis: 55%;
    flex-grow: 1;
}

.application__title {
    margin-bottom: 17px;
}

.application__sub-title {
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}

.application__form {
    flex-basis: 45%;
    margin-left: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.application__inputs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.application__input-wrapper {
    flex-basis: 48%;
    background: #ffffff;
    display: flex;
    gap: 5px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #eaebea;
    flex-grow: 1;
}

.application__input-wrapper svg {
    min-width: 18px;
    margin-left: 12px;
}

.application__input-wrapper input {
    flex-grow: 1;
    transition: all ease-in-out .3s;
    padding: 12px;
}

.application__textarea-wrapper {
    flex-grow: 1;
    background: #ffffff;
    display: flex;
    gap: 5px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #eaebea;
    padding-left: 12px;
    align-items: flex-start;
}

.application__textarea-wrapper textarea {
    flex-grow: 1;
    padding: 12px;
    resize: vertical;
    min-height: 42px;
}

.application__textarea-wrapper svg {
    padding: 12px 0px;
    min-width: 20px;
    min-height: 20px;
}

.application__checkbox-wrapper {
    position: relative;
    margin-bottom: 15px;
}

.application__label {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    gap: 5px;
    display: flex;
}

.application__label::before {
    content: '';
    width: 20px;
    min-width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #eaebea;
    border-radius: 2px;
}

.application__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.application__checkmark:checked + .application__label::before {
    background: url(/img/main/application/checkmark.svg) center no-repeat;
}

.application__button {
    margin-left: auto;
}

.question__wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    padding-bottom: 8px;
}

.question__tabs {
    flex-basis: 55%;
    flex-grow: 1;
    min-width: 537px;
}

.tab {
    background: #ffffff;
    border: 1px solid #eaebea;
    border-radius: 10px;
    position: relative;
}

.tab:not(:last-child) {
    margin-bottom: 10px;
}

.tab__top {
    border-radius: 10px;
    padding: 0px 50px;
    display: flex;
    background: #ffffff;
}

.tab__top span {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.2s ease 0s;
    margin-left: auto;
}

.tab__top span::after,
.tab__top span::before {
    content: '';
    width: 2px;
    height: 14px;
    background-color: #000000;
    position: absolute;
    top: 25%;
    left: 50%;
}

.tab__top span::after {
    transform: rotate(90deg);
}

.tab__title {
    padding: 25px 0px;
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    gap: 10px;
    border-bottom: unset;
    align-items: center;
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #ffffff;
    cursor: pointer;
}

._open .tab__title {
    border-bottom: 1px solid #eaebea;
    font-weight: 600;
}
.about-us__text-block p{
    font-size: 16px;
    line-height: 22px;
}
@media screen and (max-width:767.98px){
    .about-us__text-block p:last-of-type{
        display: none;
    }
    .about-us__text-block p:nth-last-of-type(2){
        display: none;
    }
}
@media screen and (min-width:767.98px){
    .about-us__text-block .open__text{
        display: none;
    }
}
.tab__text {
    color: #1b1b1b;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    padding: 25px 50px;
    display: none;
    z-index: -1;
    background: #ffffff;
    border-radius: 10px;
}

._open .tab__text {
    display: block;
}

._open .tab__top span {
    transform: rotate(45deg);
}

.question__form-block {
    flex-basis: 40%;
    flex-grow: 1;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #eaebea;
    border-radius: 10px;
    color: #000000;
    position: sticky;
    top: 2%;
}

.question__form-title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.question__manager-block {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    line-height: 17px;
}

.question__manager-block:not(:last-child) {
    margin-bottom: 20px;
}

.question__manager-img {
    border-radius: 50%;
    max-width: 73px;
    max-height: 73px;
}

.question__manager-info {
    margin-bottom: 4px;
}

.question__manager-post {
    color: rgba(0, 0, 0, 0.5);
}

.question__quote {
    line-height: 19px;
    font-style: italic;
}

.question__quote:not(:last-child) {
    margin-bottom: 15px;
}

.question__social:not(:last-child) {
    margin-bottom: 20px;
}

.question__social a {
    display: inline-block;
    max-width: 38px;
    max-height: 38px;
}

.question__social a:not(:last-child) {
    margin-right: 15px;
}

.question__social-title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}

.question__textarea-block:not(:last-child) {
    margin-bottom: 20px;
}

.question__textarea-title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}

.question__textarea {
    background: #ffffff;
    border: 1px solid #eaebea;
    border-radius: 6px;
    padding: 15px;
    font-size: 14px;
    width: 100%;
    resize: vertical;
    min-height: 50px;
}

.question__radio-buttons {
    display: flex;
    position: relative;
    gap: 20px;
    white-space: nowrap;
}

.question__radio-buttons:not(:last-child) {
    margin-bottom: 10px;
}

.question__radio {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.question__radio-label {
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    position: relative;
    gap: 12px;
}

.question__radio-label::before {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #cfcfcf;
    border-radius: 50%;
}

.question__radio:checked + .question__radio-label::before {
    border: 5px solid var(--main-green-color);
}

.question__bottom {
    display: flex;
    gap: 10px;
}

.question__input-wrapper {
    border: 1px solid #eaebea;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    gap: 6px;
    flex: 1 0 55%;
}

.question__button {
    flex: 1 0 35%;
    padding: 15px;
    white-space: nowrap;
}

.question__input-wrapper input {
    flex-grow: 1;
}

.let-s-pick__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.let-s-pick__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-basis: 24%;
    flex-grow: 1;
    min-width: 295px;
    padding: 50px 40px;
    border: 1px solid var(--main-green-color);
    border-radius: 10px;
    cursor: pointer;
}

.let-s-pick__block:hover .let-s-pick__sub-title::after {
    opacity: 1;
}

.let-s-pick__svg {
    margin-bottom: 25px;
    max-width: 48px;
    max-height: 48px;
}

.let-s-pick__sub-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    transition: 0.1s ease 0s;
    position: relative;
    display: inline-block;
}

.review {
    position: relative;
}

.review-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.review__wrapper {
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-height: 750px;
}

.more .review__wrapper {
    max-height: unset;
}

.more .review__button-wrapper {
    display: none;
}

.review__column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1 0 32.3333%;
}

.review__col-block {
    min-width: 300px;
    padding: 30px;
    display: block;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    flex: 0 0 48.64%;
}

.review__profile-block {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 16px;
}

.review__profile-image {
    border-radius: 50%;
    overflow: hidden;
    max-width: 40px;
    min-width: 40px;
    max-height: 40px;
}

.review__profile-image img {
    width: 100%;
}

.review__profile-name {
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.review__profile-data {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.5);
}

.review__where {
    margin-left: auto;
    max-width: 26px;
    min-width: 26px;
    align-self: flex-start;
}

.review__where img {
    width: 100%;
}

.review__comment {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.review__button-wrapper {
    position: absolute;
    width: 100%;
    height: 220px;
    bottom: 0%;
    left: 0;
    background: linear-gradient(
        180deg,
        rgba(247, 247, 247, 0) 0%,
        #f7f7f7 23.44%
    );
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.review__btn {
    margin: 0px auto;
}


.footer {
    padding: 60px 0px;
}

.footer__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 25px 0px;
    justify-content: center;
}

.footer__col-block:not(:last-child) {
    margin-bottom: 30px;
}

.footer__col-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 30px;
}

.footer__col-item {
    color: #1b1b1b;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
}

.footer__col-item:not(:last-child) {
    margin-bottom: 15px;
}

.footer__col-contact {
    background: #ffffff;
    border: 1px solid #eaebea;
    border-radius: 10px;
    padding: 35px 40px;
}

.footer__col-contact .footer__col-title {
    margin-bottom: 25px;
}

.footer__col-phone {
    margin-bottom: 20px;
}

.footer__col-phone svg {
    margin-top: 3px;
}

.footer__button-call {
    padding: 12px 15px;
    width: 100%;
    max-width: 300px;
    justify-content: center;
    margin: 0px auto 15px;
}

.footer__button-call svg {
    color: var(--main-green-color);
}

.footer__location-block {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 20px;
}

.footer__location-block svg {
    width: 24px;
    height: 24px;
    color: var(--main-green-color);
}

.footer__loca-where {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 11px;
    transition: 0.1s ease 0s;
}

.footer__loca-where:hover {
    color: var(--main-green-color);
}

.footer__loca-description {
    font-size: 14px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.5);
}

.footer__social {
    display: flex;
    gap: 6px;
    color: var(--main-green-color);
}

.footer__bottom-main {
    border-top: 1px solid #eaebea;
    padding: 25px 0px;
}

.footer__bottom-info {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;

    color: #1b1b1b;

    opacity: 0.5;
    max-width: 700px;
    margin: 0px auto 28px;
}

.footer__row-bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 15px;
    flex-wrap: wrap;
}

.footer__row-bot .footer__logo {
    flex-basis: 17%;
}

.footer__logo a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer__copyright {
    font-size: 14px;
    line-height: 17px;
}

.footer__block-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
}

.footer__block-logo img {
    margin-bottom: 25px;
}

.footer__logo-description {
    font-size: 14px;
    line-height: 17px;
}

.col-bas-1 {
    flex-basis: 15%;
    flex-grow: 1;
}

.col-bas-2 {
    flex-basis: 15%;
    flex-grow: 1;
}

.col-bas-3 {
    flex-basis: 15%;
    flex-grow: 1;
}

.col-bas-4 {
    flex-basis: 20%;
    flex-grow: 1;
}

.col-bas-5 {
    flex-basis: 23%;
    flex-grow: 1;
    min-width: 250px;
}

.maintenance__wrapper {
    border-radius: 10px;
    overflow: hidden;
}

.maintenance__wrapper table {
    max-width: 100%;
    width: 100%;
}

.repair tr:first-child {
    justify-content: space-between;
}

.maintenance__wrapper td {
    display: flex;
    align-items: center;
    flex-basis: 20%;
    border: none !important;
}

.maintenance__wrapper tr {
    display: flex;
    padding: 28px 24px;
    justify-content: space-between;
}

.repair tr {
    justify-content: space-between;
}

.maintenance__wrapper tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.maintenance__wrapper tr:first-child {
    display: flex;
    padding: 16px 25px;
    background: var(--main-green-color);
    color: #ffffff;
}

.maintenance__wrapper tr a {
    color: var(--main-green-color);
}

.fixed-menu {
    display: none;
}

.none {
    display: none;
}

.product-info__sub-item a:hover {
    border-bottom: 1px solid #5ab030;
}

.unsets_i {
    width: unset !important;
}

.modal-wrapper {
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(1, 1, 1, 0.5);
    display: none;
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.modal {
    max-width: 500px;
    width: 100%;
    background-color: white;
    padding: 30px 40px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.modal-title {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 7px;
}

.modal-subtitle {
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
}

.modal-cross {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.modal-cross::before,
.modal-cross::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 20px;
    display: block;
    background-color: #a4a4a4;
    transform: rotate(135deg);
}

.modal-cross::after {
    transform: rotate(-135deg);
}

.modal-validation-error {
    color: red;
    display: none;
}

.modal-send-success {
    color: #212321;
    display: none;
}

.plus-item {
    padding: 40px 40px 70px 40px;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    background-repeat: no-repeat;
    background-position-x: 22px;
    background-position-y: 24px;
    background-color: #FCFCFC;
    border: 1px solid #EAEBEA;
    max-width: 380px;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.plus-item::before {
    content: '';
    position: absolute;
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position-x: 40px;
    background-position-y: 40px;
}

.plus-item:nth-of-type(1)::before {
    background-image: url(/images/pluses/soil.svg);
}

.plus-item:nth-of-type(2)::before {
    background-image: url(/images/pluses/thumb-up.svg);
}

.plus-item:nth-of-type(3)::before {
    background-image: url(/images/pluses/wrench.svg);
}

.plus-item_title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-top: 70px;
}

.plus-item_subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-top: 14px;
}

.pluses-block {
    margin-top: 28px;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.selection {
    position: relative;
    z-index: 1;
    margin-top: 100px;
}

.selection-con {
    background: #FCFCFC;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    position: relative;
    z-index: 1;
}

.selection-con::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background: url(/files/selectionSeptik/circle.png) no-repeat right;
    background-size: contain;
}

.selection-info {
    padding: 70px 0 70px 70px;
}

.selection-info__title {
    font-weight: 900;
    font-size: 30px;
}

.selection-info__subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-top: 16px;
}

.selection-info__quiz {
    margin-top: 50px;
}

.selection-info__quiz-title {
    font-weight: 900;
    font-size: 20px;
}

.selection-info__quiz-list {
    margin-top: 16px;
}

.selection-info__quiz-list-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 10px;
    margin-bottom: 14px;
}

.selection-info__quiz-list-item:last-child {
    margin-bottom: 0px;
}

.selection-info__quiz-list-item p {
    font-weight: 500;
    font-size: 16px;
}

.selection-info__btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 12px;
    align-items: center;
    margin-top: 40px;
    width: 219px;
}

.selection-info__btn p {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

.selection-septik {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -198px;
    z-index: -1;
}

section#about {
    padding-top: 50px;
}

.header__animate_in {
    opacity: 1;
    transition: all ease-in-out .3s;
    transform: translate(-100px);
}

.header-search-modal {
    position: absolute;
    width: 100%;
    top: 33px;
    left: 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 10px;
    z-index: 999;
    font-size: 16px;
    padding: 35px 20px 20px;
    height: auto;
    max-height: 50vh;
    overflow-y: auto;
    box-shadow: rgb(17 12 46 / 15%) 0 48px 100px 0;
    display: none;
}

.header-search-modal a {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.header-search-modal a:hover {
    background-color: rgba(0, 0, 0, .05);
}

.header-search-modal span:nth-child(2) {
    color: #d3d3d3;
}

.green-link {
    color: #5cb955 !important;
    font-weight: 700;
    text-decoration: underline !important;
    display: inline !important;
    padding: 0 !important;
    transition: all ease-in-out .3s;
}

.gallery__box {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 20px;
}

.gallery__box_item {
    max-width: 225px;
    width: 100%;
}

.gallery__box_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portfolio-buttons .button {
    margin-right: 10px;
    padding: 8px 15px 9px 15px;
    background: #f7f7f7;
    border-radius: 2px;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #000;
    font-weight: 600;
}

.portfolio-buttons {
    margin: 30px 0;
}

.video-reviews {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    width: 100%;
    padding: 30px 10px;
}

.review__player {
    position: relative;
    width: 48%;
}

.review__iframe {
    width: 100%;
    height: 400px;
}

.single-reviews__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.single-reviews__button a {
    color: #fff !important;
    transition: all ease-in-out .3s;
    background: #0dad43;
    border-radius: 10px;
    text-align: center;
    padding: 15px 20px;
    cursor: pointer;
}

.single-comment__container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 9999;
    background-color: #0000009e;
    overflow: auto;
    padding: 50px 0;
}

.single-comment__container form {
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    max-width: 400px;
    width: 100%;
    background-color: #fff;
    border: 3px solid #5ab353;
    border-radius: 20px;
    position: relative;
}

.single-comment__container form .cross {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
}

.comment__form > label {
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 15px;
}

.comment__avatar__container, .comment__gallery__container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.comment__avatar input, .comment__gallery input {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.comment__avatar__container > div, .comment__gallery__container > div, .comment__gallery__container > img {
    margin: 0 10px 10px 0;
}

.comment__star + label {
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    background: center/cover no-repeat url("/img/card/gold-star.svg");
    display: inline-block;
}

.star-empty {
    -webkit-filter: brightness(0);
    filter: brightness(0);
    opacity: .3;
}

.comment__rating input[type="radio"] {
    display: none;
}

.comment__avatar, .comment__gallery {
    position: relative;
    width: 96px;
    height: 96px;
    border: 3px solid;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-image: var(--gradient);
    border-image-slice: 1;
    cursor: pointer;
}

.comment__avatar span, .comment__gallery span {
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    width: 24px;
    height: 24px;
}

.comment__accept {
    display: flex;
    width: 100%;
    margin: 15px 0;
}


.single-comment__container form .cross::after, .single-comment__container form .cross::before {
    content: '';
    width: 20px;
    height: 3px;
    background-color: #000;
    position: absolute;
    left: calc(50% - 10px);
    top: 50%;
    transform: rotate(-45deg);
    cursor: pointer;
}

.single-comment__container form .cross::after {
    transform: rotate(45deg);
}

#comment__text {
    border: 2px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 100%;
    padding: 10px;
    resize: vertical;
}

#comment__name {
    width: 100%;
    max-width: 100%;
    border: 2px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.review-submit {
    box-shadow: none;
    cursor: pointer;
    padding: 15px 10px;
    flex-grow: 1;
    background: var(--main-green-color) !important;
    border-radius: 6px;
    text-align: center;
    color: white;
}

.card__compare-icon,
.card__favorites-icon {
    background-image: url(/img/main/card/compare.svg);
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

.card__favorites-icon {
    background-image: url(/img/main/card/Favorites.svg);
}

.card__compare-icon.active {
    background-image: url(/img/main/card/compare-active.svg);
}

.card__favorites-icon.active {
    background-image: url(/img/main/card/favorites-active.svg)
}

.table-wrapper {
    position: relative;
    overflow-x: auto;
}

.comparsion-table tr {
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.comparsion-table td,
.comparsion-table th:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.comparsion-table td, .comparsion-table th:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

table .service-item.service-item_sravnenie {
    flex-direction: row;
    border: none;
    width: 254px;
    align-items: center;
    padding: 0;
}

.service-item_sravnenie .service-info-second {
    margin-top: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    height: 105px;
    justify-content: space-between;
}

table .service-item.service-item_sravnenie > a {
    height: unset;
    padding: 0 10px 0 0;
}

.service-item-img-container_sravnenie .service-item-img-container-favorites,
.service-item-img-container_sravnenie .service-item-img-container-favorites.active {
    top: -10px;
    right: 25px;
}

.comparsion-table {
    overflow-x: auto;
}

.post-item_sravnenie {
    display: flex;
    gap: 10px;
    padding: 0 10px;
    position: relative;
}

.table__header {
    position: sticky;
    background-color: white;
    left: 0;
    padding: 0 !important;
}

.table__header_span {
    display: block;
    font-size: 15px;
    height: 100%;
    padding: 10px;
    line-height: 1;
    font-weight: 600;
    width: 125px;
}

table .service-item.service-item_sravnenie img {
    object-fit: cover;
    max-width: 200px;
    width: 100%;
}

.comparsion-table td {
    font-size: 15px;
    padding: 10px;
}

.service-item-button_sravnenie {
    padding: 10px !important;
    white-space: nowrap;
}

.service-item-button_sravnenie:after {
    display: none;
}

table .service-item.service-item_sravnenie:hover {
    box-shadow: none;
}

.documents-content {
    font-size: 30px;
}

.documents-content li a {
    font-size: 20px;
    color: var(--main-green-color);
    text-decoration: underline;
}

.regular-h2 {
    font-size: 30px;
}
.seo-page_text{
    font-size: revert;
}
.seo_page_text p, .seo_page_text li, .seo_page_text ul, .seo_page_text ol, .seo_page_text h2, .seo_page_text h3, .seo_page_text h4, .seo_page_text h5, .seo_page_text h6{
    margin: revert;
    font-size: revert;
    list-style: revert;
    padding: revert;
    word-wrap: break-word;
}
.intro__btn-name{
    text-align: left;
}
.drenazh-price__wrap h4{
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    font-weight: revert;
}
.heating-type {
    margin-top: 50px;
    padding: 70px;
    background: #EAEBEA;
}
.container2 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    padding-left: 10px;
    max-width: 1255px;
    width: 100%;
}
.container2 h2{
    font-size: revert;
    font-weight: revert;
    text-align: center;
}


.sitemap__container a{
    color: var(--main-green-color);
    margin-bottom: 10px;
    overflow: hidden;
}

.sitemap_links{
    columns: 4;
    line-height: 1.5;
    margin-bottom: 20px;
}

.sitemap_title{
    display: block;
    font-weight: bold;
}

@media screen and (max-width: 928px) {
    .heating-type__con{
        flex-direction: column;
        align-items: center;
    }
    .heating-type__item{
        margin-bottom: 30px;
        width: 100% !important;
    }
}
@media (max-width: 1250px){
    .container2 {
        width: 100%;
        max-width: 1210px;
    }
}
@media (max-width: 768px) {
    .container2 {
        width: 100%;
        max-width: 720px;
    }

    .sitemap_links{
        columns: 3
    }
}
@media (max-width: 576px) {
    .container2 {
        width: 100%;
        max-width: 540px;
    }

    .sitemap_links{
        columns: 2
    }
}

@media (max-width: 420px) {
    .sitemap_links{
        columns: 1
    }
}

@media (min-width: 1250px) {
    .container2 {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (min-width: 768px){
    .container2 {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (min-width: 576px) {
    .container2 {
        padding-right: 10px;
        padding-left: 10px;
    }
}
.heating-type__con {
    display: flex;
    flex-wrap: wrap;
    gap: 0 60px;
    margin-top: 30px;
}
.heating-type__item {
    width: calc( ( 100% - 60px ) / 2);
    padding: 50px 40px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(186, 186, 186, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.heating-type__item-info {
    margin-top: 20px;
}
.heating-type__item-list {
    margin-top: 16px;
}
.heating-type__item-btn-hidden {
    background: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #487844;
    border: none;
    margin-top: 30px;
    padding: 0;
    cursor: pointer;
    position: relative;
    outline: none;
}
.heating-type__item-info {
    margin-top: 20px;
}
.heating-type__item-price {
    margin-top: 30px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
.heating-type__item-list-plus{
    font-size: revert;
    font-weight: revert;
    line-height: 30px;
}
.heating-type__item-info-text{
    font-weight: revert;
    font-size: revert;
}
.heating-type__item-list-text-wrap li::marker{
    color: #60c858;
}
.heating-type__item-info-title{
    font-size: 19px!important;
}
.vodosnabzhenie-about {
    margin-top: 100px;
}
.vodosnabzhenie-about__wrap{
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    padding: 50px;
}
.vodosnabzhenie-about__wrap-text{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.vodosnabzhenie-about__text{
    width: 624px;
}
@media (max-width: 1250px) {
    .vodosnabzhenie-about__wrap-text {
        flex-wrap: wrap;
        gap: 20px 20px;
    }
}
@media (max-width: 1250px) {
    .vodosnabzhenie-about__text {
        width: 100%;
    }
}
.vodosnabzhenie-about__wrap p{
    font-size: revert;
    font-weight: revert;
    padding: revert;
    margin: revert;
}
.vodosnabzhenie-about__wrap ul li{
    font-size: revert;
    font-weight: revert;
    list-style: revert;
    padding: revert;
    margin: revert;
}
.vodosnabzhenie-about__wrap ul{
    font-size: revert;
    font-weight: revert;
    list-style: revert;
    padding: revert;
    margin: revert;
}
.vodosnabzhenie-about__wrap h2{
    font-weight: revert;
    font-size: revert;
    text-align: left;
    padding: revert;
    margin: revert;
}
.vodosnabzhenie-about__wrap{
    line-height: 32px;
    text-align: left;
}
@media (max-width: 1250px) {
    .vodosnabzhenie-about__wrap-text img {
        width: 100%;
        height: auto;
    }
}
.heating-type__item-info-title{
    margin-bottom: 10px;
}
@media screen and (max-width: 430px){
    .heating-type{
        padding: 10px;
    }
    .heating-type__item-list-title{
        font-size: 16px;
    }
}
@media (max-width: 767.98px) {
    .header-nav__button-call {
        display: flex!important;
        width: 204px!important;
    }
}
.burenie-type__wrap-item p
{
    padding: revert;
    margin: revert;
    font-size: revert;
    font-weight: revert;
}
.burenie-type__wrap-item strong
{
    padding: revert;
    margin: revert;
    font-size: revert;
    font-weight: revert;
}
.burenie-type__item-price{
    margin-top: 30px!important;
    font-weight: 600!important;
    font-size: 17px!important;
    line-height: 20px!important;
}
.vodosnabzhenie_table .models tr:first-child td,.vodosnabzhenie_table .models tr:nth-child(2) td{
    background-color:white !important;
    color: #000;
    font-size: 16px;
    font-weight: 500!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;

}
.vodosnabzhenie_table thead tr th:first-child{
    padding-left: 15px;
}
.vodosnabzhenie_table tr td:last-child{
    width: 140px;
}
.vodosnabzhenie_table thead tr th{
    color: white;
    background-color: #5ab030 !important;
    font-size: 19px;
    height: 50px;
}
.vodosnabzhenie_table h2{
    font-size: revert;
    font-weight: revert;
    padding: revert;
    margin: revert;
    text-align: center;
}
.arrangement-type__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    margin-top: 30px;
}
.arrangement-type__item{
    width: calc( ( 100% - 60px) / 4 );
    padding: 50px 12px;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    background: #FFFFFF;
    border: 1px solid #EAEBEA;
    box-shadow: 0px 10px 20px rgba(186, 186, 186, 0.3);
    border-radius: 2px;
}
.arrangement-type__item p:nth-of-type(1) {
    padding: 8px 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    min-height: 64px;
    text-align: center;
}
.arrangement-type__item div {
    width: 100%;
    height: 256px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrangement-type__item p:nth-of-type(2) {
    padding: 8px;
    min-height: 50px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    opacity: 0.5;
    text-align: center;
}
.arrangement-type__item p:nth-of-type(3) {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    text-align: center;
}
.arrangement-type__item p:nth-of-type(4) {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    opacity: 0.5;
    text-align: center;
}
.arrangement-type__item div img {
    object-fit: contain;
}
.arrangement-type__item p:nth-of-type(4) span {
    text-decoration-line: line-through;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: center;
}
.arrangement-type__item a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #000000;
    text-align: center;
    width: max-content;
    margin: 0 auto;
}
.arrangement-type__item button {
    margin-top: 10px;
}
.arrangement-about__wrap{
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    padding: 50px;
}
.arrangement-about__wrap p{
    font-size: revert;
    font-weight: revert;
    margin: revert;
    padding: revert;
}
.arrangement-about__wrap h2, .arrangement-about__wrap h3, .arrangement-about__wrap h4, .arrangement-about__wrap h5, .arrangement-about__wrap h6{
    font-size: revert;
    font-weight: revert;
    margin: revert;
    padding: revert;
}
.arrangement-type__item div img{
    width: 80% !important;
}
.comparsion-table tr:first-child th:first-child{
    width: 274px;
    display: flex;
    border: none;
    height: 325px;
    padding-top:30px;
    flex-direction: column;
    justify-content: start;
    position: sticky;
    left: 0;
    z-index: 2;
    background: white;
}
.comparsion-table tr:first-child th:first-child img{
    width: 90%;
    margin:30px auto 0 auto;
}
.comparsion-table tr td:first-child{
    text-align: center;
}
.comparsion-table .table__header_span{
    width: 100% !important;
    text-align: center!important;
}
@media screen and (max-width: 430px){
    .comparsion-table tr:first-child th:first-child img{
        display: none;
    }
    .comparsion-table tr:first-child th:first-child{
        align-items: center;
        justify-content: center;
        width: auto;
    }
}
.compare__row-1{
    margin-left: 0!important;
}
.compare figure.table table td{
    height: auto;
    padding: 15px 5px;
}
.compare__block{
    min-width: 305.8px!important;
    max-width: 305.8px!important;
    border: none!important;
}
@media (max-width: 430px){
    .compare__block{
        min-width: 303.5px!important;
        max-width: 303.5px!important;
    }
}
.compare__block_first{
    align-items: center;
    justify-content: start !important;
    font-weight: 700;
}
.compare__block_first img{
    margin-top: 70px;
}
.modal-wrapper-big textarea{
    border: 1px solid rgb(234, 235, 234);
    border-radius: 6px;
    height: 125px;
    padding: 12px;
    font-size: 14px;
    resize: vertical;
}
.modal-title-success{
    font-weight: bold;
    font-size: 25px;
}
.delivery__columns a{
    font-size: 16px;
    line-height: 28px;
    color: var(--main-green-color);
    display: flex;
    width: 100%;
}

.section .section{
    padding-bottom: 0px!important;
}
@media (max-width: 767.98px){
    .section.section{
        padding-bottom: 0!important;
    }
}
.__teams img{
    height: 400px!important;
}
.delivery__wrapper{
    padding-bottom: 50px;
}
.seo__category_text{
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}
.card__compare-icon, .card__favorites-icon, .card-product-main__swiper-link{
    cursor: pointer;
}
.card_share{
    display: none;
    position: relative;
    top: 10px;
    width: 230px;
    min-height: 125px;
    gap: 15px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 10px;
    z-index: 99;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 1px 20px rgb(0 0 0 / 13%);
}
.card_share span{
    font-size: 17px;
}
.card_share div{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 100%;
    gap: 20px;
}
.card_share svg{
    width: 20px;
    height: 20px;
}
.card_share_open{
    display: flex;
}
.let-s-pick__block2{
    padding: 0;
    max-height: 220px;
    align-items: center;
    border: none !important;
}
.let-s-pick__block2 .let-s-pick__sub-title{
    margin-top: 5px;
}
.let-s-pick__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.let-s-pick__img img{
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}

.breadcrumbs {
    padding: 35px 0px 5px 0px;
}

.breadcrumbs-active {
    color: var(--main-green-color);
    pointer-events: none;
}

.breadcrumbs__list {
    display: flex;
    font-size: 14px;
    color: #1b1b1b;
    gap: 8px;
    flex-wrap: wrap;
}

.breadcrumbs__list span,
.breadcrumbs__list a {
    opacity: 0.5;
}

.breadcrumbs-active a {
    opacity: 1;
}

.catalog-title-block__title-wrapper{
    display: flex;
    gap: 10px;
    align-items: center;
    max-width: 605px;
    width: 100%;
}

.catalog-title-block {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: space-between;
}

.catalog__category-block_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.catalog__category-block_title option{
    padding: 10px;
    margin-bottom: 10px;
}

.catalog__filter-select{
    border-radius: 10px;
    cursor: pointer;
    background: #f7f7f7;
    border: none;
    height: 100%;
    padding: 8px 5px;
}

.catalog-title-block__how-many {
    position: relative;
    top: 4px;
    padding: 4px 12px;
    background: var(--main-green-color);
    color: #ffffff;
    border-radius: 4px;
    margin-right: auto;
}

.catalog-title-block__how-many span {
    position: relative;
    z-index: 1;
}

.catalog-title-block__how-many::before {
    content: '';
    position: absolute;
    top: 0;
    left: -5px;
    width: 4px;
    height: 5px;
    border: 20px solid transparent;
    border-top: 20px solid var(--main-green-color);
}

.block-calculate {
    display: flex;
    align-items: center;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0.4),
        rgba(255, 255, 255, 0.4)
    ),
    linear-gradient(89.84deg, #e59317 0.09%, #5ab030 99.86%);
    border-radius: 10px;
    padding: 18px 20px;
    flex-grow: 1;
    max-width: 690px;
    gap: 15px;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
}

.block-calculate .block-calculate__btn {
    color: #ffffff;
}

.block-calculate__text {
    color: #000000;
    z-index: 1;
}

.block-calculate__sub-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
}

.block-calculate__description {
    font-size: 14px;
    line-height: 17px;
}

.block-calculate__image {
    margin-left: auto;
    position: absolute;
    left: 55%;
    max-width: 109px;
}

.block-calculate__image img {
    min-height: 78px;
}

.block-calculate__btn {
    display: flex;
    padding: 10px 20px;
    gap: 8px;
    background: var(--main-orange-color);
    border: 1px solid var(--main-orange-color);
    border-radius: 6px;
    margin-left: auto;
    z-index: 1;
}

.block-calculate__btn img {
    transition: 0.2s ease 0s;
}

.block-calculate__btn:hover img {
    transform: translate(2px, 0px);
}

.catalog {
    gap: 20px;
    display: flex;
}

.catalog__category-block .swiper-wrapper {
    max-width: 500px;
}

.block-category__title {
    margin-bottom: 5px;
}

.catalog-title-block {
    margin-bottom: 40px;
}

.catalog-wrapper {
    margin-left: 20px;
}

.catalog-cards {
    padding-bottom: 30px;
}

.catalog-wrapper .card {
    width: calc((100% - 40px) / 3);
}

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

.catalog-show-more-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.catalog-show-more-link {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.catalog-show-more-link:hover svg {
    transform: translate(2px, 0px);
}

.catalog-show-more-link a {
    display: flex;
    align-items: center;
    gap: 12px;
}

.catalog-show-more-link svg {
    transition: 0.2s ease 0s;
    font-size: 18px;
    line-height: 22px;
    color: var(--main-green-color);
}

.catalog-pagination-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-pagination {
    display: flex;
    align-items: center;
    gap: 12px;
}

.catalog-pagination__bullet {
    line-height: 150%;
    text-align: center;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #d5d7d5;
    border-radius: 100px;
    cursor: pointer;
}

.catalog-bullet-active {
    border: 2px solid var(--main-green-color);
    pointer-events: none;
    border-radius: 100px;
}

.catalog-bullet-active .catalog-pagination__bullet {
    border: unset;
    pointer-events: none;
    border-radius: 100px;
}

.catalog-pagination__bullet-next {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebe9e9;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.1s ease 0s;
}

.catalog-pagination__bullet-next:hover {
    background: #d1d1d1;
}

.catalog-slidebar {
    display: none;
}

.catalog-aside {
    max-width: 295px;
    background-color: #ffffff;
}

.catalog-aside__main {
    padding: 40px;
    border: 1px solid #eaebea;
    position: relative;
}

.filter__show_btn{
    position: absolute;
    right: -40%;
    padding: 20px;
    background-color: var(--main-green-color);
    color: white;
    font-size: 16px;
    z-index: 2;
    cursor: pointer;
    display: none;
    border-radius: 5px;
}

.catalog-aside-block:not(:last-child) {
    margin-bottom: 50px;
}

.filter-price__title {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 20px;
}

.filter-price__slider {
    margin-bottom: 14px;
    width: calc(100% - 16px);
}

.filter-price__inputs {
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.filter-price__label {
    border: 1px solid #d5d7d5;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.filter-price__input {
    padding: 0px 8px;
    width: 90px;
    height: 33px;
}

.noUi-target {
    background: #e8e8e8;
    border: none;
    border-radius: 23px;
    box-shadow: none;
    height: 6px;
}

.noUi-connect {
    background-color: var(--main-green-color);
}

.noUi-handle::after,
.noUi-handle::before {
    display: none;
}

.noUi-handle {
    box-shadow: none;
    border-radius: 100%;
    background-color: #ffffff;
    border: 3px solid var(--main-green-color);
    cursor: pointer;
}

.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 20px;
    top: -7px;
}

.catalog-aside__tabs {
    margin-bottom: 30px;
}

.catalog-aside__tab {
    padding: 30px 0px;
    border-bottom: 1px solid #eaebea;
}

.aside-tab-active .catalog-aside__tab-body {
    display: block;
}

.aside-tab-active .catalog-aside__title-block svg {
    transform: rotate(180deg);
    color: var(--main-green-color);
}

.catalog-aside__title-block {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    gap: 5px;
    cursor: pointer;
}

.catalog-aside__title-block svg {
    margin-left: auto;
    pointer-events: none;
    transition: 0.2s ease 0s;
}

.catalog-aside__sub-title {
    pointer-events: none;
}

.catalog-aside__tab-body {
    height: 345px;
    margin-top: 20px;
    overflow-y: scroll;
    display: none;
}

.catalog-aside__tab-body::-webkit-scrollbar {
    width: 6px;
    background: #d5d7d500;
}

.catalog-aside__tab-body::-webkit-scrollbar-thumb {
    background: #d5d7d5;
    border-radius: 11px;
    width: 6px;
}

.catalog-aside__tab-body::-webkit-scrollbar-thumb:active {
    background: var(--main-green-color);
}

.catalog-aside__block-checkbox {
    font-size: 14px;
    line-height: 17px;
    position: relative;
}

.catalog-aside__block-checkbox:not(:last-child) {
    margin-bottom: 16px;
}

.catalog-aside__checkbox {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.catalog-aside__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.catalog-aside__checkbox:checked + .catalog-aside__label::before {
    background: var(--main-green-color) url(/img/catalog/aside/check.svg) center no-repeat;
    border: none;
}

.catalog-aside__label::before {
    content: '';
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: 1px solid #b0b0b0;
    border-radius: 2px;
    transition: background-color 0.1s ease 0s;
}

.catalog-aside__bootom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.catalog-aside__button {
    gap: 20px;
    padding: 13px 30px;
    margin-bottom: 30px;
}

.catalog-aside__reset {
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    color: #7f7f7f;
}

.catalog-aside__popular-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 28px;
}

.catalog-aside__popular-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.catalog-aside__popular-item {
    background: #d5d7d5;
    border-radius: 20px;
    padding: 8px 15px;
    flex-grow: 1;
    text-align: center;
    transition: 0.1s ease 0s;
}

.catalog-aside__popular-item:hover {
    background: var(--main-green-color);
    color: #ffffff;
}

.catalog-aside__help {
    padding: 20px;
    background: #f7f7f7;
    border: 1px solid #d5d7d5;
    border-radius: 6px;
}

.catalog-aside__help-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}

.catalog-aside__item {
    font-size: 14px;
    line-height: 17px;
    padding: 8px 0px;
}

.catalog-aside__item a {
    transition: 0.1s ease 0s;
}

.catalog-aside__item a:hover {
    color: var(--main-green-color);
}

.catalog-aside__item:not(:last-child) {
    border-bottom: 1px solid #d5d7d5;
}

.catalog-aside__sewerage-block {
    font-size: 14px;
    line-height: 17px;
}

.catalog-aside__sewerage-block:not(:last-child) {
    margin-bottom: 30px;
}

.catalog-aside__sewerage-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.catalog-aside__sewerage-body {
    display: flex;
    gap: 20px;
}

.catalog-aside__sewerage-image {
    position: relative;
    max-width: 85px;
    overflow: hidden;
    border-radius: 6px;
    flex-grow: 1;
}

.catalog-aside__sewerage-span {
    position: absolute;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 0px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: var(--main-green-color);
    border-radius: 6px;
}

.catalog-aside__sewerage-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catalog-aside__sewerage-item {
    padding: 2px;
}

.popular-septic .title {
    margin-bottom: 5px;
}

.popular-septic__cards {
    padding-bottom: 20px;
}

.popular-septic__btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    color: #ffffff;
}

.popular-septic__btn {
    padding: 15px 30px;
    background: var(--main-orange-color);
    border-radius: 6px;
    transition: 0.1s ease 0s;
}

.popular-septic__btn:hover {
    background: var(--main-orange-hover);
}

.services__title {
    margin-bottom: 20px;
}

.services__links {
    margin-bottom: 20px;
    color: #000000;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.services__link {
    text-align: center;
    padding: 8px 15px;
    background: #eaebea;
    border-radius: 100px;
    transition: 0.1s ease 0s;
}

.services__link:hover {
    background: var(--main-green-color);
    color: white;
}

.services__link-box {
    display: flex;
    align-items: flex-start;
}

.how-we-work__title {
    margin-bottom: 19px;
}

.how-we-work__wrapper {
    display: flex;
    gap: 12px;
    position: relative;
}

.how-we-work__wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    border: 1px dashed #d5d7d5;
    top: 60px;
}

.how-we-work__block {
    flex-basis: 16.6666%;
}

.how-we-work__block-top {
    margin-bottom: 25px;
}

.how-we-work__count {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    background: var(--main-green-color);
    border-radius: 31px;
    position: relative;
}

.how-we-work__count::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    bottom: -12px;
    border-radius: 8px;
    background: var(--main-green-color);
}

.how-we-work__block-text {
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.how-we-work__span-color {
    color: var(--main-green-color);
}

.let-s-pick-section {
    background: #f7fcfb;
}

.delivery {
    background: #f7f7f7 url(img/catalog/delivery/delivery.png) center / 58% no-repeat;
}

.delivery__title {
    text-align: center;
}

.delivery__columns {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*gap: 10px;*/
    /*justify-content: space-between;*/
    columns: 7;
}

.delivery__list {
    font-size: 16px;
    line-height: 28px;
    color: var(--main-green-color);
}

.advantages__title {
    text-align: center;
}

.advantages__wrapper {
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 60px;
    column-gap: 100px;
}

.advantages__block {
    display: flex;
    gap: 20px;
    flex-basis: 45%;
    flex-grow: 1;
}

.advantages__image {
    align-items: flex-start;
    flex-shrink: 0;
}

.advantages__list-block {
    color: #000000;
}

.advantages__sub-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 6px;
}

.advantages__list {
    display: flex;
    flex-direction: column;
}

.advantages__item {
    font-size: 16px;
    line-height: 20px;
    padding: 6px 0px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.advantages__item::before {
    content: '';
    min-width: 17px;
    max-width: 17px;
    height: 13px;
    max-height: 13px;
    background: url(img/catalog/advantages/arrow.svg) center / 100% no-repeat;
}


.mistakes {
    background-color: #ffffff;
    padding-top: 100px;
}

.mistakes__body {
    position: relative;
    border-radius: 10px;
}

.mistakes__background {
    content: '';
    width: 100%;
    border-radius: 10px;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    backdrop-filter: blur(1.5px);
    z-index: 0;
}

.mistakes__background::before {
    content: '';
    background: rgba(75, 76, 77, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mistakes__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mistakes__main {
    color: #ffffff;
    backdrop-filter: blur(1px);
    padding: 60px;
}

.mistakes__block-title {
    margin-bottom: 40px;
}

.mistakes__title {
    color: #ffffff;
    margin-bottom: 15px;
}

.mistakes__sub-title {
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
}

.mistakes__main-blocks {
    display: flex;
    margin-bottom: 40px;
    gap: 25px;
}

.mistakes__count-block {
    width: 40px;
    height: 40px;
    background: var(--main-green-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 31px;
    position: relative;
}

.mistakes__count-block::before {
    content: '';
    position: absolute;
    bottom: -12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--main-green-color);
}

.mistakes__count {
    font-size: 18px;
    line-height: 22px;
}

.mistakes__text-block {
    color: #ffffff;
}

.mistakes__text-sub-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
}

.mistakes__text {
    font-size: 14px;
    line-height: 17px;
}

.mistakes__info {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
}

.mistakes__form-main {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}

.mistakes__input-wrapper {
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    padding: 15px 20px;
    color: black;
}

.mistakes__button {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    background: var(--main-green-color);
    padding: 15px 30px;
    border-radius: 6px;
}

.mistakes__checkbox-block {
    position: relative;
}

.mistakes__checkbox {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
}

.mistakes__label {
    display: inline-flex;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    gap: 6px;
}

.mistakes__checkbox:checked + .mistakes__label::before {
    background: #FFFFFF url(/img/help-form/checkmark.svg) center / 75% no-repeat;
}

.mistakes__label::before {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: 1px solid #d5d7d5;
    border-radius: 2px;
    background: #ffffff;
}

.mistakes__selected {
    cursor: pointer;
    font-size: 14px;
    line-height: 17px;
    min-width: 155px;
    display: flex;
    position: relative;
    align-items: center;
    background: #ffffff;
    border-radius: 6px;
    padding: 10px 25px 10px 20px;
    min-height: 46px;
    max-height: 46px;
    color: black;
    z-index: 5;
}

.mistakes__selected img {
    flex-shrink: 0;
    max-width: 18px;
}

.mistakes__selected.d_block-open.mistakes__selected::after {
    transform: rotate(180deg);
}

.mistakes__selected::after {
    content: '';
    position: absolute;
    right: 13px;
    width: 14px;
    height: 8px;
    z-index: 3;
    transition: 0.2s ease 0s;
    background: url(img/catalog/form/arrow.svg) center / contain no-repeat;
}

.mistakes__select-body {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    border: 1px solid #d5d7d5;
    overflow: hidden;
    border-radius: 0px 0px 6px 6px;
}

.mistakes__options {
    display: flex;
    color: #000;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 17px;
}

.mistakes__option {
    display: flex;
    color: #000000;
    padding: 8px 20px;
    background: #ffffff;
    cursor: pointer;
    font-size: 14px;
    gap: 8px;
    line-height: 17px;
    transition: 0.1s ease 0s;
}

.mistakes__option:hover {
    background: #e7e7e7;
}

.mistakes__option:not(:last-child) {
    border-bottom: 1px solid #d5d7d5;
}

.mistakes__input-wrapper {
    font-size: 14px;
    line-height: 17px;
}

.mistakes__options {
    display: none;
}

.d_block {
    display: flex;
}

.d_block-open:first-child {
    border-radius: 6px 6px 0px 0px;
    display: flex;
}

.d_block-open {
    border-radius: 0px 0px 6px 6px;
    display: block;
}

.description.section :not(.wrapper.wrapper_1255) {
    font-weight: revert;
    font-size: revert;
    line-height: revert;
    padding: revert;
    margin: revert;
}

.description__title {
    margin-bottom: 14px;
}

.description__main-text {
    margin-bottom: 30px;
}

.description__text {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 16px;
}

.description__image-wrapper {
    padding: 48px 0px;
    margin-bottom: 16px;
}

.description__image {
    margin-bottom: 16px;
}

.description__image {
    max-width: 780px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 400px;
}

.description__signature {
    font-size: 14px;
    line-height: 150%;
    padding-left: 8px;
    position: relative;
    border-left: 2px solid black;
}

.description__title-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 16px;
}

.description__quote {
    padding: 20px 24px 20px 24px;
    font-style: italic;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 16px;
    position: relative;
    border-left: 4px solid black;
}
.category-swiper .swiper-slide{
    font-weight: 300;
    font-size: 14px;
    line-height: 129.5%;
}
.catalog-cards{
    gap: 10px;
}
.catalog-wrapper .card{
    width: calc((100% - 30px) / 4);
    padding:10px;
}
.catalog-wrapper .card__price-block{
    align-items: start;
    flex-direction: column;
}
.catalog-wrapper .card__price-block span{
    display: none;
}
.card__block-info{
    margin-bottom: auto;
}
.catalog-cards .card__price-block .card__main-price:first-child{
    margin-bottom: 5px;
}
.card-product-main__title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 40px;
}

.card-product-main__title-wrapper h1 {
    margin-bottom: 0px;
}

.card-product-main__stars-wrapper {
    display: flex;
}

.rating-area {
    overflow: hidden;
}

.rating-area:not(:checked) > input {
    display: none;
}

.rating-area:not(:checked) > label {
    float: right;
    width: 18px;
    padding: 0;
    cursor: pointer;
    font-size: 19px;
    line-height: 32px;
    color: lightgrey;
}



.rating-area > input:checked ~ label {
    color: #f8ae3f;
}

.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    color: #f8ae3f;
}

.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    color: #f8ae3f;
}

.rate-area > label:active {
    position: relative;
}

.card-product-main__product-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.card-product-main__swiper-block {
    display: flex;
    gap: 30px;
    position: relative;
}

.card-product-main__wrapper-links {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 5;
}

.card-product-main__swiper-link {
    max-width: 18px;
    width: 100%;
}

.product-swiper-2 {
    max-width: 100px;
    max-height: 300px;
    overflow: hidden;
}

.product-swiper-2 .swiper-wrapper {
    max-width: 300px;
}

.product-swiper-2 .swiper-slide a {
    display: flex;
    width: 100%;
    height: 100%;
}

.product-swiper .swiper-slide a img {
    object-fit: contain;
    max-width: 300px;
    width: 100%;
    height: 100%;
}

.product-swiper-2 .swiper-slide img {
    padding-left: 10px;
}

.swiper-slide-thumb-active {
    border-radius: 2px;
    border-left: 2px solid var(--main-green-color);
}

.product-swiper {
    max-width: 300px;
    max-height: 300px;
    position: relative;
    overflow: hidden;
}

.product-swiper-2 .swiper-slide img {
    min-width: 95px;
}

.card-product-main__block-info {
    flex-basis: 30%;
    flex-grow: 1;
}

.card-product-main__info-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 17px;
}

.card-product-main__info-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.card-product-main__link {
    padding: 8px 15px;
    font-size: 16px;
    line-height: 17px;
    background: #f7f7f7;
    border-radius: 20px;
    transition: 0.1s ease 0s;
}

.card-product-main__link:hover {
    background: var(--main-green-color);
    color: #ffffff;
}

.card-product-main__block .product-info__sub-item:first-child {
    opacity: 0.5;
}

.card-product-main__price-block {
    flex-basis: 20%;
    flex-grow: 1;
    min-width: 333px;
}

.block-price {
    border: 1px solid #eaebea;
    border-radius: 10px;
    padding: 40px;
}

.block-price__main-block {
    margin-bottom: 15px;
}

.block-price__top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.block-price__price-topical {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    white-space: nowrap;
}

.block-price__price-old {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.5);
    text-decoration: line-through;
    white-space: nowrap;
}

.block-price__dop-offer {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
    text-align: center;
}

.block-price__dop-offer-price {
    background: var(--main-orange-color);
    border-radius: 2px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    font-size: 14px;
    line-height: 17px;
    flex-grow: 1;
    max-width: 130px;
}

.block-price__dop-offer-description {
    font-size: 14px;
    line-height: 17px;
}

.block-price__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    flex-grow: 1;
    gap: 12px;
    background: var(--main-green-color);
    border-radius: 6px;
    text-align: center;
}

.block-price__btn svg {
    color: #ffffff;
}

.block-price__btn-name {
    color: #ffffff;
}

.block-price__delivery-block {
    display: flex;
    gap: 5px;
}

.block-price__delivery-block:not(:last-child) {
    margin-bottom: 30px;
}

.block-price__delivery-block img {
    align-self: flex-start;
}

.block-price__delivery {
    font-size: 14px;
    line-height: 17px;
}

.block-price__discount-block {
    border-radius: 10px;
    background: #f7f7f7;
}

.block-price__row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px;
    cursor: pointer;
}

.block-price__row img {
    max-width: 24px;
    max-height: 24px;
}

.block-price__row:not(:last-child) {
    border-bottom: 1px solid #d5d7d5;
}

.block-price__discount {
    font-size: 14px;
    line-height: 17px;
}

.card-product-main__achievements-wrapper-pos {
    position: relative;
}

.card-product-main__achievements-wrapper {
    border: 1px solid #d5d7d5;
    border-radius: 10px;
    max-width: 1080px;
    padding: 14px;
    gap: 8px;
    overflow-x: scroll;
    width: 100%;
}

.card-product-main__achievements-wrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.card-product-main__achievements-wrapper::-webkit-scrollbar-thumb {
    width: 0px;
    height: 0px;
}

.card-product-main__achievements-blocks {
    display: flex;
    align-items: center;
    min-width: 1000px;
}

.card-product-main__achievements-wrapper span {
    border: 1px solid #eaebea;
    transform: rotate(90deg);
    width: 34px;
}

.next-arrow {
    display: none;
}

.next-arrow-2 {
    display: none;
}

.card-product-main__achievements-block {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-basis: 20%;
    flex-grow: 1;
}

.card-product-main__achievements-block img {
    max-width: 33px;
}

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

.card-info-tabs__top-pos {
    position: relative;
}

.card-info-tabs__top-wrapper {
    display: flex;
    gap: 15px;
    width: 100%;
    min-width: 1080px;
}

.card-info-tabs__top::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.card-info-tabs__top::-webkit-scrollbar-thumb {
    width: 0px;
    height: 0px;
}

.card-info-tabs__wrapper {
    min-height: 360px;
}

.card-info-tabs__top {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
}

.card-info-tab {
    padding: 11px 0px;
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    white-space: nowrap;
}

.card-info-tab img {
    pointer-events: none;
}

.tab-active {
    border-bottom: 4px solid #000000;
}

.card-info-tab__block-wrapper {
    display: flex;
    gap: 40px;
    padding: 10px 0px;
}

.card-info-tab__block:first-child {
    flex-basis: 80%;
}

.card-info-tab__block p {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.card-info-tab__block h2, .card-info-tab__block h4, .card-info-tab__block h5, .card-info-tab__block h6{
    font-size: revert;
    font-weight: revert;
}

.card-info-tab__block ul{
    list-style: revert;
    padding: revert;
    margin: revert;
}

.card-info-tab__block ul li{
    list-style: revert;
    padding: revert;
    margin: revert;
}

.card-info-tab__block p:not(:last-child) {
    margin-bottom: 20px;
}

.card-info-tab__sub-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.card-info-tab__list {
    margin-bottom: 20px;
}

.card-info-tab__item {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    padding: 2px 0px;
    display: flex;
    gap: 13px;
}

.card-infp-tab__choice {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    padding: 14px;
    background: #f7fcfb;
    border-left: 2px solid var(--main-green-color);
}

.product-info__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 30px;
}

.card-info-tab__block-product {
    max-width: 826px;
}

.product-info__block-item {
    display: flex;
    margin-bottom: 16px;
}

.border {
    border-bottom: 1px dashed #d5d7d5;
    flex-grow: 1;
    align-self: flex-start;
    position: relative;
    top: 10px;
}

.product-info__sub-item {
    line-height: 1.5;
    font-size: 14px;
    max-width: 70%;
    text-align: right;

}

.product-info__block-item_categories{
    display: block;
}

.product-info__sub-item span {
    color: var(--main-green-color);
}

.product-info__sub-item span a{
    line-height: 1.5;
}

.card-info-tab__review-block {
    flex-basis: 75%;
}

.card-info-tab__review-block-container{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.card-info-tab__profile-block {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 10px;
}

.card-info-tab__profile {
    display: flex;
    align-items: center;
    gap: 12px;
}

.card-info-tab__image {
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%;
}

.card-info-tab__image img {
    width: 100%;
    height: 100%;
}

.card-info-tab__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 2px;
}

.card-info-tab__data {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.5);
}

.card-info-tab__review-text {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
}

.card-info-tab__review-images {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 0px;
}

.card-info-tab__review-images img {
    width: 100%;
    height: 300px;
    max-width: 170px;
    object-fit: cover;
}

.card-info-tab__block-all-review {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 300px;
    margin-left: auto;
    width: 100%;
    text-align: center;
}

.card-info-tab__block-all-review a {
    font-size: 14px;
    line-height: 17px;
    color: var(--main-green-color);
    margin-bottom: 7px;
}

.card-info-tab__review-rows {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.card-info-tab__review-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}

.card-info-tab__review-row span {
    background: #d9d9d9;
    min-width: 129px;
    height: 4px;
}

.card-info-tab__review-count {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    max-width: 10px;
    width: 100%;
}

.card-info-tab__delivery-tab {
    width: 100%;
}

.card-info-tab__delivery-title {
    padding: 16px;
    background: #f7fcfb;
    border-left: 2px solid var(--main-green-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.card-info-tab__delivery-item {
    padding: 16px 0px;
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid #f7fcfb;
}

.card-info-tab__delivery-item img {
    flex-shrink: 0;
    max-width: 24px;
}

.card-info-tab__block-wrapper .maintenance__wrapper {
    width: 100%;
}

.card-info-tab__block-wrapper
.maintenance__row
.maintenance__block:first-child {
    font-weight: 600;
}

.card-info-tab__block-wrapper .maintenance__row .maint-card-3 {
    flex-basis: 15%;
}

.card-info-tab__download-rows {
    border: 1px solid #eaebea;
    border-radius: 10px;
    width: 100%;
}

.card-info-tab__download-row {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 28px 24px;
    justify-content: space-between;
}

.card-info-tab__download-row:not(:last-child) {
    border-bottom: 1px solid #eaebea;
}

.card-info-tab__file-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
}

.card-info-tab__download {
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-info-tab__certificates {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    justify-content: center;
}

.card-info-tab__certificates a {
    flex-grow: 1;
    max-width: 180px;
}

.card-info-tab__certificates img {
    flex-grow: 1;
}

.similar-products__title {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 0px;
}

.similar-products__block-title {
    display: flex;
    margin-bottom: 20px;
}

.similar-products__swiper-buttons {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 20px;
}

.similar-swiper-button-prev,
.similar-swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 14px;
    background: #f7f7f7;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.1s ease 0s;
}

.similar-swiper-button-prev:hover,
.similar-swiper-button-next:hover {
    background: #d5d7d5;
}

.similar-swiper-button-prev:active,
.similar-swiper-button-next:active {
    transform: translate(0px, 1px);
}

.similar-products .swiper-button-disabled:hover,
.similar-products .swiper-button-disabled:active {
    background: #f7f7f7;
    transform: translate(0px, 0px);
}

.similar-products-swiper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    position: relative;
    z-index: 1;
    padding: 6px 0px;
}

.similar-products-swiper .swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

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

.similar-products-swiper .swiper-wrapper {
    transition-duration: 0ms;
    width: 100%;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
    z-index: 1;
    display: flex;
    align-items: center;
    transition-property: transform;
    box-sizing: content-box;
}

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

.similar-products-swiper .swiper-slide,
.swiper-slide {
    flex-shrink: 0;
    flex-grow: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: center;
}

.similar-products-swiper .swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.similar-products-swiper .swiper-pagination {
    display: block;
    position: static;
    margin-top: 30px;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.similar-products-swiper
.swiper-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.similar-products-swiper .swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 8px)
    );
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.similar-products-swiper .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--main-green-color);
}

.similar-products .card__description {
    padding: 4px 0px;
}

.similar-products .card__title {
    padding: 4px 0px;
}

.similar-products .card__price-block {
    margin-bottom: 5px;
}

.similar-products .card__main-price {
    display: flex;
    flex-grow: 1;
    gap: 15px;
    justify-content: space-between;
}

.maintenance-card .title {
    font-weight: 600;
    font-size: 20px;
}

.maintenance-card .maintenance__top-row {
    font-weight: 600;
}

.maintenance-card .maintenance__block:first-child {
    font-weight: 600;
}

.maint-card-1 {
    flex-grow: 1;
    flex-basis: 70%;
}

.maint-card-2 {
    flex-basis: 20%;
}

.maint-card-3 {
    flex-basis: 10%;
}

.info-list {
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}

.info-list__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 10px;
}

.info-list__item {
    padding: 5px 0px;
}

.info-list__list {
    padding: 4px 0px;
}

.info-list__list-item {
    padding: 3px 0px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.info-list__list-item::before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #000000;
    border-radius: 50%;
    flex-shrink: 0;
}

.sanitary__title {
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.sanitary__text {
    font-size: 14px;
    line-height: 17px;
}


.inside__wrapper {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.inside__image {
    display: flex;
}

.inside__image a {
    max-width: 580px;
}

.inside__image img {
    width: 100%;
    height: 100%;
}

.inside__list-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.inside__list-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 21px;
}

.inside__item {
    padding: 4px 0px;
    font-size: 14px;
    line-height: 17px;
}

.installation__wrapper {
    display: flex;
    gap: 25px;
    justify-content: space-between;
}

.installation__block-image {
    display: flex;
    flex-direction: column;
    max-width: 580px;
}

.installation__block-image a {
    max-width: 100%;
}

.installation__block-image img {
    width: 100%;
    height: 100%;
    padding: 10px 0px;
}

.installation__image-title {
    padding: 10px 0px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--main-green-color);
}

.equipment__description {
    font-size: 14px;
    line-height: 17px;
}

.equipment__images-wrapper {
    display: flex;
    padding: 30px 0px;
    gap: 25px;
    flex-wrap: wrap;
}

.equipment__image-block {
    flex-basis: 14.95%;
}

.equipment__image {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
    width: 100%;
    min-height: 200px;
    object-fit: cover;
}

.equipment__image > img{
    object-fit: cover;
}

.equipment__description-title {
    padding: 20px 0px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    max-width: 800px;
}

.equipment__main-image {
    max-width: 680px;
    max-height: 335px;
    margin-bottom: 30px;
}

.equipment__main-image img {
    width: 100%;
    height: 100%;
}

.equipment__list {
    font-size: 14px;
    line-height: 17px;
}

.equipment__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 0px;
}

.equipment__item::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: var(--main-green-color);
    border-radius: 50%;
    flex-shrink: 0;
}

.tab-none{
    display: none !important;
}
.intro {
    padding-bottom: 50px;
}

.intro__body {
    padding: 25px 0px 25px 0px;
    z-index: -1;
}

.intro__content {
    display: flex;
    position: relative;
    align-items: center;
    padding-left: 46px;
}

.intro__block-info {
    z-index: 1;
}


.intro__title {
    max-width: 450px;
}

.intro__qualities:not(:last-child) {
    margin-bottom: 50px;
}

.intro__qualities-item {
    display: flex;
    gap: 10px;
    padding: 7px 0px;
}

.intro__qualities-item svg {
    min-width: 20px;
}

.intro__sub-title {
    font-weight: 500;
    font-size: 16px;
}

.intro__image {
    position: absolute;
    left: 26.5%;
}

.intro__image-wrapper {
    position: relative;
}

.intro-catalog {
    display: none;
}

.intro__tips {
    display: none;
}

.popular-septic__cards .card {
    justify-content: space-between;
    width: calc((100% - 60px) / 4);
}

.rating-section__title-block {
    margin-bottom: 30px;
}

.rating-section__title {
    margin-bottom: 12px;
}

.rating-section__sub-title {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.rating {
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #eaebea;
    border-radius: 10px;
    overflow: hidden;
}

.rating__top {
    background: var(--main-green-color);
    padding: 22px 30px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.fl-bas-1 {
    flex-basis: 260px;
}

.fl-bas-2 {
    flex-basis: 350px;
}

.fl-bas-3 {
    flex-basis: 195px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.fl-bas-4 {
    flex-basis: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.fl-bas-5 {
    flex-basis: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.rating__block-main {
    padding: 20px 30px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eaebea;
    justify-content: space-between;
    gap: 20px;
}

.rating__block-main:nth-child(odd) {
    background: #f7f7f7;
}

.rating__logo-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.rating__review {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rating__price-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating__quality-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rating__logo {
    max-width: 56px;
    max-height: 56px;
}

.rating__logo-link {
    text-decoration-line: underline;
    color: var(--main-green-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.rating__item {
    padding: 3px 0px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.rating__item::before {
    content: '';
    width: 5px;
    min-width: 5px;
    height: 5px;
    background: var(--main-green-color);
    border-radius: 5px;
}

.rating__review-count {
    display: flex;
    gap: 5px;
    align-items: center;
}

.rating__review-count img {
    margin-top: -2px;
}

.rating__review-count span {
    font-size: 16px;
    line-height: 20px;
    color: var(--main-green-color);
}

.rating__price {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.rating__review-link {
    color: rgba(0, 0, 0, 0.5);
}

.rating__quality-block {
    display: flex;
    flex-direction: column-reverse;
}

.rating__rating-body {
    position: relative;
}

.rating__rating-body::before {
  
	display: block;
    font-size: 18px;
    color: #d9d9d9;
}

.rating__rating-active.line-solid::before,
.rating__rating-body.line-solid::before{
 
	letter-spacing: -5px;
    transform: scale(1, 0.3);
}

.rating__rating-active {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.rating__rating-active::before {
  
   color: var(--main-green-color);
    font-size: 18px;
    position: absolute;
    width: 90%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.rating__value {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.compare__title {
    text-align: center;
}

.compare__wrapper {
    position: relative;
}

.compare__wrapper::after {
    content: '';
    position: absolute;
    top: 120px;
    left: -8%;
    width: 506px;
    height: 238px;
    background: url(/img/main/compare/decor.svg) 0 0 / 95% no-repeat;
}
.compare__row-1 {
    display: flex;
}
.compare tr {
    display: flex;
}
.compare figure{
    width: fit-content;
    margin-left: auto;
}
.compare td{
    display: flex;
    align-items: center;
    padding: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    max-width: 306.25px;
    min-width: 303px;
    flex-basis: 25%;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #eaebea;
    position: relative;
    z-index: 1;
    background-color: #ffffff;
}

.compare__block {
    max-width: 306.25px;
    min-width: 242px;
    flex-basis: 25%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #eaebea;
    padding: 30px;
    position: relative;
    z-index: 1;
    background-color: #ffffff;
}

.compare__sub-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: center;
    margin-bottom: 25px;
}

.compare__image {
    position: relative;
    padding: 0px 0px 80% 0px;
    margin-bottom: 30px;
    flex-grow: 1;
}

.compare__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.compare__button {
    border: 1px solid var(--main-green-color);
    background-color: #ffffff00;
    color: #000000;
    transition: 0.1s ease 0s;
    padding: 10px;
    white-space: nowrap;
}

.compare__button svg {
    color: var(--main-green-color);
    transition: 0.1s ease 0s;
    min-width: 22px;
}

.compare__button:hover svg {
    color: #ffffff;
}

.compare__button:hover {
    color: #ffffff;
    background-color: var(--main-green-color);
}

.compare-block-text {
    display: flex;
    align-items: center;
    padding: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.help-form {
    background-color: var(--main-green-color);
    padding: 60px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    overflow: hidden;
}

.help-form::before {
    content: '';
    position: absolute;
    bottom: -35%;
    right: -48%;
    width: 150%;
    height: 100%;
    background: var(--main-green-hover);
    transform: rotate(162.84deg);
}

.help-form__block {
    max-width: 550px;
    color: #ffffff;
    z-index: 1;
}

.help-form__image {
    z-index: 1;
    min-width: 450px;
}

.help-form__title {
    color: #ffffff;
    padding: 10px 0px;
    margin-bottom: unset;
}

.help-form__sub-title {
    font-size: 18px;
    line-height: 22px;
    padding: 10px 0px;
}

.help-form__inputs {
    display: flex;
    column-gap: 20px;
    row-gap: 10px;
    padding: 20px 0px;
    margin-bottom: 10px;
}

.help-form__input {
    background: #ffffff;
    border-radius: 6px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    max-width: 250px;
}

.help-form__input svg {
    min-width: 24px;
}

.help-form__input-name {
    color: #000000;
}

.help-form__checkbox-block {
    padding: 10px 0px;
    position: relative;
}

.help-form__checkbox {
    position: absolute;
    top: 10px;
    left: 5px;
    opacity: 0;
}

.help-form__label {
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.801);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.help-form__label::before {
    content: '';
    width: 20px;
    min-width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 2px;
}

.help-form__checkbox:checked + .help-form__label::before {
    background: #ffffff url(/img/help-form/checkmark.svg) center / 70% no-repeat;
}

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

.discounts__block {
    display: flex;
    align-items: center;
    background: var(--main-green-color);
    padding: 40px;
    flex: 1 0 48%;
    min-width: 500px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: 0.2s ease 0s;
}

.discounts__block::before {
    content: '';
    width: 400px;
    height: 400px;
    position: absolute;
    bottom: -100px;
    right: -110px;
    border-radius: 50%;
    background-color: var(--main-orange-color);
}

.discounts__block:nth-child(even)::before {
    background-color: var(--main-green-color);
}

.discounts__block:nth-child(even) {
    background: var(--main-orange-color);
}

.discounts__sub-block {
    max-width: 255px;
    z-index: 1;
}

.discounts__sub-title {
    font-size: 16px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.801);
    margin-bottom: 62px;
}

.discounts__block-title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #ffffff;
}

.discounts__block-description {
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
}

.discounts__button-wrapper {
    color: #000000;
    width: 100%;
    height: 100%;
}

.discounts__button {
    background: #ffffff;
    border-radius: 6px;
    padding: 12px 30px;
    display: inline-block;
    text-align: center;
    transition: 0.1s ease 0s;
}

.discounts__button:hover {
    background: #e4e4e4;
}

.discounts__image {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 364px;
    z-index: 0;
}

.discounts__image img {
    width: 100%;
    height: 100%;
}

.about-us__title {
    text-align: center;
}

.about-us__wrapper {
    display: flex;
    align-items: flex-start;
}

.about-us__profile-block {
    padding: 0px 10px;
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    flex-basis: 15%;
}

.about-us__profile-image {
    margin-bottom: 6px;
    min-width: 190px;
}

.about-us__profile-image img {
    width: 100%;
    height: 100%;
}

.about-us__profile-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding: 6px 0px;
}

.about-us__job-title {
    padding: 6px 0px;
    font-size: 14px;
    line-height: 17px;
    color: #1b1b1b;
}

.about-us__button-wrapper {
    padding: 6px 0px;
    width: 100%;
}

.about-us__button {
    display: inline-block;
    font-size: 18px;
    background: #f7f7f7;
    box-shadow: 0px 10px 20px rgba(186, 186, 186, 0.3);
    border-radius: 6px;
    padding: 15px 30px;
    border: 1px solid #f7f7f7;
    transition: 0.2s ease 0s;
}

.about-us__button:hover {
    transform: translate(0%, 2px);
}

.about-us__text-block {
    padding: 50px 50px 40px 50px;
    border: 1px solid #eaebea;
    border-radius: 2px;
    margin-left: 15px;
    flex-grow: 1;
}

.about-us__text-block h3{
    font-size: revert;
    font-weight: revert;
    margin: revert;
}

.about-us__text-title {
    font-weight: 600;
    font-size: 24px;
    color: #000;
    margin-bottom: 28px;
}

.about-us__text {
    font-size: 16px;
    color: #1b1b1b;
}

.about-us__text:not(:last-of-type) {
    margin-bottom: 20px;
}

.about-us__work-sity {
    color: #5dbe56;
}

.in-numbers__wrapper {
    padding-top: 20px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.in-numbers__block {
    flex-basis: 23%;
    flex-grow: 1;
    min-width: 160px;
}

.in-numbers__big-count {
    margin-bottom: 10px;
}

.in-numbers__big-count span {
    font-size: 60px;
    line-height: 72px;
    color: #000000;
}

.in-numbers__description {
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
}

.reasons {
    padding: 50px 0px;
}

.reasons__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.reasons__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #000000;
    flex: 1 0 30.3333%;
    min-width: 240px;
}

.reasons__count {
    border-radius: 50%;
    padding: 8px;
    background: var(--main-green-color);
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    position: relative;
    margin-bottom: 20px;
}

.reasons__count::after {
    content: '';
    position: absolute;
    bottom: -25%;
    left: 50%;
    transform: translate(-3.5px, 0px);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--main-green-color);
}

.reasons__sub-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 21px;
}

.reasons__text {
    font-size: 16px;
    line-height: 20px;
}

.header-nav__item .list-drop__arrow {
    transition: 0.2s ease 0s;
    transform: rotate(90deg);
    margin-left: auto;
}

.header-nav__item-wrapper.open-drop .list-drop__arrow {
    transform: rotate(270deg);
    margin-left: auto;
}
@media (max-width: 994.98px) {
    .for-people__images a img {
        width: 100% !important;
        height: 100% !important;
    }
    .catalog {
        display: block;
    }
    .catalog-pagination {
        flex-wrap: wrap;
    }
    .header-nav__item-arrow {
        width: 100%;
        display: flex;
    }
    .list-drop__arrow {
        margin-left: 97%;
    }
    .header-nav__item-wrapper.item-drop::after {
        background: none;
    }
    .header-nav__item .header-nav__item-wrapper {
        padding: 10px 0px 10px 15px;
        max-width: 90%;
    }
    .header-nav__item-arrow-container{
        width: auto!important;
        max-width: 10% !important;
    }
    .header-nav__item-arrow{
        width: auto!important;
    }
}
.header__burger_div{
    display: none;
}
.arrow__open{
    transform: rotate(180deg);
    transition: 0.2s all;
}
.header-nav__item-arrow{
    transition: 0.2s all;
}
.top__header__burger{
    display: none;
}
@media screen and (min-width: 994.98px) {
    .header-nav__item-arrow-container{
        margin-left: 25px;
    }
}
@media screen and (min-width: 430px){

    .header-nav__item-arrow{
        display: flex;
        justify-content: center;
    }
    .mobile-bottom-btn{
        width: 20%;
    }
}
@media screen and (max-width:994.98px){
    .header__top{
        align-items: center;
    }
}
@media screen and (max-width: 767px){
    .intro__block-info{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .intro__title{
        margin-bottom: 0!important;
    }
    .intro__qualities:not(:last-child) {
        margin-bottom: 0!important;
    }
    .modal-cross__search{
        position: absolute;
        right: -26px;
        top: 7px;
    }
    .modal-cross__search::before, .modal-cross__search::after{
        right: 43%;
        background-color: black!important;
    }
    .slicknav_menutxt{
        font-size: 16px;
        font-weight: 500;
        color: #1b1b1b;
        display: inline-block!important;
        margin-top: 5px;
        position: relative;
        padding-left: 34px
    }
    .wrapper__header .header-nav .header__burger{
        display: none;
    }
    .wrapper__header .header-nav .header-nav__buttons{
        display: none;
    }
    .header-top__search-btn{
        margin-top: 2px;
    }
    .header-top__search-block{
        max-width: 500px;
        width: 100% !important;
        position: revert!important;
        margin: 0;
    }
    .mobile-fixed-bottom-box{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .header-search-modal{
        margin-top: 5px;
    }
}
.slicknav_menutxt{
    display: none;
}
@media screen and (max-width: 479.98px){
    .card__price-block{
        flex-direction: column;
        padding: 0;
    }
    .card__price-block span{
        display: none;
    }
    .card__block-info{
        padding: 0;
    }
    .card__title{
        font-size: 18px;
    }
    .card__description{
        padding: 0;
    }
    .card__main-price{
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }
    .card__price{
        font-size: 14px;
    }
    .card__price-description{
        order: -1;
    }
    .card__button{
        height: 40px;
    }
    .card{
        padding: 5px;
    }
    .cards-wrapper{
        gap: 5px;
        justify-content: space-between;
    }
    .card__list{
        display: none;
    }
    .card__favorites{
        width: 30px;
        height: 30px;
        right: 10px;
        top: 40px;
    }
    .card__compare{
        width: 30px;
        height: 30px;
        right: 10px;
        top: 15px;
    }
    .card__compare-icon, .card__favorites-icon{
        background-size: contain;
    }
    .title-product-block__description{
        text-align: left!important;
    }
    .title-product-block__title{
        text-align: left!important;
    }
    .block-category__title{
        text-align: left!important;
    }
    .title-product-block{
        align-items: start!important;
    }
    .models figure.table table td{
        min-width: 130px;
    }
    .in-numbers__big-count{
        text-align: left;
    }
    .in-numbers__description{
        text-align: left;
    }
    .let-s-pick__block{
        width: calc((100% - 5px) / 2);
        min-width: 48% !important;
    }
    .let-s-pick__wrapper{
        gap: 5px;
    }
    .footer__col-title{
        text-align: left;
    }
    .footer__col-list{
        columns: 2;
        text-align: left;
    }
    .footer__wrapper{
        align-items: start;
    }
    .col-bas-3{
        width: 100%;
    }
    .col-bas-4{
        width: 100%;
    }
}
@media screen and (max-width: 370px){
    .let-s-pick__sub-title{
        font-size: 20px;
    }
}
@media screen and (min-width: 994.98px){
    .catalog__category-block_title{
        justify-content: end;
    }
}
.swiper-works .catalog-pagination-block{
    margin: auto;
    padding-bottom: 50px;
}
@media (max-width: 1106.98px) {
    .title-product-block {
        flex-direction: column;
        align-items: flex-start;
    }

    .title-product-block__description {
        margin-left: unset;
    }
}
.popular-septic__cards .card__price-block{
    flex-direction: column;
}
.popular-septic__cards .card__price-block span{
    display: none;
}

@media screen and (min-width: 900px){
    .popular-septic__cards .card__main-price{
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
}
@media screen and (min-width: 1280px){
    .catalog-wrapper .card__main-price{
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
}
@media (max-width: 994.98px) {
    .title {
        font-size: 26px;
    }
    .delivery__columns{
        columns: 5;
    }
    .section {
        padding: 35px 0px;
    }
    .footer_position {
        flex-direction: column;
        gap: 25px;
        text-align: center;
        align-items: center !important;
    }
}

@media (max-width: 767.98px) {
    .title-product-block {
        flex-direction: column;
        align-items: center;
    }
    .header-top .header__top{
        justify-content: space-between;
    }
    .header-top .header-top__phone-block{
        margin-left: 0;
    }
    .title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 18px;
        text-align: left;
    }

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

    .wrapper {
        padding: 0px 20px;
    }

    .section {
        padding: 25px 0px;
    }

    .section_top-25 {
        padding-top: 15px;
    }

    .section_bottom-25 {
        padding-bottom: 15px;
    }

    .section_padding-25 {
        padding: 15px 0px;
    }

    .all-septic__wrapper-button {
        margin-top: 10px;
    }

    .all-septic-link {
        padding: 15px;
    }

    .product-info__block-item{
        margin-bottom: 15px;
    }

    .product-info .product-info__sub-item:last-child {
        text-align: left;
    }

    .item_smail_color {
        color: #878787;
    }
}

@media (max-width: 479.98px) {
    .title {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .sub-title {
        margin-bottom: 15px;
    }

    .wrapper {
        padding: 0px 20px;
    }
    .catalog-wrapper .card{
        width: calc((100% - 10px) / 2);
    }
}

@media (max-width: 1344.98px) {
    .logo__logo-description {
        font-size: 14px;
        line-height: 143%;
        color: rgba(0, 0, 0, 0.5);
        max-width: 160px;
    }

    .header-top__search-block {
        right: 24%;
    }

    .header-top__logo-block::after {
        padding: 0px 5px;
    }

    .header-top__phone-block::before {
        padding: 0px 5px;
    }

    .header-top__favorites-block {
        gap: 10px;
    }

    .header-top__info {
        gap: 10px;
    }
}

@media (max-width: 1258px) {
    .logo__logo-description {
        display: none;
    }

    .header-top__logo {
        padding-right: 0px;
    }
}

@media (max-width: 1148px) {
    .header-top__info-list {
        gap: 8px;
    }

    .header-top__logo-block::after {
        width: 35px;
        min-width: 35px;
    }

    .header-top__phone-block::before {
        width: 35px;
        min-width: 35px;
    }

    .item-drop {
        gap: 3px;
    }

    .header-btn {
        padding: 11px 10px;
        gap: 4px;
        width: 68%;
        height: 50px;
    }

    .header-nav__list {
        gap: 10px;
    }

    .header-top__search-block {
        width: 15%;
        right: 26.5%;
    }
}

@media (min-width: 994.98px) {
    .list-drop__block-recommend {
        margin-top: -7%;
        margin-bottom: 40px;
        padding-left: 30%;
        z-index: 5;
    }

    .search-input-active {
        width: 100% !important;
        transition: all ease-in-out 0.3s;
    }

    .form-anim-in {
        width: 76% !important;
        overflow: visible;
    }

    .recommend-block {
        position: relative;
        background: #f7f7f7;
        border-radius: 10px;
        padding: 30px;
        width: 532px;
        height: 310px;
        display: flex;
        overflow: hidden;
    }

    .recommend-block__block-text {
        z-index: 1;
    }

    .recommend-block__title {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        color: #000000;
        max-width: 332px;
    }

    .recommend-block__list {
        font-weight: 300;
        font-size: 16px;
        line-height: 19px;
        max-width: 285px;
    }

    .recommend-block__item {
        padding: 6px 0px;
    }

    .recommend-block__link {
        margin-top: 40px;
        gap: 12px;
    }

    .recommend-block__link a {
        display: flex;
        gap: 8px;
    }

    .recommend-block__link svg {
        transition: 0.2s ease 0s;
    }

    .recommend-block__link:hover svg {
        transform: translate(4px, 0px);
    }

    .recommend-block__link-title {
        font-size: 18px;
        line-height: 22px;
        color: #000000;
    }

    .recommend-block__image {
        position: absolute;
        top: 0;
        right: -50px;
        width: 311px;
        height: 311px;
    }

    .recommend-block__image img {
        object-fit: cover;
        max-width: unset;
        max-height: unset;
    }

    .header-nav__item:hover .header-nav__item-sub-title {
        color: var(--main-green-color);
    }

    .nav-drop-list {
        display: none;
        left: 0;
        top: 100%;
        position: absolute;
        background: #ffffff;
        box-shadow: 0px 4px 20px rgba(186, 186, 186, 0.1);
        width: 100%;
        z-index: 2;
        color: #000000;
        min-height: unset;
        overflow: hidden;
        border-top: 1px solid #f7f7f7;
        border-bottom: 1px solid #f7f7f7;
    }

    .list-drop__main {
        max-width: 330px;
        border-right: 1px solid #f7f7f7;
        padding: 30px 30px 9% 0px;
        position: relative;
        margin-right: 460px;
        min-height: 530px;
        z-index: 5;
    }

    .header-nav__item:hover .nav-drop-list {
        display: block;
    }

    .list-drop__sub-list {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        padding: 30px 220% 10% 120%;
        height: 100%;
        gap: 40px;
        color: #000000;
        z-index: -1;
        white-space: nowrap;
    }

    .list-drop__sub-list-block {
        padding: 8px;
        column-gap: 40px;
        max-height: 90%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .list-drop__item {
        min-width: 300px;
        max-width: 300px;
    }

    .list-drop__item-wrapper {
        display: flex;
        align-items: center;
        padding: 8px 14px;
        transition: 0.1s ease 0s;
        border-radius: 10px;
        gap: 10px;
    }

    .list-drop__item:hover .list-drop__sub-list {
        display: flex;
    }

    .nav-drop-list .wrapper {
        height: 100%;
    }

    .list-drop__body {
        display: flex;
        height: 100%;
        align-items: center;
        flex-wrap: wrap;
    }

    .header-nav__item:hover .item-drop::after {
        transform: rotate(180deg);
    }

    .list-drop__item-wrapper:hover {
        color: var(--main-green-color);
        background: #f7f7f7;
    }

    .header-nav__list {
        display: flex;
        gap: 15px;
        flex-basis: 61%;
        justify-content: space-between;
    }

    .header-nav__item-wrapper {
        cursor: pointer;
        padding: 20px 0px;
    }

    .item-drop:hover.item-drop::after {
        transform: rotate(180deg);
    }

    .item-drop__list {
        position: absolute;
        top: 100%;
        left: 0%;
        background: #ffffff;
        border: 1px solid #d5d7d5;
        box-shadow: 0px 4px 20px rgba(186, 186, 186, 0.1);
        border-radius: 10px;
        font-size: 16px;
        line-height: 20px;
        color: #000000;
        padding: 8px;
        z-index: 1;
        display: none;
    }

    .item-drop:hover .item-drop__list {
        display: block;
    }
}
.header-nav .slicknav_menutxt{
    display: none;
}
@media (max-width: 994.98px) {
    .header-top .wrapper {
        gap: 10px;
    }
    .header-nav .slicknav_menutxt{
        font-size: 16px;
        font-weight: 500;
        color: #1b1b1b;
        display: inline-block!important;
        margin-top: 5px;
        padding-top: 15px;
        position: relative;
        padding-left: 34px;
    }
    .header-nav .slicknav_menutxt::before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 15px;
        left: 0;
        background-image: url(/img/mobile_menu.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .header-top__info-list {
        gap: 8px;
    }

    .header-top__logo-block::after {
        display: none;
    }

    .header-top__phone-block::before {
        display: none;
    }

    .header-nav__list {
        position: fixed;
        top: 0;
        left: 0;
        width: 60%;
        height: 100%;
        transform: translate(-100%, 0px);
        background-color: white;
        flex-direction: column;
        z-index: 98;
        justify-content: flex-start;
        transition: 0.4s ease 0.2s;
        border-right: 1px solid #f7f7f7;
        box-shadow: 4px 0px 20px rgba(186, 186, 186, 0.1);
        overflow-y: scroll;
    }

    .header-nav__list::-webkit-scrollbar {
        width: 3px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0);
    }

    .header-nav__list::-webkit-scrollbar-thumb {
        background-color: var(--main-green-color);
        border-radius: 3px;
        width: 3px;
    }

    .nav-drop-list {
        padding: 3px 0px;
        width: 100%;
    }

    .list-drop__main {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .header-nav__item {
        flex-wrap: wrap;
        gap: 0px;
        padding: 10px 0px;
    }

    .header-nav__item-wrapper {
        gap: 5px;
        font-size: 22px;
        line-height: 20px;
        padding: 10px 15px;
    }

    .list-drop__sub-item {
        font-size: 18px;
    }

    .header-nav__item::after {
        margin-left: auto;
    }

    .header-nav__item-sub-title {
        flex-basis: 80%;
        flex-grow: 1;
    }

    .list-drop__sub-list {
        display: none;
        width: 100%;
        padding-left: 40px;
    }

    .list-drop__item.open-sub-drop .list-drop__sub-list {
        display: block;
    }

    .list-drop__item {
        display: flex;
        flex-wrap: wrap;
        font-size: 21px;
        align-items: center;
        transition: 0.1s ease 0s;
        border-radius: 10px;
        width: 100%;
    }

    .list-drop__item-wrapper {
        padding: 12px 14px;
        align-items: center;
        display: flex;
    }

    body.menu-open .header-nav__list {
        transform: translate(0%, 0px);
    }

    .header-nav__list-top {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        border-bottom: 1px solid #f7f7f7;
        padding: 10px 15px;
    }

    .menu-close {
        display: flex;
        position: relative;
        align-items: center;
        background-color: #ffffff00;
        width: 32px;
        height: 32px;
        border: 1px solid var(--main-green-color);
        border-radius: 50%;
        margin-left: auto;
    }

    .menu-close span,
    .menu-close::before,
    .menu-close::after {
        content: '';
        transition: all 0.3s ease 0.1s;
        left: 7px;
        position: absolute;
        width: 16px;
        height: 2px;
        background-color: black;
    }

    .menu-close span {
        transform: scale(0);
    }

    .menu-close::before {
        transform: rotate(-55deg);
        top: calc(50% - 1px);
    }

    .menu-close::after {
        transform: rotate(55deg);
        bottom: calc(50% - 1px);
    }

    .header__burger {
        padding: 0px 15px;
        display: flex;
        position: relative;
        align-self: center;
        background-color: #ffffff00;
        width: 46px;
        height: 24px;
        z-index: 12;
    }
    .header__burger_div{
        display: flex;
        justify-content: center;
    }
    .header-nav__item {
        border-bottom: 1px solid #eaebea;
    }

    .list-drop__sub-list {
        margin-bottom: 5px;
    }

    .header__burger span,
    .header__burger::before,
    .header__burger::after {
        content: '';
        transition: all 0.3s ease 0.1s;
        left: 0;
        position: absolute;
        width: 46px;
        height: 4px;
        background-color: var(--main-green-color);
        border-radius: 2px;
    }

    .header__burger::before {
        top: 0px;
    }

    .header__burger::after {
        bottom: 0px;
    }

    .header__burger span {
        top: calc(50% - 1px);
    }

    .header-nav__item-wrapper.open-drop + .nav-drop-list {
        display: block;
    }

    .header-nav__item.open-drop.item-drop::after {
        transform: rotate(180deg);
    }

    .list-drop__item.open-sub-drop .list-drop__arrow {
        margin-left: unset;
    }

    .list-drop__item.open-sub-drop .list-drop__name {
        color: var(--main-green-color);
    }

    .list-drop__item .list-drop__arrow {
        transition: 0.2s ease 0s;
        transform: rotate(90deg);
        margin-left: auto;
    }

    .list-drop__item.open-sub-drop .list-drop__arrow {
        transform: rotate(270deg);
        margin-left: auto;
    }

    .header-nav__item-wrapper.open-drop .header-nav__item-sub-title {
        color: var(--main-green-color);
    }

    .header-nav__item-wrapper.open-drop .header-nav__item-sub-title {
        color: var(--main-green-color);
    }

    .header-nav__item-wrapper.open-drop.item-drop::after {
        transform: rotate(180deg);
    }

    .item-drop::after {
        min-width: 14px;
        height: 8px;
        pointer-events: none;
    }

    .header-nav__info-list {
        display: flex;
        flex-direction: column;
    }

    .header-nav__info-item {
        padding: 10px 15px;
        font-size: 20px;
        width: 100%;
        border-bottom: 1px solid #eaebea;
    }

    .header-nav__info-item.open-drop .header-nav__info-item-wrapper::after {
        transform: rotate(180deg);
    }

    .header-nav__info-item::after {
        margin-left: auto;
        max-width: 12px;
        min-width: 12px;
    }

    .item-drop__list {
        display: none;
        width: 100%;
    }

    .header-nav__info-item-wrapper {
        flex-grow: 1;
        padding: 5px 0px;
    }

    .header-nav__info-item-wrapper.item-drop::after {
        margin-left: auto;
    }

    .header-nav__info-item.open-drop .item-drop__list {
        display: block;
    }

    .header-top__info-list {
        display: none;
    }

    .header-top__search-block {
        width: 100%;
        position: static;
        padding: 10px 18px;
        max-height: 35px;
    }
    .slicknav_menutxt::before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(/img/mobile_menu.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media (max-width: 870.98px) {
    .header-top__phone-block {
        margin-left: auto;
    }
}

@media (max-width: 767.98px) {
    .header-top {
        padding: 10px 0px;
    }
    .header-nav .slicknav_menutxt{
        display: none!important;
    }
    .header-top__info {
        display: none;
    }
    .header-nav__list {
        width: 100%;
    }
    .header-nav__button-call {
        display: none;
    }
    .list-drop__item-wrapper {
        padding: 12px 16px;
        gap: 5px;
    }
}

@media (max-width: 479.98px) {
    .block-phone {
        gap: 2px;
    }

    .block-phone__phone {
        font-size: 16px;
    }

    .block-phone__time {
        font-size: 16px;
    }

    .logo__logo-name {
        max-width: 70px;
    }

    .header-top__phone-block svg {
        margin-top: 4px;
    }

    .header-top .wrapper {
        gap: 86px;
    }

    .logo {
        gap: 2px;
    }

    .logo__logo-img img {
        width: 44px;
        height: 44px;
    }

    .logo__logo-name {
        font-size: 16px;
        max-width: 65px;
    }

    .header__burger {
        width: 40px;
        height: 24px;
    }

    .header__burger span,
    .header__burger::before,
    .header__burger::after {
        width: 40px;
        height: 4px;
    }

    .header-nav__item {
        padding: 5px;
    }

    .header-nav__item {
        padding: 5px 0px;
        flex-wrap: wrap;
    }

    .list-drop__item-wrapper {
        gap: 5px;
        padding: 14px 20px;
    }

    .header-nav__info-item {
        padding: 8px 20px;
    }

    .list-drop__sub-item {
        font-size: 20px;
    }
}

@media (min-width: 1114.98px) {
    .intro-catalog {
        margin-left: auto;
        padding: 35px 40px 20px;
        border: solid 1px #eaebea;
        background-color: #fff;
        flex: 0 0 22.3%;
        max-width: 22.3%;
        z-index: 1;
        display: block;
        border-radius: 10px;
    }

    .intro-catalog__title {
        font-weight: 600;
        font-size: 24px;
        color: #000;
        margin-bottom: 18px;
    }

    .intro-catalog__list {
        padding-left: 27px;
    }

    .intro-catalog__item {
        display: flex;
        position: relative;
        padding: 10px 0;
        align-items: center;
        gap: 5px;
        text-transform: uppercase;
    }

    .intro-catalog__item img {
        position: absolute;
        max-width: 30px;
        max-height: 30px;
        margin-right: 10px;
        right: 100%;
    }

    .intro-catalog__item a {
        display: flex;
        align-items: center;
    }

    .intro-catalot__item-name {
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }

    .intro-catalog__count {
        color: rgba(27, 27, 27, 0.6);
        font-size: 14px;
        margin-left: auto;
    }

    .intro-catalot__link {
        font-size: 14px;
        line-height: 17px;
        color: #487844;
        padding: 3px 0px;
    }

    .intro-catalot__link a {
        border-bottom: 1px solid #487844;
    }
}

@media (max-width: 1114.98px) {
    .intro__image {
        max-width: 650px;
        left: unset;
        right: 0;
    }
}

@media (min-width: 994.98px) {
    .intro__tips {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .intro__tip-wrapper {
        position: absolute;
    }

    .intro__tip {
        width: 33px;
        height: 33px;
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--main-orange-color);
        border-radius: 50%;
        position: relative;
        cursor: pointer;
    }

    .tip-ring-1,
    .tip-ring-2,
    .tip-ring-3 {
        display: block;
        width: 35px;
        height: 33px;
        border: 1px solid var(--main-orange-color);
        position: absolute;
        top: 0;
        border-radius: 50%;
        opacity: 0;
    }

    .intro__tip:hover .intro__tip-count::after {
        transform: translate(0px, -10px);
    }

    .intro__tip:hover .tip-ring-3 {
        animation: tip-ring 2s linear 1.2s infinite;
    }

    .intro__tip:hover .tip-ring-2 {
        animation: tip-ring 2s linear 0.6s infinite;
    }

    .intro__tip:hover .tip-ring-1 {
        animation: tip-ring 2s linear 0s infinite;
    }

    .intro__tip-count {
        font-size: 14px;
        line-height: 17px;
        color: #ffffff;
    }

    .intro__tip-count::after {
        content: '';
        position: absolute;
        width: 7px;
        height: 7px;
        background: var(--main-orange-color);
        bottom: -9px;
        left: 13px;
        transition: 0.2s ease 0s;
        border-radius: 50%;
    }

    .intro__tip-description {
        background: #ffffff;
        border-radius: 10px;
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #000000;
        padding: 4px 8px;
        width: 189px;
        position: absolute;
        top: 45px;
        left: -75px;
        z-index: 1;
        transition: 0.2s ease 0s;
        opacity: 0;
        transform: translate(0px, 5px);
        pointer-events: none;
    }

    .intro__tip:hover + .intro__tip-description {
        opacity: 1;
        transform: translate(0px, 0px);
    }

    @keyframes tip-ring {
        0% {
            opacity: 0;
            transform: scale(1);
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            transform: scale(1.7);
        }
    }

    ._01 {
        top: 35%;
        left: 31.6%;
    }

    ._02 {
        top: 35%;
        left: 49.4%;
    }

    ._03 {
        top: 49%;
        right: 33.5%;
    }

    ._04 {
        top: 65%;
        right: 46.3%;
    }

    ._05 {
        top: 20.8%;
        left: 38.8%;
    }

    ._06 {
        top: 22.4%;
        right: 28%;
    }
}

@media (max-width: 994.98px) {
    .catalog-title-block{
        flex-wrap: wrap;
    }

    .intro {
        overflow: hidden;
    }

    .intro__content {
        padding-left: 15px;
    }

    .intro__block-info {
        background: linear-gradient(
            90deg,
            #f7f7f796 85%,
            rgba(255, 255, 255, 0) 100%
        );
    }

    .intro__image {
        max-width: 600px;
        bottom: -20%;
        right: -10%;
        opacity: 0.8;
    }

    .intro__button {
        padding: 10px 20px;
        gap: 8px;
    }

    .intro__button svg {
        max-width: 18px;
    }
}

@media (max-width: 767.98px) {
    .intro {
        padding-bottom: 20px;
    }

    .intro__content {
        padding-left: 0px;
    }

    .intro__body {
        padding-top: 0px;
    }

    .intro__block-info {
        padding-top: 25px;
    }

    h1 {
        font-size: 34px;
        line-height: 42px;
    }

    .intro__image {
        max-width: 500px;
        bottom: -10%;
        opacity: 0.8;
    }

    .intro__qualities:not(:last-child) {
        margin-bottom: 25px;
    }

    .intro__button {
        padding: 10px;
        gap: 6px;
    }

    .intro__button svg {
        max-width: 16px;
    }
}

@media (max-width: 479.98px) {
    .intro {
        padding-bottom: 10px;
    }

    h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .intro__qualities-item {
        gap: 5px;
        padding: 3px 0px;
    }

    .intro__image {
        max-width: 350px;
        left: unset;
        bottom: -5%;
    }
}

@media (max-width: 378.98px) {
    .intro__image {
        min-width: 340px;
    }
}

@media (max-width: 994.98px) {
    .block-category__all-title {
        min-width: 125px;
        max-width: 125px;
    }

    .category-item {
        padding: 6px 13px;
    }

    .block-category__all-block {
        gap: 30px;
    }
}

@media (max-width: 767.98px) {
    .block-category {
        padding-bottom: 5px;
    }

    .block-category__all-block {
        gap: 15px;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 15px 0px;
    }

    .block-category__category {
        flex-direction: column;
    }

    .category-swiper.swiper::after {
        width: 50px;
        right: 0px;
    }
}

@media (max-width: 479.98px) {
    .block-category__all-block {
        flex-direction: column;
    }

    .category-swiper.swiper::after {
        width: 25px;
        right: 0px;
    }
}

@media (max-width: 1279px) {
    .popular-septic__cards .card {
        width: calc((100% - 40px) / 3);
    }
}

@media (max-width: 767.98px) {
    .cards-wrapper {
        padding: 10px 0px;
    }

    .popular-septic__cards .card {
        width: calc((100% - 20px) / 2);
    }

    .title-product-block {
        text-align: center;
        justify-content: center;
    }

    .title-product-block__description {
        margin-left: unset;
        font-size: 16px;
        line-height: 20px;
    }

    .card__favorites {
        width: 20px;
    }

    .card__compare {
        width: 20px;
    }
}

@media (max-width: 767px) {
    .popular-septic__cards .card {
        width: calc((100% - 5px) / 2);
    }
    .popular-septic__cards{
        gap: 5px;
    }
}

@media (max-width: 767.98px) {
    .for-people__sub-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .for-people__images img {
        flex-grow: 1;
    }

    .for-people__title {
        margin-bottom: 10px;
    }
}

@media (max-width: 479.98px) {
    .for-people__images {
        gap: 15px;
    }
}

@media (max-width: 1094.98px) {
    .pick-up__block-main {
        flex-wrap: wrap;
    }

    .pick-up__image {
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0%;
        left: 25%;
    }

    .pick-up__for-you {
        margin-bottom: 150px;
    }
}

@media (max-width: 767.98px) {
    .pick-up__block-main {
        padding: 20px;
        gap: 20px;
    }

    .pick-up__block {
        flex-basis: 50%;
    }

    .pick-up__sub-title {
        margin-bottom: 15px;
    }

    .pick-up__image {
        position: absolute;
        width: 50%;
        height: 100%;
        top: 0%;
        left: unset;
        right: 0%;
    }

    .pick-up__for-you {
        margin-bottom: 50px;
    }
}

@media (max-width: 479.98px) {
    .pick-up__for-you {
        margin-bottom: 30px;
    }

    .pick-up__result-block {
        padding: 15px;
    }

    .pick-up__result-button {
        padding: 15px;
    }

    .pick-up__result-button svg {
        display: none;
    }
}

@media (max-width: 994.98px) {
    .rating {
        overflow-x: scroll;
    }

    .rating::-webkit-scrollbar {
        height: 5px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.137);
    }

    .rating::-webkit-scrollbar-thumb {
        background-color: var(--main-green-color);
        border-radius: 3px;
    }

    .rating__top {
        min-width: 958px;
    }

    .rating__block-main {
        min-width: 958px;
    }
}

@media (max-width: 767.98px) {
    .rating-section__title-block {
        margin-bottom: 15px;
    }

    .fl-bas-1 {
        flex-basis: 200px;
    }

    .fl-bas-2 {
        flex-basis: 290px;
    }

    .fl-bas-3 {
        flex-basis: 145px;
    }

    .fl-bas-4 {
        flex-basis: 115px;
    }

    .fl-bas-5 {
        flex-basis: 55px;
    }

    .rating__block-main {
        padding: 10px 20px;
    }

    .rating__top {
        padding: 10px 20px;
    }

    .rating-section__sub-title {
        font-size: 16px;
        text-align: left;
    }
    .our-work__title{
        width: 100%;
    }
    .rating__logo-link {
        font-size: 16px;
    }

    .rating__price {
        font-size: 16px;
    }
}

@media (max-width: 479.98px) {
    .rating__price {
        font-size: 15px;
    }
}

@media (max-width: 1250.98px) {
    .compare__wrapper {
        overflow-x: scroll;
    }

    .compare__wrapper::-webkit-scrollbar {
        height: 5px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.137);
    }

    .compare__wrapper::-webkit-scrollbar-thumb {
        background-color: var(--main-green-color);
        border-radius: 3px;
    }

    .compare__row-1 {
        margin-left: 242px;
    }

    .compare__block {
        padding: 20px;
    }
}

@media (max-width: 767.98px) {
    .compare__row-1 {
        margin-left: 200px;
    }

    .compare__block {
        padding: 15px;
        max-width: 200px;
        min-width: 200px;
        font-size: 16px;
        text-align: center;
    }

    .compare__button svg {
        display: none;
    }

    .compare__wrapper::after {
        display: none;
    }
}

@media (max-width: 479.98px) {
    .compare__row-1 {
        margin-left: 180px;
    }

    .compare__block {
        padding: 10px;
        max-width: 180px;
        min-width: 180px;
    }
}

@media (min-width: 1157.98px) {
    .models__body::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .models__row-section .models__row-block {
        padding: 10px;
        justify-content: center;
    }

    .models__row-1 {
        height: 80px;
    }

    .models__row {
        padding: 5px 25px;
    }
}

@media (max-width: 994.98px) {
    .help-form__block {
        max-width: unset;
    }

    .help-form__inputs {
        flex-wrap: wrap;
    }

    .help-form__image {
        position: absolute;
        right: 0;
        top: -5%;
        max-width: 450px;
        min-width: unset;
        z-index: 0;
        filter: brightness(0.8);
    }

    .help-form__input {
        flex-grow: 1;
    }
}

@media (max-width: 767.98px) {
    .help-form {
        padding: 40px;
    }

    .help-form__input {
        max-width: unset;
    }

    .help-form__inputs {
        padding: 5px 0px;
        margin-bottom: 5px;
    }

    .help-form__title {
        padding: 5px 0px;
        line-height: 25px;
    }

    .help-form__sub-title {
        text-align: center;
        font-size: 16px;
        padding: 5px 0px;
        line-height: 18px;
    }

    .help-form__image {
        max-width: 380px;
        max-height: 400px;
        top: 0;
        top: unset;
        filter: brightness(0.6);
    }

    .help-form__button {
        margin-left: auto;
    }

    .help-form__input svg {
        min-width: unset;
        max-width: 20px;
    }
}

@media (max-width: 479.98px) {
    .help-form {
        padding: 25px;
    }

    .help-form__image {
        top: 0%;
    }

    .help-form__label {
        gap: 10px;
    }

    .help-form__input {
        padding: 10px;
    }
}

@media (max-width: 394.98px) {
    .help-form__image {
        top: unset;
        bottom: 15%;
    }
}

@media (max-width: 767.98px) {
    .discounts__block {
        padding: 25px;
        min-width: unset;
    }

    .discounts__sub-block {
        max-width: 250px;
        z-index: 1;
    }

    .discounts__sub-title {
        font-size: 16px;
        margin-bottom: 10px;
        border-radius: 15px;
    }

    .discounts__block-title {
        font-size: 24px;
        border-radius: 15px;
        margin-bottom: 60px;
    }

    .discounts__block-description {
        margin-bottom: 5px;
        font-size: 16px;
        background-color: var(--main-green-color);
        padding: 10px 5px;
        border-radius: 15px;
    }

    .discounts__block:nth-child(even) .discounts__block-description {
        background-color: var(--main-orange-color);
    }

    .discounts__button {
        display: block;
    }
}

@media (max-width: 479.98px) {
    .discounts__block {
        padding: 15px;
    }

    .discounts__sub-title {
        font-size: 16px;
    }

    .discounts__block-title {
        font-size: 22px;
    }

    .discounts__block-description {
        text-align: center;
        font-size: 15px;
    }

    .discounts__button {
        padding: 10px 10px;
    }
}

@media (max-width: 994.98px) {
    .about-us__profile-block {
        flex: 1 0 30%;
    }

    .about-us__profile-image {
        min-width: 200px;
    }

    .about-us__text-block {
        padding: 35px 35px 25px 35px;
    }
}

@media (max-width: 767.98px) {
    .about-us__wrapper {
        flex-wrap: wrap;
    }

    .about-us__profile-block {
        gap: 20px;
        padding: 0px;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .about-us__profile-name {
        font-size: 22px;
    }

    .about-us__job-title {
        font-size: 16px;
    }

    .about-us__profile-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 5px;
    }

    .about-us__text-block {
        margin-left: unset;
    }

    .about-us__button {
        display: block;
    }
}

@media (max-width: 566.98px) {
    .about-us__profile-block {
        align-items: center;
        justify-content: center;
    }

    .about-us__profile-info {
        align-items: center;
        justify-content: center;
    }

    .about-us__text-block {
        padding: 25px 25px 20px 25px;
    }

    .about-us__text-title {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .about-us__text:not(:last-of-type) {
        margin-bottom: 15px;
    }
}

@media (max-width: 479.98px) {
    .about-us__profile-block {
        gap: 6px;
    }

    .about-us__profile-info {
        gap: 0px;
    }

    .about-us__text-block {
        padding: 15px 15px 10px 15px;
    }
}

@media (max-width: 767.98px) {
    .diller-certificates__swiper-buttons {
        margin: 0px auto 10px;
        max-width: 100px;
    }

    .diller-certificates .swiper-button-next svg,
    .diller-certificates .swiper-button-prev svg,
    .diller-certificates .swiper-button-next-2 svg,
    .diller-certificates .swiper-button-prev-2 svg {
        width: 28px;
        height: 28px;
    }

    .mini-swiper .swiper-slide__name-company {
        text-align: center;
    }

    .mini-swiper .swiper-slide__company-price {
        text-align: center;
    }

    .mini-swiper .swiper-pagination,
    .mini-swiper-2 .swiper-pagination {
        margin-top: 15px;
    }
}

@media (max-width: 489.98px) {
    .mini-swiper .swiper-slide__image img {
        max-height: 75px;
        min-height: 75px;
    }
}

@media (max-width: 767.98px) {
    .in-numbers__wrapper {
        padding-top: 10px;
    }

    .in-numbers__big-count span {
        font-size: 50px;
        line-height: 42px;
    }
}

@media (max-width: 529.98px) {
    .in-numbers__block {
        text-align: center;
    }

    .single-card .swiper-slide:not(.single-card-image){
        max-width: 100%;
    }
}

@media (max-width: 479.98px) {
    .in-numbers__wrapper {
        padding-top: 0px;
    }
}

@media (max-width: 768.98px) {
    .swiper-works .swiper-slide__sub-title {
        text-align: center;
    }
    .delivery__columns{
        columns: 4;
    }
    .category__btn{
        display: none;
    }

    .swiper-works .swiper-slide__bottom {
        justify-content: center;
    }

    .swiper-works .swiper-pagination {
        margin-top: 15px;
    }

    .our-work__title-block {
        flex-direction: column;
        justify-content: center;
        margin-bottom: 18px;
    }

    .our-work__swiper-buttons {
        margin-left: unset;
    }

    .swiper-works-2 img {
        height: 80px;
        width: 100%;
    }
}

@media (max-width: 479.98px) {
    .swiper-works .swiper-slide__bottom {
        justify-content: center;
        gap: 15px;
    }

    .swiper-works .swiper-slide__info-block {
        gap: 4px;
    }
}

@media (max-width: 788.98px) {
    .videos__wrapper {
        gap: 10px;
    }
}

@media (max-width: 788.98px) {
    .reasons__block {
        align-items: center;
        text-align: center;
    }

    .reasons__sub-title {
        margin-bottom: 15px;
    }
}

@media (max-width: 994.98px) {
    .question__wrapper {
        gap: 10px;
        padding-bottom: 25px;
    }

    .question__input-wrapper {
        flex: 1 0 45%;
    }

    .question__button {
        flex: 1 0 45%;
    }
}

@media (max-width: 767.98px) {
    .question__tabs {
        min-width: unset;
        width: 100%;
    }

    .tab__top {
        padding: 0px 30px;
    }

    .tab__title {
        padding: 15px 0px;
    }

    .tab__text {
        padding: 15px 30px;
    }

    .question__bottom {
        flex-wrap: wrap;
    }
}

@media (max-width: 479.98px) {
    .tab__top {
        padding: 0px 20px;
    }

    .tab__title {
        padding: 15px 0px;
        font-size: 17px;
    }

    .tab__text {
        padding: 15px 20px;
    }

    .question__form-block {
        padding: 15px;
    }

    .question__radio-buttons {
        gap: 10px;
    }
}


@media (max-width: 767.98px) {
    .let-s-pick__block {
        min-width: 205px;
        padding: 30px 20px;
    }
}

@media (max-width: 479.98px) {
    .let-s-pick__block {
        align-items: center;
        text-align: center;
        justify-content: center;
    }
}

@media (max-width: 994.98px) {
    .review__wrapper {
        flex-wrap: wrap;
    }

    .review__column {
        max-width: unset;
    }

    .review__column:nth-child(3) {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .review__wrapper {
        gap: 10px;
    }

    .review__column {
        gap: 10px;
    }

    .review__col-block {
        padding: 20px;
        min-width: 250px;
        flex-basis: 49%;
    }

    .review__button-wrapper {
        height: 150px;
    }

    .review__profile-image {
        max-width: 42px;
        min-width: 42px;
        max-height: 42px;
    }
}

@media (max-width: 528.98px) {
    .review__col-block {
        flex-grow: 1;
    }
}

@media (max-width: 479.98px) {
    .review__button-wrapper {
        height: 100px;
    }
}

@media (max-width: 994.98px) {
    .application {
        padding: 45px 0px;
    }

    .application__title-block {
        text-align: inherit;
    }

    .application__form {
        margin-left: unset;
    }

    .application__wrapper {
        flex-wrap: wrap;
        gap: 40px;
    }

    .application__textarea-wrapper textarea {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .application__wrapper {
        padding: 35px;
    }

    .application__sub-title {
        font-size: 16px;
    }
}

@media (max-width: 479.98px) {
    .application__wrapper {
        padding: 25px;
    }

    .application__title {
        margin-bottom: 6px;
    }

    .application__input-wrapper svg {
        min-width: 14px;
        max-width: 14px;
    }

    .application__textarea-wrapper svg {
        min-width: 16px;
        max-width: 16px;
    }

    .application__bottom {
        display: flex;
        justify-content: center;
    }

    .application__button {
        margin-left: unset;
    }
}

@media (max-width: 1134.98px) {
    .footer__col-contact {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .col-bas-5 {
        max-width: 500px;
    }

    .footer__row-bot .footer__logo {
        flex-basis: 10%;
    }
}

@media (max-width: 994.98px) {
    .footer__bottom-info {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer__logo {
        text-align: left;
    }

    .footer__row-bot {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .footer__block-logo img {
        margin-bottom: 15px;
    }
}

@media (max-width: 767.98px) {
    .footer {
        padding: 45px 0px 20px 0px;
    }

    .footer__col-contact {
        padding: 30px;
    }

    .footer__col-contact .footer__col-title {
        margin-bottom: 15px;
    }

    .footer__col-title {
        margin-bottom: 20px;
    }

    .footer__col-phone {
        margin-bottom: 10px;
    }

    .footer__col-item:not(:last-child) {
        margin-bottom: 10px;
    }
}

@media (max-width: 479.98px) {
    .footer {
        padding: 25px 0px 20px 0px;
    }

    .footer__row-bot {
        flex-direction: column;
        gap: 10px;
    }

    .footer__block-logo img {
        margin-bottom: 7px;
    }

    .footer__wrapper {
        padding: 15px 0px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    body.menu-open .mobile-fixed-bottom-box {
        transition: 0.2s ease 0s;
    }
    .open__search{
        display: flex!important;
        border-radius: 0!important;
        max-height: 40px!important;
    }
    .open__search_a{
        color: var(--main-green-color) !important;
    }
    .header-search-modal a{
        color: black!important;
    }
    .header-search-modal p{
        color: black!important;
    }
    .header-search-modal a.green-link{
        color: #5cb955 !important;;
    }
    .header-search-modal{
        top: -250px!important;
        max-height: 30vh;
    }
    .mobile-fixed-bottom-box {
        position: fixed;
        display: flex;
        justify-content: center;
        width: 100%;
        max-width: 100vw;
        bottom: 0;
        left: 0;
        z-index: 99;
        transition: 0.2s ease 0.4s;
        transform: translate(0%, 0%);
        color: #fff;
    }

    .mobile-bottom-fixed {
        background: #f3f3f3;
        display: flex;
        align-items: center;
        overflow: hidden;
        font-size: 0;
        width: 100%;
    }
    .mobile-bottom-fixed .mobile-bottom-btn svg path {
        color: #565656;
    }
    .mobile-bottom-btn {
        padding: 8px 10px;
        width: 20%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .mobile-bottom-btn span{
        font-size: 12px;
        color: #565656;
        display: flex;
        margin-top: 5px;
    }
    body.menu-open .mobile-fixed-bottom-box {
        transform: translate(0%, 120%);
        bottom: 0px;
    }

    body.filter-open .mobile-fixed-bottom-box {
        transform: translate(0%, 120%);
        bottom: 0px;
    }
}

@media screen and (max-width: 380px){
    .mobile-bottom-btn span{
        font-size: 11px;
    }
    .header__menu__span{
        font-size: 14px;
    }
    .logo__logo-name{
        font-size: 16px;
    }
    .block-phone__phone{
        font-size: 16px;
    }
    .block-phone__time{
        font-size: 16px;
    }
}

@media (max-width: 479.98px) {
    .mobile-bottom-btn {
        padding: 8px 10px;
    }
}

@media (max-width: 1026.98px) {
    .block-calculate {
        margin-top: 0px;
        max-width: unset;
    }

    .catalog-title-block {
        gap: 15px;
    }
}

@media (max-width: 767.98px) {
    .breadcrumbs {
        padding: 20px 0px 15px 0px;
    }

    .block-calculate {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
    }

    .block-calculate__btn {
        margin-left: unset;
    }

    .block-calculate__image {
        margin-left: auto;
        position: absolute;
        right: 5%;
        bottom: 0;
        max-width: 180px;
        opacity: 0.9;
    }

    .block-calculate__image img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 370.98px) {
    .catalog-title-block {
        flex-direction: column;
        gap: 10px;
    }

    .catalog-title-block__how-many {
        position: relative;
        top: -10px;
        padding: 4px 12px;
        margin-right: 0px;
        margin: 0px auto;
    }

    .catalog-title-block__how-many::before {
        content: '';
        position: absolute;
        top: -2px;
        left: 0px;
        width: 4px;
        height: 4px;
        border: 18px solid transparent;
        border-top: 18px solid var(--main-green-color);
        transform: rotate(65deg);
    }
}

@media (max-width: 994.98px) {
    .catalog {
        padding-top: 10px;
    }

    .catalog-title-block {
        margin-bottom: 20px;
    }

    .catalog-wrapper {
        margin-left: 0px;
    }

    .catalog-slidebar {
        display: block;
        padding: 8px 5px;
        cursor: pointer;
        border-radius: 6px;
        margin-bottom: 5px;
        background-color: #f7f7f7;
    }

    .catalog-slidebar__sub-title {
        font-weight: 600;
        font-size: 15px;
        display: flex;
        align-items: center;
        gap: 15px;
        pointer-events: none;
    }

    .catalog-slidebar__sub-title::before {
        content: '';
        width: 20px;
        height: 20px;
        background: url(/img/catalog/catalog/adjust.svg) center / 100% no-repeat;
        pointer-events: none;
    }
}

@media (max-width: 767.98px) {
    .catalog-wrapper .card {
        width: calc((100% - 20px) / 2);
    }

    .catalog__category-block .swiper-wrapper {
        max-width: 300px;
    }

    .catalog-cards {
        padding-bottom: 20px;
    }

    .catalog-bottom {
        padding-bottom: 20px;
    }
}

@media (max-width: 479.98px) {
    .catalog-wrapper .card {
        width: calc((100% - 5px) / 2);
    }

    .catalog__category-block .swiper-wrapper {
        max-width: 150px;
    }

    .catalog-cards {
        padding-bottom: 25px;
    }

    .catalog-bottom {
        padding-bottom: 10px;
    }

    .catalog-pagination__bullet {
        width: 35px;
        height: 35px;
    }

    .catalog-pagination__bullet-next {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 994.98px) {
    .catalog-aside {
        position: fixed;
        max-width: unset;
        width: 40%;
        top: 0;
        left: 0;
        transform: translate(-100%, 0px);
        transition: 0.4s ease 0s;
        border-right: 1px solid #b0b0b0;
        overflow-y: scroll;
        max-height: 100%;
        z-index: 50;
    }

    body.filter-open .catalog-aside {
        transition: 0.4s ease 0.5s;
    }

    .catalog-aside .menu-close {
        position: sticky;
        right: 10px;
        top: 10px;
        display: flex;
        align-items: center;
        background-color: var(--main-green-color);
        width: 40px;
        height: 40px;
        border: 1px solid var(--main-green-color);
        border-radius: 50%;
        z-index: 30;
    }

    .catalog-aside .menu-close span,
    .catalog-aside .menu-close::before,
    .catalog-aside .menu-close::after {
        content: '';
        transition: all 0.3s ease 0.1s;
        left: 10px;
        position: absolute;
        width: 18px;
        height: 2px;
        background-color: #ffffff;
    }

    .catalog-aside__main {
        padding: 20px;
        border: none;
    }

    .catalog-aside-block:not(:first-child) {
        padding: 20px;
    }

    .catalog-aside::-webkit-scrollbar {
        width: 5px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.137);
    }

    .catalog-aside::-webkit-scrollbar-thumb {
        background-color: var(--main-green-color);
        border-radius: 3px;
    }

    .catalog-aside__tab {
        padding: 20px 0px;
    }

    .catalog-aside-block:not(:last-child) {
        margin-bottom: 10px;
    }

    .aside-open {
        transform: translate(0%, 0px);
    }
}

@media (max-width: 767.98px) {
    .catalog-aside {
        width: 100%;
        top: 0;
        left: 0;
    }

    .catalog-aside__button {
        padding: 10px 30px;
    }

    .catalog-aside-block:not(:last-child) {
        margin-bottom: 0px;
    }
}

@media (max-width: 767.98px) {
    .catalog-aside__popular-item {
        padding: 10px 15px;
    }
}

@media (max-width: 994.98px) {
    .catalog-aside__item {
        font-size: 16px;
        line-height: 17px;
        padding: 15px 0px;
    }
}

@media (max-width: 767.98px) {
    .catalog-aside__sewerage-title {
        font-size: 20px;
    }

    .catalog-aside__sewerage-list {
        font-size: 16px;
    }
}


@media (max-width: 767.98px) {
    .popular-septic__btn-wrapper {
        padding-top: 10px;
    }
}

@media (max-width: 767.98px) {
    .services {
        padding-top: 10px;
    }

    .services__links {
        align-items: center;
        justify-content: center;
    }

    .services__link-box {
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 479.98px) {
    .services__title {
        margin-bottom: 12px;
    }
    .block-category__category{
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 767.98px) {
    .how-we-work__wrapper::before {
        display: none;
    }

    .how-we-work__wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 20px;
    }

    .how-we-work__block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-basis: 40%;
        flex-grow: 1;
    }

    .how-we-work__block-text {
        text-align: center;
        font-size: 16px;
    }
}

@media (max-width: 479.98px) {
    .how-we-work__wrapper {
        flex-direction: column;
    }

    .how-we-work__block {
        padding: 0px 50px;
    }
}

@media (max-width: 994.98px) {
    .delivery__column {
        flex-basis: 20%;
    }
}

@media (max-width: 767.98px) {
    .delivery {
        background: #f7f7f7 url(/img/catalog/delivery/delivery.png) center / 88% no-repeat;
    }
}

@media (max-width: 512.98px) {
    .delivery__column {
        text-align: center;
    }
}

@media (max-width: 479.98px) {
    .delivery {
        overflow-y: scroll;
        max-height: 400px;
        padding: 0px;
    }

    .delivery__columns {
        flex-direction: column;
    }

    .delivery::-webkit-scrollbar {
        height: 5px;
        width: 5px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.137);
    }

    .delivery::-webkit-scrollbar-thumb {
        background-color: var(--main-green-color);
        border-radius: 3px;
    }
}

@media (max-width: 994.98px) {
    .maintenance-scroll {
        overflow-x: scroll;
    }

    .maintenance-scroll::-webkit-scrollbar {
        height: 5px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 0.137);
    }

    .maintenance-scroll::-webkit-scrollbar-thumb {
        background-color: var(--main-green-color);
        border-radius: 3px;
    }

    .maintenance-scroll .maintenance__top-row {
        min-width: 958px;
    }

    .maintenance-scroll .maintenance__top-row {
        min-width: 958px;
    }

    .maintenance-scroll .maintenance__row {
        min-width: 958px;
    }
}

@media (max-width: 767.98px) {
    .maintenance-scroll .maintenance__row {
        padding: 28px 24px;
    }

    .maintenance__row {
        padding: 18px 14px;
    }

    .maintenance__block {
        flex-basis: 30%;
    }
}

@media (max-width: 479.98px) {
    .maintenance__block {
        flex-basis: 20%;
    }
}

@media (max-width: 1030.98px) {
    .advantages__wrapper {
        padding-top: 30px;
        row-gap: 30px;
        column-gap: 70px;
    }
}

@media (max-width: 767.98px) {
    .advantages__wrapper {
        padding-top: 20px;
        gap: 20px;
        flex-direction: column;
    }

    .advantages__block {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }

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

@media (max-width: 479.98px) {
    .advantages__wrapper {
        padding-top: 5px;
        gap: 10px;
    }
}

@media (max-width: 994.98px) {
    .mistakes {
        padding-top: 60px;
    }
}

@media (max-width: 767.98px) {
    .mistakes {
        padding-top: 40px;
    }

    .mistakes__main {
        padding: 40px;
    }

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

    .mistakes__main-blocks {
        flex-direction: column;
    }

    .mistakes__block-title {
        margin-bottom: 20px;
    }

    .mistakes__block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .mistakes__text-block {
        text-align: center;
    }

    .mistakes__text-sub-title {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .mistakes__text {
        font-size: 16px;
    }

    .mistakes__bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .mistakes__form-main {
        flex-wrap: wrap;
        justify-content: center;
    }

    .mistakes__info {
        text-align: center;
    }

    .mistakes__checkbox-block {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 479.98px) {
    .mistakes {
        padding-top: 25px;
    }

    .mistakes__main {
        padding: 20px;
    }

    .mistakes__selected {
        width: 100%;
        max-width: 200px;
    }

    .mistakes__option {
        padding: 10px 20px;
    }

    .mistakes__input-wrapper {
        width: 100%;
        max-width: 200px;
    }

    .mistakes__button {
        width: 100%;
        max-width: 200px;
        padding: 15px 0px;
    }
}

@media (max-width: 994.98px) {
    .description__image-wrapper {
        padding: 28px 0px;
    }

    .description {
        background: #ffffff;
        padding-bottom: 80px;
    }
}

@media (max-width: 767.98px) {
    .description {
        background: #ffffff;
        padding-bottom: 40px;
    }

    .description__image-wrapper {
        padding: 8px 0px;
        margin-bottom: 10px;
    }

    .description__title {
        margin-bottom: 10px;
    }

    .description__text {
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 10px;
    }

    .description__title-text {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .description__quote {
        padding: 10px 0px 10px 14px;
        font-size: 18px;
    }

    .description__main-text {
        margin-bottom: 15px;
    }

    .card-product-main__block-info{
        order: 3;
    }

    .card-product-main__stars-wrapper{
        position: relative;
        max-width: 100%;
        width: 100%;
    }

    .card-product-main__stars-wrapper .card-product-main__wrapper-links{
        right: 0;
        flex-direction: row;
        top: 10px;
    }

    .card-product-main__product-wrapper .card-product-main__wrapper-links{
        display: none;
    }
}

@media (min-width: 994.98px) {
    .fixed-menu {
        position: fixed;
        display: block;
        top: 25%;
        right: 0%;
        width: 80px;
        background-color: var(--main-green-color);
        border-radius: 10px 0px 0px 10px;
        z-index: 50;
        transition: 0.2s ease 0.2s;
    }

    .fixed-menu.fixed-close {
        transform: translate(100%, 0%);
    }

    .fixed-menu__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 7px;
        position: relative;
    }

    .fixed__btn-close {
        position: absolute;
        width: 40px;
        height: 40px;
        background: #cfcfcf;
        bottom: 105%;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 100;
        transition: 0.1s ease 0s;
    }

    .fixed__btn-close:hover {
        background: #b8b8b8;
    }

    .fixed__btn-close img {
        pointer-events: none;
    }

    .fixed-menu__block {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        padding: 15px 0px;
        gap: 4px;
    }

    .fixed-menu__block img {
        transition: 0.2s ease 0s;
    }

    .fixed-menu__block:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    .fixed-menu__image {
        pointer-events: none;
    }

    .fixed-menu__btn-text {
        color: #ffffff;
        pointer-events: none;
    }

    .scroll-up:hover img {
        transform: translate(0px, -2px);
    }

    .fixed__btn-open {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 40%;
        right: -5%;
        padding: 7px;
        background: var(--main-green-color);
        border-radius: 10px 0px 0px 10px;
        transform: translate(5px, 0px);
        transition: 0.2s ease 0.2s;
        z-index: 100;
    }

    .fixed__btn-open img {
        pointer-events: none;
    }

    .fixed__btn-open:hover {
        transform: translate(0px, 0px);
    }

    .fixed-close + .fixed__btn-open {
        right: 0;
    }
}

@media (max-width: 1108.98px) {
    .next-arrow-2 {
        display: block;
        position: absolute;
        right: 10px;
        top: 30%;
        z-index: 1;
    }
}

@media (max-width: 1036.98px) {
    .next-arrow {
        display: block;
        position: absolute;
        right: 10px;
        top: 39%;
        z-index: 1;
    }
}

@media (max-width: 994.98px) {
    .card-product-main__title-wrapper .rating-area:not(:checked) > label {
        width: 25px;
        font-size: 25px;
    }
}

@media (max-width: 767.98px) {
    .card-product-main {
        padding-top: 30px;
    }

    .card-product-main__title-wrapper .rating-area:not(:checked) > label {
        width: 35px;
        font-size: 30px;
    }

    .card-product-main__title-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        max-width: unset;
        margin-bottom: 30px;
    }

    .card-product-main__block-info {
        min-width: 320px;
    }

    .card-product-main__price-block {
        align-self: flex-start;
        flex-basis: 100%;
    }

    .product-swiper .swiper-wrapper {
        max-width: 250px;
    }

    .card-product-main__wrapper-links {
        gap: 8px;
        right: -5%;
    }

    .card-product-main__wrapper-links img {
        width: 20px;
    }

    .block-price__delivery-block:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (max-width: 479.98px) {
    .product-swiper-2 {
        display: none;
    }

    .swiper-pagination-product .swiper-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%;
    }

    .swiper-pagination-product {
        display: block;
        position: absolute;
        left: 0%;
        top: 48%;
        margin-top: 30px;
        text-align: center;
        transition: 0.3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        transform: rotate(0deg);
    }

    .swiper-pagination-product
    .swiper-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    }

    .swiper-pagination-product .product.swiper-pagination-bullet {
        width: var(
            --swiper-pagination-bullet-width,
            var(--swiper-pagination-bullet-size, 8px)
        );
        height: var(
            --swiper-pagination-bullet-height,
            var(--swiper-pagination-bullet-size, 8px)
        );
        display: inline-block;
        border-radius: 50%;
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
    }

    .swiper-pagination-product .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--main-green-color);
    }

    .card-product-main__block-info {
        min-width: unset;
    }

    .product-swiper {
        max-width: 420px;
    }

    .product-swiper .swiper-slide a img {
        max-width: unset;
    }

    .product-swiper .swiper-wrapper {
        max-width: 320px;
    }

    .card-product-main__title-wrapper {
        margin-bottom: 15px;
    }

    .card-product-main__product-wrapper {
        gap: 15px;
        margin-bottom: 15px;
    }

    .card-product-main__info-links {
        margin-bottom: 20px;
    }

    .block-price {
        border: 1px solid #eaebea;
        border-radius: 10px;
        padding: 30px;
        min-width: unset;
    }

    .block-price__price-topical {
        font-size: 26px;
        line-height: 30px;
    }

    .block-price__price-old {
        font-size: 20px;
    }

    .card-product-main__wrapper-links {
        right: 0%;
    }
}

@media (max-width: 370.98px) {
    .block-price__dop-offer {
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

    .card-product-main__swiper-block {
        min-width: 150px;
    }

    .block-price__dop-offer-price {
        max-width: unset;
    }

    .block-price__top {
        gap: 10px;
    }
}

@media (max-width: 1118.98px) {
    .card-info-tabs__top {
        overflow-x: scroll;
        justify-content: unset;
    }
}

@media (max-width: 994.98px) {
    .card-info-tab__review-images {
        gap: 10px;
    }

    .card-info-tab__review-images img {
        width: 100%;
        height: 100%;
        max-width: unset;
    }

    .card-info-tab__review-images a {
        flex-grow: 1;
        max-width: 200px;
    }
}

@media (max-width: 767.98px) {
    .card-info-tab__block-wrapper {
        gap: 15px;
        flex-wrap: wrap;
    }

    .card-info-tab__item {
        gap: 6px;
    }

    .card-info-tab__block:first-child {
        flex-basis: 100%;
    }

    .product-info__title {
        margin-bottom: 20px;
    }

    .product-info__sub-item {
        line-height: 20px;
        font-size: 16px;
    }

    .card-info-tab__review-block {
        flex-basis: 100%;
    }

    .card-info-tab__review-images a {
        flex-grow: 1;
        max-width: unset;
    }

    .card-info-tab__block-all-review {
        margin-top: 0%;
        margin: 0px auto;
        align-items: center;
    }

    .card-info-tab__review-rows {
        display: none;
    }

    .card-info-tab__block-all-review a {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .card-info-tab__download-row {
        gap: 10px;
        padding: 12px 10px;
        flex-direction: column;
        text-align: center;
    }

    .card-info-tab__download img {
        width: 22px;
    }
}

@media (max-width: 479.98px) {
    .card-info-tab__text:not(:last-child) {
        margin-bottom: 15px;
    }

    .card-info-tab__sub-title {
        margin-bottom: 5px;
    }

    .card-info-tab__list {
        margin-bottom: 15px;
    }

    .product-info__block-item {
        justify-content: space-between;
        gap: 15px;
    }

    .product-info__sub-item:last-child {
        text-align: end;
    }

    .border {
        display: none;
    }

    .card-info-tab__profile-block {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 5px;
    }

    .card-info-tab__delivery-item {
        padding: 10px 0px;
    }
}

@media (max-width: 767.98px) {
    .similar-products__title {
        margin-bottom: 10px;
    }

    .similar-products__block-title {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }

    .similar-products__swiper-buttons {
        margin-left: unset;
    }
}

@media (max-width: 767.98px) {
    .info-list {
        font-size: 16px;
    }

    .info-list__title {
        text-align: center;
        margin-bottom: 5px;
    }

    .info-list__list-item {
        padding: 6px 0px;
    }

    .info-list__item {
        padding: 8px 0px;
        gap: 8px;
    }

    .info-list__list-item::before {
        width: 6px;
        height: 6px;
    }
}

@media (max-width: 767.98px) {
    .sanitary__title {
        margin-bottom: 20px;
    }

    .sanitary {
        text-align: center;
    }
}

@media (max-width: 479.98px) {
    .sanitary__title {
        margin-bottom: 15px;
    }
}

@media (max-width: 767.98px) {
    .inside__wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .inside__list-col {
        justify-content: center;
        flex-direction: row;
        gap: 30px;
        flex-wrap: wrap;
    }

    .inside__list-title {
        margin-bottom: 13px;
    }

    .inside__list-block {
        flex-basis: 40%;
    }

    .inside__item {
        padding: 4px 0px;
        font-size: 16px;
    }
}

@media (max-width: 479.98px) {
    .inside__wrapper {
        gap: 15px;
    }

    .inside__list-block {
        flex-basis: 100%;
    }

    .inside__list-col {
        gap: 20px;
    }
}

@media (max-width: 767.98px) {
    .installation__wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    .septic-main-products .block-category__btn{
        justify-content: space-between;
    }
    .installation__image-title {
        text-align: center;
        padding: 5px 0px;
    }
    .installation__block-image img {
        padding: 5px 0px;
    }
    .mobile-bottom-fixed{
        border-radius: 0;
    }
}

@media (max-width: 479.98px) {
    .equipment__images-wrapper {
        padding: 15px 0px;
        gap: 15px;
    }

    .equipment__image-block {
        flex-grow: 1;
        text-align: center;
    }

    .equipment__item {
        gap: 8px;
        padding: 2px 0px;
    }

    .equipment__description-title {
        padding: 15px 0px;
    }
}
.top__header__burger{
    display: none;
}
@media screen and (max-width: 479.98px){
    .header-nav .header__burger{
        display: none;
    }
    .header-nav .header-nav__buttons{
        display: none;
    }
    .header-top__phone-block svg{
        display: none;
    }
    .header__top .top__header__burger{
        display: flex;
    }
    .header__top{
        justify-content: space-between;
    }
    .header-top__phone-block{
        margin: 0;
    }
    .header__top .top__header__burger{
        width: 33%;
    }
    .header__top .header-top__logo-block{
        width: 33%;
    }
    .header__top .header-top__phone-block{
        width: 33%;
    }
    .top__header__burger{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .top__header__burger .header__menu__span{
        margin-left: 5px;
    }
    .icons__plitka{
        display: flex!important;
        width: 80px;
        height: 30px;
        background-color: #f7f7f7;
        border-radius: 10px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 5px;
    }
    .plitka__item{
        width: 40%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    .plitka__item:first-child{
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.91 1.455c-.804 0-1.456.65-1.456 1.454v1.455c0 .804.652 1.455 1.455 1.455h1.455c.803 0 1.454-.651 1.454-1.455V2.91c0-.803-.65-1.454-1.454-1.454H2.909ZM0 2.909A2.91 2.91 0 0 1 2.91 0h1.454a2.91 2.91 0 0 1 2.909 2.91v1.454a2.91 2.91 0 0 1-2.91 2.91H2.91A2.91 2.91 0 0 1 0 4.364V2.91Zm11.636-1.454c-.803 0-1.454.65-1.454 1.454v1.455c0 .804.65 1.455 1.454 1.455h1.455c.803 0 1.455-.651 1.455-1.455V2.91c0-.803-.652-1.454-1.455-1.454h-1.455ZM8.727 2.909A2.91 2.91 0 0 1 11.637 0h1.454A2.91 2.91 0 0 1 16 2.91v1.454a2.91 2.91 0 0 1-2.91 2.91h-1.454a2.91 2.91 0 0 1-2.909-2.91V2.91ZM2.91 10.181c-.803 0-1.455.651-1.455 1.455v1.455c0 .803.652 1.455 1.455 1.455h1.455c.803 0 1.454-.652 1.454-1.455v-1.455c0-.804-.65-1.455-1.454-1.455H2.909ZM0 11.636a2.91 2.91 0 0 1 2.91-2.91h1.454a2.91 2.91 0 0 1 2.909 2.91v1.455A2.91 2.91 0 0 1 4.363 16H2.91A2.91 2.91 0 0 1 0 13.09v-1.454Zm11.636-1.455c-.803 0-1.454.651-1.454 1.455v1.455c0 .803.65 1.455 1.454 1.455h1.455c.803 0 1.455-.652 1.455-1.455v-1.455c0-.804-.652-1.455-1.455-1.455h-1.455Zm-2.909 1.455a2.91 2.91 0 0 1 2.91-2.91h1.454A2.91 2.91 0 0 1 16 11.636v1.455A2.91 2.91 0 0 1 13.09 16h-1.454a2.91 2.91 0 0 1-2.909-2.91v-1.454Z' fill='%23333'/%3E%3C/svg%3E");
    }
    .plitka__item:last-child{
        opacity: 0.5;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.91 1.455c-.804 0-1.456.65-1.456 1.454v1.455c0 .804.652 1.455 1.455 1.455H13c.803 0 1.455-.651 1.455-1.455V2.91c0-.803-.652-1.454-1.455-1.454H2.91ZM0 2.909A2.91 2.91 0 0 1 2.91 0H13a2.91 2.91 0 0 1 2.91 2.91v1.454A2.91 2.91 0 0 1 13 7.274H2.91A2.91 2.91 0 0 1 0 4.364V2.91Zm2.91 7.272c-.804 0-1.456.651-1.456 1.455v1.455c0 .803.652 1.455 1.455 1.455H13c.803 0 1.455-.652 1.455-1.455v-1.455c0-.804-.652-1.455-1.455-1.455H2.91ZM0 11.636a2.91 2.91 0 0 1 2.91-2.91H13a2.91 2.91 0 0 1 2.91 2.91v1.455A2.91 2.91 0 0 1 13 16H2.91A2.91 2.91 0 0 1 0 13.09v-1.454Z' fill='%23333'/%3E%3C/svg%3E");
    }
}
@media screen and (max-width: 330px){
    .header-top__logo-block{
        margin-right: 5px;
    }
}
@media screen and (max-width: 1279px){
    .catalog-cards .card{
        padding: 10px;
    }
    .catalog-wrapper .card{
        width: calc((100% - 30px) / 3);
        padding:10px;
    }
}
@media screen and (max-width: 767px){
    .catalog-wrapper .card{
        width: calc((100% - 10px) / 2);
        padding:10px;
    }
    .footer__col-item{
        font-size: 14px;
    }
    .delivery__columns{
        columns: 2;
    }
    .about-us__profile-info button{
        width: 100%;
        margin-top: 10px!important;
        margin-bottom: 10px!important;
    }
    .about-us__profile-info button .header-nav__button-name{
        width: 100%;
    }
}
.popular-septic .cards-wrapper{
    gap: 10px;
}
@media screen and (max-width: 381px){
    .header-top .wrapper{
        justify-content: start;
    }
}
@media screen and (max-width: 335px){
    .slicknav_menutxt{
        font-size: 14px;
    }
    .logo__logo-name{
        font-size: 14px;
    }
    .block-phone__phone{
        font-size: 14px;
    }
    .block-phone__time{
        font-size: 14px;
    }
}
@media screen and (max-width: 1280px){
    .card__main-price{
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}
@media screen and (max-width: 540px){
    .popular-septic__cards .card{
        padding: 10px;
    }
}
@media screen and (max-width: 479px){
    .card__main-price{
        flex-direction: row!important;
    }
}
@media screen and (max-width: 480px){
    .block-phone__time{
        display: flex;
        flex-direction: column;
    }
    .block-phone__phone-time{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
/*QUIZ*/
.new-quiz__page .before-footer-form-box {
    background-image: url(/images/2022-07/07/topImage.jpg);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-color: #f7f7f7;
    padding-top: 40px;
    padding-bottom: 164px;
}

.new-quiz__page ul {
    padding-left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

@media (max-width: 650px) {
    .new-quiz__page ul {
        padding-left: 30px;
    }

    .form-pl {
        padding-left: 0 !important;
    }

    .single-pluses-container {
        flex-direction: column;
    }
}

.new-quiz__page ul li {
    margin-bottom: 10px;
}

.new-quiz__page li:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icHJlZml4X19hIiB4MT0iOTguMjU4JSIgeDI9IjAlIiB5MT0iNTAlIiB5Mj0iNTAlIj4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwQzg1OCIvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODc4NDQiLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPHBhdGggZmlsbD0idXJsKCNwcmVmaXhfX2EpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAwYzUuNTE0IDAgMTAgNC40ODYgMTAgMTBzLTQuNDg2IDEwLTEwIDEwUzAgMTUuNTE0IDAgMTAgNC40ODYgMCAxMCAwem0yLjYzNCA3LjIyTDguNCAxMS4xOWwtMS4wMzQtLjk3Yy0uMzEzLS4yOTMtLjgyLS4yOTMtMS4xMzIgMC0uMzEyLjI5My0uMzEyLjc2NyAwIDEuMDZsMS42IDEuNWMuMzEzLjI5My44Mi4yOTMgMS4xMzIgMGw0LjgtNC41Yy4zMTItLjI5My4zMTItLjc2NyAwLTEuMDYtLjMxMy0uMjkzLS44Mi0uMjkzLTEuMTMyIDB6Ii8+Cjwvc3ZnPgo=');
}

#new-quiz {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    justify-content: center;
    top: 0;
    left: 0;
    padding: 5vh 0;
    z-index: 99999999;
}

.new-quiz__cross {
    position: absolute;
    top: 5vh;
    right: 5vh;
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 99999;
}

.new-quiz__cross:before,
.new-quiz__cross:after {
    content: '';
    width: 20px;
    height: 3px;
    background-color: #FFF;
    position: absolute;
    left: calc(50% - 10px);
    top: 50%;
    transform: rotate(-45deg);
    cursor: pointer;
}

.new-quiz__cross:after {
    transform: rotate(45deg);
}

#new-quiz * {
    color: #FFF;
    outline: none;
}

#new-quiz > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.3);
    z-index: -1;
}

.new-quiz__container {
    padding: 0 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new-quiz__header {
    width: 240px;
    margin: 30px 0 0 20px;
}

.new-quiz__progress-bar__container {
    width: 100%;
    height: 3px;
    position: relative;
}

.new-quiz__progress-bar__empty {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--gradient);
    opacity: .3;
}

.new-quiz__progress-bar {
    width: 0;
    height: 3px;
    position: absolute;
    background-image: var(--gradient);
    z-index: 333;
    transition: all cubic-bezier(0.4, 0.91, 1, 1) .6s;
}

.new-quiz__progress-bar span {
    position: absolute;
    bottom: 8px;
    right: 0;
    transform: translate(20px, 0px);
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 0 3px;
    border-radius: 3px;
    background-image: var(--gradient);
}

.new-quiz__progress-bar span:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: calc(50% - 5px);
    border: 5px solid transparent;
    border-top: 5px solid #289c28;
}

#new-quiz fieldset {
    display: none;
    flex-direction: column;
}

#new-quiz fieldset.active {
    display: flex;
}

#new-quiz legend {
    font-weight: bold;
    margin-bottom: 2vh;
}

#new-quiz input + label,
.new-quiz__last-page label {
    margin-bottom: 1.5vh;
    position: relative;
    display: flex;
    align-items: center;
    transition: all ease-in-out .3s;
}

#new-quiz input + label:after {
    content: '';
    opacity: 0;
    position: absolute;
    top: calc(50% - 5px);
    left: 9px;
    width: 10px;
    height: 10px;
    border: 3px solid #FFF;
    border-radius: 50%;
    transition: all ease-in-out .3s;
}

#new-quiz input[type="checkbox"] + label:after {
    border: none;
    border-radius: 0;
    border-left: 3px solid;
    border-bottom: 3px solid;
    transform: rotate(-45deg);
    left: 8px;
    width: 13px;
    height: 8px;
}

#new-quiz input:checked + label:after {
    opacity: 1;
    transition: all ease-in-out .3s;
}

#new-quiz fieldset:not(.new-quiz__last-page) input + label:before {
    content: '';
    display: inline-block;
    max-width: 28px;
    width: 100%;
    height: 28px;
    border: 3px solid #FFF;
    border-radius: 50%;
    opacity: .8;
    margin-right: 18px;
}

#new-quiz fieldset:not(.new-quiz__last-page) input[type="checkbox"] + label:before {
    border-radius: 0;
}

.new-quiz__last-page input {
    max-width: 400px;
    width: 100%;
    padding: 10px 20px;
    border-radius: 7px;
    border: none;
    margin-bottom: 1vh;
    color: black !important;
}

.new-quiz__last-page button {
    max-width: 400px;
    width: 100%;
    border-radius: 7px;
}

.new-quiz__button_prev {
    position: relative;
    font-weight: bold;
    background-image: linear-gradient(270deg, #60c85845 1.74%, #4878449c 100%);
}

.new-quiz__button_prev:before,
.new-quiz__button_prev:after {
    content: '';
    width: 10px;
    height: 3px;
    background-color: #FFF;
    top: 43%;
    left: 34%;
    transform: rotate(-45deg);
    display: block;
    position: absolute;
}

.new-quiz__button_prev:after {
    transform: rotate(45deg);
    top: 52%;
}

.new-quiz__animate_left {
    animation: quiz-animate_left 300ms ease-in-out 1 normal;
}

.new-quiz__animate_right {
    animation: quiz-animate_right 300ms ease-in-out 1 normal;
}

.new-quiz__footer {
    display: flex;
    gap: 30px;
}

.new-quiz__footer button:disabled {
    cursor: default;
    opacity: .5;
    background: inherit;
    text-decoration: none;
}

#new-quiz input {
    background-color: white;
}

#new-quiz .calc-item-choice input,
#new-quiz input[type="checkbox"],
#new-quiz input[type="radio"] {
    display: none;
}

#new-quiz:root {
    --gradient:linear-gradient(270deg, #60c858 1.74%, #487844 100%);
}

#new-quiz button{
    padding: 15px 30px;
}

section.container {
    padding: 25px 10px;
}
.about-company-upper-block p,
.about-company-upper-block li {
    font-size: 18px;
}
.about-company-upper-block p,
.about-company-upper-block ul {
    margin-bottom: 10px;
}
.about-company-upper-block h1 {
    margin-bottom: 10px;
}
.about-company-our-team {
    position: relative;
}
.about-company-our-team h2 {
    margin-bottom: 20px;
}
.about-company-our-team__slider .team-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #D1D1D1FF;
    min-height: 280px;
    box-sizing: border-box;
    padding: 20px;
}
.about-company-our-team__slider .team-item * {
    font-size: 18px;
    text-align: center;
}
.about-company-our-team__slider .team-item img {
    max-width: 110px;
    width: 100%;
    max-height: 110px;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}
.about-company-our-team .prev,
.about-company-certificates .prev {
    position: absolute;
    top: 35px;
    right: 40px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.about-company-our-team .prev:before,
.about-company-certificates .prev:before {
    width: 22px;
    height: 7px;
    content: '';
    position: absolute;
    bottom: 6px;
    transform: rotate(45deg);
    background: #58AC51;
}
.about-company-our-team .prev:after,
.about-company-certificates .prev:after {
    width: 22px;
    height: 7px;
    content: '';
    position: absolute;
    top: 6px;
    transform: rotate(-45deg);
    background: #58AC51;
}
.about-company-our-team .next,
.about-company-certificates .next {
    position: absolute;
    top: 35px;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.about-company-our-team .next:before,
.about-company-certificates .next:before {
    width: 22px;
    height: 7px;
    content: '';
    position: absolute;
    bottom: 6px;
    transform: rotate(-45deg);
    background: #58AC51;
}
.about-company-our-team .next:after,
.about-company-certificates .next:after {
    width: 22px;
    height: 7px;
    content: '';
    position: absolute;
    top: 6px;
    transform: rotate(45deg);
    background: #58AC51;
}
.about-company-certificates h2 {
    margin-bottom: 30px;
}
.about-company-certificates__slider img {
    object-fit: cover;
}
.our-objects-gallery h2 {
    margin-bottom: 30px;
}
.our-objects-gallery__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.our-objects-gallery__container a {
    max-width: calc(100% / 3 - 7px);
    width: 100%;
    max-height: calc((100vw / 3 - 30px) / 16 * 9);
    height: 100%;
    margin-bottom: 10px;
}
.our-objects-gallery__container img {
    max-width: 100%;
    width: 100%;
    max-height: calc((100vw / 3 - 30px) / 16 * 9);
    height: 100%;
    object-fit: cover;
}
@media (max-width: 775px) {
    .our-objects-gallery__container a {
        max-width: calc(100% / 2 - 7px);
        max-height: calc((100vw / 2 - 30px) / 16 * 9);
    }

    .our-objects-gallery__container img {
        max-height: calc((100vw / 2 - 30px) / 16 * 9);
    }
}

@media (max-width: 500px) {
    .our-objects-gallery__container a {
        max-width: calc(100%);
        max-height: calc((100vw) / 16 * 9);
    }

    .our-objects-gallery__container img {
        max-height: calc((100vw) / 16 * 9);
    }
}

section.container {
    padding: 25px 0;
}

.payment-upper__container h2 {
    margin: 20px 0;
}

.payment-upper__container article table th *,
.payment-upper__container article table th {
    font-weight: bold;
    font-size: 18px;
}

.payment-upper__container article table th {
    padding: 10px 20px;
    border: none;
}

.payment-upper__container article tbody td {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    line-height: 1.2;
}

.payment-upper__container article tbody th:not(:last-child),
.payment-upper__container article tbody td:not(:last-child) {
    border-right: 2px solid #54A24E;
}

.payment-upper__container article tbody tr:not(:last-child) {
    border-bottom: 2px solid #54A24E;
}

.payment-upper__container article table {
    border-collapse: collapse;
    border: none;
}

.payment-upper__container article {
    border: 3px solid #54A24E;
    border-radius: 15px;
    max-width: fit-content;
    box-shadow: 0px 1px 5px #9c9c9c;
}

.cities-list__container h2 {
    margin: 20px 0;
}

.cities-list {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
}

.cities-list .cities-list__item {
    max-width: calc(100% / 4 - 10px);
    width: 100%;
    padding-bottom: 5px;
}

.cities-list .cities-list__item span {
    font-size: 18px;
    color: #54A24E;
    border-bottom: 1px dashed #54A24E;
    cursor: pointer;
}

.cities-list .cities-list__item span:hover {
    color: #005B0E;
}

.payment-options__container {
    display: flex;
    flex-direction: column;
}

.payment-options__title {
    margin-bottom: 20px;
}

.payment-options__item {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

.payment-options__item img {
    max-width: 200px;
    width: 100%;
    max-height: 112.5px;
    height: 100%;
    object-fit: contain;
}

.payment-options__item article {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}

.payment-options__item article > p {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.payment-options__item article > span {
    font-size: 17px;
    line-height: 1.2;
}

.payment-order__container h2 {
    margin-bottom: 15px;
}

.payment-order__container article * {
    font-size: 18px;
}

@media (max-width: 800px) {
    .cities-list .cities-list__item {
        max-width: calc(100% / 3 - 10px);
    }

    .payment-upper__container article {
        overflow-x: auto;
    }

    .payment-options__item {
        flex-wrap: wrap;
        border-bottom: 1px solid #9c9c9c;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .payment-options__item article {
        max-width: 100%;
        width: 100%;
        margin-top: 15px;
    }

}

@media (max-width: 600px) {
    section.container {
        max-width: 100%;
        width: 100%;
        padding: 20px 15px;
    }

    .cities-list {
        max-height: 400px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .cities-list .cities-list__item {
        max-width: calc(100% / 2 - 10px);
        padding-bottom: 10px;
    }

    .cities-list .cities-list__item span {
        font-size: 17px;
    }
}

.dostavka {
    padding-top: 30px;
}

.dostavka-info__nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.dostavka-info__title {
    margin-top: 50px;
    font-weight: 900;
}

.dostavka-info__price {
    padding: 24px 0 0 0;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    margin-top: 50px;
}

.dostavka-info__price-text {
    position: relative;
    padding: 0 24px 24px 29px;
}

.dostavka-info__price-text::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #EAEBEA;
    bottom: 0;
    left: 0
}

.dostavka-info__price-text-title {
    font-weight: 900;
    font-size: 24px;
}

.dostavka-info__price-text-subtitle {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
}

.dostavka-info__price-items-item {
    padding: 15px 24px;
    display: flex;
    justify-content: space-between;
}

.dostavka-info__price-items-item:nth-child(even) {
    background: #FBFBFB;
}

.dostavka-info__price-items-item span{
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
}

.dostavka-info__price-items-item span {
    color: #9E9E9E;
}

@media (max-width: 1250px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
    .dostavka-info__price-text {
        position: relative;
        padding: 0 12px 12px 14px;
    }

    .dostavka-info__price-items-item {
        padding: 7px 12px;
    }

    .dostavka-info__price-items-item span{
        font-size: 10px;
    }
    .models table td p{
        font-size: 16px!important;
    }
    .models table tr:nth-child(n+2){

    }
    .dostavka-info__price {
        width: 100%;
    }
}

section.container {
    padding: 25px 10px;
}

.montage-upper-block__container {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.montage-upper-block__container > img {
    max-width: 200px;
    width: 100%;
    max-height: 300px;
    height: 100%;
    object-fit: cover;
}

.montage-upper-block__container > span {
    margin-left: 20px;
    max-width: 75%;
    width: 100%;
}

.montage-upper-block__container * {
    font-size: 18px;
}

.montage-upper-block__container p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.montage-upper-block__container li {
    font-size: 17px;
}

.montage-stages__container {
    display: flex;
    flex-direction: column;
}

.montage-stages__title {
    margin-bottom: 20px;
}

.montage-stages__item {
    display: flex;
    margin-bottom: 15px;
}

.montage-stages__item img {
    max-width: 200px;
    width: 100%;
    max-height: 112px;
    height: 100%;
    object-fit: cover;
}

.montage-stages__item article {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}

.montage-stages__item article > p {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.montage-stages__item article > span {
    font-size: 17px;
    line-height: 1.2;
}

.montage-price-table__container h2 {
    margin: 20px 0;
}

.montage-price-table__container article table th *,
.montage-price-table__container article table th {
    font-weight: bold;
    font-size: 18px;
}

.montage-price-table__container article table th {
    padding: 10px 20px;
    border: none;
}

.montage-price-table__container article table td {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    line-height: 1.2;
}

.montage-price-table__container article table thead tr {
    border-bottom: 2px solid #54A24E;
}

.montage-price-table__container article table th:not(:last-child),
.montage-price-table__container article table td:not(:last-child) {
    border-right: 2px solid #54A24E;
}

.montage-price-table__container article table tr:not(:last-child) {
    border-bottom: 2px solid #54A24E;
}

.montage-price-table__container article table {
    border-collapse: collapse;
    border: none;
}

.montage-price-table__container article {
    border: 3px solid #54A24E;
    border-radius: 15px;
    max-width: fit-content;
    box-shadow: 0px 1px 5px #9c9c9c;
}

.montage-price__container {
    padding-top: 20px;
}

.montage-price__container h3 {
    padding-bottom: 15px;
}

.montage-price__container li {
    font-size: 18px;
    list-style-type: none;
}

.montage-info__form form {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    text-align: left;
    padding-right: 30px;
    flex-direction: column;
    max-width: 75%;
    width: 100%;
    margin-top: 30px;
}

.montage-price__container li:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    background: linear-gradient(to right, #60c858 1.74%, #487844 100%);
    margin-right: 7px;
}

.container button:not(.question-button) {
    font-size: 14px;
    line-height: 17px;
    padding: 12px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--main-green-color);
    color: #000000;
    transition: 0.1s ease 0s;
}

.container button:not(.question-button):hover {
    background-color: var(--main-green-color);
    color: #ffffff;
}

.montage-info {
    display: flex;
}

.montage-info__form--head {
    width: 580px;
}

.montage-info__form--text {
    margin-top: 30px;
    width: 473px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

/*form label {*/
/*    display: inline-grid;*/
/*    font-weight: 400;*/
/*    font-size: 14px;*/
/*    line-height: 26px;*/
/*    color: #000;*/
/*    opacity: 0.7;*/
/*}*/

.montage-button {
    width: 230px;
    height: 47px;
}

/*form input {*/
/*    width: 204px;*/
/*    height: 47px;*/
/*    border: 1px solid #EAEBEA;*/
/*    text-align: center;*/
/*    opacity: 1;*/
/*    color: black;*/
/*}*/

.montage-info__img {
    display: flex;
    align-items: flex-end;

}

.montage-info__img img {
    width: auto;
    object-fit: contain;
    margin-right: 20px;
    overflow-y: hidden;
}

.montage-info__img img:last-child {
    margin-right: 0px;
}

.montage-works__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    grid-gap: 20px;
}

.montage-works__item {
    border: 1px solid lightgray;
    padding: 50px 43px 50px 43px;
    max-width: 281px;
    width: 100%;
}

.montage-works__item img {
    margin-bottom: 26px;
}

.montage-works__item h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    width: 200px;
    margin-bottom: 12px;
}

.montage-works__item p {
    width: 190px;
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    color: #000000;
    opacity: 0.7;
}

.montage-section {
    display: flex;
}

.montage-stages {
    margin-bottom: 80px;
}

.montage-stages h1 {
    margin-bottom: 25px;
}

.montage-stages__step {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.montage-stages__step img {
    margin-right: 30px;
    max-width: 200px;
    min-width: 200px;
    width: 100%;
    max-height: 112px;
    height: 100%;
    object-fit: cover;
}

.montage-price {
    border: 1px solid #EAEBEA;
    width: 100%;
    margin-top: 50px;
}

.montage-section .table {
    padding: 0 24px;
}

.montage-price__table-info {
    border-bottom: 1px solid #EAEBEA;
}

.montage-price__table {
    width: 680px;
}

.montage-price__table-info {
    padding: 24px;
}

.montage-price__table-info p {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000;
}

.montage-price table tr {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.montage-price table th {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #9E9E9E;
}

.montage-price__table-description {
    width: 450px;
}

.montage-price table td {
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    color: #000000;
}

.montage-stages-info button {
    margin-top: 35px;
    max-width: 240px;
    width: 100%;
    height: auto;
}

.montage-stages-info {
    width: 750px;
    margin: 50px;
}

.montage-stages-factors {
    margin-top: 50px;
}

.montage-stages-factors__list {
    margin-top: 25px;
}

.montage-stages-factors__list li {
    list-style-type: none;
}

.montage-stages-factors__list li:before {
    color: green;
   
   padding-right: 5px;
}

.montage-stages-info__test {
    padding: 70px 50px 60px;
    background-image: url(/files/pages/montage/image100.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #f7f7f7;
    border: 1px solid #eaebea;
    margin-top: 30px;
    position: sticky;
    top: 0;
    width: 394px;
    height: 411px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.montage-stages-info__banner button {
    width: 200px;
    height: 50px;
    margin-top: 35px;
    margin-left: 0;
}

.no-overflow {
    overflow: inherit;
}


@media (max-width: 1000px) {
    .montage-upper-block__container > img {
        display: none;
    }

    .montage-upper-block__container > span {
        max-width: 100%;
        margin-left: 0;
    }

    .montage-upper-block__container > span ol {
        padding-left: 20px;
    }

    .montage-section {
        display: block;
        overflow: hidden;
    }

    .montage-stages-info {
        margin-right: 0;
        margin-left: 0;
    }

    .montage-stages-info__banner {
        width: auto;
        display: flex;
        flex-direction: column;
    }

    .montage-stages-info__banner h2 {
        margin-bottom: 20px;
    }

    .montage-info__img {
        display: none;
    }

    .montage-info {
        justify-content: center;
    }

    .montage-stages__step-info {
        width: 400px;
    }

    .montage-works__item {
        max-width: 48%;
    }

    .montage-price,
    .montage-price__table {
        width: 80%;
    }
}

@media (max-width: 800px) {
    .montage-stages__item {
        flex-wrap: wrap;
        border-bottom: 1px solid #9c9c9c;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .montage-stages__item article {
        max-width: 100%;
        width: 100%;
        margin-top: 15px;
    }

    .montage-price-table__container article {
        overflow-x: auto;
    }

    .montage-price__container ul {
        padding-left: 15px;
    }

}

@media (max-width: 770px) {
    .montage-info,
    .montage-info__form {
        width: fit-content;
    }

    .montage-info__form--head {
        width: 100%;
    }

    .montage-stages {
        width: 70%;
    }

    .montage-price {
        width: 65%;
    }

    .montage-price table tr {
        font-size: 13px;
    }

    .montage-price__table {
        width: auto;
    }

}

@media (max-width: 650px) {
    .montage-stages {
        width: 60%;
    }
}

@media (max-width: 520px) {
    .montage-works__item {
        max-width: 100%;
    }
}

@media (max-width: 460px) {
    .montage-info__form {
        width: 400px;
    }

    .montage-info__form form {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .montage-button {
        margin-left: 0 !important;
    }

    form button {
        margin-top: 20px;
    }

    .montage-price {
        width: 57%;
    }

    .montage-info__form--text {
        width: 90%;
    }
}

@media (max-width: 420px) {
    .montage-info__form--head,
    .montage-info__form--text {
        width: 70%;
    }

    .montage-info__form form {
        align-items: flex-start;
    }

    .montage-stages {
        width: 43%;
    }

    .montage-stages__step img {
        display: none;
    }

    .montage-price {
        width: 43%;
    }
}

@media (max-width: 370px) {
    .montage-stages-info__test .question-button {
        width: 70%;
    }
}

section.container {
    padding: 25px 10px;
}
.guarantee-upper-block > p {
    font-size: 18px;
    margin: 20px 0;
}
.guarantee-upper-block__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.guarantee-upper-block__container article {
    max-width: calc(100% / 2 - 20px);
    width: 100%;
    border: 3px solid #54A24E;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0px 1px 5px #9c9c9c;
    margin-bottom: 10px;
}
.guarantee-upper-block__container article *:not(h2) {
    font-size: 18px;
}
.guarantee-upper-block__container article h2 {
    margin-bottom: 10px;
}
.guarantee-upper-block__container article li {
    list-style-type: none;
}
.guarantee-upper-block__container article li:before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(to right, #487844 1.74%, #60c858 100%);
    margin-right: 8px;
}
.guarantee-upper-block__container article ul {
    padding-left: 20px;
}
@media (max-width: 770px) {
    .guarantee-upper-block__container article {
        max-width: 100%;
    }
}
/*  */
.guarantee {
    margin-top: 30px;
}

.guarantee-nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.guarantee-title {
    margin-top: 50px;
    font-weight: 900;
}

.guarantee-subtitle * {
    margin-top: 30px;
    font-weight: 500;
    font-size: 18px;
}

.guarantee-blocks {
    display: flex;
    margin-top: 50px;
}

.guarantee-blocks__item {
    padding: 50px;
    width: calc((100% - 30px) / 2);
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.guarantee-blocks__item:first-child {
    margin-right: 30px;
}

.guarantee-blocks__item-title {
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 30px;
}

.guarantee-blocks__item p:not(.guarantee-blocks__item-title) {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.guarantee-blocks__item ol {
    margin: 35px 0 35px 0;
}

.guarantee-blocks__item span {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.guarantee-blocks__item ol li {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

@media (max-width: 1250px) {

}

@media (max-width: 991px) {
    .guarantee-blocks {
        display: block;
        margin-top: 50px;
    }

    .guarantee-blocks__item {
        width: 100%;
    }

    .guarantee-blocks__item:first-child {
        margin: 0 0 30px 0
    }
}

@media (max-width: 767px) {
    .guarantee-blocks__item {
        padding: 25px;
    }

    .guarantee-blocks__item ol {
        margin: 20px 0 20px 0;
    }
}

@media (max-width: 650px) {
    .guarantee-blocks__item {
        padding: 10px;
    }

    .guarantee-title {
        margin-top: 25px;
    }

    .guarantee-subtitle * {
        margin-top: 15px;
        font-size: 16px;
    }

    .guarantee-blocks {
        margin-top: 25px;
    }

    .guarantee-blocks__item-title {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 24px;
    }

    .guarantee-blocks__item p:not(.guarantee-blocks__item-title) {
        font-size: 16px;
        line-height: 20px;
    }

    .guarantee-blocks__item ol {
        margin: 10px 0 10px 0
    }

    .guarantee-blocks__item span {
        font-size: 16px;
        line-height: 20px;
    }

    .guarantee-blocks__item ol li {
        font-size: 16px;
        line-height: 20px;
    }
}




.single-portfolio_montage {
    margin-bottom: 50px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.single-portfolio_montage .portfolio-photos {
    margin-bottom: 30px;
    width: calc(100% / 3 * 2 - 10px);
}
.single-portfolio_montage .portfolio-photos .portfolio-grid {
    position: relative;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.single-portfolio_montage .portfolio-photos .portfolio-grid img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.single-portfolio_montage .portfolio-photos .portfolio-grid > .slide {
    height: 320px;
    display: block;
    margin-bottom: 20px;
}

.single-portfolio_montage .portfolio-photos .portfolio-grid > .first {
    width: calc(100% / 3 - 10px);
}

.single-portfolio_montage .portfolio-photos .portfolio-grid > .first + .slide {
    width: calc(100% / 3 * 2 - 10px);
}

.single-portfolio_montage .portfolio-photos .portfolio-grid > .second {
    width: calc(100% / 3 * 2 - 10px);
}

.single-portfolio_montage .portfolio-photos .portfolio-grid > .second + .slide {
    width: calc(100% / 3 - 10px);
}

.single-portfolio_montage .portfolio-photos .portfolio-grid > .slide.full {
    width: 100%;
}

.single-portfolio_montage .portfolio-info-wrap {
    margin-bottom: 30px;
    width: calc(100% / 3 - 10px);
    position: absolute;
    top: 0;
    right: 0;
}
.single-portfolio_montage .portfolio-secondary-blocks {
    width: calc(100% / 3 * 2 - 10px);
}
.single-portfolio_montage .portfolio-info-wrap {
    margin-bottom: 30px;
    width: calc(100% / 3 - 10px);
    position: absolute;
    top: 0;
    right: 0;
}
.single-portfolio_montage .single-portfolio-info {
    padding: 45px;
    border-radius: 2px;
    border: 1px solid #eaebea;
    background-color: #fff;
    margin-bottom: 20px;
}

.single-portfolio_montage .single-portfolio-info .portfolio-price-time {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eaebea;
}

.single-portfolio_montage .time-price-style .meta > :not(:last-child) {
    margin-bottom: 20px;
}

.single-portfolio_montage .time-price-style .meta > * .key {
    opacity: .5;
    font-size: 14px;
}

.single-portfolio_montage .time-price-style .meta > * .value {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 24px;
}

.single-portfolio_montage .time-price-style .meta > * {
    position: relative;
    padding-left: 55px;
}

.single-portfolio_montage .time-price-style .meta > * .key {
    opacity: .5;
    font-size: 14px;
}

.single-portfolio_montage .time-price-style .meta > * .value {
    font-family: "Museo Sans Cyrl 500", sans-serif;
    font-size: 24px;
}

.single-portfolio_montage .single-portfolio-info .checklist .title {
    margin-bottom: 24px;
    font-family: "Museo Sans Cyrl 700", sans-serif;
    font-size: 20px;
}
.single-portfolio_montage .single-portfolio-info .checklist ul {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}
.single-portfolio_montage .single-portfolio-info .checklist ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 15px;
}
.single-portfolio_montage .single-portfolio-info .checklist ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 8px;
    position: absolute;
    top: 5px;
    left: 0;
    background: url(//dizayn-interyera.pro/wp-content/themes/top_zabor/assets/css/../../img/check.svg) center center no-repeat;
    background-size: cover;
}
.single-portfolio_montage .single-portfolio-info .checklist ul li:last-child {
    margin-bottom: 0;
}
.single-portfolio_montage .single-portfolio-info .button {
    width: 100%;
}
.price.review-number,
.time.review-number {
    display: block;
}
.single-portfolio_montage .portfolio-photos .slider-arrows {
    width: 54px;
    height: 54px;
    border-radius: 100%;
    text-align: center;
    line-height: 54px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    z-index: 10;
    background: 0 0;
}
.single-portfolio_montage .portfolio-photos .slider-arrows:after {
    font-size: 0px;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 5px;
    background: #60c858;
    transform: rotate(45deg) translate(-50%, -50%);

}
.single-portfolio_montage .portfolio-photos .slider-arrows:before {
    font-size: 0px;
    content: '';
    position: absolute;
    left: 54%;
    top: 50%;
    width: 16px;
    height: 5px;
    background: #60c858;
    transform: rotate(-45deg) translate(-50%, -50%);

}
.single-portfolio_montage .portfolio-photos .slider-arrows.next {
    right: 20px;
}
.single-portfolio_montage .portfolio-photos .slider-arrows.prev {
    left: 20px;
}
.single-portfolio_montage .portfolio-photos .slider-arrows.prev:before {
    transform: rotate(135deg) translate(-50%, -50%);
    right: 50%;
    left: 3%;
}
.single-portfolio_montage .portfolio-photos .slider-arrows.prev:after {
    transform: rotate(-135deg) translate(-50%, -50%);
    right: 50%;
    left: 3%;
}
@media (max-width: 1100px) {
    .single-portfolio_montage .portfolio-photos,
    .single-portfolio_montage .portfolio-info-wrap {
        width: 100%;
        position: static;
    }
}

.remont {
    margin-top: 30px;
}

.remont-main {
    position: relative;
}

.remont-main__con {
    min-height: 523px;
}

.remont-main__nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.remont-main__title {
    margin-top: 50px;
    font-weight: 900;
}

.remont-main__subtitle p {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-top: 30px;
    width: 473px;
}

.remont-main__btn {
    margin-top: 40px;
}

.remont-main__images {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
}

.remont-main__images img {
    max-width: 100%;
    width: 100%;
}

.remont-main__images-item:first-child {
    margin-right: 20px;
}

/* main */
.remont-info__con {
    position: relative;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.remont-info {
    width: calc(100% - 430px);
}

.remont-info-title {
    font-weight: 900;
}

.remont-info__list {
    margin-top: 45px;
}

.remont-info__list li {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.remont-info__price {
    padding: 24px 0 0 0;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    margin-top: 50px;
}

.remont-info__price-text {
    position: relative;
    padding: 0 24px 24px 29px;
}

.remont-info__price-text::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #EAEBEA;
    bottom: 0;
    left: 0
}

.remont-info__price-text-title {
    font-weight: 900;
    font-size: 24px;
}

.remont-info__price-text-subtitle {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
}

.remont-info__price-items-item {
    padding: 15px 24px;
    display: flex;
    justify-content: space-between;
}

.remont-info__price-items-item:nth-child(even) {
    background: #FBFBFB;
}

.remont-info__price-items-item span{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.remont-info__price-items-item span {
    color: #9E9E9E;
}

.remont-info__btn {
    margin: 35px 0 0 auto;
    width: max-content;
    display: block;
}

.remont-info__fb {
    padding: 75px 60px 110px 50px;
    background-image: url(/files/pages/montage/image100.png);
    background-position: bottom right;
    background-color: #F7F7F7;
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #EAEBEA;
    top: 0;
    right: 0;
    position: sticky;
    width: 380px;
    height: 411px;
}

.remont-info__fb-title {
    font-weight: 900;
    font-size: 28px;
    line-height: 30px;
}

.remont-info__fb-subtitle {
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
}

.remont-info__fb-btn {
    margin-top: 30px;
    padding-right: 66px;
    position: relative;
}

.remont-info__fb-btn::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/files/pages/remont/quest.svg);
    background-size: contain;
    background-position: left top;
    position: absolute;
    top: 15px;
    right: 30px;
}

@media (max-width: 1250px) {
    .remont-main__images {
        right: 0
    }

    .remont-main__con {
        min-height: 375px;
        padding-bottom: 15px;
    }

    .remont-main__images-item:first-child {
        width: 140px
    }

    .remont-main__images-item:last-child {
        width: 292px
    }

    .remont-info__price-items-item p:first-child {
        max-width: 300px;
    }

}

@media (max-width: 991px) {
    .remont-main__con {
        min-height: auto;
        padding-bottom: 30px;
    }

    .remont-main__images {
        z-index: -1;
        opacity: 0.7;
        filter: blur(2px);
    }

    .remont-info {
        width: auto;
    }

    .remont-info__con {
        display: block;
    }

    .remont-info__fb {
        width: 100%;
        height: auto;
        padding: 50px 30px;
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .remont-main__subtitle p {
        width: 100%;
    }

    .remont-main__con {
        padding-bottom: 0;
        position: relative;
    }

    .remont-main__images {
        height: 100%;
    }

    .remont-main__images-item:first-child {
        width: 120px;
    }

    .remont-main__images-item:last-child {
        width: 220px;
    }

    .remont-info__price-text {
        position: relative;
        padding: 0 12px 12px 14px;
    }

    .remont-info__price-items-item {
        padding: 7px 12px;
    }

    .remont-info__price-items-item p:first-child {
        max-width: 203px;
    }

    .remont-info__price-items-item span{
        font-size: 10px;
    }

    .remote-info__btn {
        margin: 20px 0 0 auto
    }
}

@media (max-width: 651px) {
    .remont-main__images {
        display: none;
    }

    .remont-main__title {
        margin-top: 25px;
    }

    .remont-main__subtitle p {
        margin-top: 15px;
        font-size: 16px;
        line-height: 20px;
    }

    .remont-main__btn {
        margin-top: 20px;
    }

    .remont-info__list {
        margin-top: 20px;
    }

    .remont-info__list li {
        font-size: 16px;
        line-height: 20px;
    }

    .remont-info__price-text-title {
        font-size: 20px;
    }

    .remont-info__price-text-subtitle {
        font-size: 14px;
        margin-top: 6px;
    }

    .remont-info__price {
        margin-top: 25px;
    }

    .remont-info__btn {
        margin-top: 20px;
    }

    .remont-info__fb {
        margin-top: 25px;
    }

}

@media (max-width: 375px) {
    .remont-info__price-items-item p:first-child {
        max-width: 153px;
    }
}

.remont-info__title {
    font-size: 30px;
}

.remont-main button,
.remont-info button,
.remont-info__fb button {
    margin-top: 30px;
}

.remont-info button {
    margin-top: 30px;
    margin: auto;
}

.service {
    margin-top: 30px;
}

.service-main {
    position: relative;
}

.service-main__con {
    min-height: 523px;
}

.service-main__nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.service-main__title {
    margin-top: 50px;
}

.service-main__subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-top: 30px;
    width: 473px;
}

.service-main__form {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 40px;
}

.service-main__form-input-title {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.service-main__form-input-item {
    width: 204px;
    height: 47px;
    border: 1px solid #EAEBEA;
    font-weight: 400;
    font-size: 17px;
    text-align: center;
}

.service-main__images {
    position: absolute;
    top: 0;
    right: -130px;
    display: flex;
    align-items: flex-end;
}

.service-main__images-item:first-child {
    margin-right: 20px;
}
/* main */
.service-info__price {
    padding: 24px 0 0 0;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    margin-top: 50px;
}

.service-info__price-text {
    position: relative;
    padding: 0 24px 24px 29px;
}

.service-info__price-text::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #EAEBEA;
    bottom: 0;
    left: 0
}

.service-info__price-text-title {
    font-weight: 900;
    font-size: 24px;
    line-height: 25px;
}

.service-info__price-text-subtitle {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
}

.service-info__price-items-item {
    padding: 15px 24px;
    display: flex;
    justify-content: space-between;
}

.service-info__price-items-item:nth-child(even) {
    background: #FBFBFB;
}

.service-info__price-items-item span{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.service-info__price-items-item p:first-child {
    max-width: 400px;
}

.service-info__price-items-item span {
    color: #9E9E9E;
}

.service-info__btn {
    margin: 35px 0 0 auto;
    width: max-content;
    display: block;
}

.service-price__con {
    padding: 24px 0 0 0;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    margin-top: 50px;
}
.service-price__con h2,
.service-price__con p {
    padding: 0 24px 0 29px;
}
.service-price__con p {
    position: relative;
    padding-bottom: 24px;
    margin-top: 12px;
}

@media (max-width: 1250px) {
    .service-main__images {
        right: 0;
        z-index: -1;
    }

    .service-main__con {
        min-height: auto;
        padding-bottom: 15px;
    }

    .service-main__images-item:first-child {
        width: 140px
    }

    .service-main__images-item:last-child {
        width: 292px
    }

    .service-info__price-items-item p:first-child {
        max-width: 600px;
    }

}

@media (max-width: 991px) {
    .service-main__con {
        padding-bottom: 30px;
    }

    .service-main__images {
        z-index: -1;
        opacity: 0.7;
        filter: blur(2px);
    }
}

@media (max-width: 767px) {
    .service-main__subtitle {
        width: 100%;
    }

    .service-main__con {
        padding-bottom: 0;
    }

    .service-main__images {
        height: 100%;
    }

    .service-main__images-item:first-child {
        width: 120px;
    }

    .service-main__images-item:last-child {
        width: 220px;
    }

    .service-main__form {
        display: block;
    }

    .service-main__form-btn {
        margin-top: 15px;
    }

    .service-info__price-text {
        position: relative;
        padding: 0 12px 12px 14px;
    }

    .service-info__price-items-item {
        padding: 7px 12px;
    }

    .service-info__price-items-item p:first-child {
        max-width: 203px;
    }

    .service-info__price-items-item span{
        font-size: 10px;
    }

    .service-info__btn {
        margin: 20px 0 0 auto
    }
}

@media (max-width: 651px) {
    .service-main__images {
        display: none;
    }

    .service-main__title {
        margin-top: 25px;
    }

    .service-main__subtitle {
        margin-top: 15px;
        font-size: 16px;
        line-height: 20px;
    }

    .service-main__form {
        margin-top: 20px;
    }

    .service-info__price {
        margin-top: 25px;
    }

    .service-info__price-text-title {
        font-size: 20px;
        line-height: 24px;
    }

    .service-info__price-text-subtitle {
        margin-top: 6px;
        font-size: 14px;
    }

}

@media (max-width: 375px) {
    .service-info__price-items-item p:first-child {
        max-width: 153px;
    }
}

.skidki {
    margin-top: 30px;
}

.skidki-nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.skidki-title {
    font-weight: 900;
    margin-top: 50px;
}

.skidki .skidki-wrap .skidki-title {
    display: none;
}

.skidki-subtitle {
    font-weight: 500;
    font-size: 17px;
    margin-top: 20px;
}

.skidki-type {
    display: flex;
    margin-top: 30px;
}

.skidki-type__item {
    width: calc(100% / 2 - 20px);
    transition: .4s;
    padding: 40px;
    position: relative;
    z-index: 1;
    display: block;
}

.skidki-type__item:first-child {
    margin-right: 20px;
    background-color: #59B154;
}

.skidki-type__item:last-child {
    background-color: #F3B343;
}

.skidki-type__item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}

.skidki-type__item:first-child::before {
    background: url(/files/pages/skidki/circle-1.png) right no-repeat;
    background-size: cover;
}

.skidki-type__item:last-child::before {
    background: url(/files/pages/skidki/circle-2.png) right no-repeat;
    background-size: cover;
}

.skidki-type__item:hover {
    filter: brightness(0.8);
}

.skidki-type__item-date {
    font-weight: 400;
    font-size: 17px;
    color: #FFFFFF;
    opacity: 0.7;
}

.skidki-type__item-title {
    margin-top: 126px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    z-index: 1;
}

.skidki-type__item-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin-top: 16px;
    z-index: 1;
}

.skidki-type__item-image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;

}

@media (max-width: 1250px) {
    .skidki-type {
        display: block;
    }

    .skidki-type__item {
        width: 100%;
    }

    .skidki-type__item:last-child {
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
    .skidki-type__item {
        padding: 20px;
    }

    .skidki-type__item:last-child {
        margin-top: 15px;
    }
}

@media (max-width: 650px) {
    .skidki-title {
        margin-top: 25px;
    }

    .skidki-subtitle {
        margin-top: 10px;
    }
}

@media (max-width: 576px) {
    .skidki-type__item-image {
        filter: brightness(0.4);
    }
}

.burenie-main {
    padding: 30px 0 300px 0;
    background-image: url(/images/2022-07/26/invalid-name@3x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #F7F7F7;
    background-position: center bottom;
}

.burenie-main__nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.burenie-main__title {
    font-weight: 900;
    margin-top: 50px;
}

.burenie-main__subtitle {
    margin-top: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.burenie-main__btn {
    margin-top: 40px;
}

/* main */
.burenie-info {
    margin-top: 50px;
}

.burenie-info .row {
    display: flex;
    justify-content: space-between;
}

.burenie-info__about-title {
    font-weight: 900;
}

.burenie-info__about-text {
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    width: 617px;
}

.burenie-info__cities {
    padding-left: 61px;
}

.burenie-info__cities-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.burenie-info__cities-list {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.burenie-info__cities-list-item p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}
/* info */
.burenie-advan {
    margin-top: 60px;
}

.burenie-advan-title {
    font-weight: 900;
}

.burenie-advan__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 19px 19px;
    margin-top: 30px;
}

.burenie-advan__item {
    width: calc((100% - 76px) / 5);
    padding: 25px;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.burenie-advan__item-title {
    margin-top: 26px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}
/* advan */
.burenie-type {
    margin-top: 50px;
    padding: 70px;
    background: #E1F2E0;
}

.burenie-type__title {
    font-weight: 900;
    text-align: center;
}

.burenie-type__con {
    display: flex;
    flex-wrap: wrap;
    gap: 0 60px;
    margin-top: 30px;
}

.burenie-type__item {
    width: calc((100% - 60px) / 2);
    padding: 50px 40px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(186, 186, 186, 0.3);
}

.burenie-type__item-info {
    margin-top: 20px;
}

.burenie-type__item-info-title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
}

.burenie-type__item-info-text {
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    margin-top: 10px;
}

.burenie-type__item-info-text:nth-of-type(1) {
    margin-top: 20px;
}

.burenie-type__item-info-text:nth-of-type(2) {
    margin-top: 16px;
}

.burenie-type__item-list {
    margin-top: 16px;
}

.burenie-type__item-list-title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
}

.burenie-type__item-list-text {
    margin-top: 10px;
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    padding-left: 22px;
    position: relative;
}

.burenie-type__item-list-text::before {
    content: '';
    width: 8px;
    height: 8px;
    left: 0;
    top: 50%;
    margin-top: -4px;
    position: absolute;
    border-radius: 100%;
}

.burenie-type__item-list-plus::before {
    background: #60C858;
}

.burenie-type__item-list-minus::before {
    background: #000000;
}

.burenie-type__item-list-text:nth-of-type(1) {
    margin-top: 16px;
}

.burenie-type__item-price {
    margin-top: 30px;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
}

.burenie-type__item button {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
/* type */
.burenie-drill {
    margin-top: 50px;
}

.burenie-drill__title {
    font-weight: 600;
    padding-bottom: 28px;
    font-size: 29px;
}

.burenie-drill__con {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 19px 19px
}

.burenie-drill__item {
    padding: 50px 43px;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    width: calc((100% - 38px) / 3);
}

.burenie-drill__item-title {
    margin-top: 16px;
    font-weight: 600;
    font-size: 21px;
    line-height: 24px;
}

.burenie-drill__item-text {
    margin-top: 12px;
    font-weight: 300;
    font-size: 16px;
    color: #242424;
    line-height: 22px;
}
/* drill */
.burenie-price {
    margin-top: 60px;
}

.burenie-price__title {
    font-weight: 900;
    margin-top: 60px;
}

.burenie-price__con {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    margin-top: 30px;
}

.burenie-price__item {
    border: 1px solid #EAEBEA;
    box-shadow: 0px 10px 20px rgba(186, 186, 186, 0.3);
    border-radius: 2px;
    padding: 50px 40px;
    width: calc((100% - 40px) / 3);
}

.burenie-price__item-title {
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    min-height: 48px;
}

.burenie-price__item-img {
    margin: 20px auto 0 auto;
    display: block;
    object-fit: contain;
}

.burenie-price__item-subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    opacity: 0.5;
    text-align: center;
    margin-top: 28px;
}

.burenie-price__item-price {
    margin-top: 28px;
}

.burenie-price__item-price-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

.burenie-price__item-price-new {
    margin-top: 16px;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
}

.burenie-price__item-price-old {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    opacity: 0.5;
    margin-top: 8px;
}

.burenie-price__item-price-old span {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    text-decoration-line: line-through;
    text-align: center;
}

.burenie-price__item-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    display: block;
    border-bottom: 1px solid #1B1B1B;
    width: max-content;
    margin: 28px auto 0 auto
}

.burenie-price__item button {
    text-align: center;
    width: 100%;
    margin-top: 38px;
}
/* form */
.burenie-form {
    margin-top: 60px;
    position: relative;
}

.burenie-form__con {
    z-index: 1;
    padding: 70px 0 200px 0;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.burenie-form__con::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background-image: url(/files/pages/burenie/truck.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.burenie-form__con::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-image: url(/files/pages/burenie/circle.png);
    background-position: top right;
    background-size: contain;
}

.burenie-form__wrap {
    padding-left: 59px;
}

.burenie-form__title {
    font-weight: 900;
}

.burenie-form__subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-top: 30px;
}

.burenie-form__btn {
    margin-top: 40px;
    width: 224px;
    text-align: center;
}
/* form */
.burenie-steps {
    margin-top: 60px;
}

.burenie-steps__title {
    font-weight: 900;
}

.burenie-steps__con {
    margin-top: 30px;
}

.burenie-steps__item {
    padding: 25px 50px;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    cursor: pointer;
    transition: 0.4s;
    margin-top: 20px;
}

.burenie-steps__item:first-child {
    margin-top: 0;
}

.burenie-steps__item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.4s;
}

.burenie-steps__item-head-active {
    padding-bottom: 25px;
    border-bottom: 1px solid #EAEBEA;
}

.burenie-steps__item-head-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.burenie-steps__item-head-open {
    width: 14px;
    height: 2px;
    background: #000000;
    position: relative;
    transition: 0.4s;
}

.burenie-steps__item-head-open-active {
    transform: rotate(45deg);
}

.burenie-steps__item-head-open::before {
    content: '';
    height: 14px;
    width: 2px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 50%;
    margin-right: -1px;
    background: #000000;
}

.burenie-steps__item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
    display: none;
}

.burenie-steps__item-text-active {
    display: block;
}
/* steps */
.burenie-cost {
    margin-top: 60px;
}

.burenie-cost__title {
    font-weight: 900;
}

.burenie-cost__subtitle {
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    margin-top: 20px;
    width: 100%
}

.burenie-cost__block {
    margin-top: 30px;
}

.burenie-cost__block-item {
    padding: 15px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

.burenie-cost__block-item:first-child {
    border: 1px solid #EAEBEA;
}

.burenie-cost__block-item p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    width: calc((100% - 40px) / 3);
}

.burenie-cost__block-item span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    width: calc((100% - 40px) / 3);
}

.burenie-cost__block-item p:first-child {
    color: #487844;
}

.burenie-cost__block-item:nth-child(even) {
    background: #FBFBFB;
}
/* cost */
.burenie-skidki {
    margin-top: 30px;
}

.burenie-skidki__title {
    font-weight: 900;
}

.burenie-skidki__type {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 30px;
}

.burenie-skidki__type-item {
    width: calc((100% / 2) - 20px);
    transition: .4s;
    padding: 40px;
    position: relative;
    z-index: 1;
    display: block;
}

.burenie-skidki__type-item:first-child {
    margin-right: 20px;
    background-color: #59B154;
}

.burenie-skidki__type-item:last-child {
    background-color: #F3B343;
}

.burenie-skidki__type-item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}

.burenie-skidki__type-item:first-child::before {
    background: url(/files/pages/burenie/skidki-1.png) right no-repeat;
    background-size: contain;
}

.burenie-skidki__type-item:last-child::before {
    background: url(/files/pages/burenie/skidki-2.png) right no-repeat;
    background-size: contain;
}

.burenie-skidki__type-item:hover {
    filter: brightness(0.8);
}

.burenie-skidki__type-item-date {
    font-weight: 400;
    font-size: 17px;
    color: #FFFFFF;
    opacity: 0.7;
}

.burenie-skidki__type-item-title {
    margin-top: 126px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    z-index: 1;
}

.burenie-skidki__type-item-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin-top: 16px;
    z-index: 1;
}
/* skidki */
.burenie-maininfo {
    margin-top: 60px;
}

.burenie-maininfo__con {
    padding: 50px;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
}

.burenie-maininfo__title {
    margin-top: 30px;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
}

.burenie-maininfo__title:first-child {
    margin-top: 0;
}

.burenie-maininfo__text {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}
/* maininfo */
.burenie-quest {
    margin-top: 60px;
}

.burenie-quest__title {
    font-weight: 900;
    font-size: 30px;
}

.burenie-quest__con {
    margin-top: 30px;
    position: relative;
}

.burenie-quest__con .row {
    display: flex;
    gap: 50px;
}

.burenie-quest__con .row div:first-child {
    max-width: 700px;
    width: 100%;
}

.burenie-quest__item {
    padding: 25px 50px;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    cursor: pointer;
    transition: 0.4s;
    margin-top: 20px;
}

.burenie-quest__item:first-child {
    margin-top: 0;
}

.burenie-quest__item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.4s;
}

.burenie-quest__item-head-active {
    padding-bottom: 25px;
    border-bottom: 1px solid #EAEBEA;
}

.burenie-quest__item-head-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.burenie-quest__item-head-open {
    width: 14px;
    height: 8px;
    position: relative;
    transition: 0.4s;
}

.burenie-quest__item-head-open::after {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    right: 3.5px;
    bottom: 0;
    background: #000000;
    transform: rotate(-45deg);
}

.burenie-quest__item-head-open::before {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    left: 3.5px;
    bottom: 0;
    background: #000000;
    transform: rotate(45deg);
}

.burenie-quest__item-head-open-active {
    transform: rotate(180deg);
}

.burenie-quest__item-head-open-active::after {
    background: linear-gradient(270deg, #60c858 1.74%, #487844 100%);;
}

.burenie-quest__item-head-open-active::before {
    background: linear-gradient(270deg, #60c858 1.74%, #487844 100%);;
}

.burenie-quest__item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
    display: none;
}

.burenie-quest__item-text-active {
    display: block;
}

.burenie-quest__fb {
    padding: 75px 60px 110px 50px;
    background-image: url(/files/pages/burenie/man.png);
    background-position: bottom right;
    background-color: #F7F7F7;
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #EAEBEA;
    top: 0;
    right: 0;
    position: sticky;
    width: 100%;
    max-width: 400px;
    height: 300px;
}

.burenie-quest__fb-title {
    font-weight: 900;
    font-size: 28px;
    line-height: 30px;
}

.burenie-quest__fb-subtitle {
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
}

.burenie-quest__fb-btn {
    margin-top: 30px;
    padding-right: 66px;
    position: relative;
}

.burenie-quest__fb-btn::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/files/pages/burenie/quest.svg);
    background-size: contain;
    background-position: left top;
    position: absolute;
    top: 15px;
    right: 30px;
}
/* quest */
.burenie-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 5;
    display: none;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}

.burenie-popup__closebg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: #fff;
    opacity: 0.7;
    cursor: pointer;
}

.burenie-popup__close {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.burenie-popup__close div {
    width: 26px;
    height: 2px;
    background: #1B1B1B;
    position: relative;
    right: -30px;
    top: -30px;
    transform: rotate(45deg);
}

.burenie-popup__close div::before {
    content: '';
    width: 2px;
    height: 26px;
    background: #1B1B1B;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 50%;
    margin-right: -1px;
}

.burenie-popup__wrap {
    padding: 40px;
    z-index: 1;
    position: relative;
    border: 1px solid #EAEBEA;
    box-shadow: 0px 10px 20px rgba(186, 186, 186, 0.3);
    border-radius: 2px;
    background: #fff;
}

.burenie-popup__title {
    font-weight: 900;
}

.burenie-popup__subtitle {
    width: 926px;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    margin-top: 16px;
}

.burenie-popup__quiz {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
    margin-top: 40px;
}

.burenie-popup__quiz-steps-item {
    width: 250px;
    border-radius: 2px;
    padding: 15px;
    margin-bottom: 8px;
    background: #EAEBEA;
    border: none;
}

.burenie-popup__quiz-steps-item p {
    color: rgba(0, 0, 0, 0.6);
}

.burenie-popup__quiz-steps-item-active {
    border: 1px solid #487844;
    background: #fff;
    transition: 0.4s;
}

.burenie-popup__quiz-steps-item-active p {
    color: #1B1B1B
}

.burenie-popup__quiz-steps-item:last-child {
    margin-bottom: 0;
}

.burenie-popup__quiz-steps-item-title {
    font-weight: 700;
    font-size: 17px;
}

.burenie-popup__quiz-steps-item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 5px;
}

.burenie-popup__quiz-wrap {
    width: 636px;
}

.burenie-popup__quiz-wrap input {
    font-weight: 500;
    font-size: 16px;
}

.burenie-popup__quiz-title {
    font-weight: 900;
    font-size: 24px;
}

.burenie-popup__quiz-type {
    display: none;
}

.burenie-popup__quiz-type-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 30px;
}

.burenie-popup__quiz-type-item {
    width: calc((100% - 20px) / 2);
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.burenie-popup__quiz-type-item img {
    display: block;
    object-fit: contain;
    margin: 0 auto
}

.burenie-popup__quiz-type-item label {
    width: 100%;
    padding: 20px 10px;
}

.burenie-popup__quiz-type-item p {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}

.burenie-popup__quiz-btns {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

.burenie-popup__quiz-btns-prev {
    position: relative;
    padding-left: 70px;
    background: none !important;
    color: #1b1b1b !important;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    box-shadow: none;
    display: none;
}

.burenie-popup__quiz-btns-prev:hover {
    background: none !important;
    color: #1b1b1b !important;
}

.burenie-popup__quiz-btns-next {
    position: relative;
    padding-right: 70px;
}

.burenie-popup__quiz-btns-prev::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(/files/pages/burenie/quiz-arrow.png);
    transform: rotate(180deg);
    background-position: center right;
    position: absolute;
    left: 30px;
    top: 0;
    filter: brightness(0.8);
}

.burenie-popup__quiz-btns-next::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(/files/pages/burenie/quiz-arrow.png);
    background-position: center right;
    position: absolute;
    left: -30px;
    top: 0;
}

.burenie-popup__quiz-region {
    display: none;
}

.burenie-popup__quiz-region-wrap {
    margin-top: 30px;
}

.burenie-popup__quiz-region-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
}

.burenie-popup__quiz-region-list label {
    padding: 7px 15px;
    transition: 0.4s;
    width: calc((100% - 40px) / 3);
}

.burenie-popup__quiz-region-list label p {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.burenie-popup__quiz-region-list label:hover {
    background: #E1F2E0;
}

.burenie-popup__quiz-region-input {
    width: 100%;
    height: 55px;
    margin-top: 20px;
}

.burenie-popup__quiz-region-input input {
    width: 100%;
    height: 100%;
    padding: 15px;
}

.burenie-popup__quiz-diameter {
    display: none;
}

.burenie-popup__quiz-diameter-wrap {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 15px
}

.burenie-popup__quiz-diameter label {
    width: calc((100% - 193px) / 3);
}

.burenie-popup__quiz-diameter label p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin-top: 10px;
}

.burenie-popup__quiz-diameter label img {
    width: 100%;
    padding: 12px;
    object-fit: contain;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    transition: 0.4s;
}

.burenie-popup__quiz-diameter label img:hover {
    border: 1px solid #487844;
}

.burenie-popup__quiz-size {
    display: none;
}

.burenie-popup__quiz-size-wrap {
    margin-top: 30px;
}

.burenie-popup__quiz-size-wrap input {
    width: 100%;
    height: 50px;
}

.burenie-popup__quiz-size label {
    width: 100%;
    height: 55px;
}

.burenie-popup__quiz-size label input {
    width: 100%;
    height: 100%;
}

.burenie-popup__quiz-size-subtitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 20px;
}

.burenie-popup__quiz-size-subtitle:last-child {
    margin-top: 12px;
}

.burenie-popup__quiz-price {
    display: none;
}

.burenie-popup__quiz-price-wrap {
    margin-top: 30px;
}

.burenie-popup__quiz-disabled {
    display: none;
}

.burenie-popup__quiz-price-product {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.burenie-popup__quiz-price-product-info {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0 25px;
}

.burenie-popup__quiz-price-product-info-img {
    width: 146px;
    padding: 12px;
    object-fit: contain;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.burenie-popup__quiz-price-product-info-text {
    width: 240px;
}

.burenie-popup__quiz-price-product-info-text-item {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 12px;
}

.burenie-popup__quiz-price-product-info-text-region {
    margin-top: 20px;
}

.burenie-popup__quiz-price-product-info-text-title {
    font-weight: 700;
    font-size: 16px;
    color: #1b1b1b;
    margin-top: 0;
}

.burenie-popup__quiz-price-product-info-text-item span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1b1b1b
}

.burenie-popup__quiz-price-product-value {
    width: calc((100% - 384px) / 2);
}

.burenie-popup__quiz-price-product-value-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.burenie-popup__quiz-price-product-value-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
}

.burenie-popup__quiz-price-form {
    margin-top: 60px;
}

.burenie-popup__quiz-price-form-title {
    font-weight: 900;
}

.burenie-popup__quiz-price-form-con {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 16px;
}

.burenie-popup__quiz-price-form-input-title {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.burenie-popup__quiz-price-form-input-item {
    width: 204px;
    height: 47px;
    border: 1px solid #EAEBEA;
    font-weight: 400;
    font-size: 17px;
    text-align: center;
}

.burenie-popup__quiz-quest-active {
    display: block;
}

@media (max-width: 1250px) {

    .burenie-skidki__type {
        display: block;
    }

    .burenie-skidki__type-item {
        width: 100%;
    }

    .burenie-skidki__type-item:last-child {
        margin-top: 30px;
    }

    .burenie-advan__item {
        padding: 15px;
    }

    .burenie-drill__item {
        padding: 25px 20px;
    }

    .burenie-form__wrap {
        padding: 0 30px;
    }

    .burenie-popup__wrap {
        padding: 20px;
        margin: 40px;
        overflow-y: scroll;
        overflow-x: hidden;
        height: inherit;
    }

    .burenie-popup__subtitle {
        width: 100%;
    }

    .burenie-popup__quiz {
        display: block;
    }

    .burenie-popup__quiz-steps {
        display: flex;
        flex-wrap: wrap;
        gap: 0 10px;
    }

    .burenie-popup__quiz-steps-item {
        width: calc((100% - 40px) / 5);
        margin-bottom: 0;
    }

    .burenie-popup__quiz-wrap {
        margin-top: 30px;
        width: 100%;
    }

    .burenie-popup__quiz-diameter label {
        width: calc((100% - 45px) / 4);
    }

    .burenie-popup__close div {
        right: 5px;
        top: 5px;
    }
}

@media (max-width: 991px) {
    .burenie-info__about-text {
        width: 100%;
    }

    .burenie-info__cities {
        padding-left: 0;
        margin-top: 30px;
    }

    .burenie-advan__item {
        width: calc((100% - 38px) / 3);
    }

    .burenie-type__con {
        gap: 0 30px
    }

    .burenie-type__item {
        padding: 25px 20px;
        width: calc((100% - 30px) / 2);
    }

    .burenie-type__item-info-title {
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-type__item-info-text {
        font-size: 14px;
        line-height: 18px;
    }

    .burenie-type__item-list-title {
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-type__item-list-text {
        font-size: 14px;
        line-height: 18px;
    }

    .burenie-price__item {
        padding: 25px 20px;
    }

    .burenie-form__con::before {
        opacity: 0.7;
        filter: blur(2px);
    }

    .burenie-form__con {
        padding: 70px 0;
    }

    .burenie-form__con::before {
        background-size: contain;
    }

    .burenie-quest__fb {
        margin-top: 30px;
    }

    .burenie-popup__quiz-steps {
        gap: 10px 10px;
    }

    .burenie-popup__quiz-steps-item {
        padding: 5px;
        width: calc((100% - 20px) / 3);
    }

    .burenie-popup__quiz-steps-item-title {
        font-size: 14px;
    }

    .burenie-popup__quiz-steps-item-text {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .burenie-main__btn {
        margin: 40px 0 0 0 !important;
        text-align: center;
        max-width: 290px !important;
    }

    .burenie-main {
        background-size: cover;
        padding: 30px 0 100px 0;
    }

    .burenie-type__con {
        gap: 30px 30px;
    }

    .burenie-type__item {
        width: 100%;
    }

    .burenie-skidki__type-item {
        padding: 20px;
    }

    .burenie-skidki__type-item:last-child {
        margin-top: 15px;
    }

    .burenie-advan__item {
        padding: 10px;
        width: calc((100% - 19px) / 2);
    }

    .burenie-drill__item {
        width: 100%;
    }

    .burenie-form {
        margin-top: 30px;
    }

    .burenie-form__con {
        padding: 35px 0;
    }

    .burenie-form__subtitle {
        font-size: 16px;
        line-height: 20px;
        margin-top: 15px;
    }

    .burenie-form__btn {
        margin-top: 20px;
    }

    .burenie-cost__block-item {
        padding: 7.5px 12px;
        gap: 0 10px;
    }

    .burenie-cost__block-item span {
        width: calc((100% - 20px) / 3);
    }

    .burenie-cost__block-item p {
        width: calc((100% - 20px) / 3);
    }

    .burenie-steps__item-head {
        position: relative;
    }

    .burenie-steps__item-head-open {
        position: absolute;
        right: -10px;
    }

    .burenie-quest__item-head {
        position: relative;
    }

    .burenie-quest__item-head-open {
        position: absolute;
        right: -10px;
    }

    .burenie-popup__quiz-price-product {
        justify-content: flex-start;
    }

    .burenie-popup__wrap {
        padding: 20px 20px 100px 20px;
    }
}

@media (max-width: 651px) {
    .burenie-info {
        margin-top: 25px;
    }

    .burenie-info__about-title {
        font-size: 20px;
    }

    .burenie-info__about-text {
        margin-top: 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-info__cities {
        margin-top: 15px;
    }

    .burenie-info__cities-title {
        font-size: 18px;
        line-height: 22px;
    }

    .burenie-info__cities-list {
        margin-top: 15px;
    }

    .burenie-info__cities-list-item p {
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-advan {
        margin-top: 30px;
    }

    .burenie-advan-title {
        font-size: 20px;
        line-height: 24px;
    }

    .burenie-advan__item-title {
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-type {
        margin-top: 25px;
        padding: 30px;
    }

    .burenie-drill {
        margin-top: 81px;
    }

    .burenie-drill__con {
        margin-top: 15px;
    }

    .burenie-drill__item {
        padding: 26px 17px;
    }

    .burenie-drill__item-title {
        font-size: 20px;
        line-height: 22px;
        margin-top: 26px;
        padding-bottom: 10px;
    }

    .burenie-drill__item-text {
        margin-top: 6px;
        font-size: 16px;
    }

    .burenie-price {
        margin-top: 30px;
    }

    .burenie-price__item {
        width: 100%;
    }

    .burenie-price__item-title {
        font-size: 18px;
        line-height: 22px;
    }

    .burenie-price__item-subtitle {
        margin-top: 14px;
        font-size: 12px;
        line-height: 18px;
    }

    .burenie-price__item-price {
        margin-top: 14px;
        line-height: 18px;
    }

    .burenie-price__item-price-title {
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-price__item-price-new {
        margin-top: 8px;
        font-size: 28px;
        line-height: 32px;
    }

    .burenie-price__item-price-old {
        margin-top: 4px;
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-price__item-price-old span {
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-price__item-link {
        margin: 14px auto 0 auto;
        font-size: 14px;
        line-height: 18px;
    }

    .burenie-steps {
        margin-top: 30px;
    }

    .burenie-steps__con {
        margin-top: 15px;
    }

    .burenie-steps__item {
        padding: 12.5px 25px;
        margin-top: 10px;
    }

    .burenie-steps__item-head-title {
        font-size: 18px;
        line-height: 22px;
    }

    .burenie-steps__item-head-active {
        padding-bottom: 12.5px;
    }

    .burenie-steps__item-text {
        margin-top: 12.5px;
        font-size: 14px;
        line-height: 18px;
    }

    .burenie-cost {
        margin-top: 30px;
    }

    .burenie-cost__subtitle {
        margin-top: 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-cost__block {
        margin-top: 15px;
    }

    .burenie-cost__block-item span {
        font-size: 10px;
        line-height: 14px;
    }

    .burenie-cost__block-item p {
        font-size: 10px;
        line-height: 14px;
    }

    .burenie-maininfo {
        margin-top: 30px;
    }

    .burenie-maininfo__con {
        padding: 25px;
    }

    .burenie-maininfo__title {
        font-size: 20px;
        line-height: 24px;
        margin-top: 15px;
    }

    .burenie-maininfo__text {
        margin-top: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    .burenie-quest {
        margin-top: 30px;
    }

    .burenie-quest__con {
        margin-top: 15px;
    }

    .burenie-quest__item {
        padding: 12.5px 25px;
        margin-top: 10px;
    }

    .burenie-quest__item-head-title {
        font-size: 18px;
        line-height: 22px;
    }

    .burenie-quest__item-head-active {
        padding-bottom: 12.5px;
    }

    .burenie-quest__item-text {
        margin-top: 12.5px;
        font-size: 14px;
        line-height: 18px;
    }

    .burenie-quest__fb {
        padding: 35px 30px 55px 25px;
    }

    .burenie-quest__fb-title {
        font-size: 20px;
        line-height: 24px;
    }

    .burenie-quest__fb-subtitle {
        margin-top: 10px;
    }

    .burenie-quest__fb-btn {
        margin-top: 15px;
    }

    .burenie-popup__subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-top: 8px;
    }

    .burenie-popup__quiz {
        margin-top: 20px;
    }

    .burenie-popup__quiz-wrap {
        margin-top: 15px;
    }

    .burenie-popup__quiz-title {
        font-size: 18px;
        line-height: 22px;
    }

    .burenie-popup__quiz-region-input {
        margin-top: 10px;
    }

    .burenie-popup__quiz-btns {
        margin-top: 25px;
    }

    .burenie-popup__quiz-size-subtitle {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
    }

    .burenie-popup__quiz-size-subtitle:last-child {
        margin-top: 6px;
    }

    .burenie-popup__quiz-price-product-value {
        margin-left: 15px;
    }

    .burenie-popup__quiz-price-product-value-text {
        margin-top: 10px;
    }

    .burenie-popup__quiz-price-form {
        margin-top: 30px;
    }

    .burenie-popup__quiz-btns button {
        width: calc((100% - 20px) / 2);
        font-size: 14px;
    }

    .burenie-popup__quiz-type-item p {
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-popup__quiz-price-form-con {
        display: block;
    }

    .burenie-popup__quiz-price-form-btn {
        margin-top: 15px;
    }

    .burenie-popup__quiz-price-product-info-img {
        width: 80px;
    }

    .burenie-popup__quiz-price-product-info-text-item {
        margin-top: 6px;
        font-size: 12px;
    }

    .burenie-popup__quiz-price-product-info-text-region {
        margin-top: 10px;
    }

    .burenie-popup__quiz-price-product-info-text-title {
        font-size: 14px;
    }

    .burenie-popup__quiz-price-product-info-text {
        width: 150px;
    }

    .burenie-popup__quiz-wrap input {
        font-size: 12px;
    }

    .burenie-popup__quiz-diameter-wrap {
        margin-top: 15px;
    }

    .burenie-popup__quiz-size-wrap {
        margin-top: 15px;
    }

    .burenie-popup__quiz-price-product {
        display: block;
    }

    .burenie-popup__quiz-price-product-value {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (max-width: 576px) {
    .burenie-maininfo__con {
        padding: 10px;
    }

    .burenie-maininfo__title {
        margin-top: 10px;
    }

    .burenie-maininfo__text {
        margin-top: 5px;
    }

    .burenie-popup__quiz-diameter label {
        width: calc((100% - 15px) / 2);
    }

    .burenie-popup__quiz-diameter label img {
        height: 100px;
    }

    .burenie-popup__title {
        font-size: 16px;
        line-height: 20px;
    }

    .burenie-popup__subtitle {
        font-size: 12px;
    }

    .burenie-popup__quiz-steps {
        gap: 5px 5px;
    }

    .burenie-popup__quiz-steps-item {
        width: calc((100% - 5px) / 2);
    }

    .burenie-popup__wrap {
        margin: 10px;
    }

    .burenie-popup__quiz-type-wrap {
        margin-top: 15px;
    }

    .burenie-popup__quiz-type-item p {
        font-size: 14px;
    }

    .burenie-popup__quiz-btns {
        gap: 15px 15px
    }

    .burenie-popup__quiz-btns button {
        width: 100%;
    }

    .burenie-popup__quiz-region-wrap {
        margin-top: 30px;
    }

    .burenie-popup__quiz-region-list label {
        width: calc((100% - 2px) / 2);
    }

    .burenie-popup__quiz-region-list label p {
        font-size: 12px;
        padding: 3.5px 5px;
    }

    .burenie-popup__quiz-region-list {
        gap: 2px 2px
    }
}

@media (max-width: 375px) {
    .burenie-main__btn {
        margin: 40px 0 0 0 !important;
        text-align: center;
        max-width: 100% !important;
        padding: 15px 15px;
    }

    .burenie-advan__item {
        padding: 10px;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0 10px
    }

    .burenie-advan__item-title {
        margin-top: 0;
    }

    .burenie-form__wrap {
        padding: 0 15px;
    }

    .burenie-form__con {
        padding: 20px 0;
    }

    .burenie-form__con::before {
        background-size: 70%;
    }

    .burenie-form__con::after {
        background-size: cover;
    }

    .burenie-skidki__type-item:first-child::before {
        background-size: cover;
    }

    .burenie-skidki__type-item:last-child::before {
        background-size: cover;
    }
}

@media (max-width: 320px) {
    .burenie-main {
        background-size: cover;
        background-position-x: -750px;
    }
}

.kanalizaciya-main {
    padding: 30px 0 300px 0;
    background-image: url(/images/2022-07/26/invalid-name@3x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #F7F7F7;
    background-position: center bottom;
}

.kanalizaciya-main__nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.kanalizaciya-main__title {
    font-weight: 900;
    margin-top: 50px;
}

.kanalizaciya-main__subtitle {
    margin: 30px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.kanalizaciya-form__item-con .application__input-wrapper {
    max-width: 300px;
    width: 100%;
}

.kanalizaciya-main__btn {
    margin-top: 40px;
}

/* main */
.kanalizaciya-plus .plus-item:nth-of-type(1)::before {
    background-image: url(/files/pages/kanalizaciya/soil.svg);
}

.kanalizaciya-plus .plus-item:nth-of-type(2)::before {
    background-image: url(/files/pages/kanalizaciya/thumb-up.svg);
}

.kanalizaciya-plus .plus-item:nth-of-type(3)::before {
    background-image: url(/files/pages/kanalizaciya/wrench.svg);
}
/* plus */
.kanalizaciya-form {
    background: #EAEBEA;
    padding: 70px 0 90px 0;
    margin-top: 50px;
    position: relative;
    background-color: #EAEBEA;
    position: relative;
    background-image: url(/files/pages/kanalizaciya/man.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-position-x: 75%;
    background-size: contain;
}

.kanalizaciya-form__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
}

.kanalizaciya-form__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-top: 30px;
}

.kanalizaciya-form__item {
    margin-top: 40px;
}

.kanalizaciya-form__item-con {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0 20px;
}

.kanalizaciya-form__item-input-title {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.kanalizaciya-form__item-input-item {
    width: 204px;
    height: 47px;
    border: 1px solid #EAEBEA;
    font-weight: 400;
    font-size: 17px;
    text-align: center;
}

.kanalizaciya-form__item-confidentially {
    margin-top: 11px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 10px;
}

.kanalizaciya-form__item-confidentially input {
    display: block;
}

.custom-checkbox:checked + label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.kanalizaciya-form__item-confidentially a {
    font-weight: 300;
    font-size: 14px;
    opacity: 0.5;
}

.kanalizaciya-form__head {
    position: absolute;
    bottom: 43px;
    right: 9%;
    background: #487844;
    border-radius: 2px;
    padding: 13px 15px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
/* form */
.kanalizaciya-advan, .kanalizaciya-work {
    margin-top: 60px;
}

.kanalizaciya-advan__title, .kanalizaciya-work__title {
    font-weight: 900;
    font-size: 30px;
}

.kanalizaciya-advan__wrap, .kanalizaciya-work__wrap {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.kanalizaciya-advan__item, .kanalizaciya-work__item {
    padding: 50px 43px;
    width: calc((100% - 60px) / 4);
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.kanalizaciya-advan__item-title, .kanalizaciya-work__item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-top: 26px;
}

.kanalizaciya-advan__item-text, .kanalizaciya-work__item-text {
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    color: #000000;
    opacity: 0.5;
    margin-top: 12px;
}
/* advan */
.services {
    margin-top: 60px;
}

.services-title {
    font-weight: 900;
}
/* services */
.kanalizaciya-type {
    margin-top: 60px;
}

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

.kanalizaciya-type__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 30px;
}

.kanalizaciya-type__item {
    width: calc((100% - 40px) / 3);
}

.kanalizaciya-type__item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding-top: 15px;
    min-height: 63px;
}

.kanalizaciya-type__item-img {
    width: 100%;
    height: 296px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    background: #F8F8F8;
    border-radius: 2px;
}

.kanalizaciya-type__item-img img {
    object-fit: contain;
}

.kanalizaciya-type__item-list {
    margin-top: 30px;
}

.kanalizaciya-type__item-list-item {
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 40px;
    padding-left: 32px;
    position: relative;
}

.kanalizaciya-type__item-list-item:last-child {
    margin-bottom: 0;
}

.kanalizaciya-type__item-list-minus::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 2px;
    background: linear-gradient(270deg, #F55A1F 6.32%, #D21010 98.75%);
    top: 50%;
    margin-top: -1px;
    left: 0;
}

.kanalizaciya-type__item-list-plus::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 2px;
    background: linear-gradient(90deg, #487844 0%, #60C858 100%);
    top: 50%;
    margin-top: -1px;
    left: 0;
}

.kanalizaciya-type__item-list-plus::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 14px;
    background: linear-gradient(90deg, #487844 0%, #60C858 100%);
    top: 50%;
    margin-top: -7px;
    left: 6px
}
/* type */
.kanalizaciya-engineer {
    margin-top: 30px;
    padding: 70px 0 116px 0;
    background-color: #EAEBEA;
    position: relative;
    z-index: 1;
}

.kanalizaciya-engineer::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background-image: url(/files/pages/kanalizaciya/engineer.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-position-x: 87%;
    bottom: 0;
    right: 0;
}

.kanalizaciya-engineer__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
}

.kanalizaciya-engineer__title-2 {
    margin-top: 40px;
}

.kanalizaciya-engineer__subtitle {
    margin-top: 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}

.kanalizaciya-engineer__btn {
    margin-top: 40px;
}
/* engineer */
.kanalizaciya-task {
    margin-top: 60px;
    background: #F2F3F2;
    padding: 70px 0;
}

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

.kanalizaciya-task__subtitle {
    margin-top: 30px;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
}

.kanalizaciya-task__blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 30px;
}

.kanalizaciya-task__blocks-item {
    width: calc((100% - 80px) / 5);
}

.kanalizaciya-task__blocks-item-title {
    margin-top: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.kanalizaciya-task__form {
    margin-top: 50px;
}

.kanalizaciya-task__form-title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
}

.kanalizaciya-task__form-con {
    margin-top: 30px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0 20px;
}

.kanalizaciya-task__form-input-title {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.kanalizaciya-task__form-input-item {
    width: 204px;
    height: 47px;
    border: 1px solid #EAEBEA;
    font-weight: 400;
    font-size: 17px;
    text-align: center;
}
/* task */
.kanalizaciya-price {
    margin-top: 60px;
}

.kanalizaciya-info__price {
    padding: 24px 0 0 0;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    margin-top: 50px;
}

.kanalizaciya-info__price-text {
    position: relative;
    padding: 0 24px 24px 29px;
}

.kanalizaciya-info__price-text::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #EAEBEA;
    bottom: 0;
    left: 0
}

.kanalizaciya-info__price h4 {
    font-weight: 900;
    font-size: 24px;
    line-height: 25px;
    padding: 0 20px;
}

.kanalizaciya-info__price p {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
    padding: 0 20px 10px;
}

.kanalizaciya-info__price-items-item {
    padding: 15px 24px;
    display: flex;
    justify-content: space-between;
}

.kanalizaciya-info__price-items-item:nth-child(even) {
    background: #FBFBFB;
}

.kanalizaciya-info__price-items-item span{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.kanalizaciya-info__price-items-item span {
    color: #9E9E9E;
}
/* info */
.kanalizaciya-handiwork {
    padding: 140px 0;
    position: relative;
}

.kanalizaciya-handiwork::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/files/pages/kanalizaciya/book.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-position-x: 86%;
}

.kanalizaciya-handiwork__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
}

.kanalizaciya-handiwork__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin-top: 30px;
}

.kanalizaciya-handiwork__text {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    margin-top: 30px;
}

.kanalizaciya-handiwork__btn {
    margin-top: 40px;
}
/* handiwork */
.kanalizaciya-clients__gallery h2 {
    margin-bottom: 50px !important;
}
/* clients */
.kanalizaciya-maininfo {
    margin-top: 60px;
}

.kanalizaciya-maininfo__con {
    padding: 50px;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
}

.kanalizaciya-maininfo__con h4 {
    margin-top: 30px;
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
}

.kanalizaciya-maininfo__con h4:first-child {
    margin-top: 0;
}

.kanalizaciya-maininfo__con p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}
/* maininfo */
.kanalizaciya-attendance {
    margin-top: 40px;
}

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

.kanalizaciya-attendance__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 30px;
}

.kanalizaciya-attendance__item {
    padding: 30px 20px;
    width: calc((100% - 100px) / 6);
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    transition: 0.4s;
}

.kanalizaciya-attendance__item:hover {
    border: 1px solid #487844;
}

.kanalizaciya-attendance__item-title {
    margin-top: 26px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

@media (max-width: 1250px) {
    .kanalizaciya-advan__item, .kanalizaciya-work__item {
        padding: 25px 20px;
    }

    .kanalizaciya-type__item-title {
        min-height: 86px;
    }

    .kanalizaciya-attendance__wrap {
        gap: 20px 20px
    }

    .kanalizaciya-attendance__item {
        width: calc((100% - 40px) / 3);;
    }
}

@media (max-width: 991px) {
    .kanalizaciya-form__head {
        position: static;
        width: max-content;
        margin: 60px 100px 0 auto;
    }

    .kanalizaciya-form {
        background-size: 38%;
    }

    .kanalizaciya-advan__item {
        width: calc((100% - 40px) / 3);
    }

    .kanalizaciya-engineer::before {
        opacity: 0.7;
        filter: blur(2px);
    }

    .kanalizaciya-work__item {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 767px) {
    .kanalizaciya-main__btn {
        margin: 40px 0 0 0 !important;
        text-align: center;
    }

    .kanalizaciya-main {
        background-size: cover;
        padding: 30px 0 100px 0;
    }

    .kanalizaciya-form__item-con {
        display: block;
    }

    .kanalizaciya-form__item-btn {
        margin-top: 15px;
    }

    .kanalizaciya-info__price-text {
        position: relative;
        padding: 0 12px 12px 14px;
    }

    .kanalizaciya-info__price-items-item {
        padding: 7px 12px;
    }

    .kanalizaciya-info__price-items-item span{
        font-size: 10px;
    }

    .kanalizaciya-form__head {
        position: static;
        width: max-content;
        margin: 200px auto 0 300px
    }

    .kanalizaciya-form {
        background-size: 230px;
        background-position: left bottom;
        background-position-x: 70px;
    }

    .kanalizaciya-advan__item {
        padding: 15px 10px;
        width: calc((100% - 20px) / 2);
    }

    .kanalizaciya-task {
        padding: 35px 0;
    }

    .kanalizaciya-task__blocks {
        gap: 20px 20px
    }

    .kanalizaciya-task__blocks-item {
        width: calc((100% - 40px) / 3);
    }

    .kanalizaciya-task__form-con {
        display: block;
    }

    .kanalizaciya-task__form-btn {
        margin-top: 15px;
    }

    .kanalizaciya-handiwork::before {
        background-size: 60%;
        opacity: 0.7;
        filter: blur(2px);
    }

    .kanalizaciya-attendance__title {
        font-size: 20px;
        line-height: 24px;
    }

    .kanalizaciya-attendance__wrap {
        gap: 10px 10px;
    }

    .kanalizaciya-attendance__item {
        width: calc((100% - 10px) / 2);;
    }
}

@media (max-width: 651px) {
    .kanalizaciya-form {
        padding: 35px 0 45px 0;
        margin-top: 25px;
    }

    .kanalizaciya-form__head {
        position: static;
        width: max-content;
        margin: 120px auto 0 auto
    }

    .kanalizaciya-form {
        background-size: 150px;
        background-position: center bottom;
    }

    .kanalizaciya-form__item-confidentially a {
        font-size: 10px;
    }

    .kanalizaciya-advan {
        margin-top: 30px;
    }

    .kanalizaciya-advan__item {
        padding: 15px 10px;
        width: 100%
    }

    .kanalizaciya-engineer {
        padding: 35px 0 60px 0;
    }

    .kanalizaciya-engineer::before {
        background-size: 50%;
    }

    .kanalizaciya-form__title {
        font-size: 20px;
        line-height: 24px;
    }

    .kanalizaciya-form__text {
        font-size: 16px;
        margin-top: 15px;
    }

    .kanalizaciya-form__item {
        margin-top: 20px;
    }

    .kanalizaciya-advan__title {
        font-size: 20px;
    }

    .kanalizaciya-advan__item-title {
        font-size: 18px;
        margin-top: 13px;
    }

    .kanalizaciya-advan__item-text {
        font-size: 14px;
        margin-top: 6px;
    }

    .kanalizaciya-engineer__title {
        font-size: 20px;
        line-height: 22px;
    }

    .kanalizaciya-engineer__subtitle {
        font-size: 16px;
        margin-top: 15px;
    }

    .kanalizaciya-engineer__title-2 {
        margin-top: 20px;
    }

    .kanalizaciya-work__title {
        font-size: 20px;
    }

    .kanalizaciya-type__title {
        font-size: 20px;
    }

    .kanalizaciya-type__item-title {
        font-size: 18px;
        line-height: 18px;
    }

    .kanalizaciya-type__wrap {
        display: flex;
        gap: 20px 0
    }

    .kanalizaciya-work__item {
        width: 100%;
    }

    .kanalizaciya-type__wrap {
        margin-top: 15px;
    }

    .kanalizaciya-type__item {
        width: 100%;
    }

    .kanalizaciya-type__item-title {
        min-height: auto;
    }

    .kanalizaciya-type__item-list-item {
        margin-bottom: 20px;
    }

    .kanalizaciya-task__title {
        font-size: 20px;
    }

    .kanalizaciya-task__subtitle {
        margin-top: 15px;
        font-weight: 16px;
    }

    .kanalizaciya-task__subtitle br {
        display: none;
    }

    .kanalizaciya-task__blocks {
        gap: 10px 10px
    }

    .kanalizaciya-task__blocks-item {
        width: calc((100% - 10px) / 2);
    }

    .kanalizaciya-task__blocks-item-title {
        margin-top: 20px;
        font-size: 14px;
    }

    .kanalizaciya-task__form {
        margin-top: 25px;
    }

    .kanalizaciya-task__form-title {
        font-size: 16px;
    }

    .kanalizaciya-info__price h4 {
        font-size: 20px;
    }

    .kanalizaciya-info__price p {
        font-size: 14px;
        margin-top: 10px;
    }

    .kanalizaciya-handiwork {
        padding: 35px 0;
    }

    .kanalizaciya-handiwork::before {
        background-size: 80%;
        background-position: top right;
        background-position-y: 35px;
    }

    .kanalizaciya-handiwork__title {
        font-size: 20px;
        line-height: 24px;
    }

    .kanalizaciya-handiwork__subtitle {
        font-size: 16px;
        margin-top: 15px;
    }

    .kanalizaciya-handiwork__text {
        font-size: 16px;
        margin-top: 15px;
    }

    .kanalizaciya-maininfo {
        margin-top: 30px;
    }

    .kanalizaciya-maininfo__con {
        padding: 25px;
    }

    .kanalizaciya-maininfo__con h4 {
        font-size: 20px;
        line-height: 24px;
        margin-top: 15px;
    }

    .kanalizaciya-maininfo__con p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    .kanalizaciya-attendance__title {
        font-size: 20px;
        line-height: 24px;
    }

    .kanalizaciya-attendance__wrap {
        gap: 10px 10px;
        margin-top: 15px;
    }

    .kanalizaciya-attendance__item-title {
        font-size: 18px;
        line-height: 22px;
    }

    .kanalizaciya-price {
        margin-top: 30px;
    }
}

@media (max-width: 576px) {
    .kanalizaciya-info__price-items-item p:first-child {
        max-width: 135px;
    }

    .kanalizaciya-maininfo__con {
        padding: 10px;
    }

    .kanalizaciya-maininfo__con h4 {
        margin-top: 10px;
    }

    .kanalizaciya-maininfo__con p {
        margin-top: 5px;
    }
}

@media (max-width: 375px) {
    .kanalizaciya-engineer__btn {
        text-align: center;
    }

    .kanalizaciya-attendance__item {
        padding: 10px 10px;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0 10px
    }

    .kanalizaciya-attendance__item-title {
        margin-top: 0;
    }
}

@media (max-width: 320px) {
    .kanalizaciya-main {
        background-size: cover;
        background-position-x: -750px;
    }
}

section.container {
    padding: 25px 0;
}

.payment-upper__container h2 {
    margin: 20px 0;
}

.payment-upper__container article table th *,
.payment-upper__container article table th {
    font-weight: bold;
    font-size: 18px;
}

.payment-upper__container article table th {
    padding: 10px 20px;
    border: none;
}

.payment-upper__container article tbody td {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    line-height: 1.2;
}

.payment-upper__container article tbody th:not(:last-child),
.payment-upper__container article tbody td:not(:last-child) {
    border-right: 2px solid #54A24E;
}

.payment-upper__container article tbody tr:not(:last-child) {
    border-bottom: 2px solid #54A24E;
}

.payment-upper__container article table {
    border-collapse: collapse;
    border: none;
}

.payment-upper__container article {
    border: 3px solid #54A24E;
    border-radius: 15px;
    max-width: fit-content;
    box-shadow: 0px 1px 5px #9c9c9c;
}

.cities-list__container h2 {
    margin: 20px 0;
}

.cities-list {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
}

.cities-list .cities-list__item {
    max-width: calc(100% / 4 - 10px);
    width: 100%;
    padding-bottom: 5px;
}

.cities-list .cities-list__item span {
    font-size: 18px;
    color: #54A24E;
    border-bottom: 1px dashed #54A24E;
    cursor: pointer;
}

.cities-list .cities-list__item span:hover {
    color: #005B0E;
}

.payment-options__container {
    display: flex;
    flex-direction: column;
}

.payment-options__title {
    margin-bottom: 20px;
}

.payment-options__item {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}

.payment-options__item img {
    max-width: 200px;
    width: 100%;
    max-height: 112.5px;
    height: 100%;
    object-fit: contain;
}

.payment-options__item article {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}

.payment-options__item article > p {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.payment-options__item article > span {
    font-size: 17px;
    line-height: 1.2;
}

.payment-order__container h2 {
    margin-bottom: 15px;
}

.payment-order__container article * {
    font-size: 18px;
}

@media (max-width: 800px) {
    .cities-list .cities-list__item {
        max-width: calc(100% / 3 - 10px);
    }

    .payment-upper__container article {
        overflow-x: auto;
    }

    .payment-options__item {
        flex-wrap: wrap;
        border-bottom: 1px solid #9c9c9c;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .payment-options__item article {
        max-width: 100%;
        width: 100%;
        margin-top: 15px;
    }

}

@media (max-width: 600px) {
    section.container {
        max-width: 100%;
        width: 100%;
        padding: 20px 15px;
    }

    .cities-list {
        max-height: 400px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .cities-list .cities-list__item {
        max-width: calc(100% / 2 - 10px);
        padding-bottom: 10px;
    }

    .cities-list .cities-list__item span {
        font-size: 17px;
    }
}

.dostavka {
    padding-top: 30px;
}

.dostavka-info__nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.dostavka-info__title {
    margin-top: 50px;
    font-weight: 900;
}

.dostavka-info__price {
    padding: 24px 0 0 0;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    margin-top: 50px;
}

.dostavka-info__price-text {
    position: relative;
    padding: 0 24px 24px 29px;
}

.dostavka-info__price-text::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #EAEBEA;
    bottom: 0;
    left: 0
}

.dostavka-info__price-text-title {
    font-weight: 900;
    font-size: 24px;
}

.dostavka-info__price-text-subtitle {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
}

.dostavka-info__price-items-item {
    padding: 15px 24px;
    display: flex;
    justify-content: space-between;
}

.dostavka-info__price-items-item:nth-child(even) {
    background: #FBFBFB;
}

.dostavka-info__price-items-item span{
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
}

.dostavka-info__price-items-item span {
    color: #9E9E9E;
}

@media (max-width: 1250px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
    .dostavka-info__price-text {
        position: relative;
        padding: 0 12px 12px 14px;
    }

    .dostavka-info__price-items-item {
        padding: 7px 12px;
    }

    .dostavka-info__price-items-item span{
        font-size: 10px;
    }
    .models table td p{
        font-size: 16px!important;
    }
    .models table tr:nth-child(n+2){

    }
    .dostavka-info__price {
        width: 100%;
    }
}

.drenazh-choose {
    margin-top: 100px;
}

.drenazh-choose__wrap {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 49px 27px;
    margin-top: 30px;
}

.drenazh-choose__item {
    width: calc((100% - 0px) / 4);
    padding: 39px 17px 36px 17px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(186, 186, 186, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.drenazh-choose__item-info {
    margin-top: 20px;
}

.drenazh-choose__item-img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.drenazh-choose__item-info-title {
    font-weight: 700;
    font-size: 21px;
    line-height: 20px;
    padding-top: 21px;
    padding-bottom: 8px;
}

.drenazh-choose__item-info-text {
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    margin-top: 10px;
}

.drenazh-choose__item-info-text:nth-of-type(1) {
    margin-top: 20px;
}

.drenazh-choose__item-info-text:nth-of-type(2) {
    margin-top: 16px;
}

.drenazh-choose__item-list {
    margin-top: 16px;
}

.drenazh-choose__item-list-title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
}

.drenazh-choose__item-list-text {
    margin-top: 10px;
    font-weight: 300;
    font-size: 16px;
    /* padding-left: 22px; */
    position: relative;
}

.drenazh-choose__item-list-text::before {
    content: '';
    width: 8px;
    height: 8px;
    left: 0;
    margin-top: 7px;
    position: absolute;
    border-radius: 100%;
}

.drenazh-choose__item-list-plus::before {
    background: #60C858;
	display:none;
}

.drenazh-choose__item-list-minus::before {
    background: #000000;
}

.drenazh-choose__item-list-text:nth-of-type(1) {
    margin-top: 16px;
}

.drenazh-choose__item-price {
    margin-top: 30px;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
}

.drenazh-choose__item-btn {
    width: 243px;
    margin-top: 30px;
    text-align: center;
}

.drenazh-price {
    margin-top: 104px;
}

.drenazh-price h2 {
    text-align: center;

}

.drenazh-price__wrap {
    display: flex;
    flex-direction: column;
    gap: 50px 50px;
    margin-top: 30px;
}

.drenazh-price table {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.drenazh-price table caption {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    padding: 24px;
    border: 1px solid #EAEBEA;
    border-bottom: 0;
    width: 100%;
    caption-side: top;
}

.drenazh-price table thead tr:nth-of-type(1) th {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #9E9E9E;
    padding: 15px 24px;
    text-align: left;
}

.drenazh-price table thead tr th:nth-of-type(2) {
    text-align: right;

}

.drenazh-price table tbody tr:nth-child(odd) {
    background: #FBFBFB;
}

.drenazh-price table tbody tr td {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #000000;
    padding: 15px 24px;
}

.drenazh-price table tbody tr td:nth-of-type(2) {
    text-align: right;
}

@media (max-width: 991px) {
    .drenazh-choose__wrap {
        gap: 20px 20px;
    }

    .drenazh-choose__item {
        padding: 25px 20px;
        width: calc((100% - 20px) / 2);
    }

.drenazh-choose__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 41px 0px;
    margin-top: 30px;
}
    
}

@media (max-width: 768px) {
    .drenazh-choose__item {
        width: 100%;
    }

    .drenazh-price table caption {
        padding: 12px;
    }

    .drenazh-price table thead tr:nth-of-type(1) th {
        padding: 7.5px 12px;
        font-size: 14px;
    }

    .drenazh-price table tbody tr td {
        padding: 7.5px 12px;
        font-size: 15px;
    }
}

@media (max-width: 651px) {
    .drenazh-choose__item-info-title {
        font-size: 22px;
        line-height: 12px;
        padding-bottom: 20px;
    }

    .drenazh-choose__item-info-text {
        font-size: 14px;
        line-height: 13px;
    }

    .drenazh-choose__item-list-text {
        font-size: 16px;
    }

    .drenazh-choose__item-price {
        font-size: 18px;
        line-height: 12px;
    }

    .drenazh-choose__item-list-text::before {
        margin-top: 2px;
        display: none;
    }

    .drenazh-price table caption {
        font-size: 20px;
        line-height: 25px;
    }
}

.arrangement-main {
    padding: 240px 0 200px 0;
    background-image: url(./images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-color: #4a1a1a; */
    height: 100vh;
    background-position: bottom;
}

.arrangement-main__nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.arrangement-main__title {
    font-weight: 400;
    margin-top: 50px;
    max-width: 35%;
}

.arrangement-main__subtitle {
    margin-top: 18px;
    font-weight: 300;
    font-size: 16px;
    max-width: 45%;
    color: #fff;
    line-height: 21px;
}

.arrangement-main__btn {
    margin-top: 40px;
}

.arrangement-main__form {
    margin-top: 22px;
}

.arrangement-main__form-title {
    font-weight: 900;
}

.arrangement-main__form-con {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 16px;
}

.arrangement-main__form-input-title {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.arrangement-main__form-input-item {
    width: 204px;
    height: 47px;
    border: 1px solid #EAEBEA;
    font-weight: 400;
    font-size: 17px;
    text-align: center;
}

/* main */
.arrangement-advan {
    margin-top: 50px;
}

.arrangement-advan-title {
    font-weight: 900;
}

.arrangement-advan__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 19px 19px;
    margin-top: 30px;
}

.arrangement-advan__item {
    width: calc((100% - 76px) / 5);
    padding: 25px;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.arrangement-advan__item-title {
    margin-top: 26px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

/* advan */
.arrangement-form {
    background: #EAEBEA;
    padding: 70px 0 90px 0;
    margin-top: 50px;
    position: relative;
    background-color: #EAEBEA;
    position: relative;
    background-image: url(/files/pages/kanalizaciya/man.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-position-x: 92%;
}

.arrangement-form__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
}

.arrangement-form__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-top: 30px;
}

.arrangement-form__item {
    margin-top: 40px;
}

.arrangement-form__item-con {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0 20px;
}

.arrangement-form__item-input-title {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.arrangement-form__item-input-item {
    width: 204px;
    height: 47px;
    border: 1px solid #EAEBEA;
    font-weight: 400;
    font-size: 17px;
    text-align: center;
}

.arrangement-form__item-confidentially label .wpcf7-list-item-label {
    margin-top: 11px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 10px;
}

.arrangement-form__item-confidentially input {
    display: none;
}

.custom-checkbox:checked + label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.arrangement-form__item-confidentially p {
    font-weight: 300;
    font-size: 14px;
    opacity: 0.5;
    margin-top: 2px;
}

.arrangement-form__head {
    position: absolute;
    bottom: 43px;
    right: 51px;
    background: #487844;
    border-radius: 2px;
    padding: 13px 15px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

/* form */
.arrangement-type {
    margin-top: 100px;
}

.arrangement-type__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    margin-top: 30px;
}

.arrangement-type__item {
    width: calc((100% - 60px) / 4);
    padding: 50px 12px;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    background: #FFFFFF;
    border: 1px solid #EAEBEA;
    box-shadow: 0px 10px 20px rgba(186, 186, 186, 0.3);
    border-radius: 2px;

}

.arrangement-type__item p:nth-of-type(1) {
    padding: 8px 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    min-height: 64px;
    text-align: center;
}

.arrangement-type__item p:nth-of-type(2) {
    padding: 8px;
    min-height: 50px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    opacity: 0.5;
    text-align: center;
}

.arrangement-type__item p:nth-of-type(3) {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    text-align: center;
}

.arrangement-type__item p:nth-of-type(4) {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    opacity: 0.5;
    text-align: center;
}

.arrangement-type__item p:nth-of-type(4) span {
    text-decoration-line: line-through;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: center;
}

.arrangement-type__item div {
    width: 100%;
    height: 256px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrangement-type__item div img {
    object-fit: contain;
}

.arrangement-type__item a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #000000;
    text-align: center;
    width: max-content;
    margin: 0 auto;
}

.arrangement-type__item a:hover {
    text-decoration-line: none;
}

.arrangement-type__item button {
    margin-top: 10px;
}

/* type */
.arrangement-about {
    margin-top: 100px;
}

.arrangement-about__wrap {
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    padding: 50px;
}

.arrangement-about h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #107087;
    margin-top: 30px;
}

.arrangement-about h2:nth-of-type(1) {
    /* margin-top: 25px; */
}

.arrangement-about p {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-top: 20px;
    margin-bottom: -4px;
}

/* about */
.arrangement-choose {
    margin-top: 100px;
}

.arrangement-choose__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 60px;
    margin-top: 30px;
}

.arrangement-choose__item {
    width: calc((100% - 60px) / 2);
    padding: 50px 40px 50px 40px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(186, 186, 186, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.arrangement-choose__item-info {
    margin-top: 20px;
}

.arrangement-choose__item-info-title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
}

.arrangement-choose__item-info-text {
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    margin-top: 10px;
}

.arrangement-choose__item-info-text:nth-of-type(1) {
    margin-top: 20px;
}

.arrangement-choose__item-info-text:nth-of-type(2) {
    margin-top: 16px;
}

.arrangement-choose__item-list {
    margin-top: 16px;
}

.arrangement-choose__item-list-title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
}

.arrangement-choose__item-list-text {
    margin-top: 10px;
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    padding-left: 22px;
    position: relative;
}

.arrangement-choose__item-list-text::before {
    content: '';
    width: 8px;
    height: 8px;
    left: 0;
    margin-top: 7px;
    position: absolute;
    border-radius: 100%;
}

.arrangement-choose__item-list-plus::before {
    background: #60C858;
}

.arrangement-choose__item-list-minus::before {
    background: #000000;
}

.arrangement-choose__item-list-text:nth-of-type(1) {
    margin-top: 16px;
}

.arrangement-choose__item-btn {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

/* type */
.arrangement-selection {
    margin-top: 100px;
}

.arrangement-selection .container {
    background: #FCFCFC;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    position: relative;
    z-index: 1;
}

.arrangement-selection .container::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background: url(/files/selectionSeptik/circle.png) no-repeat right;
    background-size: contain;
}

.arrangement-selection__info {
    padding: 70px 0 144px 70px;
}

.arrangement-selection__info-subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    margin-top: 30px;
}

.arrangement-selection__item {
    margin-top: 40px;
}

.arrangement-selection__item-con {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0 20px;
}

.arrangement-selection__item-input-title {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.arrangement-selection__item-input-item {
    width: 204px;
    height: 47px;
    border: 1px solid #EAEBEA;
    font-weight: 400;
    font-size: 17px;
    text-align: center;
}

.arrangement-selection__item-confidentially label .wpcf7-list-item-label {
    margin-top: 11px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 10px;
}

.arrangement-selection__item-confidentially input {
    display: none;
}

.custom-checkbox:checked + label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.arrangement-selection__item-confidentially p {
    font-weight: 300;
    font-size: 14px;
    opacity: 0.5;
    margin-top: 2px;
}

.arrangement-selection__item-btn {
    width: 191px;
    font-size: 14px;
}

.arrangement-septik {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -198px;
    z-index: -1;
}

/* selection */
.arrangement-work {
    margin-top: 100px;
}

.arrangement-work__wrap {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.arrangement-work__item {
    padding: 50px 43px;
    width: calc((100% - 60px) / 4);
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.arrangement-work__item-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-top: 26px;
}

.arrangement-work__item-text {
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    color: #000000;
    opacity: 0.5;
    margin-top: 12px;
}

/* advan */
.arrangement-quest {
    margin-top: 100px;
}

.arrangement-quest__title {
    font-weight: 900;
}

.arrangement-quest__con {
    margin-top: 30px;
    position: relative;
}

.arrangement-quest__item {
    padding: 25px 50px;
    border: 1px solid #EAEBEA;
    border-radius: 2px;
    cursor: pointer;
    transition: 0.4s;
    margin-top: 20px;
}

.arrangement-quest__item:first-child {
    margin-top: 0;
}

.arrangement-quest__item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.4s;
    position: relative;
}

.arrangement-quest__item-head-active {
    padding-bottom: 25px;
    border-bottom: 1px solid #EAEBEA;
}

.arrangement-quest__item-head-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.arrangement-quest__item-head-open {
    min-width: 14px;
    max-width: 14px;
    height: 8px;
    position: relative;
    transition: 0.4s;
}

.arrangement-quest__item-head-open::after {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    right: 3.5px;
    bottom: 0;
    background: #000000;
    transform: rotate(-45deg);
}

.arrangement-quest__item-head-open::before {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    left: 3.5px;
    bottom: 0;
    background: #000000;
    transform: rotate(45deg);
}

.arrangement-quest__item-head-open-active {
    transform: rotate(180deg);
}

.arrangement-quest__item-head-open-active::after {
    background: linear-gradient(270deg, #60c858 1.74%, #487844 100%);;
}

.arrangement-quest__item-head-open-active::before {
    background: linear-gradient(270deg, #60c858 1.74%, #487844 100%);;
}

.arrangement-quest__item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
    display: none;
}

.arrangement-quest__item-text-active {
    display: block;
}

.arrangement-quest__fb {
    padding: 75px 60px 110px 50px;
    background-image: url(/files/pages/burenie/man.png);
    background-position: bottom right;
    background-color: #F7F7F7;
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid #EAEBEA;
    top: 0;
    right: 0;
    position: sticky;
    width: 100%;
}

.arrangement-quest__fb-subtitle {
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
}

.arrangement-quest__fb-btn {
    margin-top: 30px;
    padding-right: 66px;
    position: relative;
}

.arrangement-quest__fb-btn::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/files/pages/burenie/quest.svg);
    background-size: contain;
    background-position: left top;
    position: absolute;
    top: 15px;
    right: 30px;
}

/* quest */
@media (max-width: 1250px) {
    .arrangement-type__item p:nth-of-type(2) {
        min-height: 70px;
    }

    .arrangement-choose__item-list {
        min-height: 200px;
    }

    .arrangement-work__item {
        padding: 25px 20px;
    }

    .arrangement-advan__item-title {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 991px) {
    .arrangement-advan__item {
        width: calc((100% - 38px) / 3);
    }

    .arrangement-type__item {
        width: calc((100% - 20px) / 2);
    }

    .arrangement-choose__wrap {
        gap: 20px 20px;
    }

    .arrangement-choose__item {
        padding: 25px 20px;
        width: calc((100% - 20px) / 2);
    }

    .arrangement-septik {
        opacity: 0.7;
        filter: blur(2px);
    }

    .arrangement-work__item {
        width: calc((100% - 20px) / 2);
    }

    .arrangement-quest__fb {
        margin-top: 30px;
    }

    .arrangement-form__item-con {
        display: block;
    }

    .arrangement-form__head {
        position: static;
        width: max-content;
        margin: 200px auto 0 125px
    }

    .arrangement-form {
        background-size: 230px;
        background-position: left bottom;
        background-position-x: 70px;
    }
}

@media (max-width: 767px) {
    .arrangement-main {
        background-size: cover;
        padding: 30px 0 100px 0;
    }

    .arrangement-main__form-con {
        display: block;
    }

    .arrangement-main__form-btn {
        margin-top: 15px;
    }

    .arrangement-advan {
        margin-top: 25px;
    }

    .arrangement-advan__item {
        padding: 10px;
        width: calc((100% - 19px) / 2);
    }

    .arrangement-form {
        padding: 35px 0 45px 0;
        margin-top: 25px;
    }

    .arrangement-form__head {
        position: static;
        width: max-content;
        margin: 120px auto 0 auto
    }

    .arrangement-form {
        background-size: 150px;
        background-position: center bottom;
    }

    .arrangement-form__item-confidentially p {
        font-size: 10px;
    }

    .arrangement-form__title {
        font-size: 20px;
        line-height: 24px;
    }

    .arrangement-form__text {
        font-size: 16px;
        margin-top: 15px;
    }

    .arrangement-form__item-con {
        display: block;
    }

    .arrangement-form__item-btn {
        margin-top: 15px;
    }

    .arrangement-choose__item {
        width: 100%;
    }

    .arrangement-septik {
        width: 300px;
        margin-top: -100px;
    }

    .arrangement-selection__info {
        padding: 35px;
    }

    .arrangement-selection .container::before {
        border-radius: 50% 0 0 50%;
        width: 60%;
        background-size: cover;
    }

    .arrangement-selection__item-con {
        display: block;
    }

    .arrangement-selection__item-btn {
        margin-top: 15px;
    }
}

@media (max-width: 651px) {
    .arrangement-main__form-btn {
        font-size: 14px;
    }

    .arrangement-type {
        margin-top: 50px;
    }

    .arrangement-type__item {
        width: 100%;
        padding: 20px 12px;
        gap: 10px 0;
    }

    .arrangement-type__item p:nth-of-type(1) {
        padding: 4px 10px;
        font-size: 16px;
        line-height: 20px;
    }

    .arrangement-type__item p:nth-of-type(3) {
        font-size: 26px;
        line-height: 32px;
    }

    .arrangement-type__item p:nth-of-type(4) span {
        font-size: 14px;
        line-height: 18px;
    }

    .arrangement-about {
        margin-top: 50px;
    }

    .arrangement-about__wrap {
        padding: 10px;
    }

    .arrangement-about h2 {
        font-size: 23px;
        line-height: 24px;
        margin-top: 47px;
    }

    .arrangement-about p {
        font-size: 14px;
        /* line-height: 18px; */
    }

    .arrangement-choose {
        margin-top: 50px;
    }

    .arrangement-choose__item-info-title {
        font-size: 16px;
        line-height: 16px;
    }

    .arrangement-choose__item-info-text {
        font-size: 14px;
        line-height: 12px;
    }

    .arrangement-choose__item-list-title {
        font-size: 16px;
        line-height: 16px;
    }

    .arrangement-choose__item-list-text {
        font-size: 16px;
        line-height: 16px;
    }

    .arrangement-choose__item-list-plus::before {
        margin-top: 2px;
    }

    .arrangement-septik {
        width: 250px;
        margin-top: -82.5px;
    }

    .arrangement-selection {
        margin-top: 50px;
    }

    .arrangement-selection__info {
        padding: 15px;
    }

    .arrangement-selection__info-subtitle {
        font-size: 14px;
    }

    .arrangement-selection .container::before {
        border-radius: 50% 0 0 50%;
        width: 80%;
        background-size: cover;
    }

    .arrangement-work {
        margin-top: 50px;
    }

    .arrangement-work__item {
        width: 100%;
    }

    .arrangement-work__item-title {
        font-size: 18px;
        margin-top: 13px;
    }

    .arrangement-work__item-text {
        font-size: 14px;
        margin-top: 6px;
    }

    .arrangement-quest {
        margin-top: 50px;
    }

    .arrangement-quest__item {
        padding: 12.5px 25px;
        margin-top: 10px;
    }

    .arrangement-quest__item-head-active {
        padding-bottom: 12.5px;
    }

    .arrangement-quest__item-head-title {
        font-size: 18px;
        line-height: 22px;
    }

    .arrangement-quest__item-head-open {
        position: absolute;
        right: -10px;
    }

    .arrangement-quest__item-text {
        margin-top: 12.5px;
        font-size: 14px;
        line-height: 18px;
    }

    .arrangement-quest__fb {
        padding: 35px 30px 55px 25px;
    }

    .arrangement-quest__fb-subtitle {
        margin-top: 10px;
    }

    .arrangement-quest__fb-btn {
        margin-top: 15px;
    }
}

@media (max-width: 375px) {
    .arrangement-main {
        background-size: cover;
        background-position-x: -236px;
    }

    .arrangement-main__btn {
        margin: 40px 0 0 0 !important;
        text-align: center;
        max-width: 100% !important;
        padding: 15px 15px;
    }

    .arrangement-advan__item {
        padding: 10px;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0 10px
    }

    .arrangement-advan__item-title {
        margin-top: 0;
    }
}

@media (max-width: 320px) {
    .arrangement-main {
        background-size: 730%;
        background-position-x: -1070px;
    }
}

section.container {
    padding: 25px 10px;
}
.guarantee-upper-block > p {
    font-size: 18px;
    margin: 20px 0;
}
.guarantee-upper-block__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.guarantee-upper-block__container article {
    max-width: calc(100% / 2 - 20px);
    width: 100%;
    border: 3px solid #54A24E;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0px 1px 5px #9c9c9c;
    margin-bottom: 10px;
}
.guarantee-upper-block__container article *:not(h2) {
    font-size: 18px;
}
.guarantee-upper-block__container article h2 {
    margin-bottom: 10px;
}
.guarantee-upper-block__container article li {
    list-style-type: none;
}
.guarantee-upper-block__container article li:before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(to right, #487844 1.74%, #60c858 100%);
    margin-right: 8px;
}
.guarantee-upper-block__container article ul {
    padding-left: 20px;
}
@media (max-width: 770px) {
    .guarantee-upper-block__container article {
        max-width: 100%;
    }
}
/*  */
.guarantee {
    margin-top: 30px;
}

.guarantee-nav {
    font-weight: 500;
    font-size: 14px;
    color: #1B1B1B;
    opacity: 0.5;
}

.guarantee-title {
    margin-top: 50px;
    font-weight: 900;
}

.guarantee-subtitle * {
    margin-top: 30px;
    font-weight: 500;
    font-size: 18px;
}

.guarantee-blocks {
    display: flex;
    margin-top: 50px;
}

.guarantee-blocks__item {
    padding: 50px;
    width: calc((100% - 30px) / 2);
    border: 1px solid #EAEBEA;
    border-radius: 2px;
}

.guarantee-blocks__item:first-child {
    margin-right: 30px;
}

.guarantee-blocks__item-title {
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 30px;
}

.guarantee-blocks__item p:not(.guarantee-blocks__item-title) {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.guarantee-blocks__item ol {
    margin: 35px 0 35px 0;
}

.guarantee-blocks__item span {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.guarantee-blocks__item ol li {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

@media (max-width: 1250px) {

}

@media (max-width: 991px) {
    .guarantee-blocks {
        display: block;
        margin-top: 50px;
    }

    .guarantee-blocks__item {
        width: 100%;
    }

    .guarantee-blocks__item:first-child {
        margin: 0 0 30px 0
    }
}

@media (max-width: 767px) {
    .guarantee-blocks__item {
        padding: 25px;
    }
	
.arrangement-main__subtitle {

    max-width: 100%;

}

.swiper-works .swiper-pagination {
    display: block;
    position: static;
    margin-top: 30px;
  
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.arrangement-main__title {
 max-width: 86%;
}

    .guarantee-blocks__item ol {
        margin: 20px 0 20px 0;
    }
}

@media (max-width: 650px) {
    .guarantee-blocks__item {
        padding: 10px;
    }

.arrangement-main__subtitle {

    max-width: 100%;

}


.arrangement-main {
  
    height: 90vh;
}

    .guarantee-title {
        margin-top: 25px;
    }

    .guarantee-subtitle * {
        margin-top: 15px;
        font-size: 16px;
    }

    .guarantee-blocks {
        margin-top: 25px;
    }

    .guarantee-blocks__item-title {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 24px;
    }

    .guarantee-blocks__item p:not(.guarantee-blocks__item-title) {
        font-size: 16px;
        line-height: 20px;
    }

    .guarantee-blocks__item ol {
        margin: 10px 0 10px 0
    }

    .guarantee-blocks__item span {
        font-size: 16px;
        line-height: 20px;
    }

    .guarantee-blocks__item ol li {
        font-size: 16px;
        line-height: 20px;
    }
}



 .form .alert {
	 display: none;
	 margin-top: 30px 
}
 .form__title {
	 font-size: 23px;
}
 .form__label {
	 position: relative;
	 margin: 0 
}
 .form__radio-label {
	 position: relative;
	 cursor: pointer;
	 padding-left: 25px;
	 margin: 0 
}
 .form__field {
	 position: relative;
	 width: 100%;
	 font-size: 16px;
	 padding: 15px 20px;
	 border: 2px solid #e1e1e1;
	 margin-bottom: 30px;
	 border-radius: 0;
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 -webkit-transition: border .3s;
	 -o-transition: border .3s;
	 transition: border .3s
}


 .form__field:disabled {
	 background: 0 0;
	 opacity: .5 
}
 .form__message {
	 min-height: 110px 
}
 .form__submit {
	 display: inline-block;
	 border: 0px solid #2a1766;
	 border-radius: 0;
	 color: #fff;
	 font-size: 17px;
	 background: linear-gradient(264.28deg, #107087 -9.2%, #7ee2ff 142.12%);
	 font-weight: 700;
	 padding: 16px 70px;
	 -webkit-transition: background .3s;
	 -o-transition: background .3s;
	 transition: background .3s;
}
 .form__submit:hover {
	background: linear-gradient(264.28deg, #107087 -9.2%, #107087d9 142.12%);
	 color: #fff;
}
 .form__rating-label {
	 color: #fdd340;
	 cursor: pointer 
}
 .form__rating-label:not(:last-of-type) {
	 margin-right: 3px 
}
 .form__rating-input {
	 position: absolute;
	 opacity: 0;
	 visibility: hidden 
}
 .form__rating-input:checked~.form__rating-label {
	 color: #d1d3d5 
}
 .form__count {
	 display: -webkit-inline-box;
	 display: -ms-inline-flexbox;
	 display: inline-flex;
	 background: #f8f8f8;
	 overflow: hidden 
}
 .form__count .form__field {
	 background: 0 0;
	 border: none;
	 width: 50px;
	 padding: 0;
	 text-align: center;
	 color: #777 
}
 .form__minus, .form__plus {
	 position: relative;
	 cursor: pointer;
	 width: 50px;
	 height: 50px;
	 -webkit-transition: color .3s;
	 -o-transition: color .3s;
	 transition: color .3s;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none 
}
 .form__minus::before, .form__plus::after, .form__plus::before {
	 content: "";
	 display: block;
	 height: 2px;
	 width: 12px;
	 background: #777;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -webkit-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	 -webkit-transition: background .3s;
	 -o-transition: background .3s;
	 transition: background .3s 
}
 .form__plus::after {
	 width: 2px;
	 height: 12px 
}
 .form__minus:hover::before, .form__plus:hover::after, .form__plus:hover::before {
	 background: #fdd340 
}
 .form__count .form__submit {
	 display: -webkit-inline-box;
	 display: -ms-inline-flexbox;
	 display: inline-flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 margin-left: 20px;
	 background: #fdd340;
	 border: none 
}
 .form__count .form__submit .icon {
	 font-size: 22px;
	 margin-right: 10px 
}
 .form__count .form__submit span {
	 padding-top: 3px 
}
 .form__count .form__submit:hover {
	 -webkit-transform: translateY(0);
	 -ms-transform: translateY(0);
	 transform: translateY(0);
	 -webkit-box-shadow: none;
	 box-shadow: none;
	 color: #fff;
	 
}
 .form input[type=number]::-webkit-inner-spin-button, .form input[type=number]::-webkit-outer-spin-button {
	 -webkit-appearance: none;
	 margin: 0 
}
 .form input[type=number] {
	 -moz-appearance: textfield 
}
 .form__checkbox-mask {
	 height: 16px;
	 width: 16px;
	 background: #e1e1e1;
	 position: absolute;
	 top: 6px;
	 left: 0;
	 -webkit-transition: background .3s;
	 -o-transition: background .3s;
	 transition: background .3s 
}
 .form__checkbox-mask::before {
	 height: 2px;
	 width: 8px;
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 transform: rotate(-45deg);
	 position: absolute;
	 top: 7px;
	 right: 3px 
}
 .form__checkbox-mask::after {
	 height: 2px;
	 width: 5px;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 transform: rotate(45deg);
	 top: 8px;
	 left: 3px 
}
 .form__checkbox-mask::after, .form__checkbox-mask::before {
	 content: "";
	 display: inline-block;
	 position: absolute;
	 background: #484334;
	 opacity: 0;
	 -webkit-transition: opacity .3s;
	 -o-transition: opacity .3s;
	 transition: opacity .3s 
}
 .form__input-checkbox {
	 position: absolute;
	 top: 6px;
	 left: 0;
	 opacity: 0;
	 z-index: -1;
	 visibility: hidden 
}
 .form__checkbox-label {
	 position: relative;
	 cursor: pointer;
	 padding-left: 25px;
	 margin: 0 
}
 .form__input-checkbox:checked+.form__checkbox-mask {
	 background: #fdd340 
}
 .form__input-checkbox:checked+.form__checkbox-mask::after, .form__input-checkbox:checked+.form__checkbox-mask::before {
	 opacity: 1 
}
 .form__radio-mask {
	 height: 14px;
	 width: 14px;
	 border: 2px solid #999;
	 border-radius: 50%;
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
	 left: 0;
	 -webkit-transition: background .3s;
	 -o-transition: background .3s;
	 transition: background .3s 
}
 .form__radio-mask::after {
	 content: "";
	 display: block;
	 height: 6px;
	 width: 6px;
	 background: #333;
	 border-radius: 50%;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -webkit-transform: translate(-50%, -50%) scale(0);
	 -ms-transform: translate(-50%, -50%) scale(0);
	 transform: translate(-50%, -50%) scale(0);
	 opacity: 0;
	 -webkit-transition: all .3s;
	 -o-transition: all .3s;
	 transition: all .3s 
}
 .form__input-radio {
	 position: absolute;
	 top: 6px;
	 left: 0;
	 opacity: 0;
	 z-index: -1;
	 visibility: hidden 
}
 .form__input-radio:checked+.form__radio-mask::after {
	 -webkit-transform: translate(-50%, -50%) scale(1);
	 -ms-transform: translate(-50%, -50%) scale(1);
	 transform: translate(-50%, -50%) scale(1);
	 opacity: 1 
}
 .form__input-radio:checked+.form__radio-mask {
	 border: 2px solid #fdd340 
}
 .form__input-radio:checked:disabled+.form__radio-mask::after {
	 -webkit-transform: translate(-50%, -50%) scale(1);
	 -ms-transform: translate(-50%, -50%) scale(1);
	 transform: translate(-50%, -50%) scale(1);
	 opacity: 1;
	 background: #999 
}
 .form__input-radio:disabled+.form__radio-mask {
	 border: 2px solid #999;
	 background: #e1e1e1 
}
 .form__color-mask {
	 position: absolute;
	 top: 2px;
	 left: 2px;
	 border: 2px solid transparent;
	 height: 34px;
	 width: 34px;
	 border-radius: 50%;
	 -webkit-transition: all .3s;
	 -o-transition: all .3s;
	 transition: all .3s 
}
 .form__color-mask::before {
	 height: 2px;
	 width: 16px;
	 -webkit-transform: rotate(-45deg);
	 -ms-transform: rotate(-45deg);
	 transform: rotate(-45deg);
	 position: absolute;
	 top: 13px;
	 right: 4px 
}
 .form__color-mask::after {
	 height: 2px;
	 width: 6px;
	 -webkit-transform: rotate(45deg);
	 -ms-transform: rotate(45deg);
	 transform: rotate(45deg);
	 top: 16px;
	 left: 8px 
}
 .form__color-mask::after, .form__color-mask::before {
	 content: "";
	 display: inline-block;
	 position: absolute;
	 background: #fff;
	 opacity: 0;
	 -webkit-transition: opacity .3s;
	 -o-transition: opacity .3s;
	 transition: opacity .3s 
}
 .form__color-label {
	 position: relative;
	 cursor: pointer;
	 height: 38px;
	 width: 38px;
	 background: #a3a3;
	 border-radius: 50%;
	 margin: 0 
}
 .form__input-checkbox:checked+.form__color-mask {
	 border: 2px solid #fff 
}
 .form__input-checkbox:checked+.form__color-mask::after, .form__input-checkbox:checked+.form__color-mask::before {
	 opacity: 1 
}
 .form .nice-select {
	 color: #999;
	 font-size: 16px;
	 width: 100%;
	 height: 58px;
	 line-height: 56px;
	 border-radius: 0;
	 border: 2px solid #e1e1e1;
	 padding: 0 20px;
	 margin-bottom: 30px 
}
 .form .nice-select:focus {
	 border: 2px solid #fdd340 
}
 .form .nice-select .list {
	 width: 100%;
	 margin-top: 15px;
	 border: 2px solid #fdd340;
	 border-radius: 0;
	 -webkit-box-shadow: none;
	 box-shadow: none;
	 height: 170px;
	 width: 100%;
	 overflow-y: scroll 
}
 .form .nice-select::after {
	 right: 20px;
	 height: 7px;
	 width: 7px 
}
 .form .nice-select .option.focus, .form .nice-select .option.selected.focus, .form .nice-select .option:hover {
	 background: #f9f7f6 
}
 .account-form {
	 padding: 32px 15px 35px 15px;
	 background: #fff;
	 -webkit-box-shadow: 0 3px 10px 5px rgba(0, 0, 0, .03);
	 box-shadow: 0 3px 10px 5px rgba(0, 0, 0, .03);
	 margin-bottom: 50px 
}


.remodal-close:before {
    font-size: 39px;
    line-height: 35px;
    position: absolute;
    top: 21px;
    left: 19px;
    display: block;
    width: 48px;
    content: "\00d7";
    text-align: center;
    color: white;
}

.text1 {
    font-size: 18px;
    font-weight: 600;
}

.text {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 6px;
}