/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: Geometric;
    src: url("/assets/fonts/geometric.otf") format("opentype");
}

:root {
    --black: #272727;
    --green: #B8E13F;
    --max-content-width: 1141px;
}

@media screen and (max-width: 1200px) {
    :root {
        --max-content-width: auto;
    }
}

html {
    overflow-x: hidden;
}

body {
    background-color: var(--black);
    color: white;
    padding: 0;
    margin: 0;
    font-family: 'Onest', serif;
    font-size: 16px;
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
}

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



textarea {
    resize: none;
}

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

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

    .desk-hidden {
        display: block !important;
    }
}

.hidden {
    display: none !important;
}

.button,
.price-tables button {
    text-transform: uppercase;
    padding: 15px 26px;
    background-color: var(--black);
    color: white;
    border: 1px solid var(--green);
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
}

.button:hover,
.price-tables button:hover {
    background-color: var(--green);
    color: var(--black);
    border: 1px solid var(--black);
}

.button:active,
.price-tables button:active {
    -webkit-box-shadow: inset 1px 0px 5px var(--black);
            box-shadow: inset 1px 0px 5px var(--black);
    border-color: var(--black);
}

.price-tables button::before {
    content: "Показать ещё";
    font-size: initial;
}

.price-tables button {
    margin-bottom: 50px;
    font-size: 0;
}

.price-tables button.collapse::before {
    content: "Скрыть";
} 

.button_font-large {
    font-size: 16px;
}

.button_green-back {
    background-color: var(--green);
    color: var(--black);
    font-weight: 600;
    font-size: 14px;
}

.button_green-back:hover {
    background-color: var(--black);
    color: var(--green);
    border: 1px solid var(--green);

}

.button_green-back:active {
    -webkit-box-shadow: inset 1px 0px 10px var(--green);
            box-shadow: inset 1px 0px 10px var(--green);
}

.content {
    position: relative;
}

.content-wrapper {
    width: var(--max-content-width);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    padding: 0 15px;
}

.content-wrapper_fit-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.content-wrapper_z-index-2 {
    z-index: 2;
}

.content-wrapper_no-position-left {
    left: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.contacts {
    font-size: 14px;
}

.contacts__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header__item {
    height: 75px;
    border-bottom: 1px solid var(--green);
}

.header-logo-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    position: relative;
    z-index: 10;
}

.header-logo-nav__nav {
    height: 100%;
}

.work-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

.clock {
    height: 19px;
    width: 23px;
}

.contacts__text {
    margin-right: 200px;
}

.dropdown-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dropdown-menu {
    height: 100%;
}

.dropdown-menu__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
}

.dropdown-menu__main_mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 15px;
}

.dropdown-menu__main-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 0px 12px;
    background-color: var(--black);
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.dropdown-menu__main-item_mobile {
    border: none;
    padding: 0;
    text-transform: uppercase;
    color: var(--green);
}

.dropdown-menu__main-item_mobile a {
    color: var(--green);
}

.dropdown-menu__dropdown {
    position: relative;
    cursor: pointer;
}

.dropdown-menu__dropdown::after {
    content: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.53956 8L0.851618 0.499999L12.2275 0.5L6.53956 8Z" fill="white"/></svg>');
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.dropdown-menu__dropdown:has(.dropdown-menu__dropdown_active)::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.dropdown-menu__dropdown_mobile::after {
    content: "";
}

.dropdown-menu__dropdown-wrapper {
    display: none;
}

.dropdown-menu__dropdown_active {
    display: block;
    /* flex-direction: column; */
}

.dropdown-menu__main-item:has(.dropdown-menu__dropdown_active) {
    border: 1px solid var(--green);
    border-bottom: 1px solid var(--black);
}

.dropdown-menu__main-item_mobile:has(.dropdown-menu__dropdown_active) {
    border: none;
}

.dropdown-menu__dropdown-wrapper {
    position: absolute;
    top: 47px;
    left: -13px;
    background-color: var(--black);
    border: 1px solid var(--green);
    border-top: none;
    padding: 14px 12px;
    padding-right: 40px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 130%;
}

.dropdown-menu__dropdown-wrapper_mobile.dropdown-menu__dropdown_active {
    display: -ms-grid;
    display: grid;
}

.dropdown-menu__dropdown-wrapper_mobile {
    border: none;
    position: relative;
    margin-top: 15px;
    top: 0;
    left: 0;
    padding: 0;
    text-transform: none;
    color: white;
    gap: 6px;
}

.dropdown-menu__dropdown-wrapper_mobile a {
    color: white;
}

.dropdown-menu__main-item_orient-right .dropdown-menu__dropdown-wrapper {
    padding-right: 12px;
    text-align: end;
    left: auto;
    right: -13px;
}

.logo_small img {
    width: 45px;
}

.tel-burger-mob {
    display: none;
}

@media screen and (max-width: 1200px) {
    .tel-burger-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 26px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

.burger {
    display: -ms-grid;
    display: grid;
    gap: 6px;
    width: 30px;
    cursor: pointer;
}

.burger__line {
    display: block;
    height: 4px;
    background-color: var(--green);
}

.mobile-menu {
    display: -ms-grid;
    display: grid;
    position: absolute;
    width: 270px;
    background-color: var(--black);
    left: auto;
    top: var(--height);
    right: -14px;
    padding: 40px;
    gap: 30px;
    font-size: 12px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-left: 1px solid var(--green);
    border-bottom: 1px solid var(--green);
    border-bottom-left-radius: 10px;
}

.mobile-menu.active {
    top: 0;
}

.to-right-arrow {
    content: url('data:image/svg+xml,<svg width="23" height="16" viewBox="0 0 23 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.7071 8.70711C23.0976 8.31658 23.0976 7.68342 22.7071 7.29289L16.3431 0.928932C15.9526 0.538408 15.3195 0.538408 14.9289 0.928932C14.5384 1.31946 14.5384 1.95262 14.9289 2.34315L20.5858 8L14.9289 13.6569C14.5384 14.0474 14.5384 14.6805 14.9289 15.0711C15.3195 15.4616 15.9526 15.4616 16.3431 15.0711L22.7071 8.70711ZM0 9H22V7H0V9Z" fill="%23B8E13F"/></svg>');
}

.to-right-arrow_black {
    content: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><title/><g id="cross"><line class="cls-1" x1="7" x2="25" y1="7" y2="25"/><line class="cls-1" x1="7" x2="25" y1="25" y2="7"/></g></svg>');
    width: 23px;
    height: 23px;
}

@media screen and (max-width: 760px) {
    .to-right-arrow_black {
        content: url('data:image/svg+xml,<svg width="23" height="16" viewBox="0 0 23 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.7071 8.70711C23.0976 8.31658 23.0976 7.68342 22.7071 7.29289L16.3431 0.928932C15.9526 0.538408 15.3195 0.538408 14.9289 0.928932C14.5384 1.31946 14.5384 1.95262 14.9289 2.34315L20.5858 8L14.9289 13.6569C14.5384 14.0474 14.5384 14.6805 14.9289 15.0711C15.3195 15.4616 15.9526 15.4616 16.3431 15.0711L22.7071 8.70711ZM0 9H22V7H0V9Z" fill="%23272727"/></svg>');
    }
}

.mobile-menu__close {
    justify-self: flex-end;
}

.modal-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.modal-form__back {
    background-color: var(--black);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 100;
}

.modal-form__form {
    width: 680px;
    height: 366px;
    background-image: url(/assets/img/modal-form.webp);
    background-size: cover;
    border-radius: 10px;
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 50%;
    margin-top: -223px;
    margin-left: -366px;
    padding: 50px 26px;
}

.title {
    font-size: 40px;
    color: var(--black);
    font-family: 'Geometric', sans-serif;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}

.title_uppercase {
    text-transform: uppercase;
}


.modal-form__fields-wrapper {
    display: -ms-grid;
    display: grid;
    gap: 16px;
    width: 312px;
}

.form-field-text {
    height: 40px;
    border-radius: 5px;
    border: none;
    padding-left: 18px;
    width: 100%;
}

input.form-field-text::-webkit-input-placeholder, textarea.form-field-text::-webkit-input-placeholder {
    font-size: 16px;
    font-family: 'Onest';
}

input.form-field-text::-moz-placeholder, textarea.form-field-text::-moz-placeholder {
    font-size: 16px;
    font-family: 'Onest';
}

input.form-field-text:-ms-input-placeholder, textarea.form-field-text:-ms-input-placeholder {
    font-size: 16px;
    font-family: 'Onest';
}

input.form-field-text::-ms-input-placeholder, textarea.form-field-text::-ms-input-placeholder {
    font-size: 16px;
    font-family: 'Onest';
}

input.form-field-text::placeholder,
textarea.form-field-text::placeholder {
    font-size: 16px;
    font-family: 'Onest';
}

.form-field-text_black {
    background-color: var(--black);
    border: 1px solid var(--green);
    color: white;
}

input.form-field-text_black::-webkit-input-placeholder, textarea.form-field-text_black::-webkit-input-placeholder {
    color: white;
    font-weight: lighter;
}

input.form-field-text_black::-moz-placeholder, textarea.form-field-text_black::-moz-placeholder {
    color: white;
    font-weight: lighter;
}

input.form-field-text_black:-ms-input-placeholder, textarea.form-field-text_black:-ms-input-placeholder {
    color: white;
    font-weight: lighter;
}

input.form-field-text_black::-ms-input-placeholder, textarea.form-field-text_black::-ms-input-placeholder {
    color: white;
    font-weight: lighter;
}

input.form-field-text_black::placeholder,
textarea.form-field-text_black::placeholder {
    color: white;
    font-weight: lighter;
}

.form-field-text_large {
    height: auto;
    padding-top: 10px;
}

.form-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--black);
    font-size: 12px;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
}

.form-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid var(--black);
    margin: 0;
    min-width: 16px;
    height: 16px;
    border-radius: 2px;
    cursor: pointer;
}

.form-checkbox input[type="checkbox"]:checked {
    background-color: var(--black);
    content: url('data:image/svg+xml,<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.05704 1.56421C7.06476 3.55645 3.95556 6.66563 3.95556 6.66563L1.63672 4.34682" stroke="%23B8E13F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 23px;
    height: 23px;
    
}

.modal-form__submit {
    width: calc(100% + 20px);
    height: 40px;
    padding: 0;
}

.modal-form__close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

@media screen and (max-width: 760px) {
    .modal-form__form {
        width: 230px;
        height: 600px;
        background-image: url(/assets/img/modal-form-mob.webp);
        margin-left: -141px;
        margin-top: -362px;
        padding: 36px 26px;
    }

    .title {
        font-size: 25px;
    }

    .modal-form__fields-wrapper {
        width: 90%;
        position: relative;
        left: -8px;
    }

    input.form-field-text::-webkit-input-placeholder, textarea.form-field-text::-webkit-input-placeholder {
        font-size: 12px;
    }

    input.form-field-text::-moz-placeholder, textarea.form-field-text::-moz-placeholder {
        font-size: 12px;
    }

    input.form-field-text:-ms-input-placeholder, textarea.form-field-text:-ms-input-placeholder {
        font-size: 12px;
    }

    input.form-field-text::-ms-input-placeholder, textarea.form-field-text::-ms-input-placeholder {
        font-size: 12px;
    }

    input.form-field-text::placeholder,
    textarea.form-field-text::placeholder {
        font-size: 12px;
    }

    .form-checkbox__text {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
    }

    .modal-form__close {
        display: block;
        position: relative;
        left: 90%;
        top: -10px;
        margin-bottom: 12px;
        cursor: pointer;
        -ms-flex-item-align: start;
            -ms-grid-row-align: start;
            align-self: start;
    }

    .modal-form-success .modal-form__close {
        left: 90%;
    }
}

.modal-form__success {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    z-index: 100;
}

.modal-form-success {
    background-color: var(--green);
    color: var(--black);
    padding: 30px;
    border-radius: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.modal-form-success__message {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.success-tic {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="250px" height="250px"><path d="M 25 2 C 12.309534 2 2 12.309534 2 25 C 2 37.690466 12.309534 48 25 48 C 37.690466 48 48 37.690466 48 25 C 48 12.309534 37.690466 2 25 2 z M 25 4 C 36.609534 4 46 13.390466 46 25 C 46 36.609534 36.609534 46 25 46 C 13.390466 46 4 36.609534 4 25 C 4 13.390466 13.390466 4 25 4 z M 34.988281 14.988281 A 1.0001 1.0001 0 0 0 34.171875 15.439453 L 23.970703 30.476562 L 16.679688 23.710938 A 1.0001 1.0001 0 1 0 15.320312 25.177734 L 24.316406 33.525391 L 35.828125 16.560547 A 1.0001 1.0001 0 0 0 34.988281 14.988281 z"/></svg>');
    width: 50px;
    height: 50px;
}

.modal-form-success__success-tic {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-bottom: 30px;
}

.price-benefits {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.price-benefits__price {
    color: var(--black);
    font-size: 24px;
    background-color: var(--green);
    width: 293px;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px;
}

.checkbox-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 60%;
}


.checkbox-list__item::before {
    content: url(/assets/img/check.svg);
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.first-screen_splitted .price-benefits {
    gap: 16px;
    align-items: center;
    justify-content: center;
}

.first-screen_splitted .price-benefits__benefits {
    width: fit-content;
    align-items: start;
    width: fit-content;
    flex-direction: column;
    gap: 10px;
}

.first-screen_splitted .buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 80px;
}

@media screen and (max-width: 1300px) {
    .first-screen_splitted .buttons {
        margin-top: 20px;
    }
}

@media screen and (max-width: 520px) {
    .first-screen_splitted .buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .first-screen_splitted .buttons .button {
        width: 240px;
        text-align: center;
    }
}

@media screen and (max-width:1000px) {
    .price-benefits {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20px;
        margin-top: 30px;
    }

    .checkbox-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        gap: 16px;
    }
}

h1 {
    padding: 0;
}

.h1 {
    font-size: 83px;
    margin: 0;
    position: relative;
    z-index: 100;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.h1__left {
    display: block;
    text-align: start;
}

.h1__right {
    display: block;
    text-align: end;
}

.h1_transparent {
    color: transparent;
}

.h1-decor-wrapper {
    width: 100%;
    position: relative;
    height: 261px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 148px auto 148px;
    grid-template-columns: 148px auto 148px;
    z-index: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.h1-decor-wrapper::before {
    content: url('/assets/img/top-decor.png');
    position: relative;
    height: 261px;
}

.h1-decor-wrapper::after {
    content: url('/assets/img/top-decor.png');
    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
    position: relative;
    z-index: 1;
    height: 261px;
}

@media screen and (max-width: 1100px) {
    .h1-decor-wrapper::before,
    .h1-decor-wrapper::after {
        display: none;
    }

    .h1-decor-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.h1_center {
    text-align: center;
}

.first-screen {
    position: relative;
}

.first-screen_splitted {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 90%;
    gap: 16px;
}

.first-screen__h1 {
    background-color: var(--black);
    -webkit-background-clip: text;
            background-clip: text;
    background-image: url(/assets/img/fs-back.webp);
    position: relative;
    z-index: 2;
    background-position-y: 100px;
    text-align: end;
    
}

.first-screen__h1_transparent {
    background: -webkit-gradient(linear, left top, right top, from(rgba(70,70,70,1)), to(rgba(255,255,255,1)));
    background: -o-linear-gradient(left, rgba(70,70,70,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(70,70,70,1) 0%, rgba(255,255,255,1) 100%);;
    -webkit-background-clip: text;;
            background-clip: text;
    color: transparent;
}

.first-screen__h1-back {
    width: 100vw;
    height: 431px;
    left: -15px;
    background-image: url(/assets/img/fs-back.webp);
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 880px) {
    .h1 {
        font-size: 47px;
    }

    .h1__right {
        text-align: start;
    }

    .first-screen__h1-back {
        background-image: url(/assets/img/fs-back-mob.webp);        
    }
}


.first-screen__h1-back_calc,
.calc-wrapper {
    background-image: url(/assets/img/fs-back-calc.webp);
    background-position: center;
    background-size: cover;
} 

.first-screen__h1-back_services {
    background-image: url(/assets/img/fs-back-services.webp);
    background-position: center;
} 

.first-screen__h1-back_contacts {
    background-image: url(/assets/img/fs-back-contacts.webp);
    background-position: bottom;
    height: 125px;
}

.first-screen__h1-back_blog-listing {
    background-image: url(/assets/img/blog-listing-bg.webp);
    background-position: bottom;
}

.first-screen__h1-back_case-page {
    background-image: url(/assets/img/fs-back-case-page.webp);
    background-position: center;
}

.first-screen__h1-back_case-listing {
    background-image: url(/assets/img/fs-back-case-listing.webp);
    background-position: center;
}

.first-screen__h1-back_policy {
    background-image: url(/assets/img/fs-back-policy.webp);
    height: 125px;
}

.first-screen_splitted .first-screen__h1 {
    font-size: calc(16px + 3vw);
    width: 100%;
}

.center-x {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.calc {
    background-color: var(--green);
    padding: 18px 38px;
    min-height: 455px;
    max-width: 754px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 63px auto 63px;
    grid-template-columns: 63px auto 63px;
    color: var(--black);
    font-weight: 500;
    margin-top: -250px;
}

.calc::after {
    content: url(/assets/img/speck1.webp);
    display: block;
    position: absolute;
    right: -30%;
    top: 60%;
}

.first-screen_splitted .calc {
    margin-top: 0;
}

.calc_solo-page {
    margin-top: -530px;
}

.calc_case-page{
    margin-top: 0;
}

.calc_solo-page::after,
.calc_case-page::after {
    display: none;
}

.calc-decor {
    content: url('data:image/svg+xml,<svg width="63" height="530" viewBox="0 0 63 530" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M62.8535 46.8708L1.2959 46.8708L1.2959 34.5572L2.81142 34.5572C1.05324 31.2906 -8.46134e-07 27.5135 -1.02439e-06 23.4354C-1.58881e-06 10.5231 10.5231 -4.59979e-07 23.4354 -1.02439e-06C36.3477 -1.58881e-06 46.8708 10.5231 46.8708 23.4354C46.8708 27.5107 45.819 31.2881 43.9918 34.5572L62.8535 34.5572L62.8535 46.8708ZM43.0466 35.0984C43.1566 34.9197 43.2641 34.7393 43.3692 34.5572C45.2449 31.3066 46.3295 27.5259 46.3295 23.4354C46.3295 10.8221 36.0488 0.541319 23.4354 0.54132C10.8221 0.54132 0.541315 10.8221 0.541316 23.4354C0.541316 27.5259 1.6259 31.3066 3.42826 34.5572C3.52923 34.7393 3.63245 34.9197 3.73785 35.0984L1.83721 35.0984L1.83721 46.3295L62.3122 46.3295L62.3122 35.0984L43.0466 35.0984ZM23.4354 34.5572C29.6159 34.5572 34.5571 29.616 34.5571 23.4354C34.5571 17.2549 29.6159 12.3137 23.4354 12.3137C17.2549 12.3137 12.3137 17.2549 12.3137 23.4354C12.3137 29.616 17.2549 34.5572 23.4354 34.5572ZM35.0984 23.4354C35.0984 29.9149 29.9149 35.0984 23.4354 35.0984C16.956 35.0984 11.7724 29.9149 11.7724 23.4354C11.7724 16.956 16.956 11.7724 23.4354 11.7724C29.9149 11.7724 35.0984 16.956 35.0984 23.4354Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.4354 102.191C10.5231 102.191 -4.59979e-07 91.6683 -1.02439e-06 78.756C-1.58881e-06 65.8437 10.5231 55.3206 23.4354 55.3206C36.3477 55.3206 46.8708 65.8437 46.8708 78.756C46.8708 91.6683 36.3477 102.191 23.4354 102.191ZM23.4354 89.8777C29.6159 89.8777 34.5571 84.9365 34.5571 78.756C34.5571 72.5755 29.6159 67.6343 23.4354 67.6343C17.2549 67.6343 12.3137 72.5755 12.3137 78.756C12.3137 84.9365 17.2549 89.8777 23.4354 89.8777ZM0.541316 78.756C0.541317 91.3694 10.8221 101.65 23.4354 101.65C36.0488 101.65 46.3295 91.3694 46.3295 78.756C46.3295 66.1426 36.0488 55.8619 23.4354 55.8619C10.8221 55.8619 0.541315 66.1426 0.541316 78.756ZM35.0984 78.756C35.0984 85.2354 29.9149 90.419 23.4354 90.419C16.956 90.419 11.7724 85.2354 11.7724 78.756C11.7724 72.2765 16.956 67.093 23.4354 67.093C29.9149 67.093 35.0984 72.2765 35.0984 78.756Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0693 146.556L13.0693 132.733L45.0346 132.733L45.0346 121.502L13.0693 121.502L13.0693 107.68L1.83819 107.68L1.83819 146.556L13.0693 146.556ZM13.6106 120.961L13.6106 107.138L1.29687 107.138L1.29688 147.098L13.6106 147.098L13.6106 133.275L45.5759 133.275L45.5759 120.961L13.6106 120.961Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.83819 174.373C1.83819 182.84 8.66322 189.751 17.1297 189.751C22.8112 189.751 27.8462 186.6 30.5157 182.016C30.6065 181.861 30.6945 181.703 30.7798 181.544L45.0346 189.751L45.0346 176.792L32.5076 169.622L32.5076 166.425L45.0346 166.425L45.0346 155.194L1.83819 155.194L1.83819 174.373ZM33.049 166.966L45.5759 166.966L45.5759 154.653L1.29687 154.653L1.29687 174.373C1.29687 183.135 8.3603 190.293 17.1297 190.293C23.0143 190.293 28.2234 187.03 30.9848 182.287L45.5759 190.687L45.5759 176.478L33.049 169.308L33.049 166.966ZM13.0693 174.373L13.0693 166.425L21.2766 166.425L21.2766 174.373C21.2766 176.619 19.3759 178.52 17.1297 178.52C14.8835 178.52 13.0693 176.619 13.0693 174.373ZM20.7353 166.966L13.6106 166.966L13.6106 174.373C13.6106 176.335 15.1972 177.979 17.1297 177.979C19.077 177.979 20.7353 176.321 20.7353 174.373L20.7353 166.966Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.83819 211.21L1.83819 222.441L45.0346 240.411L45.0346 228.23L17.5617 216.826L45.0346 205.422L45.0346 193.241L1.83819 211.21ZM18.9737 216.826L45.5759 205.783L45.5759 192.429L1.29687 210.849L1.29687 222.803L45.5759 241.223L45.5759 227.868L18.9737 216.826Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M62.3132 267.279L1.83819 242.139L1.83819 254.32L29.9159 265.983L1.83819 278.51L1.83819 290.864L44.1707 271.944L62.3132 279.461L62.3132 267.279ZM44.1788 272.534L62.8545 280.271L62.8545 266.918L1.29687 241.328L1.29687 254.682L28.5475 266.001L1.29687 278.159L1.29688 291.699L44.1788 272.534Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.83819 293.426L1.83819 308.113L18.8576 322.454L1.83819 322.454L1.83819 333.685L45.0346 333.685L45.0346 322.454L28.1016 322.454L45.0346 308.113L45.0346 293.426L23.4364 311.569L1.83819 293.426ZM23.4364 310.862L1.29687 292.265L1.29687 308.365L17.3751 321.913L1.29687 321.913L1.29688 334.227L45.5759 334.227L45.5759 321.913L29.5783 321.913L45.5759 308.364L45.5759 292.265L23.4364 310.862Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M45.0346 357.705C45.0346 349.239 38.2096 342.327 29.7431 342.327C21.2766 342.327 14.3651 349.239 14.3651 357.705L14.3651 365.653L1.83819 365.653L1.83819 376.884L45.0346 376.884L45.0346 357.705ZM13.8238 365.112L1.29687 365.112L1.29688 377.426L45.5759 377.426L45.5759 357.705C45.5759 348.944 38.5125 341.786 29.7431 341.786C20.9776 341.786 13.8238 348.94 13.8238 357.705L13.8238 365.112ZM33.8035 357.705L33.8035 365.653L25.5962 365.653L25.5962 357.705C25.5962 355.459 27.4969 353.558 29.7431 353.558C31.9893 353.558 33.8035 355.459 33.8035 357.705ZM26.1375 365.112L26.1375 357.705C26.1375 355.758 27.7958 354.1 29.7431 354.1C31.6756 354.1 33.2622 355.743 33.2622 357.705L33.2622 365.112L26.1375 365.112Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.83819 401.8L1.83819 413.031L45.0346 431.001L45.0346 418.82L17.5617 407.416L45.0346 396.012L45.0346 383.831L1.83819 401.8ZM18.9736 407.416L45.5759 396.373L45.5759 383.019L1.29687 401.439L1.29687 413.392L45.5759 431.812L45.5759 418.458L18.9736 407.416Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.29589 437.34L45.5749 437.34L45.5749 449.654L44.0594 449.654C45.8176 452.92 46.8708 456.697 46.8708 460.776C46.8708 473.688 36.3477 484.211 23.4354 484.211C10.5231 484.211 -4.59979e-07 473.688 -1.02439e-06 460.776C-1.20253e-06 456.7 1.05183 452.923 2.87907 449.654L1.2959 449.654L1.29589 437.34ZM3.82424 449.112C3.71424 449.291 3.60667 449.472 3.50159 449.654C1.62589 452.904 0.541316 456.685 0.541316 460.776C0.541317 473.389 10.8221 483.67 23.4354 483.67C36.0488 483.67 46.3295 473.389 46.3295 460.776C46.3295 456.685 45.245 452.904 43.4426 449.654C43.3416 449.472 43.2384 449.291 43.133 449.112L45.0336 449.112L45.0336 437.881L1.83721 437.881L1.83721 449.112L3.82424 449.112ZM23.4354 449.654C17.2549 449.654 12.3137 454.595 12.3137 460.776C12.3137 466.956 17.2549 471.897 23.4354 471.897C29.6159 471.897 34.5571 466.956 34.5571 460.776C34.5571 454.595 29.6159 449.654 23.4354 449.654ZM11.7724 460.776C11.7724 454.296 16.956 449.112 23.4354 449.112C29.9149 449.112 35.0984 454.296 35.0984 460.776C35.0984 467.255 29.9149 472.439 23.4354 472.439C16.956 472.439 11.7724 467.255 11.7724 460.776Z" fill="%23272727" fill-opacity="0.3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.83819 488.825L1.83819 503.511L18.8576 517.853L1.83819 517.853L1.83819 529.084L45.0346 529.084L45.0346 517.853L28.1016 517.853L45.0346 503.511L45.0346 488.825L23.4364 506.967L1.83819 488.825ZM23.4364 506.26L1.29687 487.663L1.29687 503.763L17.3751 517.311L1.29687 517.311L1.29688 529.625L45.5759 529.625L45.5759 517.311L29.5783 517.311L45.5759 503.762L45.5759 487.663L23.4364 506.26Z" fill="%23272727" fill-opacity="0.3"/></svg>');
}

.calc__form-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}

.calc__title {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
}

.calc__min-price {
    font-size: 20px;
}

.calc-form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px
}

.calc-form__checkbox input[type="checkbox"] {
    height: 23px;
    width: 23px;
}

.calc-form__field label {
    margin-left: 24px;
    font-size: 14px;
}

.calc-form__field input {
    border-radius: 5px;
    border: none;
    height: 40px;
    padding-left: 24px;
}

.calc-form__field input::-webkit-input-placeholder {
    color: #ddd;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.calc-form__field input::-moz-placeholder {
    color: #ddd;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.calc-form__field input:-ms-input-placeholder {
    color: #ddd;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.calc-form__field input::-ms-input-placeholder {
    color: #ddd;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.calc-form__field input::placeholder {
    color: #ddd;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.calc-form {
    width: 100%;
    display: -ms-grid;
    display: grid;
    gap: 20px;
}


.material-checkbox-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-checkbox__text {
    font-size: 16px;
    font-weight: 200;
}

.approx-cost {
    text-align: center;
    display: -ms-grid;
    display: grid;
    gap: 8px;
}

.approx-cost__title {
    font-size: 14px;
}

.approx-cost__value {
    background-color: white;
    padding: 8px 0px;
    border-radius: 5px;
    font-size: 20px;
}

.button_calc-submit {
    font-size: 16px;
    height: 44px;
    padding: 0;
}

@media screen and (max-width: 770px) {
    .calc {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        justify-items: center;
        padding: 24px 11px;
        max-width: 288px;
        border-radius: 5px;
    }

    .calc__form {
        margin-bottom: 20px;
        width: 240px;
    }

    .calc-decor {
        content: url('data:image/svg+xml,<svg width="267" height="32" viewBox="0 0 267 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M242.578 31.5676V0.650852H248.763V1.41201C250.403 0.528982 252.3 0 254.348 0C260.833 0 266.119 5.28513 266.119 11.7702C266.119 18.2553 260.833 23.5404 254.348 23.5404C252.302 23.5404 250.404 23.0122 248.763 22.0944V31.5676H242.578ZM248.491 21.6197C248.58 21.675 248.671 21.729 248.763 21.7818C250.395 22.7238 252.294 23.2686 254.348 23.2686C260.683 23.2686 265.847 18.1052 265.847 11.7702C265.847 5.43528 260.683 0.271871 254.348 0.271871C252.294 0.271871 250.395 0.816592 248.763 1.72181C248.671 1.77252 248.58 1.82436 248.491 1.8773V0.922723H242.85V31.2957H248.491V21.6197ZM248.763 11.7702C248.763 14.8743 251.244 17.356 254.348 17.356C257.452 17.356 259.934 14.8743 259.934 11.7702C259.934 8.66612 257.452 6.18444 254.348 6.18444C251.244 6.18444 248.763 8.66612 248.763 11.7702ZM254.348 17.6279C251.094 17.6279 248.491 15.0245 248.491 11.7702C248.491 8.51597 251.094 5.91257 254.348 5.91257C257.603 5.91257 260.206 8.51597 260.206 11.7702C260.206 15.0245 257.603 17.6279 254.348 17.6279Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M214.793 11.7702C214.793 5.28513 220.078 0 226.563 0C233.048 0 238.333 5.28513 238.333 11.7702C238.333 18.2553 233.048 23.5404 226.563 23.5404C220.078 23.5404 214.793 18.2553 214.793 11.7702ZM220.977 11.7702C220.977 14.8743 223.459 17.356 226.563 17.356C229.667 17.356 232.149 14.8743 232.149 11.7702C232.149 8.66612 229.667 6.18444 226.563 6.18444C223.459 6.18444 220.977 8.66612 220.977 11.7702ZM226.563 0.271871C220.228 0.271871 215.065 5.43528 215.065 11.7702C215.065 18.1052 220.228 23.2686 226.563 23.2686C232.898 23.2686 238.062 18.1052 238.062 11.7702C238.062 5.43528 232.898 0.271871 226.563 0.271871ZM226.563 17.6279C223.309 17.6279 220.706 15.0245 220.706 11.7702C220.706 8.51597 223.309 5.91257 226.563 5.91257C229.817 5.91257 232.421 8.51597 232.421 11.7702C232.421 15.0245 229.817 17.6279 226.563 17.6279Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M192.506 6.56491H199.449V22.6192H205.089V6.56491H212.032V0.924215H192.506V6.56491ZM205.361 6.83678H212.304V0.652344H192.234V6.83678H199.177V22.8911H205.361V6.83678Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M178.537 0.924215C174.285 0.924215 170.814 4.35202 170.814 8.60424C170.814 11.4577 172.397 13.9865 174.699 15.3272C174.777 15.3728 174.856 15.417 174.936 15.4599L170.814 22.6192H177.323L180.924 16.3277H182.529V22.6192H188.17V0.924215H178.537ZM182.257 16.5995V22.8911H188.442V0.652344H178.537C174.137 0.652344 170.542 4.19988 170.542 8.60424C170.542 11.5597 172.181 14.176 174.563 15.5628L170.344 22.8911H177.48L181.082 16.5995H182.257ZM178.537 6.56491H182.529V10.687H178.537C177.409 10.687 176.455 9.73238 176.455 8.60424C176.455 7.4761 177.409 6.56491 178.537 6.56491ZM182.257 10.4151V6.83678H178.537C177.552 6.83678 176.727 7.63363 176.727 8.60424C176.727 9.58223 177.559 10.4151 178.537 10.4151H182.257Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M160.034 0.924215H154.394L145.368 22.6192H151.486L157.214 8.82119L162.941 22.6192H169.059L160.034 0.924215ZM157.214 9.53034L162.76 22.8911H169.467L160.216 0.652344H154.212L144.961 22.8911H151.668L157.214 9.53034Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M131.878 31.2972L144.505 0.924215H138.387L132.529 15.026L126.237 0.924215H120.033L129.535 22.1853L125.76 31.2972H131.878ZM129.239 22.1894L125.353 31.5691H132.059L144.912 0.652344H138.205L132.52 14.3387L126.414 0.652344H119.613L129.239 22.1894Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M118.746 0.924215H111.369L104.166 9.47204V0.924215H98.5258V22.6192H104.166V14.1148L111.369 22.6192H118.746L109.634 11.7717L118.746 0.924215ZM109.989 11.7717L119.329 0.652344H111.243L104.438 8.72748V0.652344H98.2539V22.8911H104.438V14.8564L111.243 22.8911H119.329L109.989 11.7717Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M86.4591 22.6192C90.7114 22.6192 94.1826 19.1914 94.1826 14.9392C94.1826 10.687 90.7114 7.21576 86.4591 7.21576H82.4673V0.924215H76.8266V22.6192H86.4591ZM82.7391 6.94389V0.652344H76.5547V22.8911H86.4591C90.8595 22.8911 94.4544 19.3435 94.4544 14.9392C94.4544 10.5368 90.8615 6.94389 86.4591 6.94389H82.7391ZM86.4591 16.9785H82.4673V12.8565H86.4591C87.5873 12.8565 88.5419 13.811 88.5419 14.9392C88.5419 16.0673 87.5873 16.9785 86.4591 16.9785ZM82.7391 13.1283H86.4591C87.4371 13.1283 88.27 13.9612 88.27 14.9392C88.27 15.9098 87.4446 16.7066 86.4591 16.7066H82.7391V13.1283Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M64.3117 0.924215H58.671L49.6458 22.6192H55.7638L61.4913 8.82119L67.2188 22.6192H73.3368L64.3117 0.924215ZM61.4913 9.53034L67.0373 22.8911H73.7443L64.493 0.652344H58.4896L49.2383 22.8911H55.9453L61.4913 9.53034Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M46.4662 0.650852V22.8896H40.2818V22.1284C38.6412 23.0115 36.7442 23.5404 34.696 23.5404C28.2109 23.5404 22.9258 18.2553 22.9258 11.7702C22.9258 5.28513 28.2109 0 34.696 0C36.7428 0 38.6399 0.528273 40.2818 1.44599V0.650852H46.4662ZM40.5536 1.92069C40.4639 1.86544 40.3732 1.81142 40.2818 1.75864C38.6492 0.816586 36.7504 0.271871 34.696 0.271871C28.3611 0.271871 23.1977 5.43528 23.1977 11.7702C23.1977 18.1052 28.3611 23.2686 34.696 23.2686C36.7504 23.2686 38.6492 22.7239 40.2818 21.8186C40.3732 21.7679 40.4639 21.7161 40.5536 21.6631V22.6177H46.1943V0.922723H40.5536V1.92069ZM40.2818 11.7702C40.2818 8.66612 37.8001 6.18444 34.696 6.18444C31.5919 6.18444 29.1102 8.66612 29.1102 11.7702C29.1102 14.8743 31.5919 17.356 34.696 17.356C37.8001 17.356 40.2818 14.8743 40.2818 11.7702ZM34.696 5.91257C37.9502 5.91257 40.5536 8.51597 40.5536 11.7702C40.5536 15.0245 37.9502 17.6279 34.696 17.6279C31.4418 17.6279 28.8384 15.0245 28.8384 11.7702C28.8384 8.51597 31.4418 5.91257 34.696 5.91257Z" fill="%23272727" fill-opacity="0.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.6088 0.924215H13.2325L6.02976 9.47204V0.924215H0.389059V22.6192H6.02976V14.1148L13.2325 22.6192H20.6088L11.4969 11.7717L20.6088 0.924215ZM11.852 11.7717L21.1922 0.652344H13.1061L6.30163 8.72748V0.652344H0.117188V22.8911H6.30163V14.8564L13.1065 22.8911H21.1922L11.852 11.7717Z" fill="%23272727" fill-opacity="0.4"/></svg>');
    }

    .calc__min-price, .calc__title {
        font-size: 14px;
        text-align: center;
    }

    .approx-cost__value {
        font-size: 16px;
    }

    .calc-form__field label {
        font-size: 12px;
    }

    .calc-form__checkbox-set {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        gap: 18px;
    }

    .calc-form__checkbox .form-checkbox__text {
        font-size: 14px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .calc-form__checkbox {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
    }

    .calc__decor-text-left {
        margin-bottom: 20px;
    }

    .button_calc-submit {
        font-size: 14px;
    }

    .calc::after {
        display: none;
    }
}

.first-screen_splitted .calc__title {
    font-size: 24px;
}

.first-screen_splitted .calc__min-price {
    font-size: 18px;
}

@media screen and (max-width: 1300px) {
    .first-screen_splitted {
        grid-template-columns: auto;
    }
    
    .first-screen_splitted .first-screen__h1 {
        text-align: center;
    }
}

/*.serg-elem {
    position: absolute;
    content: url(/fav96.png);
}*/

/*.serg-elem_grey {
    content: url(/assets/img/serg-grey.webp);
    bottom: -12px;
}*/

.serg-elem_left {
    left: -140px;
}

.serg-elem_right {
    right: -120px;
}

.serg-elem_after-fs {
    margin-top: 184px;
}

.serg-elem_after-cta-text {
    margin-top: -90px;
}

.blog-content h2,
.h2,
.price-tables h2 {
    color: white;
    text-transform: uppercase;
    font-family: 'Geometric';
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    font-weight: 500;
}

@media screen and (max-width: 600px) {
    .blog-content h2,
    .h2,
    .price-tables h2 {
        font-size: 25px
    }
}

.h2_black {
    color: black;
}

.h2_left {
    text-align: start;
}

.price-tables {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.price-tables table {
    border-collapse: collapse;
    font-size: 12px;
    margin-bottom: 20px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.price-tables table tr:first-child {
    font-size: 16px;
}

.price-tables table tr:nth-child(2n+1) {
    background-color: var(--green);
    color: var(--black);
}

.price-tables table td {
    padding: 8px 30px;
    text-align: center;
}

.price-table__show-more,
.price-tables button {
    width: 214px;
    height: 37px;
    padding: 0;
    font-size: 16px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

.button_green,
.price-tables button {
    color: var(--green);
}

@media screen and (max-width: 500px) {
    .price-tables table tr:first-child td {
        font-size: 14px;
    }

    .price-tables table td {
        padding: 8px 2px;
        font-size: 10px;
    }
}

.cta-text {
    background: url(/assets/img/cta-text-back.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 80px;
    border-radius: 5px;
    display: -ms-grid;
    display: grid;
    gap: 30px;
}

@media screen and (max-width: 480px) {
    .cta-text {
        padding: 70px 20px;
    }
}

@media screen and (max-width: 360px) {
    .cta-text {
        padding: 70px 8px;
    }
}

.cta-text__text {
    color: black;
}

.cta-text__title {
    margin-bottom: 0px;
}

.cta-text__button {
    width: 270px;
}

@media screen and (max-width: 360px) {
    .cta-text__button {
        width: 200px;
        -ms-grid-column-align: center;
            justify-self: center;
    }
}

.margin-bottom-100px {
    margin-bottom: 100px;
}

.work-order__list {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    position: relative;
}

.work-order__row {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 20px;
    position: relative;
}

.work-order__item {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    height: 245px;
    padding-top: 25px;
    position: relative;
    z-index: 5;
}

.work-order-item {
    border: 1px solid var(--green);
    border-radius: 5px;
    background-color: var(--black);
}

.work-order-item__order {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

.work-order-item__free {
    position: absolute;
    top: 0px;
    right: 0px;
    text-transform: uppercase;
    color: var(--black);
    padding: 4px 8px;
    background-color: var(--green);
}

.work-order-item__order {
    font-family: 'Geometric';
    font-size: 40px;
}

.work-order-item__image {
    height: 80px;
}

.work-order-item__text {
    text-align: center;
}

.work-order-item__decor-line {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100vw;
    background-color: var(--green);
    top: 50%;
    z-index: 1;
}

.work-order-item__decor-line_to-left {
    right: 0%;
    left: auto;
}

.work-order-item__decor-line_mob {
    display: none;
}

.z-index-1 {
    z-index: 10 !important;
}

@media screen and (max-width:1000px) {
    .work-order__row {
        grid-auto-flow: row;
    }

    .work-order-item__decor-line {
        display: none;
    }

    .work-order-item__decor-line_mob {
        display: block;
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
    }
}

.text-block {
    color: white;
    padding: 120px 0;
    position: relative;
}

.text-block_concrete {
    background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)) ), url(/assets/img/concrete.webp);
    background: -o-linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(/assets/img/concrete.webp);
    background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url(/assets/img/concrete.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.text-block::before,
.text-block::after,
.reviews::before,
.reviews::after,
.blog::before,
.blog::after {
    content: "";
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 10px 10px 20px var(--black);
            box-shadow: 0 10px 10px 20px var(--black);
    position: absolute;
    top: 0;
    margin-top: -10px;
    z-index: 1;
}

.reviews::before,
.reviews::after,
.blog::before,
.blog::after {
    top: auto;
}

.text-block::after,
.reviews::after,
.blog::after {
    top: auto;
    bottom: 0;
    -webkit-box-shadow: inherit -10px inherit inherit inherit;
            box-shadow: inherit -10px inherit inherit inherit;
}

.text-block__p {
    padding: 0;
    margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
    .text-block {
        text-align: start;
    }
}


.photo-carousel:not(.photo-carousel_blog) .swiper-slide img {
    height: 300px;
    width: 300px;
    border: 1px solid var(--green);
    border-radius: 5px;
    -o-object-fit: cover;
       object-fit: cover;
}



.photo-carousel .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.photo-carousel .swiper {
    padding: 0px 30px 60px 30px;
}


.photo-carousel .swiper-button-next::after,
.photo-carousel .swiper-button-prev::after {
    color: var(--green);
    margin-top: -60px;
}

@media screen and (max-width: 500px) {
    .photo-carousel .swiper {
        padding: 0px 15px 60px 15px;
    }

    .photo-carousel .swiper-slide img {
        width: 240px;
        height: 240px;
    }

    .photo-carousel {
        padding: 0;
    }

    .photo-carousel .swiper-button-next::after,
    .photo-carousel .swiper-button-prev::after {
        font-size: 22px;
    }
}
.photo-carousel .swiper-pagination-bullet {
    background-color: white;
    opacity: 1;
    width: 10px;
    height: 10px;
}

.photo-carousel .swiper-pagination-bullet-active {
    background-color: var(--green);
}

.photo-carousel .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
}

.photo-carousel__title {
    margin-top: 65px;
    margin-bottom: 50px;
}

.reviews {
    position: relative;
    padding-top: 65px;
    padding-bottom: 10px;
}

.reviews__bg {
    background-image: url(/assets/img/reviews-back.webp);
}

.reviews__title,
.show-more__title {
    margin-top: 65px;
}

.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
}

.bg_blur {
    -webkit-filter: blur(5px);
            filter: blur(5px);
}

.reviews::after {
    bottom: -65px;
}

.reviews-swiper {
    overflow: hidden;
}

.review-item {
    background-color: white;
    color: var(--black);
    font-size: 14px;
    font-family: 'Open Sans';
    padding: 30px 24px;
    border-radius: 5px;
    display: -ms-grid;
    display: grid;
    gap: 16px;
}

.review-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.review-item__avatar {
    width: 58px;
    height: 58px;
    border-radius: 5px;
    background-image: var(--avatar);
    background-size: cover;
}

.review-item__name {
    font-weight: bold;
    font-size: 16px;
}

.review-item__avatar_mock {
    background-color: var(--green);
}

.reviews-swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.reviews-swiper-controls__area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
}

.reviews-swiper-button-next-small {
    content: url('data:image/svg+xml,<svg width="32" height="8" viewBox="0 0 32 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M31.841 4.3892C32.0363 4.19394 32.0363 3.87735 31.841 3.68209L28.6591 0.500111C28.4638 0.304848 28.1472 0.304848 27.952 0.500111C27.7567 0.695373 27.7567 1.01196 27.952 1.20722L30.7804 4.03564L27.952 6.86407C27.7567 7.05933 27.7567 7.37592 27.952 7.57118C28.1472 7.76644 28.4638 7.76644 28.6591 7.57118L31.841 4.3892ZM0.933594 4.53564H31.4875V3.53564H0.933594V4.53564Z" fill="%23B8E13F"/></svg>');
    cursor: pointer;
}

.reviews-swiper-button {
    content: url('data:image/svg+xml,<svg width="62" height="8" viewBox="0 0 62 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M61.3527 4.06889C61.548 3.87363 61.548 3.55705 61.3527 3.36178L58.1707 0.179803C57.9755 -0.015459 57.6589 -0.0154591 57.4636 0.179803C57.2683 0.375065 57.2683 0.691648 57.4636 0.88691L60.292 3.71534L57.4636 6.54376C57.2683 6.73903 57.2683 7.05561 57.4636 7.25087C57.6589 7.44613 57.9755 7.44613 58.1707 7.25087L61.3527 4.06889ZM0.570312 4.21533L60.9991 4.21534L60.9991 3.21534L0.570313 3.21533L0.570312 4.21533Z" fill="%23B8E13F"/></svg>');
    width: 60px;
    cursor: pointer;
}

.swiper-button-disabled:not(.reviews-swiper-button-next-small) {
    content: url('data:image/svg+xml,<svg width="62" height="8" viewBox="0 0 62 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M61.3527 4.06889C61.548 3.87363 61.548 3.55705 61.3527 3.36178L58.1707 0.179803C57.9755 -0.015459 57.6589 -0.0154591 57.4636 0.179803C57.2683 0.375065 57.2683 0.691648 57.4636 0.88691L60.292 3.71534L57.4636 6.54376C57.2683 6.73903 57.2683 7.05561 57.4636 7.25087C57.6589 7.44613 57.9755 7.44613 58.1707 7.25087L61.3527 4.06889ZM0.570312 4.21533L60.9991 4.21534L60.9991 3.21534L0.570313 3.21533L0.570312 4.21533Z" fill="%23C6C6C6"/></svg>');

}

.reviews-swiper-button-prev {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.reviews-swiper .swiper-wrapper {
    margin-bottom: 20px;
}

.reviews-swiper-pagination {
    font-family: "Roboto";
    border-bottom: 1px solid var(--green);
    padding-bottom: 7px;
}

a.reviews-swiper__show-all {
    color: var(--green);
    text-decoration: underline;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

.reviews-swiper-controls__area_mob-hidden {
    display: none;
}

@media screen and (max-width: 600px) {
    .reviews-swiper-controls__area_desk-hidden {
        display: none;
    }

    .reviews-swiper-controls__area_mob-hidden {
        display: block;
    }

    .reviews-swiper {
        padding: 0px 40px;
    }

    .reviews-swiper-button-prev:not(.reviews-swiper-button-prev_blog) {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .reviews .swiper-button-prev::after,
    .reviews .swiper-button-next::after {
        color: var(--green);
    }

    .reviews-swiper-controls__area:not(.reviews-swiper-controls__area_blog) {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
    }

    .reviews-swiper-pagination {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .reviews-swiper-button-next-small:not(.reviews-swiper-button-next-small_blog) {
        display: none;
    }

}

.show-more__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 30px;
    row-gap: 30px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

.show-more-item {
    border: 1px solid var(--green);
    border-radius: 5px;
    background-color: var(--black);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.show-more-item_blog {
    max-width: 350px;
}

.show-more-item__image {
    border-bottom: 1px solid var(--green);
    border-radius: 5px;
    height: 300px;
    width: 300px;
    -o-object-fit: cover;
       object-fit: cover;
}

@media screen and (max-width: 420px) {
    .show-more-item__image,
    img.show-more-item__image {
        width: 100% !important;
        height: auto !important;
    }
}

.show-more-item_blog .show-more-item__image {
    width: 100%;
    height: 209px !important;
    aspect-ratio: 16/10;
}

.show-more-item__title {
    padding: 40px 0px;
    text-align: center;
}

.show-more-item_blog .show-more-item__title {
    padding: 10px 20px;
}

a.button_show-more {
    display: block;
    max-width: 367px;
    color: black;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    padding: 8px 0px;
}

a.button_show-more:hover {
    border: 1px solid var(--green);
}

.swiper-blog,
.swiper-show-more,
.swiper-show-cases {
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0px 80px;
}

@media screen and (max-width: 420px) {
    .swiper-blog,
    .swiper-show-more,
    .swiper-show-cases {
        padding: 0px 40px;
    }
}

.swiper-show-cases .swiper-wrapper {
    margin-bottom: 40px;
}


.blog {
    position: relative;
    padding-top: 65px;
}

.blog::after {
    bottom: -65px;
}

.blog__bg {
    content: url(/assets/img/blog-bg.jpg);
}

.accordeon {
    counter-reset: accordeon 0;
}

.accordeon__item {
    counter-increment: accordeon 1;
    position: relative;
    border-bottom: 1px solid var(--black);
}



.accordeon-item__counter::before {
    content: counter(accordeon) ".";
    margin-right: 10px;
}

.accordeon {
    display: -ms-grid;
    display: grid;
}


.accordeon-item__title {
    background-color: white;
    color: var(--black);
    height: 62px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 21px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (max-width: 760px) {
    .accordeon-item__title {
        font-size: 16px;
        height: 38px;
    }
}

.accordeon-item__title::before {
    content: "";
    height: 9px;
    width: 9px;
    border-radius: 1px;
    position: relative;
    left: -1px;
    background-color: var(--green);
    margin-right: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.accordeon__item_active .accordeon-item__title::before {
    height: 100%;
    border-radius: 5px;
    top: 0;
    left: 0;
    width: 41px;
}

@media screen and (max-width: 760px) {
    .accordeon-item__title::before {
        height: 5px;
        width: 5px;
        margin-right: 12px;
    }

    .accordeon__item_active .accordeon-item__title::before {
        height: 100%;
        border-radius: 3px;
        top: 0;
        left: 0;
        width: 25px;
    }
}

.accordeon-item__text {
    max-height: 0;
    height: 0;
    content: "";
    padding: 0px 70px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.accordeon__item_active .accordeon-item__text {
    padding: 30px 70px;
    max-height: 1000px;
    height: 1000px;
}

@media screen and (max-width: 760px) {
    .accordeon-item__text {
        padding: 30px 0px;
    }
    
    .accordeon__item:not(.accordeon__item_active) .accordeon-item__text {
        padding: 0;
    }
}


.callback {
    background-color: var(--green);
    position: relative;
}

.callback__wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 2;
}

.callback-form {
    min-width: 420px;
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


.form-field-wrapper_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}



.girl {
    background-image: url(/assets/img/girl.webp);
    width: 220px;
    height: 311px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

@media screen and (max-width: 1100px) {
    .callback-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        min-width: 0px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
    }

    .form-field-wrapper_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .callback__wrapper {
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }

    .girl {
        display: none;
    }
}

@media screen and (max-width: 760px) {
    .girl {
        display: block;
        position: relative;
    }

    .callback__wrapper {
        display: -ms-grid;
        display: grid;
        gap: 30px;
        padding-top: 44px;
        padding-bottom: 0;
    }

    .serg-elem_callback {
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        bottom: 0;
    }
}

.footer,
.footer a {
    font-size: 12px;
}


.footer__wrapper {
    padding-top: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.footer {
    padding-bottom: 30px;
    font-weight: 300;
}

.footer__contacts {
    max-width: 240px;
}

.footer-menu__item,
.footer-menu__item a,
.footer-contacts__title,
.footer-service-menu__title,
.footer-contacts__title a,
.footer-service-menu__title a {
    text-transform: uppercase;
    color: var(--green);
}

.footer-menu {
    display: -ms-grid;
    display: grid;
    gap: 6px;
}

.footer__logo {
    margin-top: -40px;
}

.footer__logo img {
    height: 85px;
}

.footer-service-menu {
    display: -ms-grid;
    display: grid;
    gap: 12px;
}

.footer-service-menu__list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
}

.footer-service-menu__item {
    margin-bottom: 6px;
}

.footer-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

.footer-contacts__list {
    display: -ms-grid;
    display: grid;
    gap: 12px;
}

.footer-contacts__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.footer-contacts__img {
    min-width: 15px;
    height: 15px;
}

.footer-contacts__img_geo {
    background-image: url(/assets/img/geo.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-contacts__img_phone {
    background-image: url(/assets/img/phone.png);
}

.footer-contacts__img_mail {
    background-image: url(/assets/img/mail.png);
}

.footer-contact__button {
    padding: 6px 0px;
    font-weight: 300;
}

.footer__footer {
    display: -ms-grid;
    display: grid;
    text-align: end;
    margin-top: 18px;
    gap: 5px;
}

.footer__footer a {
    font-size: 14px;
}

@media screen and (max-width: 760px) {
    .footer__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 40px;
    }


}

@media screen and (max-width: 400px) {
    .footer-menu {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
    }

    .footer__footer a {
        font-size: 12px;
        text-align: start;
    }
}

.button-scroll-down {
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 5px;
    background-color: var(--green);
    background-image: url('data:image/svg+xml,<svg width="27" height="18" viewBox="0 0 27 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L13.6623 16L26 1" stroke="%23272727" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 30px;
    -webkit-transition: background-position-y 0.3s;
    -o-transition: background-position-y 0.3s;
    transition: background-position-y 0.3s;
}

.button-scroll-down:hover {
    background-color: var(--black);
    background-image: url('data:image/svg+xml,<svg width="27" height="18" viewBox="0 0 27 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L13.6623 16L26 1" stroke="%23B8E13F" stroke-width="2" stroke-linecap="round"/></svg>');
    background-position-y: 18px;
}

.button-scroll-down:active {
    background-color: var(--black);
    background-image: url('data:image/svg+xml,<svg width="27" height="18" viewBox="0 0 27 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L13.6623 16L26 1" stroke="%23B8E13F" stroke-width="2" stroke-linecap="round"/></svg>');
    -webkit-box-shadow: inset 0 0 5px var(--green);
            box-shadow: inset 0 0 5px var(--green);
}

.services-listing {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    justify-items: center;
}

@media screen and (max-width: 1100px) {
    .services-listing {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 860px) {
    .services-listing {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 660px) {
    .services-listing {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 310px) {
    .services-listing {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }
}

.services-listing-item {
    width: 190px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 1px solid var(--green);
    border-radius: 5px;
    color: var(--green);
}

@media screen and (max-width: 460px) {
    .services-listing-item {
        width: 110px;
        height: 60px;
        font-size: 11px;
        padding: 0px 6px;
    }
}

.services-listing-item__wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    max-width: 150px;
    color: inherit;
    cursor: default;
}

.services-listing-item:hover {
    background-color: var(--green);
    color: var(--black);
}

.services-listing-item:active {
    -webkit-box-shadow: inset 0 0 5px var(--black);
            box-shadow: inset 0 0 5px var(--black);
    border: none;
}

.blog-listing {
    position: relative;
}

.blog-listing__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
    margin-bottom: 40px;
    justify-items: center;
}

@media screen and (max-width: 1200px) {
    .blog-listing__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 800px) {
    .blog-listing__items {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }
}

.skat-decor {
    position: absolute;
    background-image: url(/assets/img/skat.webp);
    width: 426px;
    height: 537px;
    background-repeat: no-repeat;
    background-position: center right;
    right: 0;
}

.blog-listing__skat-decor {
    top: 90px;
}

.contacts-content-items {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-columns: 1fr 3% 1fr 3% 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
}

.contacts-content-items__item {
    border: 1px solid var(--green);
    border-radius: 5px;
    min-width: auto;
    height: 175px;
    position: relative;
    display: -ms-grid;
    display: grid;
    padding-top: 65px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    -ms-grid-rows: -webkit-min-content 30px auto;
    -ms-grid-rows: min-content 30px auto;
    grid-template-rows: -webkit-min-content auto;
    grid-template-rows: min-content auto;
    gap: 30px;
}

.contacts-content-items__icon {
    position: absolute;
    background-color: var(--black);
    padding: 18px;
    width: 30px;
    height: 30px;
    border: 2px solid var(--green);
    border-radius: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    outline: 8px solid var(--black);
}

.contacts-content-items__item-title {
    font-weight: bold;
    text-align: center;
}

.contacts-content-items__item-text {
    text-align: center;
    display: -ms-grid;
    display: grid;
    gap: 15px;
}

.contacts-content-items__item-text a {
    color: var(--green);
}

@media screen and (max-width: 730px) {
    .contacts-content-items {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 65px;
    }
    
    .contacts-content-items__item {
        max-width: 350px;
    }

    .contacts-content-items,
    .contacts-content-items a {
        font-size: 13px;
    }

    .contacts-content-items__icon {
        width: 25px;
        height: 25px;
        padding: 15px;
    }
}

.y-map-banner {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: white;
    width: 258px;
    padding: 24px 16px;
    border-radius: 16px;
    color: var(--black);
}

.y-map-banner > span {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 400;
}

.y-map-banner span a {
    color: black;
    font-weight: bold;
    text-decoration: underline;
} 

@media screen and (max-width: 360px) {
    .y-map-banner {
        width: 200px;
        top: 50px;
    }
}

.contacts-content__split {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}


.contacts-content__title {
    font-family: "Geometric";
    font-size: 40px;
    color: var(--green);
    margin-bottom: 10px;
}



.contacts-content__reqs {
    display: -ms-grid;
    display: grid;
    gap: 18px;
    -ms-flex-line-pack: baseline;
        align-content: baseline;
}

.contacts-content__reqs-value {
    font-size: 18px;
    font-weight: 500;
}

@media screen and (max-width: 700px) {
    .contacts-content__split {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .contacts-content__title {
        font-size: 25px;
    }

    .contacts-content__reqs-value {
        font-size: 14px;
    }
}

.contacts-content__reqs-value_green {
    color: var(--green);
}

.ask-form {
    padding-right: 10%;
    display: -ms-grid;
    display: grid;
    gap: 20px;
}

.ask-form__sumbit {
    height: 30px;
    padding: 0;
    width: calc(100% + 22px);
    font-size: 12px;
    font-weight: normal;
}

input[type="number"]::-webkit-inner-spin-button {
    display: none;
}

.blog-content img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: 1px solid var(--green);
    border-radius: 5px;
}

.listing-footer__pages-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 25px;
}

.callback-button {
    position: fixed;
    bottom: 16px;
    left: 16px;
    z-index: 99;
    border: 1px solid var(--black);
    opacity: 0.6;
}

.callback-button:hover {
    opacity: 1;
}.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: -o-linear-gradient(top, white, black);
    background: linear-gradient(to bottom, white, black);
}

.breadcrumb {
    display: flex;
    list-style-type: none;
    gap: 8px;
    margin: 20px 0;
    padding: 0;
    flex-wrap: wrap;
    word-wrap: wrap;
}

.breadcrumb li:not(:last-child):after {
    content: '>';
    margin-left: 8px;
}

.cta-text-2 .cta-text__title {
    color: white;
    margin-bottom: 30px;
}

.cta-text-2 .cta-text__text {
    color: white;
    margin-bottom: 30px;
}

.margin-bottom-200px {
    margin-bottom: 200px;
}