/* КО ВСЕЙ СТРАНИЦЕ */
/* =========================================================================================================================================================================================================== */

    * {
        margin: 0;
        padding: 0;
        -webkit-tap-highlight-color: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        scroll-behavior: smooth;
    }

    html {
        background-color: #888888;
    }

    /* Отключить скролл страницы */
        .scroll-hidden {
            overflow: hidden;
        }

/* ШРИФТЫ */
/* =========================================================================================================================================================================================================== */
    /* Подключенные */
        @font-face {
            font-family: 'OpenSans';
            src: url(fonts/OpenSans.woff);
            font-display: swap;
        }

        @font-face {
            font-family: 'Roboto-Black';
            src: url(fonts/Roboto-Black.woff);
            font-display: swap;
        }

    /* Заголовки */
        h1, h2 {
            /* font: 700 clamp(1.5rem, 1.286rem + 1.071vw, 2.25rem)/130% OpenSans; */
            font-family: Roboto-Black;
            font-size: clamp(1.5rem, 1.304rem + 0.982vw, 2.188rem);
            line-height: 130%;
        }

    /* Текст */
        .text-font-1 {
            font: 700 18px/130% OpenSans;
        }

        .text-font-2 {
            font: 400 18px/130% OpenSans;
        }

        .text-font-3 {
            font: 700 16px/100% OpenSans;
        }

        .text-font-4 {
            font: 700 40px/100% OpenSans;
        }

        .text-font-5 {
            font: 400 12px/130% OpenSans;
        }

        .text-font-6 {
            font: 700 32px/130% OpenSans;
        }

        .text-font-7 {
            font: 400 16px/130% OpenSans;
        }

        .text-font-8 {
            font: 700 clamp(1.125rem, 0.946rem + 0.893vw, 1.75rem)/130% OpenSans;
        }

        .text-font-9 {
            font: 700 22px/130% OpenSans;
        }

        .text-font-10 {
            font: 600 clamp(1rem, 0.821rem + 0.893vw, 1.625rem)/130% OpenSans;
        }

        .text-font-11 {
            font: 600 18px/130% OpenSans;
        }

        .text-font-12 {
            font: 400 18px/130% OpenSans;
        }

        .text-font-13 {
            font: 700 clamp(1.5rem, 1.286rem + 1.071vw, 2.25rem)/130% OpenSans;
        }

        .text-font-14 {
            font: 700 24px/130% OpenSans;
        }

        .text-font-15 {
            font: 700 20px/130% OpenSans;
        }

        .text-font-16 {
            font: 600 24px/130% OpenSans;
        }

        .text-font-17 {
            font: 700 100px/130% OpenSans;
        }

        .text-font-18 {
            font: 700 clamp(1.25rem, 1.179rem + 0.357vw, 1.5rem)/130% OpenSans;
        }

    /* Стиль */
        .text-style-1 {
            text-transform: uppercase;
        }

        .text-style-2 {
            text-decoration: none;
        }

        .text-style-3 {
            width: 100%;
            max-width: 800px;
        }

/* ЦВЕТ */
/* =========================================================================================================================================================================================================== */
    /* Фон */
    /* ======================================================================================================================================================================================================= */
        .fon-bg-1 {
            background-color: #FFFFFF;
        }

        .fon-bg-2 {
            background-color: #FFB800;
        }

        .fon-bg-3 {
            background-color: #F8F7F3;
        }

        .fon-bg-4 {
            background-color: rgba(239, 236, 227, 1);;
        }

        .fon-bg-5 {
            background-color: #252412;
        }

        .fon-bg-6 {
            background: #178836;
            background: -webkit-linear-gradient(0deg, #178836 0%, #B6EA20 100%);
            background: linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        }

        .fon-bg-7 {
            background: #FFB800;
            background: -webkit-linear-gradient(0deg, #FFB800 0%, #FFE600 100%);
            background: linear-gradient(0deg, #FFB800 0%, #FFE600 100%);
        }

        .fon-bg-8 {
            background-color: #EFECE3;
        }

    /* Текст */
        .text-color-1 {
            color: #252412;
        }

        .text-color-2 {
            color: #FFFFFF;
        }

        .text-color-3 {
            color: transparent;    
            -webkit-background-clip: text;
            background-clip: text;
            background-image: linear-gradient(to bottom, #FFE600, #FFB800);
        }

        .text-color-4 {
            color: #595950;
        }

        .text-color-5 {
            color: #EF7200;
        }

        .text-color-6 {
            color: #178836;
        }

        .text-color-7 {
            color: #911218;
        }

/* БЛОКИ */
/* =========================================================================================================================================================================================================== */
    :is(.blocks,
    header,
    footer)[hidden] {
        display: flex;
        width: 100%;
    }

    .container-preloader,
    .bouncing-dots,
    .container-cover,
    .left-block-cover,
    .right-block-cover,
    .container-elements-1,
    .container-elements-2,
    .container-cover-logo,
    .container-header,
    .container-button-messenger,
    .container-messengers,
    .button-messenger,
    .container-phone,
    .container-callback,
    .header-container-phone,
    .container-blocks,
    .container-items-1,
    .container-block-items-2,
    .container-block-items-3,
    .container-block-items-3-1,
    .container-block-items-3-2,
    .container-block-items-3-1-1,
    .container-block-items-3-1-2,
    .container-block-items-3-1-3,
    .container-block-items-3-1-4,
    .container-block-items-3-1-5,
    .container-block-items-3-2-1,
    .container-block-items-3-2-2,
    .container-block-items-3-2-3,
    .container-block-items-4-3,
    .container-block-items-4-1,
    .container-block-items-4,
    .container-block-items-4-2,
    .container-block-items-4-4,
    .container-block-items-5,
    .container-block-items-5-3,
    .container-block-items-5-1,
    .container-block-items-5-2,
    .container-block-items-6-2,
    .container-block-items-6,
    .container-block-items-6-3,
    .container-block-items-7-3,
    .container-block-items-7,
    .container-block-items-8-1,
    .container-block-items-7-1,
    .container-block-items-9-2,
    .container-block-items-10-3,
    .container-block-items-10-2,
    .container-block-items-10-1,
    .container-block-items-10,
    .container-block-items-9,
    .container-block-items-10-4,
    .container-block-items-11,
    .container-block-items-12-1,
    .container-block-items-12-2,
    .container-block-items-12-3,
    .container-block-items-13,
    .container-block-items-13-1,
    .container-projects,
    .container-footer,
    .container-popup-feedback-form-1,
    .container-popup-feedback-form,
    .container-button-popups,
    .container-quiz-questionnaire,
    .container-quiz-indicator,
    .quiz-indicator,
    .quiz-question,
    .container-quiz-questions-1,
    .container-button-quiz,
    .container-form-quiz,
    .container-checkbox-1-1,
    .container-radio-1,
    .container-thanks-page,
    .container-pade404,
    .button-404,
    .container-block-items-7-2,
    .container-image-slide {
        display: flex;
        width: 100%;
    }

    .right-block-cover,
    .container-elements-2,
    .container-messengers,
    .container-callback,
    .container-blocks,
    .container-items-1,
    .container-block-items-3-1,
    .container-block-items-3-2,
    .container-block-items-3-1-4,
    .container-block-items-3-1-5,
    .container-block-items-4-3,
    .container-block-items-4,
    .container-block-items-5-1,
    .container-block-items-5-2,
    .container-block-items-6-2,
    .container-block-items-6,
    .container-block-items-6-3,
    .container-block-items-7-3,
    .container-block-items-10-1,
    .container-block-items-9,
    .container-block-items-10,
    .container-block-items-11,
    .container-block-items-12-2,
    .container-block-items-13,
    .container-block-items-13-1,
    .container-projects,
    .container-popup-feedback-form-1,
    .container-popup-feedback-form,
    .container-quiz-questionnaire,
    .quiz-question,
    .container-form-quiz,
    .container-thanks-page,
    .container-pade404 {
        flex-direction: column;
    }

    .right-block-cover,
    .container-block-items-4-1,
    .container-block-items-4,
    .container-block-items-5-1,
    .container-block-items-6,
    .container-block-items-7,
    .container-block-items-9,
    .container-block-items-10,
    .container-block-items-10-4,
    .container-block-items-11,
    .container-block-items-13,
    .container-header,
    .container-footer,
    .container-projects,
    .container-popup-feedback-form,
    .container-quiz-questionnaire,
    .container-thanks-page,
    .container-pade404 {
        gap: 30px;
    }

    .container-elements-1,
    .container-button-messenger,
    .container-items-1,
    .container-block-items-3-1,
    .container-block-items-3-1-2,
    .container-block-items-3-1-4,
    .container-block-items-3-2,
    .container-block-items-4-3,
    .container-block-items-6-2,
    .container-block-items-9-2,
    .container-block-items-10-2,
    .container-block-items-10-1,
    .container-block-items-12-1,
    .container-block-items-12-2,
    .container-block-items-12-3,
    .quiz-question,
    .container-form-quiz,
    .container-checkbox-1-1 {
        gap: 20px;
    }

    .container-cover-logo,
    .container-messengers,
    .container-callback,
    .container-block-items-3-1-5,
    .container-block-items-3-2-2,
    .container-block-items-5-2,
    .container-block-items-7-3,
    .container-block-items-13-1,
    .container-popup-feedback-form-1 {
        gap: 10px;
    }

    .container-elements-2 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        width: 80%;
    }

    .container-block-items-1 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        width: 100%;
        gap: 30px;
    }

    .heading-width {
        max-width: 800px;
    }

/* ПОЗИЦИОНИРОВАНИЕ */
/* =========================================================================================================================================================================================================== */
    .content-center {
        align-items: center;
        justify-content: center;
    }

    .content-vertical-aligncenter {
        align-items: center;
    }

    .content-vertical-center {
        justify-content: center;
    }

    .content-spacebetween {
        justify-content: space-between;
    }

    .content-right {
        justify-content: end;
    }

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

    .content-safe {
        align-items: safe;
    }

    .content-row-reverse {
        flex-direction: row-reverse;
    }

/* ОБЛАСТЬ ОТОБРАЖЕНИЯ НА РАЗНЫХ УСТРОЙСТВАХ */
/* =========================================================================================================================================================================================================== */
    .content-area {
        width: 100%;
        margin: 0 auto;
    }

/* КНОПКИ / ПЕРЕКЛЮЧАТЕЛИ */
/* =========================================================================================================================================================================================================== */
    .button-style-1 {
        border: none;
        outline: none;
        background: #178836;
        background: -webkit-linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        background: linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        width: 285px;
        height: 59px;
        border-radius: 100px;
        cursor: pointer;
        transition: 0.3s ease-in-out;

        &:hover {
            transform: translateY(2%);
            box-shadow: 0px 0px 10px 0px rgba(23, 136, 54, 0.6);
        }
    }

    .button-style-1:active {
        transform: scale(99%);
    }

    .button-style-2 {
        border: none;
        outline: none;
        background: #178836;
        background: -webkit-linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        background: linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        width: 241px;
        height: 45px;
        border-radius: 100px;
        cursor: pointer;
        transition: 0.3s ease-in-out;

        &:hover {
            transform: translateY(2%);
            box-shadow: 0px 0px 10px 0px rgba(23, 136, 54, 0.6);
        }
    }

    .button-style-2:active {
        transform: scale(99%);
    }

    .button-style-3 {
        border: none;
        border-radius: 20px;
        outline: none;
        background: #178836;
        background: -webkit-linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        background: linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        width: 100%;
        max-width: 734px;
        padding: 20px;
        cursor: pointer;

        &:hover {
            transform: translateY(2%);
            box-shadow: 0px 0px 10px 0px rgba(23, 136, 54, 0.6);
        }
    }

    .button-style-3:active {
        transform: scale(99%);
    }

    .button-style-4 {
        border: none;
        border-radius: 30px;
        outline: none;
        background: #178836;
        background: -webkit-linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        background: linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        width: 100%;
        max-width: 434px;
        padding: 20px;
        cursor: pointer;

        &:hover {
            transform: translateY(2%);
            box-shadow: 0px 0px 10px 0px rgba(23, 136, 54, 0.6);
        }
    }

    .button-style-4:active {
        transform: scale(99%);
    }

    .button-style-5 {
        border: none;
        border-radius: 30px;
        outline: none;
        background: #178836;
        background: -webkit-linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        background: linear-gradient(0deg, #178836 0%, #B6EA20 100%);
        width: 100%;
        max-width: 250px;
        padding: 20px;
        cursor: pointer;

        &:hover {
            transform: translateY(2%);
            box-shadow: 0px 0px 10px 0px rgba(23, 136, 54, 0.6);
        }
    }

    .button-style-5:active {
        transform: scale(99%);
    }

    .button-color-back {
        background: #FFB800;
        background: -webkit-linear-gradient(0deg, #FFB800 0%, #FFE600 100%);
        background: linear-gradient(0deg, #FFB800 0%, #FFE600 100%);
    }

    .button-off {
        pointer-events: none;
        background: #888888
    }

    /* Мессенджеры */
        .button-messenger {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: #178836;
            background: -webkit-linear-gradient(0deg, #178836 0%, #B6EA20 100%);
            background: linear-gradient(0deg, #178836 0%, #B6EA20 100%);
            cursor: pointer;
            transition: 0.2s ease-in-out;

            &:hover {
                transform: scale(110%);
            }
        }

/* ФОРМЫ ОБРАТНОЙ СВЯЗИ */
/* =========================================================================================================================================================================================================== */
    input {
        border: 2px solid #CDC8B7;
        outline: none;
        width: 100%;
        height: 59px;
        max-width: 434px;
        padding: 0px 20px;
        border-radius: 30px;

        &:focus {
            outline: 3px solid rgba(205, 200, 183, 0.5);;
        }
    }

    .quiz-input {
        max-width: none;
    }

    .input-error {
        border-color: #911218;
        outline-color: rgba(145, 18, 24, 0.5);;
    }

    .input-error::placeholder {
        color: #911218;
    }

    .container-checkbox-1,
    .container-radios {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        width: 100%;
        gap: 10px;
    }

    .container-checkbox-1-1,
    .container-radio-1 {
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    }

    .checkbox-style-1 {
        position: absolute;
        z-index: -1;
        opacity: 0;

        border: none;
        border-radius: 5px;
        outline: none;
        background-color: #f0f0f0;
        width: 30px;
        height: 30px;
        padding: 0;

        &:focus {
            outline: none;
        }
    }

    .checkbox-style-1+label {
        display: inline-flex;
        align-items: center;
        user-select: none;
    }

    .checkbox-style-1+label::before {
        content: '';
        display: inline-block;
        width: 1em;
        height: 1em;
        flex-shrink: 0;
        flex-grow: 0;
        border: 2px solid #adb5bd;
        border-radius: 0.25em;
        margin-right: 0.5em;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
    }

    .checkbox-style-1:checked+label::before {
        border-color: #178836;
        background-color: #178836;
        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");
    }

    .button-radio {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .button-radio+label {
        display: inline-flex;
        align-items: center;
        user-select: none;
    }

    .button-radio+label::before {
        content: '';
        display: inline-block;
        width: 1em;
        height: 1em;
        flex-shrink: 0;
        flex-grow: 0;
        border: 1px solid #adb5bd;
        border-radius: 50%;
        margin-right: 0.5em;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
    }

    .button-radio:not(:disabled):not(:checked)+label:hover::before {
        border-color: #178836;
    }

    .button-radio:not(:disabled):active+label::before  {
        background-color: #178836;
        border-color: #178836;
    }

    .button-radio:focus+label::before {
        box-shadow: 0 0 0 0.2rem rgba(23, 136, 54, 0.25);
    }

    .button-radio:focus:not(:checked)+label::before {
        border-color: #178836;
    }

    .button-radio:checked+label::before {
        border-color: #178836;
        background-color: #178836;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

    .button-radio:disabled+label::before {
        background-color: #e9ecef;
    }

/* РАЗДЕЛИТЕЛЬНЫЕ ЛИНИИ */
/* =========================================================================================================================================================================================================== */
    .line-style-1 {
        border: none;
        width: 100%;
        max-width: 800px;
        height: 2px;
        border-radius: 2px;
        background-color: #EFECE3;
    }

/* ПРЕЛОАДЕР */
/* =========================================================================================================================================================================================================== */
    .container-preloader {
        position: fixed;
        inset: 0;
        z-index: 1000;
    }

    /* Индикатор */
        .bouncing-dots {  
            width: 60px;
        }
        
        .dot {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            animation: bounce 1.5s infinite;
        }
        
        .dot:nth-child(1) {
            animation-delay: 0s;
        }
        
        .dot:nth-child(2) {
            animation-delay: 0.3s;
        }
        
        .dot:nth-child(3) {
            animation-delay: 0.6s;
        }
        
        @keyframes bounce {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-20px);
            }
        }

    /* Отключение после загрузки страницы */
        .loaded-hiding .block-preloader {
            transition: 0.5s ease-in-out;
            opacity: 0;
        }
        
        .loaded .block-preloader {
            display: none;
        }

/* ШАПКА САЙТА */
/* =========================================================================================================================================================================================================== */
    header {
        position: fixed;
        height: 100px;
        z-index: 500;
    }

    .container-phone a:hover {
        text-decoration: underline;
    }

/* ОБЛОЖКА САЙТА */
/* =========================================================================================================================================================================================================== */
        
    .container-cover {
        margin: 130px 0px 30px 0px;
    }

    .left-block-cover {
        background: url(images/fon/fon-cover-leftblock.svg) no-repeat center;
        background-size: cover;
        width: 80%;
    }

    .left-block-cover img {
        position: relative;
        top: 30px;
        width: 100%;
        aspect-ratio: 1;
        object-fit: contain;
    }

    .container-elements-1 {
        border: 2px solid #FFB800;
        border-radius: 20px;
        padding: 10px 20px;
        max-width: 420px;
    }

    .container-elements-1 img {
        width: 45px;
        aspect-ratio: 1;
        object-fit: contain;
    }

    .container-elements-2 li {
        list-style: none;
        background: url(images/icons/icon-cover-check.svg) no-repeat left center;
        padding: 8px 0px 8px 50px;
    }

/* БЛОК 2 */
/* =========================================================================================================================================================================================================== */
    .container-block-items-2 {
        padding: 30px;
        border: 2px solid #EFECE3;
        border-radius: 20px;
    }

    .container-block-items-3 {
        padding: 30px;
        border-radius: 20px;
        gap: 10px;
    }

    .container-block-items-3-1-1,
    .container-block-items-3-2-1 {
        height: 86px;
        border-radius: 10px;
        padding: 10px;
    }

    .container-block-items-3-1-2 img {
        filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.3));
    }

    .container-block-items-3-1-3 {
        border: 2px solid #E3E0D6;
        border-radius: 10px;
        padding: 10px;
    }

    .container-block-items-3-1-4 {
        border: 2px solid #E3E0D6;
        border-radius: 10px;
        padding: 20px;
    }

    .container-block-items-3-1-5 li {
        list-style: none;
        background: url(images/icons/icon-arrow-right.svg) no-repeat left center;
        padding: 8px 0px 8px 50px;
    }

    .container-block-items-3-2-3 {
        border: 2px solid #FF7001;
        border-radius: 10px;
        padding: 10px;
    }

    .hidden {
        display: none;
    }

    /* Слайдер */
        .slider-image {
            width: 100%;
            height: 500px;
            object-fit: cover;
            cursor: pointer;
        }

        .slider-image-1 {
            width: 100%;
            height: 250px;
            object-fit: cover;
            cursor: pointer;
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            margin: 10px 0px;
            object-fit: contain;
        }

        .itc-slider {
            position: relative;
        }

        .itc-slider-1 {
            padding: 50px;
        }
          
          .itc-slider-wrapper {
            overflow: hidden;
          }

          .itc-slider-wrapper-1 {
            overflow: hidden;
            /* padding: 0px 10px; */
            border-left: 2px solid #d4d4d4;
            border-right: 2px solid #d4d4d4;
          }
          
          .itc-slider-items {
            display: flex;
            transition: transform 0.5s ease;
            will-change: transform;
          }
          
          .itc-slider-transition-none {
            transition: none;
          }
          
          .itc-slider-item {
            flex: 0 0 100%;
            max-width: 100%;
            user-select: none;
            will-change: transform;
          }

          .itc-slider-item-1 {
            flex: 0 0 100%;
            max-width: 100%;
            gap: 5px;
          }

          .container-image-slide {
            gap: 30px;
          }
     
          /* кнопки влево и вправо */
            .itc-slider-btn {
                background: none;
                position: absolute;
                top: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 40px;
                height: 50px;
                color: #fff;
                text-align: center;
                border: none;
                transform: translateY(-50%);
                cursor: pointer;
            }
            
            .itc-slider-btn-hide {
                display: none;
            }
            
            .itc-slider-btn-prev {
                left: 0;
            }
            
            .itc-slider-btn-next {
                right: 0;
            }
            
            .itc-slider-btn:hover,
            .itc-slider-btn:focus {
                color: #fff;
                text-decoration: none;
                outline: 0;
            }
            
            .itc-slider-btn::before {
                content: "";
                display: inline-block;
                width: 50px;
                height: 50px;
                background: transparent no-repeat center center;
                background-size: 100% 100%;
            }
            
            .itc-slider-btn-prev::before {
                background-image: url("images/icons/Vector\ 2.svg");
            }
            
            .itc-slider-btn-next::before {
                background-image: url("images/icons/Vector\ 3.svg");
            }

            .button-slider-hidden-mob {
                display: none;
            }
          
          /* индикаторы */
            .itc-slider-indicators {
                position: absolute;
                right: 0;
                bottom: -30px;
                left: 0;
                z-index: 15;
                display: flex;
                justify-content: center;
                margin: 0 15%;
                padding-left: 0;
                list-style: none;
            }

            .indekei-1 {
                bottom: -10px;
            }
            
            .itc-slider-indicator {
                flex: 0 1 auto;
                box-sizing: content-box;
                width: 20px;
                height: 20px;
                margin-right: 3px;
                margin-left: 3px;
                text-indent: -999px;
                background-color: rgb(255, 184, 0, 0.1);
                background-clip: padding-box;
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
                cursor: pointer;
                border-radius: 50%;
                border: 2px solid #FFB800;
            }
            
            .itc-slider-indicator-active {
                background-color: #FFB800;
            }

/* БЛОК 3 */
/* =========================================================================================================================================================================================================== */
    .container-block-items-4-2 {
        width: 60%;
    }

    .container-block-items-4-2 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    }

    .container-block-items-4-3 {
        border: 2px solid #EFECE3;
        border-radius: 20px;
        padding: 20px;
        width: 100%;
    }

    .container-block-items-4-4 {
        border: 2px solid #EFECE3;
        border-radius: 20px;
        padding: 20px;
    }

/* БЛОК 4 */
/* =========================================================================================================================================================================================================== */
    .container-block-items-5 {
        background: url(images/fon/fon-block-4.png) no-repeat center;
        background-size: cover;
        padding: 30px;
        border-radius: 20px;
    }

    .container-block-items-5-3 img {
       position: relative;
       top: 30px;
       width: 100%;
       height: auto;
       object-fit: contain;
    }

    .container-block-items-5-2 {
        padding: 20px;
        border-radius: 20px;
        max-width: 434px;
    }

    .container-block-items-5-2 a:hover {
        text-decoration: underline;
    }

/* БЛОК 5 */
/* =========================================================================================================================================================================================================== */
    .container-block-items-6-1 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        width: 100%;
        gap: 30px;
    }

    .container-block-items-6-2 {
        border: 2px solid #EFECE3;
        border-radius: 20px;
        padding: 20px;
    }

    .container-block-items-6-3 {
        padding: 30px 20px;
        border-radius: 20px;
    }

    .image-position-block4 {
        position: relative;
        top: 55px;
    }

/* БЛОК 6 */
/* =========================================================================================================================================================================================================== */
    .video-content {
        border-radius: 20px;
        width: 100%;
        height: auto;
    }

    .container-block-items-7-3 li {
        list-style: none;
        background: url(images/icons/icon-cover-check.svg) no-repeat left center;
        padding: 8px 0px 8px 50px;
    }

/* БЛОК 7 */
/* =========================================================================================================================================================================================================== */
    .container-block-items-8 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        width: 100%;
        gap: 30px;
    }

    .container-block-items-8-1 {
        border: 2px solid #EFECE3;
        border-radius: 20px;
        padding: 30px;
    }

    .container-block-items-8-1 img {
        width: 150px;
        height: auto;
        object-fit: contain;
    }

/* БЛОК 8 */
/* =========================================================================================================================================================================================================== */
    .container-block-items-9-2 img {
        width: 300px;
        height: auto;
        object-fit: contain;
    }

/* БЛОК 9 */
/* =========================================================================================================================================================================================================== */
    .container-block-items-10-1,
    .container-block-items-10-4 {
        border: 2px solid #EFECE3;
        border-radius: 20px;
        padding: 20px;
    }

    .container-block-items-10-3 {
        width: 100px;
        aspect-ratio: 1;
        border-radius: 50%;
        transition: 0.3s ease-in-out;

        &:hover {
            transform: scale(110%);
        }
    }

/* БЛОК 10 */
/* =========================================================================================================================================================================================================== */
    .container-block-items-11 {
        border: 2px solid #EFECE3;
        border-radius: 20px;
        padding: 50px 20px;
    }

    .container-block-items-11-1 {
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        padding: 20px;
        border-radius: 10px;
        max-width: 800px;
    }

/* БЛОК 11 */
/* =========================================================================================================================================================================================================== */
    .container-block-items-12 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        width: 100%;
        gap: 30px;
    }

    .container-block-items-12-3 {
        border: 2px solid #EFECE3;
        border-radius: 20px;
        padding: 20px;
    }

/* БЛОК 12 */
/* =========================================================================================================================================================================================================== */
    .block-fon-12 {
        background: url(images/fon/fon-block-4.avif) no-repeat center;
        background-size: cover;
    }

/* ПОДВАЛ САЙТА */
/* =========================================================================================================================================================================================================== */
    footer {
        height: 100px;
    }

/* POP-UP */
/* =========================================================================================================================================================================================================== */
    /* Галерея */
    /* ======================================================================================================================================================================================================= */
        .popup[hidden] {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            transform: translate(-100%, -100%) scale(0);
            background-color: rgba(255, 255, 255, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 800;
            overflow: hidden;
            backdrop-filter: blur(3px);
            transition: 0.3s ease-in-out;
        }

        .container-large-image {
            display: flex;
            width: 100%;
            height: 100vh;
        }

        .popup.active{
            transform: translate(0, 0) scale(1);
            opacity: 1;
        }

        .popup.active .close-btn,
        .popup.active .image-name,
        .popup.active .index,
        .popup.active .large-image,
        .popup.active .arrow-btn{
            opacity: 1;
            transition: opacity .1s;
            transition-delay: 0.3s;
        }

        .top-bar{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50px;
        }

        .close-btn{
            opacity: 0;
            position: absolute;
            top: 15px;
            right: 20px;
            width: 30px;
            height: 30px;
            background-image: url(images/icons/icon-close.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            cursor: pointer;
        }

        .large-image{
            padding: 30px 0;
            width: 100%;
            height: auto;
            object-fit: contain;
        }

        .st-size {
            max-height: 600px;
            min-height: 600px;
        } 

    /* POP-UP форма обратной связи */
    /* ======================================================================================================================================================================================================= */ 

        .popup-feedback-form {
            display: flex;
            position: fixed;
            inset: 0;
            background-color: rgba(37, 36, 18, 0.9);
            z-index: 900;
            padding: 0px 10px;
            transform: scale(0);
        }

        .popup-feedback-form--active[hidden] {
            transform: scale(100%);
        }

        .container-popup-feedback-form {
            border-radius: 20px;
            padding: 20px;
            max-width: 400px;
            transform: translateY(-1000px);
            transition: 0.3s ease-in-out;
        }

        .container-popup-feedback-form--active {
            transform: translateY(0);
        }

        .popups-button-close {
            cursor: pointer;

            &:active {
                transform: scale(98%);
            }
        }

    /* POP-UP (Квиз опросник) */
    /* ======================================================================================================================================================================================================= */
     
        .quiz-questionnaire {
            display: flex;
            background-color: rgba(37, 36, 18, 0.9);
            position: fixed;
            inset: 0;
            padding: 0px 10px;
            transform: scale(0);
            z-index: 900;
            overflow-y: auto;
        }

        .quiz-questionnaire--active {
            transform: scale(100%);
        }

        .container-quiz-questionnaire {
            max-width: 800px;
            padding: 20px 50px;
            border-radius: 20px;
            transition: 0.3s ease-in-out;
            transform: translateY(-1000px);
        }

        .container-quiz-questionnaire--active {
            transform: translateY(0);
        }

        .container-quiz-indicator {
            border: 2px solid #EFECE3;
            height: 50px;
            border-radius: 10px;
            gap: 2px;
        }

        .quiz-indicator-borderleft {
            border-radius: 10px 0px 0px 10px;
        }

        .quiz-indicator-borderright {
            border-radius: 0px 10px 10px 0px;
        }

        .quiz-indicator-color-1 {
            background-color: #AFE621;
        }

        .quiz-indicator-color-2 {
            background-color: #AFE621;
        }

        .quiz-indicator-color-3 {
            background-color: #A4E023;
        }

        .quiz-indicator-color-4 {
            background-color: #96D725;
        }

        .quiz-indicator-color-5 {
            background-color: #7CC729;
        }

        .quiz-indicator-color-6 {
            background-color: #6EBF2B;
        }

        .quiz-indicator-color-7 {
            background-color: #5ca123;
        }

        .container-quiz-questions-1 {
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        }

        .quiz-question-hidden {
            display: none;
        }

/* АККОРДЕОН */
/* =========================================================================================================================================================================================================== */
    .acor-container {
        margin: 20px 0;
        width: 100%;
    }

    .acor-container .acor-body {
        width: 100%;
        margin: 0 auto;
        height: 0;
        background-color: #F8F7F3;
        padding: 0 30px;
        transition: color 0.5s, padding 0.5s;
        overflow: hidden;
    }

    .acor-container .acor-body p {
        margin: 0 0 10px;
    }

    .acor-container label {
        cursor: pointer;
        background-color: #F8F7F3;
        display: block;
        padding: 15px 20px;
        width: 100%;
        z-index: 100;
        margin: 0 0 5px;
        transition: color .35s;
    }

    .acor-container input{
        display: none;
    }

    .acor-container label:before {
        content: '\276F';
        float: right;
    }

    .acor-container input:checked + label:before {
        transition: transform .35s;
        transform: rotate(90deg);
    }

    .acor-container input:checked + label + .acor-body {
        height: auto;
        margin-top: -5px;
        padding: 20px 30px 10px;
    }

/* ПОЛОСА ПРОКРУТКИ СТРАНИЦЫ */
/* =========================================================================================================================================================================================================== */
    *::-webkit-scrollbar {
        height: 10px;
        width: 10px;
    }
    
    *::-webkit-scrollbar-track {
        background-color: #f0f0f0;
        border-radius: 5px;
        border: 0px solid #ffffff;
    }
    
    *::-webkit-scrollbar-track:hover {
        background-color: #f0f0f0;
    }
    
    *::-webkit-scrollbar-track:active {
        background-color: #f0f0f0;
    }
    
    *::-webkit-scrollbar-thumb {
        background-color: #178836;
        border-radius: 5px;
        border: 0px solid #ffffff;
    }
    
    *::-webkit-scrollbar-thumb:hover {
        background-color: #178836;
    }
    
    *::-webkit-scrollbar-thumb:active {
        background-color: #178836;
    }

/* СТРАНИЦА БЛАГОДАРНОСТИ */
/* =========================================================================================================================================================================================================== */
    .thanks-page {
        position: fixed;
        inset: 0;
    }

    .container-thanks-page {
        border: 2px solid #EFECE3;
        padding: 200px 30px;
        border-radius: 20px;
    }

/* СТРАНИЦА 404 */
/* =========================================================================================================================================================================================================== */
    .page-404 {
        position: fixed;
        inset: 0;
    }

/* ДЕСКТОП */
/* =========================================================================================================================================================================================================== */
    @media (width >= 1200px) {

        /* ОБЛАСТЬ ОТОБРАЖЕНИЯ НА РАЗНЫХ УСТРОЙСТВАХ */
        /* =================================================================================================================================================================================================== */
            .content-area {
                max-width: 1140px;
            }

        /* БЛОКИ */
        /* =================================================================================================================================================================================================== */
            .block-margins {
                padding: 50px 0px;
            }

            .container-blocks {
                gap: 50px;
            }

        /* БЛОК 2 */
        /* =================================================================================================================================================================================================== */
            .container-block-items-3-1 {
                width: 60%;
            }

        #slidelist {
            display: none;
        }

        /* БЛОК 8 */
        /* =================================================================================================================================================================================================== */

            .sl2 {
                display: none;
            }

    }

/* ПЛАНШЕТ */
/* =========================================================================================================================================================================================================== */
    @media (1200px > width) {

        /* ОБЛАСТЬ ОТОБРАЖЕНИЯ НА РАЗНЫХ УСТРОЙСТВАХ */
        /* =================================================================================================================================================================================================== */
            .content-area {
                max-width: 720px;
            }

        /* ОБЛОЖКА САЙТА */
        /* =================================================================================================================================================================================================== */

            .container-cover {
                flex-direction: column;
                gap: 30px;
                margin: 30px 0px;
            }

            h1 {
                text-align: center;
            }

            .left-block-cover img {
                top: 0px;
            }

            .right-block-cover {
                align-items: center;
            }

            .left-block-cover {
                width: 100%;
            }

        /* ШАПКА САЙТА */
        /* =================================================================================================================================================================================================== */
            header {
                height: auto;
                padding: 70px 0px 10px 0px;
                position: static;
            }

            .container-header {
                flex-direction: column;
                gap: 20px;
            }

            .container-cover-logo,
            .container-messengers {
                justify-content: center;
            }

            .container-phone,
            .container-callback {
                display: none;
            }

            .block-header-container-phone[hidden] {
                position: fixed;
                display: flex;
                width: 100%;
                height: 60px;
                z-index: 550;
            }

        /* БЛОКИ */
        /* =================================================================================================================================================================================================== */
            .block-margins {
                padding: 30px 0px;
            } 
            
            .container-blocks {
                gap: 30px;
            }

        /* БЛОК 2 */
        /* =================================================================================================================================================================================================== */
            .container-block-items-3 {
                flex-direction: column;
                padding: 30px 30px 80px 30px;
            }

            /* Слайдер */
                #button-left, #button-right {
                    display: none;
                }

        /* БЛОК 3 */
        /* =================================================================================================================================================================================================== */
            .container-block-items-4-1 {
                flex-direction: column;
            }

            .container-block-items-4-2 {
                width: 100%;
            }

        /* БЛОК 4 */
        /* =================================================================================================================================================================================================== */

            .container-block-items-5 {
                background: url(images/fon/fon-block-4-1.jpg) no-repeat center;
            }

            .container-block-items-5-3 {
                display: none;
            }

            .container-block-items-5-1 {
                align-items: center;
            }

        /* БЛОК 6 */
        /* =================================================================================================================================================================================================== */
            .container-block-items-7 {
                flex-direction: column;
            }

            .video-content {
                height: 400px;
            }

        /* БЛОК 8 */
        /* =================================================================================================================================================================================================== */
            /* Слайдер */
            /* =============================================================================================================================================================================================== */
                .itc-slider-item-1 {
                    flex: 0 0 100%;
                    max-width: 100%;
                }

                .itc-slider-1,
                .itc-slider-wrapper-1 {
                    padding: 0px;
                }

                .slider-image-1 {
                    height: auto;
                }

                .container-block-items-9-2 {
                    flex-direction: column;
                }

                .indekei-1 {
                    bottom: -20px;
                }

                .sl1 {
                    display: none;
                }

                .sl2 {
                    display: block;
                }
                
            /* ПОДСКАЗКА */
            /* =============================================================================================================================================================================================== */
                .button-close-hint:hover::after,  a[data-title]:hover::after,  .a1[data-title]:hover::after {
                    content: none;
                }
    }

/* ТЕЛЕФОН */
/* =========================================================================================================================================================================================================== */
    @media (768px > width > 320px) {

        /* ОБЛАСТЬ ОТОБРАЖЕНИЯ НА РАЗНЫХ УСТРОЙСТВАХ */
        /* =================================================================================================================================================================================================== */
            .content-area {
                max-width: 320px;
            }

        /* БЛОК 2 */
        /* =================================================================================================================================================================================================== */
            .container-block-items-3 {
                flex-direction: column;
                padding: 20px 20px 80px 20px;
            }

            .container-block-items-3-1-1,
            .container-block-items-3-2-1 {
                height: auto;
            }

            .container-block-items-3-2-2 {
                flex-direction: column;
            }

            .slider-image {
                height: 200px;
            }

        /* БЛОК 5 */
        /* =================================================================================================================================================================================================== */
            .container-block-items-6-1 {
                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            }

        /* БЛОК 6 */
        /* =================================================================================================================================================================================================== */
            .video-content {
                height: 200px;
            }

        /* БЛОК 8 */
        /* =================================================================================================================================================================================================== */
            .slider-image-1 {
                height: 200px;
            }

        /* БЛОК 9 */
        /* =================================================================================================================================================================================================== */
            .container-block-items-10-4 {
                flex-direction: column;
            }

        /* БЛОК 11 */
        /* =================================================================================================================================================================================================== */
            .container-block-items-12 {
                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            }
            
            .container-block-items-12-1,
            .container-block-items-12-3  {
                flex-direction: column;
                align-items: center;
            }

        /* ПОДВАЛ САЙТА */
        /* =================================================================================================================================================================================================== */
            footer {
                height: auto;
                padding: 20px 0px;
            }

            .container-footer {
                flex-direction: column;
                gap: 20px;
            }

        /* POP-UP (Квиз опросник) */
        /* =================================================================================================================================================================================================== */
            .quiz-questionnaire {
                align-items: start;
                padding: 50px 10px 0px 10px;
                overflow-y: auto;                
            }

            .container-quiz-questionnaire {
                padding: 20px;
            }

            .container-button-quiz {
                flex-direction: column-reverse;
                gap: 10px;
            }

            .button-style-5 {
                max-width: none;
            }

    }