* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}



body {
    min-width: 320px;

    font-family: "Montserrat", "Mulish";

    color: #332a22;

    background:
        url("img/background.jpg")
        center top / cover fixed;

    overflow-x: hidden;
}


.special-price{
    display: none;
}


/* =====================================================
   HEADER
===================================================== */

.header {
    width: 100%;
    height: 87px;

    background: #2B2622;
}


.header__inner {
    width: 1192px;
    height: 94px;

    margin: 0 auto;

    display: flex;
    align-items: center;
}


/* =====================================================
   ЛОГО
===================================================== */

.header__logo {
    width: 255px;
    height: 32px;

    display: flex;
    align-items: center;

    flex-shrink: 0;

    text-decoration: none;

}

.header__logo img {
    display: block;

    width: 255px;
    height: 50px;

    object-fit: contain;
}


/* =====================================================
   ГОРОД
===================================================== */

.header__city {
    width: 208px;
    height: 60px;

    font-family: "Mulish";
    margin-left: 30px;

    display: flex;
    align-items: center;

    flex-shrink: 0;
}

.header__city-icon {
    display: block;

    width: 44px;
    height: 44px;

    margin-right: 10px;

    border-radius: 50%;

    object-fit: cover;

}

.header__city-info {
    display: flex;
    flex-direction: column;
    font-family: "Mulish";

    color: #fff;

    line-height: 1.25;



    white-space: nowrap;
}

.header__city-info strong {
font-weight: 800;
font-style: ExtraBold;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}

.header__city-info span {
    margin-top: 4px;
font-weight: 300;
font-style: Medium;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =====================================================
   ТЕЛЕФОН
===================================================== */

.header__phone {
    width: 252px;

    margin-left: 0;

    color: #fff;

    text-decoration: none;

font-family: "Mulish";

font-weight: 700;
font-style: Bold;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =====================================================
   КНОПКИ HEADER
===================================================== */

.header__button {
    width: 175px;
    height: 50px;


    padding: 0;

    border: none;
    border-radius: 5px;


    font-size: 11px;
    font-weight: 700;

    cursor: pointer;

    flex-shrink: 0;


}

.header__button--orange {
    margin-right: 22px;

    background: #c99358;

    color: #fff;


  font-family: "Mulish";
font-weight: 800;
font-style: ExtraBold;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}

.header__button--white {
    background: #f8f8f7;

    color: #171513;

  font-family: "Mulish";
font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;

}


/* =====================================================
   МЕНЮ
===================================================== */

.header__menu {
    height: 65px;

    margin-left: 17px;

    display: flex;
    align-items: center;

    flex-shrink: 0;
}


/* =====================================================
   ТЕКСТ МЕНЮ
===================================================== */

.header__menu-text {
    margin-right: 12px;

    writing-mode: vertical-rl;
    transform: rotate(180deg);

    color: #fff;

    font-family: "Mulish", sans-serif;
    font-size: 11px;
    font-weight: 300;
    font-style: normal;

    line-height: 100%;
    letter-spacing: 0;

    text-align: center;
}


/* =====================================================
   КНОПКА
===================================================== */

.header__menu-button {
    width: 67px;
    height: 55px;

    padding: 0;
    margin: 0;

    border: none;
    background: transparent;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;

    gap: 7px;

    cursor: pointer;
}


/* =====================================================
   ТРИ ПОЛОСКИ
===================================================== */

.header__menu-button span {
    width: 65px;
    height: 11px;

    background: #fff;

    border-radius: 2px;

    opacity: 1;

    display: block;
}

/* =====================================================
   HOVER
===================================================== */

.header__menu-button:hover span {
    opacity: 0.75;
}


/* =====================================================
   ACTIVE — КРЕСТИК
===================================================== */

.header__menu-button.active span:nth-child(1) {
    transform: translateY(10px) rotate(45deg);
}

.header__menu-button.active span:nth-child(2) {
    opacity: 0;
}

.header__menu-button.active span:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
}





.navigation {
    width: 1192px;
    max-width: calc(100% - 32px);
    min-height: 66px;

    margin: 15px auto 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    box-sizing: border-box;
}

/* Переключатель города */
.gz-city-switch {
    flex: 0 0 auto;
    margin-left: 0;
}

/* Общий стиль основных кнопок */
.navigation > a,
.navigation__services > .navigation__services-link {
    height: 50px;
    width: auto !important;
    min-width: 0;

    flex: 0 1 auto;
    padding: 0 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
    border: none;
    border-radius: 10px;

    background: linear-gradient(
        380deg,
        #967968 0%,
        #C39980 100%
    );

    color: #fff;
    text-decoration: none;
    white-space: nowrap;

    font-family: "Mulish", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}

/* Контейнер услуг */
.navigation__services {
    position: relative;
    flex: 0 1 auto;
    min-width: 0;
}



.navigation a {
    height: 50px;

    padding: 0 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        linear-gradient(
            380deg,
            #967968 0%,
            #C39980 100%
        );

    color: #fff;

    text-decoration: none;
  white-space: nowrap;

font-family: "Mulish";
font-weight: 600;
font-style: SemiBold;
font-size: 17px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* ТОЧНЫЕ ШИРИНЫ КНОПОК */

.navigation a:nth-child(1) {
    width: 109px;
}

.navigation a:nth-child(2) {
    width: 121px;
}

.navigation a:nth-child(3) {
    width: 157px;
}

.navigation a:nth-child(4) {
    width: 150px;
}

.navigation a:nth-child(5) {
    width: 125px;
}

.navigation a:nth-child(6) {
    width: 160px;
}

.navigation a:nth-child(7) {
    width: 143px;
}

.navigation a:nth-child(8) {
    width: 143px;
}












/* =====================================================
   MOBILE HEADER
===================================================== */

@media (max-width: 767px) {

    /* ================= HEADER ================= */

    .header {
        width: 100%;
        height: 47px;
        background: #2B2622;
    }

    .header__inner {
        width: 100%;
        height: 47px;

        margin: 0;
        padding: 0 17px 0 20px;

        display: flex;
        align-items: center;
    }


    /* ================= ЛОГОТИП ================= */

    .header__logo {
        width: 88px;
        height: 25px;

        margin: 0;

        display: flex;
        align-items: center;

        flex-shrink: 0;

        order: 1;
    }

    .header__logo img {
        display: block;

        width: 88px;
        height: 25px;

        object-fit: contain;
        object-position: left center;
    }


    /* ================= ГОРОД ================= */

    .header__city {
        display: none;
    }


    /* ================= КНОПКА "НАПИСАТЬ В МАХ" ================= */

    .header__button--white {
        width: 67px;
        height: 23px;

  margin: 0 16px 0 35px;
          padding: 0;

        border: none;
        border-radius: 4px;

        background: #f8f8f7;
        color: #171513;

        font-family: "Mulish", sans-serif;

        font-size: 7px;
        font-weight: 700;

        line-height: 1;
        text-align: center;

        

        cursor: pointer;

        flex-shrink: 0;

        order: 2;
    }


    /* ================= КНОПКА "ПОЗВОНИТЬ" ================= */

    .header__button--orange {
        display: none;
    }


    /* ================= ТЕЛЕФОН ================= */

    .header__phone {
        width: auto;

        margin: 0;

        color: #fff;

        text-decoration: none;

        font-family: "Mulish", sans-serif;

        font-size: 9px;
        font-weight: 700;

        line-height: 1;

        white-space: nowrap;

        flex-shrink: 0;

        order: 3;
    }


    /* ================= МЕНЮ ================= */

    .header__menu {
        height: 47px;

        margin-left: auto;

        display: flex;
        align-items: center;

        flex-shrink: 0;

        order: 4;
    }


    /* ================= ТЕКСТ "МЕНЮ" ================= */

    .header__menu-text {
        margin-right: 8px;

        writing-mode: vertical-rl;
        transform: rotate(180deg);

        color: #fff;

        font-family: "Mulish", sans-serif;

        font-size: 10px;
        font-weight: 300;

        line-height: 1;

        letter-spacing: 0;

        white-space: nowrap;

        text-align: center;
    }


    /* ================= КНОПКА ГАМБУРГЕР ================= */

    .header__menu-button {
        width: 36px;
        height: 39px;

        padding: 0;
        margin: 0;

        border: none;
        background: transparent;

        display: flex;
        flex-direction: column;

        justify-content: center;
        align-items: flex-end;

        gap: 5px;

        cursor: pointer;
    }


    /* ================= ТРИ ПОЛОСКИ ================= */

    .header__menu-button span {
        width: 36px;
        height: 6px;

        display: block;

        background: #fff;

        border-radius: 1px;

        opacity: 1;
    }


    /* ================= HOVER ================= */

    .header__menu-button:hover span {

        margin-left: 40px;
        opacity: 0.75;
    }


    /* ================= ACTIVE — КРЕСТИК ================= */

    .header__menu-button.active span:nth-child(1) {
        transform: translateY(11px) rotate(45deg);
    }

    .header__menu-button.active span:nth-child(2) {
        opacity: 0;
    }

    .header__menu-button.active span:nth-child(3) {
        transform: translateY(-11px) rotate(-45deg);
    }

   .header__menu:has(.header__menu-button.active) {
    position: relative;
    left: -120px;
}
}



/* =====================================================
   MOBILE HERO — ТОЧНЫЙ ПОРЯДОК КАК В ДИЗАЙНЕ
===================================================== */

@media (max-width: 767px) {

    /* =================================================
       ОСНОВНОЙ HERO
    ================================================= */

    .hero__content {
        position: relative;

        width: 100%;
        min-height: 0;
        height: auto;

        margin: 0;
        padding: 0 15px 25px;

        box-sizing: border-box;

        display: grid;

        /*
         * ВАЖНО:
         * теперь все элементы .hero__left
         * становятся элементами этого grid
         */
        grid-template-columns: 1fr;

        align-items: start;
    }
}



/* =====================================================
   МОБИЛЬНАЯ НАВИГАЦИЯ
   ЕДИНЫЙ ЭКРАН ПО ДИЗАЙНУ
===================================================== */

.mobile-navigation {
    display: none;
}

@media screen and (max-width: 767px) {

    /* =====================================================
       ОТКРЫТОЕ МОБИЛЬНОЕ МЕНЮ
    ===================================================== */

    .mobile-navigation {
        position: fixed;

        top: 0;
        left: 0;

        width: 100vw;
        height: 346px;

        margin: 0;
        padding: 0;

        box-sizing: border-box;

        background: #2B2622;

        z-index: 100000;

        display: none;

        overflow: hidden;
    }


    .mobile-navigation.active {
        display: block;
    }


    /* =====================================================
       НОВАЯ ШАПКА ВНУТРИ МЕНЮ

       ВАЖНО:
       ЭТО НЕ .header
    ===================================================== */

    .mobile-menu-header {
        position: absolute;

        top: 0;
        left: 0;

        width: 360px;
        height: 48px;

        display: flex;

        align-items: center;

        box-sizing: border-box;

        background: #2B2622;

        z-index: 10;
    }


    /* =====================================================
       ЛОГОТИП
    ===================================================== */

    .mobile-menu-header__logo {
        position: absolute;

        left: 29px;
        top: 10px;

        width: 29px;
        height: 29px;

        object-fit: contain;


        
    }


    /* =====================================================
       ГОРОД
    ===================================================== */

    .mobile-menu-header__city {
        position: absolute;

        left: 97px;
        top: 10px;

        width: 106px;
        height: 29px;

        display: flex;
        align-items: center;
    }


    .mobile-menu-header__city-icon {
        width: 23px;
        height: 23px;

        margin-right: 7px;

        border-radius: 50%;

        object-fit: cover;
    }


    .mobile-menu-header__city-info {
        display: flex;
        flex-direction: column;

        color: #FFFFFF;

        white-space: nowrap;
    }


    .mobile-menu-header__city-info strong {
        margin: 0;

        font-family: "Mulish";

    

        line-height: 9px;


font-weight: 800;
font-style: "ExtraBold";
font-size: 8px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

    }


    .mobile-menu-header__city-info span {
        margin: 2px 0 0;

        font-family: "Mulish";

        font-size: 6px;
        font-weight: 400;

        line-height: 7px;
    }


    /* =====================================================
       КНОПКА ПОЗВОНИТЬ
    ===================================================== */

    .mobile-menu-header__call {
        position: absolute;

        left: 226px;
        top: 10px;

        width: 87px;
        height: 24px;

        padding: 0;

        border: none;
        border-radius: 4px;

        background: #C6925C;

        color: #FFFFFF;

        font-family: "Mulish";

        font-size: 7px;
        font-weight: 800;

        line-height: 24px;

        text-align: center;
    }


     /* =====================================================
       МЕНЮ + КРЕСТИК

       ОСТАВЛЯЕМ СПРАВА,
       ГДЕ БЫЛ БУРГЕР
    ===================================================== */

    .mobile-menu-header__menu {
        position: absolute;

        top: 0;
        right: -17px;

        width: 25px;
        height: 25px;

        margin: 0;
        padding: 0;
    }


    /* =====================================================
       НАДПИСЬ МЕНЮ
    ===================================================== */

    .mobile-menu-header__menu > span {
        position: absolute;

        left: -25px;
        top: 8px;

        width: 7px;

        color: #fff;

        font-family: "Mulish";

        font-size: 10px;
        font-weight: 300;

        line-height: 1;

        writing-mode: vertical-rl;

        transform: rotate(180deg);

        text-align: center;
    }


    /* =====================================================
   КРЕСТИК — ТОЧНО НА МЕСТЕ БУРГЕРА
===================================================== */

.mobile-menu-header__close {
    position: absolute;

    /* такое же положение, как у .header__menu-button */
    right: 0;
    top: 4px;

    width: 36px;
    height: 39px;

    margin: 0;
    padding: 0;

    border: none;
    background: transparent;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}


/* =====================================================
   ЛИНИИ КРЕСТИКА
===================================================== */

.mobile-menu-header__close span {
    position: absolute;

    left: 0;
    top: 17px;

    width: 36px;
    height: 6px;

    margin: 0;

    background: #fff;

    border-radius: 1px;
}


/* первая линия */
.mobile-menu-header__close span:first-child {
    transform: rotate(45deg);
}


/* вторая линия */
.mobile-menu-header__close span:last-child {
    transform: rotate(-45deg);
}


/* =====================================================
   ПУНКТИРНАЯ РАМКА
===================================================== */

.mobile-navigation::before {
    content: "";

    position: absolute;

    top: 53px;
    left: 50%;

    width: 207px;
    height: 275px;

    transform: translateX(-50%);

    box-sizing: border-box;

    border: 1px dashed rgba(255, 255, 255, 0.85);

    opacity: 1;
}


/* =====================================================
   КНОПКИ НАВИГАЦИИ
===================================================== */

.mobile-navigation__links {
    position: absolute;

    top: 70px;
    left: 50%;

    width: 182px;

    transform: translateX(-50%);

    display: grid;

    grid-template-columns: 89px 89px;

    column-gap: 8px;
    row-gap: 15px;
}


.mobile-navigation__links a {
    width: 89px;
    height: 27px;

    padding: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    border-radius: 5px;

    background: linear-gradient(
        180deg,
        #CBA68F 0%,
        #A9826D 100%
    );

    color: #FFFFFF;

    text-decoration: none;

    font-family: "Montserrat", sans-serif;

    font-weight: 600;
    font-style: normal;

    font-size: 10px;

    line-height: 100%;
    letter-spacing: 0;

    text-align: center;
}


/* =====================================================
   НИЖНИЙ ЛОГОТИП
===================================================== */

.mobile-navigation__logo {
    position: absolute;

    top: 245px;
    left: 50%;

    width: 122px;
    height: 16px;

    transform: translateX(-50%);

    margin: 0;
    padding: 0;

    object-fit: contain;

    opacity: 1;
}


/* =====================================================
   НИЖНИЕ КОНТАКТЫ
===================================================== */

.mobile-navigation__contacts {
    position: absolute;

    top: 285px;
    left: 50%;

    width: 158px;
    height: 20px;

    transform: translateX(-50%);

    margin: 0;
    padding: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;
}


/* =====================================================
   КНОПКА «НАПИСАТЬ В MAX»
===================================================== */

.mobile-navigation__max {
    width: 67px;
    height: 20px;

    margin: 0;
    padding: 3px 5px;

    box-sizing: border-box;

    border: 1px solid #2B2622;
    border-radius: 5px;

    background: #FFFFFF;

    color: #2B2622;

    font-family: "Mulish", sans-serif;

    font-weight: 700;
    font-style: normal;

    font-size: 6px;

    line-height: 100%;
    letter-spacing: 0;

    text-align: center;
    vertical-align: middle;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* =====================================================
   НОМЕР ТЕЛЕФОНА
===================================================== */

.mobile-navigation__phone {
    margin: 0;
    padding: 0;

    color: #FFFFFF;

    text-decoration: none;

    font-family: "Mulish", sans-serif;

    font-weight: 700;
    font-style: normal;

    font-size: 8px;

    line-height: 100%;
    letter-spacing: 0;

    white-space: nowrap;
}
    .navigation{
        display: none;

    }

    /* =========================================================
   МОБИЛЬНОЕ МЕНЮ — УСЛУГИ
========================================================= */

.mobile-navigation__services {
    position: relative;
    width: 89px;
    height: 27px;
}


/* Выпадающее окно */

.mobile-navigation__dropdown {
    position: absolute;

    top: 32px;
    left: 0;

    width: 190px;

    margin: 0;
    padding: 5px;

    box-sizing: border-box;

    display: none;

    background: #F6E5D0;

    border: 1px solid rgba(150, 121, 104, 0.25);

    border-radius: 7px;

    box-shadow: 0 5px 14px rgba(57, 51, 45, 0.12);

    z-index: 1000;
}


/* Открытие */

.mobile-navigation__services.is-open .mobile-navigation__dropdown {
    display: block;

    animation: servicesDropdownOpen 0.18s ease;
}


@keyframes servicesDropdownOpen {

    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* Пункты выпадающего меню */

.mobile-navigation__dropdown a {
    display: flex;

    width: 100% !important;
    height: auto !important;

    min-height: 30px;

    margin: 0;
    padding: 7px 9px;

    box-sizing: border-box;

    align-items: center;
    justify-content: flex-start;

    background: transparent !important;

    color: #39332D;

    text-decoration: none;

    font-family: "Montserrat", sans-serif;

    font-size: 7px;
    font-weight: 500;

    line-height: 1.25;

    text-align: left;

    white-space: normal;

    border: none !important;

    border-radius: 4px;
}


.mobile-navigation__dropdown a:hover {
    background: rgba(150, 121, 104, 0.10) !important;
}


.mobile-navigation__dropdown a + a {
    border: none !important;
}
}

/* =====================================
   БУРГЕР НА ПК — ВСЕГДА ТРИ ПОЛОСКИ
===================================== */

@media screen and (min-width: 768px) {

    .header__menu-button.active span:nth-child(1) {
        transform: none;
    }

    .header__menu-button.active span:nth-child(2) {
        opacity: 1;
    }

    .header__menu-button.active span:nth-child(3) {
        transform: none;
    }

}

/* =====================================================
   УБИРАЕМ ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ НА ТЕЛЕФОНЕ
   ===================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}

@media screen and (max-width: 767px) {

    html {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    /* Нельзя элементам расширять страницу */
    * {
        max-width: 100%;
    }

    /* Но картинки не должны ломать свои размеры */
    img {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {

    html,
    body {
        width: 100%;
        max-width: 100vw;
        overflow-x: clip !important;
    }

    .navigation,
    .hero__content,
    .trust-container,
    .situations-header,
    .situations-list {
        max-width: 100%;
    }
}

/* =========================================
   ПЕРВЫЙ ЭКРАН
========================================= */


.hero {
    width: 100%;
    height: 743px;

    min-height: 716px;

    overflow: hidden;
position: relative;
    background:
         url("img/paper-texture.png")
        center top / cover;
}



/* =========================================
   ОСНОВНОЙ КОНТЕНТ
========================================= */

.hero__content {
    position: relative;

    z-index: 5;

    width: 100%;
    max-width: 1218px;

    height: 100%;

    margin: 0 auto;

    padding-top: 155px;
}
/* =========================================
   ЗАГОЛОВОК
   ========================================= */

.hero__title {
    width: 690px;

    margin-left: 0;

    color: #B88A4433 20%;

    margin-top: -70px;
    margin-left: 10px;

    letter-spacing: -0.5px;


    font-family: "Montserrat";
font-weight: 800;
font-style: "ExtraBold";
font-size: 32px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =========================================
   ИНФОРМАЦИОННАЯ ПЛАШКА
   ========================================= */

.hero__info {
    position: relative;

    display: flex;
    align-items: center;

    width: 611px;
    height: 146px;

    margin-top: 40px;

    padding: 20px 25px 20px 17px;

    background: #DAB58580 50%;
}


/* Иконка суда */

.hero__info-icon {
    flex: 0 0 70px;

    width: 70px;
    height: 70px;

    margin-right: 13px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.hero__info-icon img {
    width: 67px;
    height: 64px;

    object-fit: contain;
}


/* Текст */

.hero__info p {
    color: #1F1F1F;

    line-height: 1.22;

    

    font-family: "Montserrat";
font-weight: 500;
font-style: Medium;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =========================================
   ОПИСАНИЕ
   ========================================= */

.hero__description {
    display: flex;
    align-items: center;

    width: 610px;

    margin-top: 38px;
}


/* Иконка весов */

.hero__description-icon {
    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    margin-right: 8px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.hero__description-icon img {
    width: 36px;
    height: 36px;

    object-fit: contain;
}


/* Текст */

.hero__description p {
    color: #1F1F1F;

    line-height: 1.42;


    font-family: "Montserrat";
font-weight: 400;
font-style: "Regular";
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}

.hero__description strong {
    font-weight: 600;
}


/* =========================================
   КНОПКИ
   ========================================= */

.hero__buttons {
    display: flex;
    align-items: center;

    gap: 54px;

    margin-top: 40px;
}


.hero__button {
    width: 237px;
    height: 72px;

    border-radius: 10px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        opacity 0.2s ease;
}

.hero__button:hover {
    transform: translateY(-2px);
    opacity: 0.92;
}


/* Первая кнопка */

.hero__button--orange {
    background: #cb9355;
    color: #fff;
}


/* Вторая кнопка */

.hero__button--brown {
    background: #9a7d6c;
    color: #fff;
}


.hero__button span {
    display: block;

    font-size: 18px;
    line-height: 1.1;

    font-weight: 600;
}


.hero__button small {
    display: block;

    margin-top: 3px;

    line-height: 1.1;




    font-family: "Montserrat";
font-weight: 400;
font-style: "Regular";
font-size: 15px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   НИЖНЯЯ ПОЛОСА
   ========================================= */


.hero__bottom {
    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #9A7D6C !important;

    color: #FFFFFF !important;

    font-family: "Montserrat", sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    letter-spacing: 0 !important;

    text-align: center !important;

    white-space: nowrap !important;

    z-index: 9999 !important;

    overflow: hidden !important;
}



/* =========================================
   БЛОК ПРЕИМУЩЕСТВ
   ========================================= */

.advantages {
    width: 100%;
    height: 105px;

    background: #FFFFFF;

    display: flex;
    align-items: center;
    justify-content: center;


    gap: 43px;

    padding: 0;
    margin: 0;

    box-sizing: border-box;
}


/* =========================================
   ОДИН ПОКАЗАТЕЛЬ
   ========================================= */

.advantages__item {
    display: flex;
    align-items: center;

    height: 55px;
        margin-left: -30px;


    white-space: nowrap;
}


/* =========================================
   БОЛЬШАЯ ЦИФРА
   ========================================= */

.advantages__number {
    position: relative;

    display: flex;
    align-items: center;

    color: #3D342A;

    font-family: "Montserrat";


    line-height: 1;

    letter-spacing: -0.5px;
    

font-weight: 700;
font-style: Bold;
font-size: 30px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =========================================
   ЗВЁЗДОЧКА
   ========================================= */

.advantages__number img {
    position: absolute;

    width: 13px;
    height: 13px;

    object-fit: contain;

    top: -10px;
    right: -7px;

    margin-left: -20px;
}


/* =========================================
   ТЕКСТ СПРАВА
   ========================================= */

.advantages__text {
    margin-left: 18px;

    color: #5C534A;

    font-family: "Montserrat";

    font-size: 13px;
    font-weight: 400;

    line-height: 1.15;

    letter-spacing: 0;
}


.advantages__text strong {
    font-weight: 700;
}

/* =====================================================
   ВТОРОЙ ЭКРАН — ИСТОРИЯ
===================================================== */

.history {
    position: relative;

    width: 100%;
    min-height: 1718px;

    margin: 0;
    padding: 42px 0 90px;

    box-sizing: border-box;
    background-image: url("img/bafff.png");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;

    overflow: hidden;
}


/* =====================================================
   ИКОНКА НАД ЗАГОЛОВКОМ
===================================================== */

.history__icon {
    width: 67px;
    height: 67px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.history__icon img {
    display: block;

    width: 67px;
    height: 67px;

    object-fit: contain;
}


/* =====================================================
   ЗАГОЛОВОК
===================================================== */

.history__title {
    width: 100%;

    margin: 51px 0 0;

    padding: 0;

    color: #1F1F1F;

    font-family: "Montserrat";



    line-height: 1.12;

    letter-spacing: 0;

    text-align: center;


font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =====================================================
   ЦЕНТРАЛЬНАЯ КАРТОЧКА
===================================================== */

.history__card {
    position: relative;

    width: 1020px;

    margin: 40px auto 0;

    padding: 47px 37px 0;

    box-sizing: border-box;

    border-radius: 18px;

    overflow: hidden;

    background:
        url("img/quiz-paper.png");

    background-size: cover;
    background-position: center;
}


/* =====================================================
   РЯД ФОТО
===================================================== */

.history__photos {
    width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* =====================================================
   ФОТО
===================================================== */

.history__photo {
    display: block;

    width: 257px;
    height: 183px;

    object-fit: cover;

    border-radius: 17px;
}


/* =====================================================
   ПЕРВЫЙ РЯД ФОТО
===================================================== */

.history__photos--top {
    margin: 0;
}


/* =====================================================
   ТЕКСТ
===================================================== */

.history__text {
    width: 100%;

    color: #2F2A25;

    font-family: "Montserrat";


    line-height: 1.28;

    text-align: center;

font-weight: 500;
font-style: Medium;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* убираем стандартные отступы */

.history__text p {
    margin: 0;
}


/* =====================================================
   ТЕКСТ ПОСЛЕ ПЕРВЫХ ФОТО
===================================================== */

.history__text--first {
    margin-top: 34px;
}

.history__text--first p + p {
    margin-top: 28px;
}


/* =====================================================
   ВТОРОЙ РЯД ФОТО
===================================================== */

.history__photos--bottom {
    margin-top: 39px;
}


/* =====================================================
   ВТОРОЙ ТЕКСТ
===================================================== */

.history__text--second {
    margin-top: 34px;
}

.history__text--second p + p {
    margin-top: 28px;
}


/* =====================================================
   НИЖНЯЯ ТЁМНАЯ ПЛАШКА
===================================================== */

.history__bottom {
    width: calc(100% + 74px);

    min-height: 106px;

    margin-left: -37px;
    margin-top: 14px;

    padding: 13px 40px;

    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #2B2622;

    color: #FFFFFF;

    font-family: "Montserrat";


    line-height: 1.25;

    text-align: center;


font-weight: 500;
font-style: Medium;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   ПРИНЦИПЫ
========================================= */

.principles {
    position: relative;

    width: 100%;

    min-height: 1000px;

    padding-top: 42px;
    padding-bottom: 100px;

    overflow: hidden;

    background:
        url("img/quiz-paper.png")
        center center / cover no-repeat;
}


/* =========================================
   ШАПКА БЛОКА
========================================= */

.principles__header {
    width: 100%;

    display: flex;
    flex-direction: column;

    align-items: center;

    text-align: center;
}


/* ИКОНКА */

.principles__icon {
    width: 66px;
    height: 66px;

    object-fit: contain;

    margin-bottom: 24px;
}


/* ЗАГОЛОВОК */

.principles__title {
    margin: 0;

    color: #1F1F1F;

    font-family: "Montserrat";

    line-height: 1.12;

    letter-spacing: 0;


font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* ПОДЗАГОЛОВОК */

.principles__subtitle {
    margin: 31px 0 0;

    color: #302a26;

    font-family: "Montserrat";

    line-height: 1.2;


font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   СЛАЙДЕР
========================================= */

.principles__slider {

    width: 100%;

    margin-top: 70px;

    padding-left: calc((100vw - 965px) / 2);
    padding-right: 100px;

    box-sizing: border-box;

    display: flex;

    gap: 14px;

    overflow-x: auto;
    overflow-y: hidden;

    cursor: grab;

    user-select: none;

    scrollbar-width: none;

    -ms-overflow-style: none;
}


/* УБИРАЕМ ПОЛОСУ ПРОКРУТКИ */

.principles__slider::-webkit-scrollbar {
    display: none;
}


/* КУРСОР ПРИ ЗАЖАТИИ */

.principles__slider.is-dragging {
    cursor: grabbing;
}

/* =========================================
   КАРТОЧКА
========================================= */

.principle-card {
    flex: 0 0 520px;
    width: 520px;
    height: 571px;


    box-sizing: border-box;

    text-align: center;
}


/* =========================================
   ЗАГОЛОВОК ПРИНЦИПА
========================================= */

.principle-card__number {
    margin: 0 0 10px;

    color: #a98a77;

    font-family: "Montserrat";

    line-height: 1;


    white-space: nowrap;

font-weight: 700;
font-style: Bold;
font-size: 33px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   ТЕЛО КАРТОЧКИ
========================================= */

.principle-card__body {

    width: 452px;
    height: 506px;

    box-sizing: border-box;

    overflow: hidden;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.88);
}


/* =========================================
   ФОТО
========================================= */

.principle-card__image {

    display: block;

    width: 552px;

    height: 243px;

    object-fit: cover;

    pointer-events: none;
}


/* =========================================
   ТЕКСТ
========================================= */

.principle-card__text {

    box-sizing: border-box;

    padding: 28px 42px 30px;

    color: #302a26;

    font-family: "Montserrat";


    line-height: 1.25;


font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.principle-card__text p {
    margin: 0;
}


.principle-card__text p + p {
    margin-top: 30px;
}


.principle-card__text strong {
    font-weight: 700;
}



/* =========================================================
   TEAM / КОМАНДА
   ТОЧНАЯ ВЕРСИЯ ПОД МАКЕТ
========================================================= */

.team-section {
    width: 100%;
    position: relative;
    overflow: hidden;

    box-sizing: border-box;

    padding: 38px 20px 100px;

    background-color: #faf7f1;

    /* если текстура есть */
    background-image: url("../images/paper-texture.png");
    background-repeat: repeat;
    background-size: auto;
}

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


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

.team-section__inner {
    width: 100%;
    max-width: 1177px;

    margin: 0 auto;
}


/* =========================================================
   ВЕРХНЯЯ ЧАСТЬ
========================================================= */

.team-section__header {
    width: 100%;

    text-align: center;

    margin: 0 0 88px;
}


/* =========================================================
   ИКОНКА
========================================================= */

.team-section__icon {
    width: 75px;
    height: 75px;

    margin: 0 auto 52px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.team-section__icon img {
    display: block;

   width: 75px;
    height: 75px;

    object-fit: contain;
}


/* =========================================================
   ЗАГОЛОВОК
========================================================= */

.team-section__header h2 {
    margin: 0 auto;

    max-width: 1160px;

    color: #B88A4433 20%;

    font-family: "Montserrat";

    font-size: 44px;
    line-height: 1.18;
    font-weight: 800;

    letter-spacing: -1.1px;


font-style: ExtraBold;

leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   ПОДЗАГОЛОВОК
========================================================= */

.team-section__header p {
    margin: 56px auto 0;

    max-width: 850px;

    color: #302c28;

    font-family: "Montserrat";


    letter-spacing: -0.3px;


font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   ЮРИСТ
========================================================= */

.lawyer {
    width: 100%;
    max-width: 1177px;

    margin: 0 auto 48px;

    display: grid;

    grid-template-columns: 256px minmax(0, 1fr);

    column-gap: 28px;

    align-items: start;

    transform: none;
}


/* =========================================================
   ФОТО
========================================================= */

.lawyer__photo {
    width: 256px;
    height: 334px;

    overflow: hidden;

    flex-shrink: 0;
}

.lawyer__photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* =========================================================
   ПРАВАЯ ЧАСТЬ
========================================================= */

.lawyer__content {
    min-width: 0;

    padding-top: 0;
}


/* =========================================================
   ИМЯ
========================================================= */

.lawyer__content h3 {
    margin: -5px 0 20px;

    margin-left: 25px;

    color: #39332e;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: -0.4px;
}


/* =========================================================
   БЕЛАЯ КАРТОЧКА
========================================================= */

.lawyer__info {
    width: calc(100% + 0px);

    margin: 0;

    padding: 26px 29px 20px;

    background: #ffffff;
}


/* =========================================================
   ТЕКСТ КАРТОЧКИ
========================================================= */

.lawyer__info p {
    margin: 0 0 13px;

    color: #302c28;

    font-family: "Montserrat";

    font-size: 19px;
    line-height: 1.25;

    letter-spacing: -0.15px;


font-weight: 500;
font-style: Medium;
leading-trim: NONE;
letter-spacing: 0%;

}

.lawyer__info p:last-child {
    margin-bottom: 0;
}

.lawyer__info strong {
    font-weight: 700;
}


/* =========================================================
   ЦИТАТА
========================================================= */

.lawyer__quote {
    margin: 25px 0 0;

    padding: 0 0 0 29px;

    max-width: 850px;

    color: #9b806e;

    font-family: "Montserrat";

    line-height: 1.27;
    font-weight: 700;

    letter-spacing: -0.15px;


font-style: Bold;
font-size: 22px;
leading-trim: NONE;
letter-spacing: 0%;

margin-top: 10px;

}


/* =========================================================
   ПОСЛЕДУЮЩИЕ ЮРИСТЫ
========================================================= */

.lawyer + .lawyer {
    margin-top: 48px;
}

/* Центрирование блока команды по макету */
.team-section__inner {
    margin-left: auto;
    margin-right: auto;
}

/* Все карточки юристов держим внутри центрального контейнера */
.lawyer {
    width: 100%;
    max-width: 1177px;

    margin-left: auto;
    margin-right: auto;

    transform: none;
}

/* =========================================================
   OFFICE / НАШ ОФИС
   ТОЧНО ПОД МАКЕТ
========================================================= */

.office-section {
    width: 100%;
    position: relative;

    box-sizing: border-box;

    padding: 37px 20px 82px;

    background-color: #faf7f1;

    background-image: url("../images/paper-texture.png");
    background-repeat: repeat;
    background-size: auto;
}

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


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

.office-section__inner {
    width: 100%;
    max-width: 1158px;

    margin: 0 auto;
}


/* =========================================================
   ЗАГОЛОВОК
========================================================= */

.office-section__title {
    width: 100%;

    margin: 0 auto;

    padding: 0;

    color: #302c28;

    letter-spacing: -0.5px;

    text-align: center;
}

.office-section__title span {
    display: block;

    font-family: "Montserrat";
font-weight: 600;
font-style: SemiBold;
font-size: 34px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}

.office-section__title strong{
    font-family: "Montserrat";
font-weight: 500;
font-style: Medium;
font-size: 34px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   ГАЛЕРЕЯ
========================================================= */

.office-gallery {
    width: 100%;

    display: grid;

    grid-template-columns: repeat(3, 343px);

    column-gap: 64px;

    margin-top: 79px;
    margin-left: 70px;
}


/* =========================================================
   ФОТО
========================================================= */

.office-gallery__item {
    width: 343px;
    height: 244px;

    overflow: hidden;

    border-radius: 10px;
}

.office-gallery__item img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* =========================================================
   ЛОГОТИП СПРАВА ОТ КАЖДОГО ЮРИСТА
========================================================= */

.lawyer {
    position: relative;
    overflow: visible;
}


/* сам блок логотипа */

.lawyer__logo {
    position: absolute;

    width: 172px;
    height: 163px;

    right: -118px;
    top: 50%;

    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 1;

    pointer-events: none;
}


/* изображение логотипа */

.lawyer__logo img {
    display: block;

       width: 172px;
    height: 163px;

    object-fit: contain;
}

/* =========================================================
   ТЕКСТ ПОД ФОТОГАЛЕРЕЕЙ
========================================================= */

.office-description {
    width: 100%;

    margin-top: 48px;

    color: #302c28;

    font-family: "Montserrat";

    line-height: 1.25;

    letter-spacing: 0;

    text-align: center;

font-weight: 500;
font-style: Medium;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}

/* =========================================================
   ЦИФРЫ — ОСНОВНАЯ СЕКЦИЯ
========================================================= */

.numbers-section {
    position: relative;

    width: 100%;

    min-height: 1400px;

    padding: 47px 20px 110px;

    box-sizing: border-box;

    overflow: hidden;


    background-image: url("img/quiz-paper.png");
    background-repeat: repeat;
    background-size: auto;

    color: #393129;
}


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


/* =========================================================
   КОНТЕЙНЕР
========================================================= */

.numbers-section__inner {
    position: relative;

    width: 100%;
    max-width: 940px;

    margin: 0 auto;
}


/* =========================================================
   ВЕРХНЯЯ ИКОНКА
========================================================= */

.numbers-section__icon {
    width: 62px;
    height: 62px;

    margin: 0 auto 31px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.numbers-section__icon img {
    display: block;

       width: 62px;
    height: 62px;

    object-fit: contain;
}


/* =========================================================
   ЗАГОЛОВОК
========================================================= */

.numbers-section__title {
    margin: 0;

    text-align: center;

    color: #B88A4433 20%;

    font-family: "Montserrat";

    line-height: 1;


    letter-spacing: -0.5px;


font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   ПОДЗАГОЛОВОК
========================================================= */

.numbers-section__subtitle {
    margin: 31px auto 0;

    text-align: center;

    color: #393129;

    font-family: "Montserrat";

    line-height: 1.18;


    letter-spacing: 0;

font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   СЕТКА ПОКАЗАТЕЛЕЙ
========================================================= */

.numbers-grid {
    width: 100%;

    margin-top: 51px;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    margin-left: -180px;

    column-gap: 55px;
    row-gap: 82px;
}


/* =========================================================
   ОДИН ПОКАЗАТЕЛЬ
========================================================= */

.number-item {
    width: 100%;

    text-align: center;
}


/* =========================================================
   ИКОНКА ПОКАЗАТЕЛЯ
========================================================= */

.number-item__icon {
    width: 128px;
    height: 128px;

    margin: 0 auto 9px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.number-item__icon img {
    display: block;

    width: 128px;
    height: 128px;

    object-fit: contain;
}


/* =========================================================
   ЦИФРА
========================================================= */

.number-item__value {
    min-height: 39px;

    color: #302b25;

    font-family: "Montserrat";

    line-height: 1.1;


    white-space: nowrap;

font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   ОПИСАНИЕ
========================================================= */

.number-item__text {
    margin-top: 13px;

    color: #393129;

    font-family: "Montserrat";

    line-height: 1.15;


    text-align: center;

font-weight: 500;
font-style: Medium;
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

width: 300px;

}


/* =========================================================
   ХРОНОЛОГИЯ
========================================================= */

.achievements {
    position: relative;

    width: 1238px;
    min-height: 1073px;

    margin: 64px auto 0;

    margin-left: -140px;

    border-radius: 10px;

    overflow: visible;
}


/* =========================================================
   БЕЛАЯ КАРТОЧКА
========================================================= */

.achievements__content {
    position: relative;

    z-index: 5;

   width: 1238px;
    min-height: 1000px;

    padding: 29px 28px 32px;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.78);
}


/* =========================================================
   ВЕРХ КАРТОЧКИ
========================================================= */

.achievements__top {
    width: 100%;

    min-height: 55px;

    display: flex;

    align-items: flex-start;

    justify-content: space-between;
}


.achievements__top h3 {
    margin: 0;

    color: #393129;

    font-family: "Montserrat";

    line-height: 1.1;


    letter-spacing: -0.4px;

font-weight: 800;
font-style: ExtraBold;
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =========================================================
   ЛОГОТИП КОМПАНИИ
========================================================= */

.achievements__logo {
    width: 488px;
    height: 63px;

    margin-top: -9px;

    display: flex;

    align-items: center;
    justify-content: flex-end;
}


.achievements__logo img {
    display: block;

    width: 488px;
    height: 63px;

    object-fit: contain;
}


/* =========================================================
   ЛЕНТА
========================================================= */

.achievements__timeline {
    position: relative;

    width: 100%;

    margin-top: 5px;

    padding-left: 0;
}


/* =========================================================
   ПУНКТ
========================================================= */

.achievement {
    display: block;

    width: 100%;

    margin-top: 40px;

    color: #393129;

    font-family: "Montserrat";

    line-height: 1.2;

font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;



}


.achievement__year {

    font-family: "Montserrat";
font-weight: 700;
font-style: Bold;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =========================================================
   СТРЕЛКА МЕЖДУ ПУНКТАМИ
========================================================= */

.achievement--arrow {
    width: 100%;
    height: 48px;

    margin: 8px 0;

    margin-left: -19px;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.achievement--arrow img {
    display: block;

    width: 48px;
    height: auto;

    object-fit: contain;
}



/* =========================================================
   ДЕКОРАТИВНЫЙ ЛОГОТИП СЛЕВА
========================================================= */

.achievements__background-logo {
    position: absolute;

    left: -162px;
    bottom: -31px;

     width: 363px;
    height: 345px;

    z-index: 1;

    opacity: 0.24;
}


.achievements__background-logo img {
    display: block;

    width: 363px;
    height: 345px;

    object-fit: contain;
}


/* =========================================================
   ВЕРТИКАЛЬНАЯ НАДПИСЬ
========================================================= */

.achievements__vertical {
    position: absolute;

    top: 7px;
    right: -117px;

    z-index: 1;

    writing-mode: vertical-rl;

    transform: rotate(0deg);

    color: rgba(164, 137, 113, 0.35);

    font-family: "Montserrat";

    line-height: 100%;

    letter-spacing: 0;

    pointer-events: none;

    font-weight: 800;
    font-size: 150px;

    white-space: nowrap;
}


/* =========================================
   LOCATION SECTION
========================================= */

.location-section {
    width: 100%;
    position: relative;

    padding: 40px 20px 90px;

   

    box-sizing: border-box;

    overflow: hidden;
}





/* Весь настоящий контент поверх текстуры */
.location-container {
    position: relative;
    z-index: 1;
}


.location-container {
    width: 100%;
    max-width: 1060px;

    margin: 0 auto;
}


/* =========================================
   TITLE
========================================= */

.location-title {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    margin-bottom: 72px;
}


.title-icon {
    width: 48px;
    height: 48px;

    object-fit: contain;

    margin-bottom: 38px;
}


.location-title h2 {
    margin: 0;

    color: #B88A4433 20%;


    line-height: 1.25;


    letter-spacing: -0.4px;

    font-family: "Montserrat";
font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   GALLERY
========================================= */

.gallery {
    width: 100%;
}


/* Верхняя плашка */

.gallery-label {
    width: 905px;
    height: 160px;

    margin: 0 auto;

    background: #FBE7D0;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    opacity: 1;
}

.gallery-label-icon {
    width: 99px;
    height: 99px;

    object-fit: contain;

    margin-left: -240px;
    flex-shrink: 0;
}

.gallery-label span {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;

    margin-left: 70px;

    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0;

    text-align: center;

    color: #000;
}



/* =========================================
   MAIN PHOTO
========================================= */
.gallery-main {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 20px;
}

.main-photo {
    width: 905px;
    height: 436px;

    position: relative;

    overflow: hidden;

    background: #dedede;
}

.main-photo > img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}

/*
  Если фото ещё нет, можно временно показать
  серый placeholder.
*/



.photo-caption {
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

    color: #24211f;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 21px;
    font-weight: 400;

    white-space: nowrap;
}


/* =========================================
   ARROWS
========================================= */

.gallery-arrow {
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    width: 60px;
    height: 60px;

    padding: 0;
    margin: 0;

    border: none;
    background: transparent;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    z-index: 10;
}

.gallery-arrow img {
    display: block;

    width: 60px;
    height: 60px;

    object-fit: contain;
}

.gallery-arrow-left {
    left: calc(50% - 540px);
}

.gallery-arrow-right {
    right: calc(50% - 530px);
}


/* =========================================
   THUMBNAILS
========================================= */
.gallery-thumbs {
    width: 905px;
    max-width: 100%;

    margin: 20px auto 0;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    box-sizing: border-box;
}

.gallery-thumb {
    width: 100%;
    height: 135px;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: #dedede;

    cursor: pointer;

    box-sizing: border-box;
}

.gallery-thumb img {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    object-fit: cover;
}

/* =========================================
   CONTACTS
========================================= */

.contacts {
    position: relative;
    width: 100%;
    overflow: hidden;

    background-color: #faf7f1;


    /* если у тебя есть текстура фона */
background-image: url("img/logofff.png");
    background-repeat: repeat;
    background-size: auto;

    color: #29241f;

}


.contact-item {
    display: flex;
    flex-direction: column;

    align-items: center;

    text-align: center;

    min-width: 0;
}


.contact-icon {
    width: 70px;
    height: 70px;

    margin-bottom: 15px;

    object-fit: contain;
}


.contact-text {
    width: 339px;
    max-width: 210px;

    display: flex;
    flex-direction: column;

    align-items: center;

    color: #2B2622;

    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;

    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;

    text-align: center;
}

.contact-text a {
    color: inherit;

    text-decoration: none;
}


.contact-text a:hover {
    text-decoration: underline;
}


/* =========================================
   MAP
========================================= */

.map-wrapper {
    width: 650px;
    max-width: 100%;

    margin: 100px auto 0;

    overflow: hidden;
}


.map-image {
    display: block;

    width: 100%;
    height: auto;

    object-fit: cover;
}



/* =========================================
   GUARANTEES SECTION
========================================= */

.guarantees-section {
    width: 100%;
    min-height: 100vh;

    position: relative;

    padding: 40px 20px 90px;

    box-sizing: border-box;

    overflow: hidden;
}


/* Текстура фона */

.guarantees-section::before {
    content: "";

    position: absolute;

    inset: 0;

    background-image: url("img/background.png");
    background-repeat: repeat;
    background-size: 700px auto;


    pointer-events: none;

    z-index: 0;
}


/* =========================================
   CONTAINER
========================================= */

.guarantees-container {
    position: relative;

    z-index: 1;

    width: 100%;
    max-width: 905px;

    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.guarantees-header {
    display: flex;
    flex-direction: column;

    align-items: center;

    text-align: center;

    margin-bottom: 32px;
}


.guarantees-header-icon {
    width: 72px;
    height: 72px;

    margin-bottom: 28px;

    object-fit: contain;
}


.guarantees-header h2 {
    width: 1000px;
    margin: 0;

    color: #B88A4433 20%;

    font-family: "Montserrat";

    line-height: 1.15;


    letter-spacing: 0;

    text-align: center;

font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.guarantees-header p {
    margin: 23px 0 0;

    color: #3b3025;

    font-family: "Montserrat";

    line-height: 1.25;


    text-align: center;


font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   LIST
========================================= */

.guarantees-container {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1201px;

    margin: 0 auto;
}


.guarantees-list {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 16px;
}


.guarantee-card {
    position: relative;

    width: 1201px;
    height: 231px;

    margin: 0 auto;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    padding: 20px 45px 20px 30px;

    background: #FFFFFF;

    border-radius: 10px;

    opacity: 1;
}

/* Дополнительная текстура внутри карточек */

.guarantee-card::before {
    content: "";

    position: absolute;

    inset: 0;

    background-image: url("/img/bafff.png");
    background-repeat: repeat;
    background-size: 500px auto;

    opacity: 0.18;

    border-radius: 8px;

    pointer-events: none;

    z-index: 0;
}


/* =========================================
   LEFT ICON
========================================= */

.guarantee-icon {
    position: relative;

    z-index: 1;

    width: 105px;
    min-width: 105px;
    height: 105px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-right: 25px;
}


.guarantee-icon img {
    display: block;

    width: 105px;
    height: 105px;

    object-fit: contain;
}


/* =========================================
   CONTENT
========================================= */

.guarantee-content {
    position: relative;

    z-index: 1;

    flex: 1;

    min-width: 0;

    padding-right: 10px;
}


.guarantee-content h3 {
    margin: 0 0 2px;

    color: #342b23;

    font-family: "Montserrat";

    line-height: 1.2;


    letter-spacing: 0;


font-weight: 700;
font-style: Bold;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


.guarantee-content p {
    margin: 0;

    color: #342b23;

    font-family: "Montserrat";

    line-height: 1.25;


    letter-spacing: 0;


font-weight: 500;
font-style: Medium;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =========================================
   RIGHT CHECK ICON
========================================= */

.guarantee-check {
    position: absolute;

    z-index: 3;

    top: 50%;
    right: -20px;

    transform: translateY(-50%);

    width: 60px;
    height: 60px;

    object-fit: contain;

    pointer-events: none;
}






/* =========================================
   CONTAINER
========================================= */

.contacts__container {
    width: 1200px;
    max-width: calc(100% - 40px);

    margin: 0 auto;

    padding: 42px 20px 28px;

    box-sizing: border-box;
}


/* =========================================
   HEADER
========================================= */

.contacts__header {
    width: 100%;

    display: grid;

    /*
       Левая часть — логотип
       Центр — заголовок
       Правая часть — телефон
    */
    grid-template-columns: 320px 1fr 320px;

    align-items: start;

    margin-bottom: 32px;
}


/* =========================================
   LOGO
========================================= */

.contacts__logo {
    display: flex;

    align-items: flex-start;
    justify-content: center;

    padding-top: 86px;
}

.contacts__logo img {
    display: block;

    width: 302px;
    height: auto;

    max-width: none;

    object-fit: contain;
}


/* =========================================
   MAIN TITLE
========================================= */

.contacts__main-title {
    position: relative;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: flex-start;

    text-align: center;

    padding-top: 0;
}

.contacts__pin-top {
    display: block;

    width: 36px;
    height: 44px;

    object-fit: contain;

    margin: 0 0 28px;
}

.contacts__main-title h2 {
    margin: 0;

    padding: 0;

    line-height: 1.12;

    font-weight: 800;

    color: #1F1F1F;

    white-space: nowrap;


    font-family: "Montserrat";
font-weight: 800;
font-style: ExtraBold;
font-size: 30px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   TOP PHONE
========================================= */

.contacts__phone-top {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 18px;

    padding-top: 84px;

    white-space: nowrap;
}

.contacts__phone-top img {
    display: block;

    width: 34px;
    height: 34px;

    flex: 0 0 38px;

    object-fit: contain;
}

.contacts__phone-top a {
    display: block;

    color: #161616;


    line-height: 1;


    font-family: "Mulish";
font-weight: 700;
font-style: Bold;
font-size: 26px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}
.contacts__main-title h2 {
    margin: 0;

    font-family: "Montserrat";

    font-size: 28px;
    line-height: 1.13;

    font-weight: 800;

    color: #332c25;
}


/* =========================================
   TOP PHONE
========================================= */

.contacts__phone-top {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 18px;

    white-space: nowrap;
}

.contacts__phone-top img {
    width: 38px;
    height: 38px;

    object-fit: contain;
}

.contacts__phone-top a {
    color: #171717;

    text-decoration: none;

    font-family: Montserrat, Arial, sans-serif;

    font-size: 25px;
    line-height: 1;

    font-weight: 500;
}


/* =========================================
   MAIN GRID
========================================= */

.contacts__grid {
    display: grid;

    grid-template-columns:
        1fr
        1.18fr
        1fr;

    column-gap: 50px;

    align-items: start;
}


/* =========================================
   COLUMNS
========================================= */

.contacts__column {
    min-width: 0;

    display: flex;
    flex-direction: column;
}


/* =========================================
   COMMON ITEM
========================================= */

.contacts__item {
    text-align: center;

    font-family: Arial, sans-serif;

    font-size: 15px;
    line-height: 1.15;
}

.contacts__item h3 {
    margin: 8px 0 2px;

    font-size: 15px;
    line-height: 1.2;

    font-weight: 700;
}

.contacts__item p {
    margin: 0;

    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}

.contacts__item a {
    color: #2c2926;

    text-decoration: none;

    font-size: 15px;
}


/* =========================================
   ICONS
========================================= */

.contacts__icon {
    display: block;

    width: 40px;
    height: 40px;

    margin: 0 auto;

    object-fit: contain;
}

.contacts__icon--map {
    width: 53px;
    height: 53px;
}

.contacts__icon--phone {
    width: 40px;
    height: 40px;
}


/* =========================================
   LEFT COLUMN
========================================= */

.contacts__item--schedule {
    min-height: 135px;
}

.contacts__item--schedule .contacts__icon {
    margin-bottom: 6px;
}


.contacts__item--how {
    margin-top: 8px;

    min-height: 295px;
}

.contacts__item--how .contacts__icon {
    margin-bottom: 25px;
}

.contacts__item--how .contacts__text {
    margin-bottom: 17px;
}


.contacts__item--details {
    margin-top: 4px;
}

.contacts__item--details .contacts__icon {
    margin-bottom: 18px;
}

.contacts__details {
    font-size: 18px !important;
    line-height: 1.18 !important;
}


/* =========================================
   CENTER COLUMN
========================================= */

.contacts__item--address {
    min-height: 135px;
}

.contacts__item--address .contacts__icon {
    margin-bottom: 7px;
}


/* =========================================
   MAP
========================================= */

.contacts__map {
    width: 100%;

    display: flex;
    justify-content: center;

    margin-top: 4px;
}

.contacts__map img {
    display: block;

    width: 350px;
    height: 265px;

    max-width: 100%;

    object-fit: cover;

    border-radius: 13px;
}


/* =========================================
   SPECIAL CONDITIONS
========================================= */

.contacts__special {
    text-align: center;

    margin-top: 17px;

    font-size: 13px;
    line-height: 1.35;
}

.contacts__special-icon {
    display: block;

    width: 34px;
    height: 34px;

    margin: 0 auto 12px;

    object-fit: contain;


}

.contacts__special h3 {
    margin: 0 0 3px;

    font-size: 12px;
    line-height: 1.2;

    font-weight: 700;
}

.contacts__special p {
    margin: 0;
}


/* =========================================
   RIGHT COLUMN
========================================= */

.contacts__item--email {
    min-height: 132px;
}

.contacts__item--email .contacts__icon {
    margin-bottom: 8px;
}


.contacts__item--tel {
    min-height: 145px;

    margin-top: 0;
}

.contacts__item--tel .contacts__icon {
    margin-bottom: 10px;
}


.contacts__item--messengers {
    min-height: 190px;

    margin-top: 0;
}

.contacts__item--messengers .contacts__icon {
    width: 43px;
    height: 43px;

    margin-bottom: 8px;
}


.contacts__item--time {
    margin-top: 12px;
}

.contacts__item--time .contacts__icon {
    width: 40px;
    height: 40px;

    margin-bottom: 12px;
}

.contacts__item--time p {
    font-size: 15px;
    line-height: 1.2;
}


/* =========================================
   STRONG
========================================= */

.contacts strong {
    font-weight: 700;
}



/* =========================================
   GALLERY
========================================= */

.contacts__gallery {
    width: 100%;

    margin-top: 38px;

    text-align: center;
}


/* =========================================
   GALLERY IMAGES
========================================= */

.contacts__gallery-images {
    width: 100%;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 40px;

    align-items: center;

    justify-content: center;
}

.contacts__gallery-images img {
    display: block;

    width: 100%;
    height: 184px;

    object-fit: cover;

    border-radius: 20px;
}


/* =========================================
   GALLERY TEXT
========================================= */

.contacts__gallery-text {
    margin: 51px 0 0;

    font-family: "Montserrat";

 

    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;


font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   FOOTER
========================================================= */

.footer {
    width: 100%;
    background: #ffffff;
    color: #171717;
    font-family: "Montserrat", Arial, sans-serif;
    box-sizing: border-box;
}

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


/* =========================================================
   CONTAINER
========================================================= */

.footer__container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 38px 0 39px;
}


/* =========================================================
   LOGO
========================================================= */

.footer__logo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.footer__logo img {
    display: block;
    width: 323px;
    height: auto;
    object-fit: contain;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.footer__description {
    width: 100%;
    text-align: center;

    font-family: "Montserrat";

    line-height: 1.35;

    color: #171717;

    margin: 0 auto 50px;


font-weight: 500;
font-style: Medium;
font-size: 12px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   COLUMNS
========================================================= */

.footer__columns {
    width: 100%;

    display: grid;

    grid-template-columns:
        1.9fr
        1fr
        1.35fr
        .95fr;

    column-gap: 38px;

    align-items: start;
}


/* =========================================================
   COLUMN
========================================================= */

.footer__column {
    min-width: 0;
}

.footer__column h3 {
    margin: 0 0 19px;

    font-family: "Montserrat";

    line-height: 1.2;

    color: #C6925C;

font-weight: 700;
font-style: Bold;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =========================================================
   LIST
========================================================= */

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

.footer__column li {
    position: relative;

    margin: 0 0 11px;
    padding-left: 16px;

    line-height: 1.25;

  white-space: nowrap;

    font-family: "Montserrat";
font-weight: 500;
font-style: Medium;
font-size: 12px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}

.footer__column li::before {
    content: "—";

    position: absolute;
    left: 0;
    top: 0;

    color: #171717;
}

.footer__column a {
    color: #171717;
    text-decoration: none;
    transition: color .2s ease;
}

.footer__column a:hover {
    color: #b77d43;
}


/* =========================================================
   CONTACTS
========================================================= */

.footer__contact {
    margin: 0;
}

.footer__contact p {
    margin: 0 0 15px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;

    color: #171717;
}


/* =========================================================
   PRIVACY
========================================================= */

.footer__privacy {
    width: 100%;
    text-align: center;

    margin-top: 21px;
}

.footer__privacy a {
    margin: 0 0 20px;
text-decoration: none;
    font-family: "Montserrat";
    line-height: 1.2;

    color: #171717;


font-weight: 700;
font-style: Bold;
font-size: 17px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}



.footer__privacy p {
    width: 760px;
    max-width: 100%;

    margin: 0 auto;

    font-family: "Montserrat";

    line-height: 1.25;

    color: #967968;

margin-top: 20px;
font-weight: 500;
font-style: Medium;
font-size: 10px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   COPYRIGHT
========================================================= */

.footer__copyright {
    width: 100%;

    margin-top: 31px;

    text-align: center;

    font-family: "Montserrat";

    line-height: 1.2;

    color: #171717;


font-weight: 700;
font-style: Bold;
font-size: 17px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ — 360px
   ТОЧНАЯ ПОСЛЕДОВАТЕЛЬНОСТЬ КАК В ДИЗАЙНЕ
========================================================= */

@media (max-width: 600px) {

/* =====================================================
   ОБЩЕЕ
===================================================== */

/* =====================================================
   ОБЩЕЕ
===================================================== */

.contacts {
    width: 100vw;
    max-width: 100vw;

    margin-top: -30px;

    
    margin-left: -10px;

    /* ВАЖНО — центрируем относительно ВСЕГО экрана */
    margin-right: 0;

    padding: 0;

    overflow: hidden;

    box-sizing: border-box;

    background-color: #ffffff;
    background-image: none;
    background-repeat: repeat;
    background-position: center top;
    background-size: auto;

    color: #29241f;
}

/* =====================================================
   CONTACTS CONTAINER
===================================================== */

.contacts__container {
    width: 100%;

    margin: 0 auto;

    margin-left: 40px;

    padding: 12px 0 20px;

    box-sizing: border-box;
}
    /* =====================================================
       HEADER
    ===================================================== */

    .contacts__header {
        width: 100%;

        display: block;

        margin: 0;
        padding: 0;
    }

    .contacts__logo,
    .contacts__phone-top {
        display: none;
    }


    /* =====================================================
       ЗАГОЛОВОК
    ===================================================== */

    .contacts__main-title {
        width: 100%;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: flex-start;

        margin: 0;
        padding: 0;

        text-align: center;
    }


    .contacts__pin-top {
        display: block;

        width: 33px;
        height: 33px;

        margin: 0 0 10px;

        object-fit: contain;
    }


   .contacts__main-title h2 {
    width: 100%;

    margin: 0;
    padding: 0 15px;

    box-sizing: border-box;

    font-family: "Montserrat";

    font-weight: 800;
    font-style: normal;

    font-size: 20px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;

    white-space: normal;
}


    /* =====================================================
       ОСНОВНАЯ СЕТКА
       
       ВАЖНО:
       display: contents убирает три колонки,
       чтобы все элементы можно было расположить
       строго по макету.
    ===================================================== */

    .contacts__grid {
        width: 100%;

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 0;

        margin: 0;
        padding: 0;
    }


    .contacts__column {
        display: contents;
    }


    /* =====================================================
       ОБЩИЕ СВОЙСТВА
    ===================================================== */

    .contacts__item {
        width: 100%;

        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box;

        text-align: center;

        font-family: "Montserrat";

        color: #29241f;
    }


    .contacts__item h3 {
        margin: 0;

        font-family: "Montserrat";

        font-size: 12px;
        line-height: 100%;

        font-weight: 700;

        letter-spacing: 0;

        text-align: center;

        color: #29241f;
    }


    .contacts__item p {
        margin: 0;

        font-family: "Montserrat";

        font-size: 12px;
        line-height: 100%;

        font-weight: 400;

        letter-spacing: 0;

        text-align: center;

        color: #29241f;
    }


    .contacts__item a {
        color: #29241f;

        text-decoration: none;

        font-family: "Montserrat";
    }


    /* =====================================================
       ИКОНКИ
    ===================================================== */

    .contacts__icon {
        display: block;

        width: 25px;
        height: 25px;

        margin-left: auto;
        margin-right: auto;

        object-fit: contain;
    }


   /* =====================================================
   РЕЖИМ РАБОТЫ — 360px
===================================================== */

.contacts__item--schedule {
    width: 100%;

    margin: 19px 0 15px !important;
    padding: 0 !important;

    text-align: center;
}


/* ИКОНКА */

.contacts__item--schedule .contacts__icon {
    display: block;

    width: 24px;
    height: 24px;

    margin: 0 auto 7px;

    object-fit: contain;
}


/* РЕЖИМ РАБОТЫ: */

.contacts__item--schedule h3 {
    margin: 0 0 4px;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 700;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}


/* Понедельник — Пятница... */

.contacts__item--schedule p {
    margin: 0;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 400;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}

   /* =====================================================
   АДРЕС — 360px
===================================================== */

.contacts__item--address {
    order: 2;

    width: 100% !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    text-align: center !important;
}


/* ИКОНКА */

.contacts__item--address .contacts__icon {
    display: block !important;

    width: 25px !important;
    height: 25px !important;

    margin: 0 auto 7px !important;

    object-fit: contain !important;
}


/* АДРЕС: */

.contacts__item--address h3 {
    display: block !important;

    width: 100% !important;

    margin: 0 0 4px !important;
    padding: 0 !important;

    font-family: "Montserrat" !important;

    font-weight: 700 !important;
    font-style: normal !important;

    font-size: 12px !important;
    line-height: 100% !important;

    letter-spacing: 0 !important;

    text-align: center !important;

    color: #29241f !important;
}


/* ТЕКСТ АДРЕСА */

.contacts__item--address p {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Montserrat" !important;

    font-weight: 500 !important;
    font-style: normal !important;

    font-size: 12px !important;
    line-height: 100% !important;

    letter-spacing: 0 !important;

    text-align: center !important;

    color: #29241f !important;
}

    /* =====================================================
   EMAIL — 360px
===================================================== */

.contacts__item--email {
    order: 3;

    width: 100%;

    margin: 0 0 16px !important;
    padding: 0 !important;

    text-align: center;
}


/* ИКОНКА */

.contacts__item--email .contacts__icon {
    display: block;

    width: 25px;
    height: 25px;

    margin: 0 auto 7px;

    object-fit: contain;
}


/* EMAIL: */

.contacts__item--email h3 {
    margin: 0 0 4px;
    padding: 0;

    font-family: "Montserrat", sans-serif;

    font-weight: 700;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}


/* ПОЧТА */

.contacts__item--email a {
    display: block;

    margin: 0;
    padding: 0;

    font-family: "Montserrat", sans-serif;

    font-weight: 400;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;

    text-decoration: none;
}

   /* =====================================================
   КАРТА — 360px
===================================================== */

.contacts__map {
    order: 4;

    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    margin: 0 0 16px;
    padding: 0;

    box-sizing: border-box;
}


/* ИЗОБРАЖЕНИЕ КАРТЫ */

.contacts__map img {
    display: block;

    width: 300px;
    height: 227px;

    max-width: none;

    margin: 0 auto;

    object-fit: cover;

    border-radius: 20px;
}


  /* =====================================================
   КАК ДОБРАТЬСЯ — 360px
===================================================== */

.contacts__item--how {
    order: 5;

    width: 100%;

    margin: 0 0 17px !important;
    padding: 0 20px !important;

    box-sizing: border-box;

    text-align: center;
}


/* ИКОНКА */

.contacts__item--how .contacts__icon {
    display: block;

    width: 30px;
    height: 30px;

    margin: 0 auto 10px;

    object-fit: contain;
}


/* ОСНОВНОЙ ТЕКСТ */

.contacts__item--how .contacts__text {
    width: 100%;

    margin: 0 0 9px;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 500;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}


/* ПОСЛЕДНИЙ АБЗАЦ */

.contacts__item--how .contacts__text:last-child {
    margin-bottom: 0;
}


/* ЖИРНЫЙ ТЕКСТ */

.contacts__item--how strong,
.contacts__item--how b {
    font-family: "Montserrat";

    font-weight: 700;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;
}

   /* =====================================================
   РЕКВИЗИТЫ — 360px
===================================================== */

.contacts__item--details {
    order: 6;

    width: 100%;

    margin: 0 0 17px !important;
    padding: 0 !important;

    text-align: center;
}


/* ИКОНКА */

.contacts__item--details .contacts__icon {
    display: block;

    width: 27px;
    height: 27px;

    margin: 0 auto 7px;

    object-fit: contain;
}


/* ТЕКСТ РЕКВИЗИТОВ */

.contacts__details {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Montserrat" !important;

    font-weight: 400 !important;
    font-style: normal !important;

    font-size: 12px !important;
    line-height: 100% !important;

    letter-spacing: 0 !important;

    text-align: center !important;

    color: #29241f;
}

  /* =====================================================
   ТЕЛЕФОН — 360px
===================================================== */

.contacts__item--tel {
    order: 7;

    width: 100%;

    margin: 0 0 16px !important;
    padding: 0 !important;

    text-align: center;
}


/* ИКОНКА */

.contacts__item--tel .contacts__icon {
    display: block;

    width: 25px;
    height: 25px;

    margin: 0 auto 7px;

    object-fit: contain;
}


/* ТЕЛЕФОН: */

.contacts__item--tel h3 {
    margin: 0 0 4px;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 700;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}


/* НОМЕР ТЕЛЕФОНА */

.contacts__item--tel p {
    margin: 0;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 400;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}

   /* =====================================================
   WHATSAPP / TELEGRAM — 360px
===================================================== */

.contacts__item--messengers {
    order: 8;

    width: 100%;

    margin: 0 0 16px !important;
    padding: 0 !important;

    text-align: center;
}


/* ИКОНКА */

.contacts__item--messengers .contacts__icon {
    display: block;

    width: 27px;
    height: 27px;

    margin: 0 auto 7px;

    object-fit: contain;
}


/* WHATSAPP / TELEGRAM: */

.contacts__item--messengers h3 {
    margin: 0 0 4px;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 700;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}


/* ТЕКСТ */

.contacts__item--messengers p {
    margin: 0;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 400;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}

  /* =====================================================
   ВРЕМЯ — 360px
===================================================== */

.contacts__item--time {
    order: 9;

    width: 100%;

    margin: 0 0 19px !important;
    padding: 0 !important;

    text-align: center;
}


/* ИКОНКА */

.contacts__item--time .contacts__icon {
    display: block;

    width: 26px;
    height: 26px;

    margin: 0 auto 7px;

    object-fit: contain;
}


/* ОСНОВНОЙ ТЕКСТ */

.contacts__item--time p {
    margin: 0;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 500;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}


/* ЕСЛИ ЕСТЬ ДОПОЛНИТЕЛЬНЫЙ ТЕКСТ */

.contacts__item--time span {
    font-family: "Montserrat";

    font-weight: 400;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}
    /* =====================================================
   СПЕЦИАЛЬНЫЕ УСЛОВИЯ — 360px
===================================================== */

.contacts__special {
    order: 10;

    width: 100%;

    margin: 0 0 18px;
    padding: 0 20px;

    box-sizing: border-box;

    text-align: center;

    font-family: "Montserrat";
}


/* ИКОНКА */

.contacts__special-icon {
    display: block;

    width: 66px;
    height: 37px;

    margin: 0 auto 7px;

    object-fit: contain;
}


/* ЗАГОЛОВОК */

.contacts__special h3 {
    margin: 0 0 6px;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 700;
    font-style: normal;

    font-size: 10px;
    line-height: 20px;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}


/* ТЕКСТ */

.contacts__special p {
    margin: 0;
    padding: 0;

    font-family: "Montserrat";

    font-weight: 400;
    font-style: normal;

    font-size: 10px;
    line-height: 20px;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}

   /* =====================================================
   ГАЛЕРЕЯ — ОТ КРАЯ ДО КРАЯ 360px
===================================================== */

.contacts__gallery {
    width: 100%;
    margin: 0;
    padding: 0;

    text-align: center;
}


/* КОНТЕЙНЕР ФОТО */

.contacts__gallery-images {
    width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 0;

    margin: 0;
    padding: 0;

    box-sizing: border-box;
}


/* ФОТО */

.contacts__gallery-images img {
    display: block;

    width: 72px;
    height: 129px;

    flex: 0 0 72px;

    object-fit: cover;

    border-radius: 10px;
}


   /* =====================================================
   ТЕКСТ ПОД ФОТО — 360px
===================================================== */

.contacts__gallery-text {
    width: 100%;

    margin: 14px 0 0;
    padding: 0 17px;

    box-sizing: border-box;

    font-family: "Montserrat";

    font-weight: 500;
    font-style: normal;

    font-size: 12px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #29241f;
}


    /* =====================================================
       FOOTER
    ===================================================== */

    .footer {
        width: 100%;

        margin: 0;
        padding: 0;

        background: #fff;

        color: #171717;

        font-family: "Montserrat", Arial, sans-serif;
    }


    .footer__container {
        width: 100%;

        max-width: 360px;

        margin: 0 auto;

        padding: 21px 15px 22px;

        box-sizing: border-box;
    }


    /* =====================================================
       FOOTER LOGO — ПЕРВЫЙ
    ===================================================== */

    .footer__logo {
        width: 100%;

        display: flex;

        justify-content: center;
        align-items: center;

        margin: 0 0 17px;
    }


    .footer__logo img {
        display: block;

        width: 302px;
        height: auto;

        object-fit: contain;
    }


    /* =====================================================
   ОПИСАНИЕ — 360px
===================================================== */

.footer__description {
    width: 100%;

    margin: 0 auto 26px;
    padding: 0 2px;

    box-sizing: border-box;

    font-family: "Montserrat";

    font-weight: 500;
    font-style: normal;

    font-size: 10px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #171717;
}


    /* =====================================================
       КОЛОНКИ FOOTER
       
       1 строка: УСЛУГИ
       2 строка: КОМПАНИЯ | КОНТАКТЫ
       3 строка: ПОЛЕЗНАЯ ИНФОРМАЦИЯ
    ===================================================== */

    .footer__columns {
        width: 100%;

        display: grid;

        grid-template-columns: 1fr 1fr;

        grid-template-areas:
            "services services"
            "company contacts"
            "useful useful";

        column-gap: 18px;

        row-gap: 18px;

        align-items: start;
    }


    .footer__column {
        width: 100%;

        min-width: 0;
    }


    /* Услуги */

    .footer__column--services {
        grid-area: services;
    }


    /* Компания */

    .footer__column:nth-child(2) {
        grid-area: company;
    }


    /* Полезная информация */

    .footer__column:nth-child(3) {
        grid-area: useful;
    }


    /* Контакты */

    .footer__column--contacts {
        grid-area: contacts;
    }


    /* =====================================================
       ЗАГОЛОВКИ FOOTER
    ===================================================== */

   .footer__column--services h3 {
    margin: 0 0 9px;

    font-family: "Montserrat";

    font-weight: 700;
    font-style: normal;

    font-size: 20px;
    line-height: 100%;

    letter-spacing: 0;

    color: #C6925C;
}


    /* =====================================================
       СПИСКИ
    ===================================================== */

    .footer__column ul {
        list-style: none;

        margin: 0;
        padding: 0;
    }


   
.footer__column--services li {
    position: relative;

    margin: 0 0 6px;
    padding-left: 8px;

    white-space: normal;

    font-family: "Montserrat";

    font-weight: 500;
    font-style: normal;

    font-size: 10px;
    line-height: 100%;

    letter-spacing: 0;
}


/* ССЫЛКИ */

.footer__column--services a {
    font-family: "Montserrat";

    font-weight: 500;
    font-size: 10px;
    line-height: 100%;

    color: #171717;

    text-decoration: none;
}


    /* =====================================================
       КОНТАКТЫ FOOTER
    ===================================================== */

   /* =====================================================
   КОНТАКТЫ FOOTER — 360px
===================================================== */

.footer__column--contacts {
    grid-area: contacts;
}


/* ТЕКСТ КОНТАКТОВ */

.footer__column--contacts,
.footer__column--contacts p,
.footer__column--contacts a {
    width: 174px;
    font-family: "Montserrat";

    font-weight: 500;
    font-style: normal;

    font-size: 10px;
    line-height: 100%;

    letter-spacing: 0;

    color: #171717;
}


/* ОТСТУПЫ МЕЖДУ КОНТАКТАМИ */

.footer__contact p {
    margin: 0 0 7px;
}


    /* =====================================================
       ПОЛЕЗНАЯ ИНФОРМАЦИЯ
    ===================================================== */

    .footer__column:nth-child(3) {
        margin-top: 0;
    }


    /* =====================================================
   ПОЛИТИКА — 360px
===================================================== */

.footer__privacy a {
    display: block;

    margin: 0 0 14px;

    font-family: "Montserrat";

    font-weight: 700;
    font-style: normal;

    font-size: 14px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #171717;

    text-decoration: none;
}
/* =====================================================
   ПОЛИТИКА — ТЕКСТ 360px
===================================================== */

.footer__privacy p {
    width: 100%;

    max-width: 320px;

    margin: 0 auto;

    font-family: "Montserrat", sans-serif;

    font-weight: 500;
    font-style: normal;

    font-size: 10px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #967968;
}

/* =====================================================
   КОПИРАЙТ — 360px
===================================================== */

.footer__copyright {
    width: 100%;

    margin-top: 20px;
    padding: 0 10px;

    box-sizing: border-box;

    font-family: "Montserrat", sans-serif;

    font-weight: 700;
    font-style: normal;

    font-size: 14px;
    line-height: 100%;

    letter-spacing: 0;

    text-align: center;

    color: #171717;
}

/* =====================================================
   НИЖНИЙ ЛОГО — ТОЛЬКО МОБИЛЬНАЯ ВЕРСИЯ
===================================================== */

.footer__logo--bottom {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    margin: 18px 0 0;
    padding: 0;
}


.footer__logo--bottom img {
    display: block;

    width: 177px;
    height: auto;

    object-fit: contain;
}

/* =====================================================
   ЗАЩИТА ОТ ГОРИЗОНТАЛЬНОГО СКРОЛЛА — 360px
===================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;

    overflow-x: hidden;
}

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

.footer,
.contacts {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
}


/* =====================================================
   УБИРАЕМ ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ НА ТЕЛЕФОНЕ
   ===================================================== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}

@media screen and (max-width: 767px) {

    html {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    /* Нельзя элементам расширять страницу */
    * {
        max-width: 100%;
    }

    /* Но картинки не должны ломать свои размеры */
    img {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {

    html,
    body {
        width: 100%;
        max-width: 100vw;
        overflow-x: clip !important;
    }

    .navigation,
    .hero__content,
    .trust-container,
    .situations-header,
    .situations-list {
        max-width: 100%;
    }
}


@media (max-width: 600px) {

    .inheritance-problems__pause {
        width: 16px !important;
        height: 16px !important;

        margin-top: 50px;
        margin: 0 auto 20px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex-shrink: 0 !important;
    }

    .inheritance-problems__pause img {
        display: block !important;

        width: 16px !important;
        height: 16px !important;

        min-width: 16px !important;
        max-width: 16px !important;

        min-height: 16px !important;
        max-height: 16px !important;

        object-fit: contain !important;

        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
    }
}

/* =====================================
   БУРГЕР НА ПК — ВСЕГДА ТРИ ПОЛОСКИ
===================================== */

@media screen and (min-width: 768px) {

    .header__menu-button.active span:nth-child(1) {
        transform: none;
    }

    .header__menu-button.active span:nth-child(2) {
        opacity: 1;
    }

    .header__menu-button.active span:nth-child(3) {
        transform: none;
    }

}

/* =========================================
   LAWYERS DIFFERENCE
========================================= */

.lawyers-difference {
    width: 100%;
    position: relative;
    overflow: hidden;

    background: #ffffff;

    color: #302b25;

    font-family: "Montserrat";

    padding-top: 45px;
    padding-bottom: 105px;
}

/* =========================================
   CONTAINER
========================================= */

.lawyers-difference__container {
    width: 1190px;
    max-width: calc(100% - 40px);

    margin: 0 auto;
}


/* =========================================
   ВЕРХНЯЯ ИКОНКА
========================================= */

.lawyers-difference__top-icon {
    width: 51px;
    height: 51px;

    margin: 0 auto 47px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.lawyers-difference__top-icon img {
    display: block;
   width: 51px;
    height: 51px;

    object-fit: contain;
}


/* =========================================
   ЗАГОЛОВОК
========================================= */

.lawyers-difference__title {
    margin: 0;

    text-align: center;

    font-family: "Montserrat";
    line-height: 1.16;
  

    letter-spacing: -0.6px;

    color: #B88A4433 20%;

font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   ПОДЗАГОЛОВОК
========================================= */

.lawyers-difference__subtitle {
    margin: 40px 0 0;

    text-align: center;

    font-family: "Montserrat";
    line-height: 1.08;


    color: #2B2622;

font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   ШАПКА ТАБЛИЦЫ
========================================= */

.lawyers-difference__head {
    width: 100%;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

    align-items: center;

    margin-top: 73px;
    margin-bottom: 22px;
}


.lawyers-difference__head-cell {
    min-height: 40px;

    display: flex;
    align-items: center;

    line-height: 1.15;

    color: #312c27;

    font-family: "Montserrat";
font-weight: 600;
font-style: "SemiBold";
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* первый заголовок */

.lawyers-difference__head-cell:first-child {
    justify-content: flex-start;
}


/* Заголовок "Городская Защита" */

.lawyers-difference__head-cell--us {
    justify-content: flex-start;

    gap: 17px;
}


/* Заголовок "Обычный юрист" */

.lawyers-difference__head-cell--other {
    justify-content: flex-start;

    gap: 17px;
}


/* =========================================
   ИКОНКИ CHECK / CROSS
========================================= */

.lawyers-difference__icon {
    display: block;

    width: 32px;
    height: 32px;

    flex: 0 0 31px;

    object-fit: contain;
}


/* =========================================
   TABLE
========================================= */

.lawyers-difference__table {
    width: 100%;
}


/* =========================================
   ROW
========================================= */

.lawyers-difference__row {
    width: 100%;

    min-height: 75px;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;

    align-items: center;
}


/* темные полосы */

.lawyers-difference__row--dark {
    background: #4C3E2999 60%;
}


/* =========================================
   CELL
========================================= */

.lawyers-difference__cell {
    min-height: 65px;

    display: flex;
    align-items: center;

    padding: 13px 15px;

    box-sizing: border-box;

    font-family: "Montserrat";
    line-height: 1.25;

    color: #302b26;


font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* текст на темном фоне */

.lawyers-difference__row--dark
.lawyers-difference__cell {
    color: #ffffff;
}


/* =========================================
   НИЖНИЙ БЛОК
========================================= */

.lawyers-difference__bottom {
    text-align: center;

    margin-top: 70px;
}


/* =========================================
   НИЖНИЙ ЗАГОЛОВОК
========================================= */

.lawyers-difference__bottom-title {
    margin: 0;

    font-family: "Montserrat";
    line-height: 1.2;

    color: #2B2622;

font-weight: 700;
font-style: Bold;
font-size: 35px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   НИЖНИЙ ТЕКСТ
========================================= */

.lawyers-difference__bottom-text {
    margin: 36px 0 0;

    font-family: "Montserrat";
    line-height: 1.15;

    color: #2B2622;

font-weight: 500;
font-style: Medium;
font-size: 26px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   BUTTON
========================================= */

.lawyers-difference__button {
    width: 380px;
    height: 92px;

    margin: 52px auto 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    background: #C6925C;

    border-radius: 10px;

    text-decoration: none;

    color: #ffffff;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}


.lawyers-difference__button:hover {
    background: #bd8952;

    transform: translateY(-2px);
}


.lawyers-difference__button-title {
    display: block;

    font-family: "Montserrat";
    line-height: 1;

font-weight: 600;
font-style: SemiBold;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.lawyers-difference__button-text {
    display: block;

    margin-top: 5px;

    font-family: "Montserrat";
    line-height: 1;
 
font-weight: 400;
font-style: Regular;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}

/* =========================================
   НАСЛЕДСТВЕННЫЕ УСЛУГИ
========================================= */

.inheritance-services {
    width: 100%;
    position: relative;
    overflow: hidden;

    background-color: #f5ead7;
    background-image: url("img/background.png");
    background-repeat: repeat;
    background-size: auto;

    padding-top: 42px;
    padding-bottom: 105px;

    box-sizing: border-box;

    font-family: "Montserrat", Arial, sans-serif;
    color: #40382f;
}


/* =========================================
   CONTAINER
========================================= */

.inheritance-services__container {
    width: 100%;
    max-width: 1190px;

    margin: 0 auto;

    box-sizing: border-box;
}


/* =========================================
   ВЕРХНЯЯ ИКОНКА
========================================= */

.inheritance-services__icon {
    width: 51px;
    height: 51px;

    margin: 0 auto 22px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.inheritance-services__icon img {
    display: block;

    width: 51px;
    height: 51px;

    object-fit: contain;
}


/* =========================================
   ЗАГОЛОВОК
========================================= */

.inheritance-services__title {
    margin: 0;

    text-align: center;

    font-family: "Montserrat";
    line-height: 1.15;

    letter-spacing: -0.4px;

    color: #B88A4433 20%;

font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   ПОДЗАГОЛОВОК
========================================= */

.inheritance-services__subtitle {
    margin: 27px 0 0;

    text-align: center;

    font-family: "Montserrat";
    line-height: 1.2;

    color: #2B2622;


font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   GRID КАРТОЧЕК
========================================= */

.inheritance-services__grid {
    width: 100%;

    display: grid;

    grid-template-columns: 433px 433px;

    column-gap: 110px;
    row-gap: 115px;

    justify-content: center;
    align-items: start;

    margin-top: 160px;
}


/* =========================================
   КАРТОЧКА
========================================= */

.inheritance-service-card {
    width: 433px;
    height: 540px;

    position: relative;

    margin: 0;

    box-sizing: border-box;
}


/* =========================================
   БЕЛАЯ КАРТОЧКА
========================================= */

.inheritance-service-card__body {
    width: 433px;
    height: 416px;

    position: absolute;

    left: 0;
    top: 124px;

    z-index: 1;

    box-sizing: border-box;

    padding:
        72px
        40px
        0;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    background: rgba(255, 255, 255, 0.88);

    border-radius: 10px;
}


/* =========================================
   ФОТО
========================================= */

.inheritance-service-card__image {
    width: 353px;
    height: 214px;

    position: absolute;

    left: 40px;
    top: 0;

    z-index: 3;

    display: block;

    object-fit: cover;

    border-radius: 10px;

    box-sizing: border-box;
}


/* =========================================
   ЗАГОЛОВОК КАРТОЧКИ
========================================= */

.inheritance-service-card__title {
    width: 353px;

    margin: 0;

    font-family: "Montserrat";

    line-height: 1.15;

    text-align: center;

    color: #b1846d;

    margin-top: 40px;
font-weight: 700;
font-style: Bold;
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   ТЕКСТ КАРТОЧКИ
========================================= */

.inheritance-service-card__text {
    width: 353px;

    margin: 30px 0 0;

    font-family: "Montserrat";

    line-height: 1.25;

    text-align: center;

    color: #2B2622;

font-weight: 300;
font-style: Light;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================
   КНОПКА
========================================= */

.inheritance-service-card__button {
    width: 274px;
    height: 77px;

    margin-top: auto;
    margin-bottom: -28px;

    position: relative;
    z-index: 5;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    background: #967968;

    border-radius: 7px;

    text-decoration: none;

font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;


    font-family: "Montserrat";
    line-height: 1;
  

    color: #ffffff;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.inheritance-service-card__button:hover {
    background-color: #896f60;

    transform: translateY(-2px);
}

/* =========================================================
   БЛОК ОТЗЫВОВ
   ========================================================= */

.reviews {
    position: relative;

    width: 100%;

    min-height: 700px;

    box-sizing: border-box;

    background-image: url("images/reviews-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    overflow: hidden;
}


/* =========================================================
   ЗАГОЛОВОК
   ========================================================= */

.reviews__heading {
    width: 100%;

    padding-top: 25px;

    text-align: center;

    box-sizing: border-box;
}


.reviews__heading-icon {
    display: block;

    width: 65px;
    height: 65px;

    margin: 0 auto 20px;

    object-fit: contain;
}


.reviews__heading h2 {
    margin: 0;

    line-height: 36px;


    color: #B88A4433 20%;

    font-family: "Montserrat";
font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.reviews__heading p {
    margin: 25px 0 0;


    line-height: 23px;

    color: #3a3026;

    font-family: "Montserrat";
font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   ОБЁРТКА КАРТОЧКИ
   ========================================================= */

.reviews__card-wrapper {
    position: relative;

    width: 1088px;
    height: 425px;

    margin: 70px auto 0;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   ОДНА КАРТОЧКА
   ========================================================= */

.review-card {
    position: relative;

    width: 1088px;
    height: 425px;

    flex: 0 0 1088px;

    box-sizing: border-box;

    border-radius: 20px;

    overflow: visible;

    background-image: url("img/review-card-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    transition: opacity 0.2s ease;

    margin-top: 40px;
}

/* =========================================================
   ВЕРХ КАРТОЧКИ
   ========================================================= */

.review-card__header {
    position: relative;

    width: 100%;
    height: 158px;

    box-sizing: border-box;
}


/* =========================================================
   ИМЯ
   ========================================================= */

.review-card__author {
    position: absolute;

    left: 65px;
    top: 35px;
}


.review-card__name {

    line-height: 22px;


    color: #2B2622;

    font-family: "Montserrat";
font-weight: 700;
font-style: Bold;
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


.review-card__date {
    margin-top: 3px;

    color: #2B2622;

    font-family: "Montserrat";
font-weight: 700;
font-style: Bold;
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
}


/* =========================================================
   ФОТО
   ========================================================= */

.review-card__photo {
    position: absolute;

    top: -17px;
    left: 50%;

    width: 108px;
    height: 108px;

    transform: translateX(-50%);

    border-radius: 50%;

    object-fit: cover;

    z-index: 10;
}


/* =========================================================
   ЗВЁЗДЫ
   ========================================================= */

.review-card__stars {
    position: absolute;

    top: 42px;
    right: 48px;

    width: 258px;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   ТЕКСТ ОТЗЫВА
   ========================================================= */

.review-card__text {
    width: 100%;

    height: 137px;

    box-sizing: border-box;

    padding: 0 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;


    line-height: 24px;


    color: #2B2622;


    font-family: "Montserrat";
font-weight: 400;
font-style: "Regular";
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   НИЖНЯЯ ТЁМНАЯ ПАНЕЛЬ
   ========================================================= */
.review-card__bottom {
    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 130px;

    box-sizing: border-box;

    padding: 27px 50px;

    background: #2B2622;

    border-radius: 20px;

    color: #fff;

    text-align: center;

    font-family: "Montserrat";
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
}

.review-card__bottom > div {
    width: 100%;
}


.review-card__bottom > div + div {
    margin-top: 2px;
}


.review-card__bottom span:first-child {
    font-weight: 700;
}


/* =========================================================
   СТРЕЛКИ
   ========================================================= */

.reviews__arrow {
    position: absolute;

    top: 50%;

    width: 48px;
    height: 48px;

    padding: 0;

    margin: 0;

    border: 0;

    background: transparent;

    transform: translateY(-50%);

    cursor: pointer;

    z-index: 20;

    display: flex;
    align-items: center;
    justify-content: center;
}


.reviews__arrow img {
    display: block;

    width: 48px;
    height: 48px;

    object-fit: contain;
}


.reviews__arrow--left {
    left: -75px;
}


.reviews__arrow--right {
    right: -75px;
}


.reviews__arrow:hover {
    opacity: 0.8;
}


/* =========================================================
   ПЕРЕХОД ПРИ СМЕНЕ ОТЗЫВА
   ========================================================= */

.review-card.is-changing {
    opacity: 0;
}


/* =========================================================
   FAQ SECTION
========================================================= */

.faq-section {
    width: 100%;
    position: relative;
    overflow: hidden;

    background-color: #f8f1e5;
    background-image: url("img/logofff.png");
    background-repeat: repeat;
    background-position: center top;
    background-size: auto;

    font-family: "Montserrat", Arial, sans-serif;
    color: #292929;
}


/* =========================================================
   CONTAINER
========================================================= */

.faq-section__container {
    width: calc(100% - 80px);
    max-width: 1102px;

    margin: 0 auto;

    padding: 37px 0 0;
}


/* =========================================================
   ICON
========================================================= */

.faq-section__icon {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    margin-bottom: 20px;
}

.faq-section__icon img {
    display: block;

    width: 56px;
    height: 56px;

    object-fit: contain;
}


/* =========================================================
   TITLE
========================================================= */

.faq-section__title {
    width: 100%;

    margin: 0 0 59px;
    padding: 0;

    font-family: "Montserrat";

    font-style: normal;

    line-height: 1.2;
    letter-spacing: 0;

    color: #2B2622;

    text-align: center;


font-weight: 800;
font-style: "ExtraBold";
font-size: 42px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   FAQ LIST
========================================================= */

.faq {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 26px;

    margin: 0;
    padding: 0;
}


/* =========================================================
   FAQ ITEM
========================================================= */

.faq-item {
    width: 100%;

    margin: 0;
    padding: 0;

    border-radius: 20px;

    overflow: hidden;

    background: transparent;
}


/* =========================================================
   QUESTION
========================================================= */

.faq-question {
    position: relative;

    width: 100%;
    height: 69px;

    margin: 0;
    padding: 0 85px 0 45px;

    border: none;
    border-radius: 20px;

    background-image: url("img/background.png");


    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Montserrat";

   
    font-style: normal;

    line-height: 1.2;
    letter-spacing: 0;

    color: #292929;

    text-align: center;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    box-shadow: none;

    transition: background-color 0.2s ease;


font-weight: 600;
font-style: SemiBold;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   QUESTION TEXT
========================================================= */

.faq-question span {
    display: block;

    width: 100%;

    margin: 0;
    padding: 0;

    font-family: "Montserrat";



    line-height: 1.2;

    color: #292929;

    text-align: center;


font-weight: 400;
font-style: Regular;
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* =========================================================
   ARROW
========================================================= */

.faq-question__arrow {
    position: absolute;

    right: 27px;
    top: 50%;

    width: 29px;
    height: 29px;

    margin: 0;

    object-fit: contain;

    transform: translateY(-50%);

    transition: transform 0.25s ease;
}





/* =========================================================
   ACTIVE ITEM
========================================================= */

.faq-item.active .faq-question {
    border-radius: 20px 20px 0 0;
}


/* =========================================================
   ANSWER
========================================================= */

.faq-answer {
    display: none;

    width: 100%;

    margin: 0;
    padding: 29px 75px 34px;

    background: rgba(255, 255, 255, 0.92);

    border-radius: 0 0 20px 20px;
}


/* =========================================================
   ACTIVE ANSWER
========================================================= */

.faq-item.active .faq-answer {
    display: block;
}


/* =========================================================
   ANSWER TEXT
========================================================= */

.faq-answer p {
    width: 100%;

    max-width: 900px;

    margin: 0 auto;
    padding: 0;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 20px;
    font-weight: 400;
    font-style: normal;

    line-height: 1.4;
    letter-spacing: 0;

    color: #555555;

    text-align: center;
}


/* =========================================================
   BOTTOM IMAGE
========================================================= */

.faq-section__image {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: flex-end;

    margin-top: 50px;

    overflow: hidden;
}

.faq-section__image img {
    display: block;

    width: 1244px;
    max-width: 100%;
opacity: 0.6;
    height: auto;

    object-fit: contain;
}



@media (max-width: 600px) {

    /* =====================================================
       ОСНОВНОЙ БЛОК
    ===================================================== */

    .faq-section {

        margin-top: -250px;
        width: 100%;
        min-height: 600px;

        margin: 0;
        padding: 0;

        overflow: hidden;

        background-color: #f8f1e5;
        background-image: url("img/logofff.png");
        background-repeat: repeat;
        background-position: center top;
        background-size: auto;

        box-sizing: border-box;
    }


    /* =====================================================
       КОНТЕЙНЕР
    ===================================================== */

    .faq-section__container {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }


    /* =====================================================
       ИКОНКА
    ===================================================== */

    .faq-section__icon {
        position: relative;

        width: 100%;
        height: 35px;

        margin: 28px 0 0;
        padding: 0;

        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .faq-section__icon img {
        display: block;

        width: 35px;
        height: 35px;

        margin: 0;

        object-fit: contain;
    }


    /* =====================================================
       ЗАГОЛОВОК
    ===================================================== */

    .faq-section__title {
        width: 300px;

        margin: 20px auto 21px;
        padding: 0;

        font-family: "Montserrat";

        font-size: 22px;
        line-height: 24px;

        font-weight: 800;

        letter-spacing: 0;

        text-align: center;

        color: #2B2622;
    }


    /* =====================================================
       FAQ LIST
    ===================================================== */

    .faq {
        width: 100%;

        margin: 0;
        padding: 0;

        display: flex;
        flex-direction: column;

        gap: 4px;
    }


    /* =====================================================
       FAQ ITEM
    ===================================================== */

    .faq-item {
        width: 100%;

        margin: 0;
        padding: 0;

        border-radius: 10px;

        overflow: hidden;

        background: transparent;
    }


    /* =====================================================
       ВОПРОС
    ===================================================== */

    .faq-question {
        position: relative;

        width: 100%;
        height: 58px;

        margin: 0;
        padding: 0 55px 0 28px;

        border: none;
        border-radius: 10px;

        background-image: url("img/background.png");
        background-repeat: repeat;
        background-position: center;
        background-size: auto;

        display: flex;
        align-items: center;
        justify-content: flex-start;

        box-sizing: border-box;

        font-family: "Montserrat";

        color: #292929;

        cursor: pointer;

        appearance: none;
        -webkit-appearance: none;

        box-shadow: none;

        text-align: left;
    }


    /* =====================================================
       ТЕКСТ ВОПРОСА
    ===================================================== */

    .faq-question span {
        display: block;

        width: 270px;

        margin: 0;
        padding: 0;

        font-family: "Montserrat";

        font-size: 12px;
        line-height: 14px;

        font-weight: 600;

        letter-spacing: 0;

        color: #292929;

        text-align: left;
    }


    /* =====================================================
       СТРЕЛКА
    ===================================================== */

    .faq-question__arrow {
        position: absolute;

        right: 15px;
        top: 50%;

        width: 16px;
        height: 16px;

        margin: 0;

        padding: 0;

        object-fit: contain;

        transform: translateY(-50%);

        transition: transform 0.25s ease;
    }


    /* =====================================================
       ПЕРВЫЙ ОТКРЫТЫЙ ВОПРОС
    ===================================================== */

    .faq-item.active .faq-question {
        height: 58px;

        border-radius: 10px 10px 0 0;
    }


    /* =====================================================
       ОТВЕТ
    ===================================================== */

    .faq-answer {
        display: none;

        width: 100%;

        margin: 0;
        padding: 20px 28px 24px;

        box-sizing: border-box;

        background: rgba(255, 255, 255, 0.92);

        border-radius: 0 0 10px 10px;
    }


    /* =====================================================
       ОТКРЫТЫЙ ОТВЕТ
    ===================================================== */

    .faq-item.active .faq-answer {
        display: block;
    }


    /* =====================================================
       ТЕКСТ ОТВЕТА
    ===================================================== */

    .faq-answer p {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        font-family: "Montserrat";

        font-size: 10px;
        line-height: 12px;

        font-weight: 400;

        letter-spacing: 0;

        color: #555555;

        text-align: left;
    }


    /* =====================================================
       НИЖНЯЯ КАРТИНКА
    ===================================================== */

    .faq-section__image {
        width: 100%;

        height: auto;

        margin: 36px 0 0;
        padding: 0;

        display: flex;

        justify-content: center;
        align-items: flex-start;

        overflow: hidden;
    }


    .faq-section__image img {
        display: block;

        width: 338px;
        max-width: none;

        height: auto;

        margin: 0 auto;

        object-fit: contain;

        opacity: 0.6;
    }
}


.law-screen {
  width: 100%;
  position: relative;
  overflow: hidden;

  background-image: url("img/background.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;

  color: #352e27;

  margin-top: 50px;
}


.law-screen__container {
  position: relative;
  z-index: 1;

  width: min(100% - 40px, 1120px);
  margin: 0 auto;

  padding: 28px 0 32px;

}


/* =========================================================
   HEADER
   ========================================================= */

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

.law-screen__top-icon {
  width: 52px;
  height: 52px;

  margin: 0 auto 17px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.law-screen__top-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.law-screen__header h2 {
  margin: 0;

  line-height: 1.12;

  color: #B88A4433 20%;

  font-family: "Montserrat";
font-weight: 800;
font-style: "ExtraBold";
font-size: 44px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.law-screen__header p {
  margin: 12px auto 0;

  line-height: 1.28;

  color: #2B2622;

  font-family: "Montserrat";
font-weight: 500;
font-style: Medium;
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}

/* =========================================================
   CONTACTS
========================================================= */

.law-screen__contacts {
    display: grid;
    grid-template-columns: 555px 555px;
    gap: 100px;

    width: 1210px;
    margin: 130px auto 0;

    margin-top: 160px;
}


/* =========================================================
   CONTACT CARD
========================================================= */

.contact-card {
    position: relative;
    padding-top: 0;
}


/* =========================================================
   PHONE ICON
   86 x 86
========================================================= */

.contact-card__icon {
    position: absolute;

    top: -96px;
    left: 50%;

    transform: translateX(-50%);

    

    width: 86px;
    height: 86px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-card__icon img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}


/* =========================================================
   MESSAGE ICON
   113 x 113
========================================================= */

.contact-card__icon--whatsapp {
    width: 113px;
    height: 113px;

    top: -111px;
}




.contact-card__body {
    width: 555px;
    height: 203px;

    box-sizing: border-box;

    padding: 25px 30px 20px;

    border: 3px solid #ca914f;
    border-radius: 10px;

    text-align: center;

    margin-top: 30px;
}


/* =========================================================
   CARD TEXT
========================================================= */

.contact-card__body h3 {
    margin: 0 0 4px;

    font-family: "Montserrat";

    line-height: 1.2;

    color: #2B2622;


font-weight: 700;
font-style: Bold;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.contact-card__phone {
    display: block;

    margin: 0;

    color: #2B2622;
    text-decoration: none;

    font-family: "Montserrat";

    line-height: 1.25;


font-weight: 500;
font-style: Medium;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}

.contact-card__body p {
    margin: 5px 0 0;

    font-family: "Montserrat";

    line-height: 1.2;

    color: #2B2622;


font-weight: 500;
font-style: Medium;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}

.contact-card__body span {
    display: block;

    margin-top: 2px;
    font-family: "Montserrat";

    line-height: 1.2;

    color: #2B2622;


font-weight: 500;
font-style: Medium;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
}

/* =========================================================
   STATS
   ========================================================= */

/* =========================================================
   STATS
========================================================= */
.law-screen__stats {

    display: grid;

    grid-template-columns: 330px 333px 330px;

    align-items: center;

    justify-content: center;

    width: 993px;
    max-width: none;

    margin: 42px auto 34px;
}


.stat {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;
}


/* =========================================================
   ЛЕВЫЙ БЛОК — 10 ЛЕТ
========================================================= */

.law-screen__stats .stat:nth-child(1) {
    justify-self: center;

     position: relative;
    left: -25px;
}


/* =========================================================
   ЦЕНТРАЛЬНЫЙ БЛОК — ГАРАНТИЯ
========================================================= */

.law-screen__stats .stat:nth-child(2) {
    justify-self: center;

    position: relative;
    left: 35px;
}


/* =========================================================
   ПРАВЫЙ БЛОК — 300+
========================================================= */

.law-screen__stats .stat:nth-child(3) {
    justify-self: center;

     position: relative;
    left: 85px;
}

.stat strong {
  display: block;

  line-height: 1;

  color: #967968;


  font-family: "Montserrat";
font-weight: 700;
font-style: Bold;
font-size: 50px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.stat span {
  display: block;

  width: 330px;
  margin-top: 13px;

  line-height: 1.15;

  color: #2B2622;


  font-family: "Montserrat";
font-weight: 400;
font-style: Regular;
font-size: 26px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.stat--guarantee {
  padding-top: 0;
}


.stat--guarantee strong {
  max-width: 333px;

  line-height: 1.15;

  color: #3e352e;

  font-family: "Montserrat";
font-weight: 600;
font-style: "SemiBold";
font-size: 28px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.stat--guarantee span {
  margin-top: 0;

  font-size: 18px;
  font-weight: 700;
}


.stat__icon {
  width: 64px;
  height: 64px;

  margin-bottom: 6px;
}


.stat__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* =========================================================
   FORM
   ========================================================= */

.law-form {
    width: 555px;
    height: 450px;
    max-width: none;

    margin-left: 300px;

    padding: 36px 49px 25px;

    box-sizing: border-box;

    border-radius: 20px;

    background-image: url("img/bafff.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    box-shadow:
        0 1px 0 rgba(255,255,255,.8) inset,
        0 0 35px rgba(132,91,47,.06);
}

.law-form__input {
  display: block;

  width: 100%;
  height: 70px;

  box-sizing: border-box;

  margin: 0 0 17px;

  padding: 0 35px;

  border: 0;
  outline: none;

  border-radius: 7px;

  background: #D8AE7433 20%;

  color: #2B2622;


  font-family: "Montserrat";
font-weight: 400;
font-style: "Regular";
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


.law-form__input::placeholder {
  color: #40372f;
  opacity: 1;
}


.law-form__agreement {
  position: relative;

  display: flex;
  align-items: flex-start;
  gap: 15px;

  cursor: pointer;

  margin: 2px 0 17px;

  line-height: 1.25;

  color: #2B2622;

  font-family: "Montserrat";
font-weight: 400;
font-style: "Regular";
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


.law-form__agreement input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}


.law-form__checkbox {
  flex: 0 0 18px;

  width: 18px;
  height: 18px;

  margin-top: 1px;

  border-radius: 10px;

  background: #C6925C;

  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.5);
}


.law-form__agreement input:not(:checked) + .law-form__checkbox {
  background: transparent;
  border: 1px solid #bd8a45;
  box-shadow: none;
}


.law-form__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 90px;

  padding: 5px 10px;

  border: 0;
  border-radius: 7px;

  cursor: pointer;

  background: #C6925C;
  color: #fff;


  transition:
    background .2s ease,
    transform .2s ease;



}


.law-form__button:hover {
  background: #C6925C;
}


.law-form__button:active {
  transform: translateY(1px);
}


.law-form__button strong {
  line-height: 1.1;

  font-family: "Montserrat";
font-weight: 700;
font-style: Bold;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.law-form__button span {
  margin-top: 4px;

  line-height: 1;

  font-family: "Montserrat";
font-weight: 300;
font-style: Light;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.law-form__security {
  display: flex;
  align-items: flex-start;
  gap: 17px;

  margin-top: 20px;
}


.law-form__security img {
  flex: 0 0 20px;

  width: 28px;
  height: 28px;

  object-fit: contain;
}


.law-form__security p {
  margin: 0;

  line-height: 1.3;

  color: #766b61;

  font-family: "Montserrat";
font-weight: 300;
font-style: Light;
font-size: 12px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =========================================================
   OFFER
   ========================================================= */

.offer {
  margin-top: 31px;

  margin-left: -30px;

  text-align: center;
}


.offer h2 {
  margin: 0;

  line-height: 1.2;

  color: #2B2622;

  font-family: "Montserrat";
font-weight: 600;
font-style: "SemiBold";
font-size: 30px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.offer__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);

  gap: 42px;

  max-width: 900px;
  margin: 38px auto 0;

  text-align: left;
}


.offer-item {
  display: flex;
  align-items: center;
  gap: 13px;
}


.offer-item__icon {
  flex: 0 0 48px;

  width: 71px;
  height: 71px;

  display: flex;
  align-items: center;
  justify-content: center;
}


.offer-item__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.offer-item span {
  line-height: 1.15;

  color: #2B2622;

  font-family: "Montserrat";
font-weight: 400;
font-style: "Regular";
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


.offer__bottom {

  line-height: 1.2;

  color: #403830;

  font-family: "Montserrat";
font-weight: 500;
font-style: Medium;
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

margin-left: 100px;

margin-top: 40px;

}

.law-form__agreement a {
    color: inherit;
    text-decoration: none;
}

.law-form__agreement a:hover {
    color: inherit;
    text-decoration: none;
}



.footer__logo--bottom {
    display: none;
}

@media (max-width: 768px) {
    .footer__logo--bottom {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
    }

    .footer__logo--bottom img {
        display: block;
        margin: 0 auto;
    }
}


/* =========================================
   ПРЕИМУЩЕСТВА — МОБИЛЬНАЯ ВЕРСИЯ
   ========================================= */

@media (max-width: 768px) {

    .advantages {
        width: 100%;
        height: 195px;

        padding: 26px 14px 16px;

        background: #f5f4f2;

        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 50px 50px 1fr;

        column-gap: 24px;
        row-gap: 10px;

        align-items: center;
        justify-content: stretch;

        box-sizing: border-box;
    }


    /* Один показатель */
    .advantages__item {
        width: 100%;
        height: auto;

        display: flex;
        align-items: center;

        margin: 0;

        white-space: normal;
    }


    /* Порядок элементов */

    /* 2015 */
    .advantages__item:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    /* +200 */
    .advantages__item:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    /* 97% */
    .advantages__item:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
    }

    /* 0 руб. переносим вниз */
    .advantages__item:nth-child(4) {
        grid-column: 1 / 3;
        grid-row: 3;

        justify-self: center;
        justify-content: center;

        width: auto;

        margin-top: 2px;
    }

    /* 100% */
    .advantages__item:nth-child(5) {
        grid-column: 2;
        grid-row: 2;
    }


    /* Цифры */
    .advantages__number {
        flex-shrink: 0;

        font-size: 21px;
        font-weight: 700;

        line-height: 1;

        letter-spacing: 0;
    }


    /* Звёздочка */
    .advantages__number img {
        width: 9px;
        height: 9px;

        top: -7px;
        right: -5px;

        object-fit: contain;
    }


    /* Текст */
    .advantages__text {
        margin-left: 12px;

        color: #5c534a;

        font-size: 9px;
        font-weight: 400;

        line-height: 1.15;

        white-space: nowrap;
    }


    .advantages__text strong {
        font-weight: 700;
    }

}


/* =====================================================
   ИСТОРИЯ — МОБИЛЬНАЯ ВЕРСИЯ
===================================================== */

@media (max-width: 768px) {

    /* =========================================
       ВЕСЬ БЛОК
    ========================================= */

    .history {
        width: 100%;
        min-height: auto;

        margin: 0;
        padding: 17px 0 0;

        background-image: url("img/bafff.png");
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;

        overflow: hidden;
        box-sizing: border-box;
    }


    /* =========================================
       ИКОНКА
    ========================================= */

    .history__icon {
        width: 29px;
        height: 27px;

        margin: 0 auto;
    }

    .history__icon img {
        width: 29px;
        height: 27px;

        object-fit: contain;
    }


    /* =========================================
       ЗАГОЛОВОК
    ========================================= */

    .history__title {
        width: 295px;

        margin: 17px auto 0;
        padding: 0;

        color: #403c38;

        font-family: "Montserrat";
        line-height: 1.12;
        letter-spacing: 0;

        text-align: center;


font-weight: 800;
font-style: "ExtraBold";
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =========================================
       ОСНОВНАЯ КАРТОЧКА
    ========================================= */

    .history__card {
        width: calc(100% - 30px);

        margin: 28px auto 0;
        padding: 14px 7px 0;

        box-sizing: border-box;

        border-radius: 0;

        overflow: hidden;

        background:
            url("img/quiz-paper.png") center / cover no-repeat;
    }


    /* =========================================
       РЯДЫ ФОТО
    ========================================= */

    .history__photos {
        width: 100%;

        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;

        align-items: center;
        justify-content: center;
    }


    /* =========================================
       ФОТО
    ========================================= */

    .history__photo {
        display: block;

        width: 100%;
        height: 70px;

        object-fit: cover;

        border-radius: 5px;
    }


    .history__photos--top {
        margin: 0;
    }


    /* =========================================
       ОБЩИЙ ТЕКСТ
    ========================================= */

    .history__text {
        width: 100%;

        padding: 0 4px;
        box-sizing: border-box;

        color: #403c38;

        font-family: "Montserrat";
        line-height: 1.2;
        letter-spacing: 0;

        text-align: center;

font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;



    }


    .history__text p {
        margin: 0;
    }


    /* =========================================
       ПЕРВЫЙ ТЕКСТ
    ========================================= */

    .history__text--first {
        margin-top: 35px;
    }

    .history__text--first p + p {
        margin-top: 23px;
    }


    /* =========================================
       ВТОРОЙ РЯД ФОТО
    ========================================= */

    .history__photos--bottom {
        margin-top: 33px;
    }


    /* =========================================
       ВТОРОЙ ТЕКСТ
    ========================================= */

    .history__text--second {
        margin-top: 34px;
    }

    .history__text--second p + p {
        margin-top: 25px;
    }


    /* =========================================
       НИЖНЯЯ ТЁМНАЯ ПЛАШКА
    ========================================= */

    .history__bottom {
        width: calc(100% + 14px);
        min-height: 136px;

        margin-left: -7px;
        margin-top: 29px;

        padding: 14px 20px 17px;

        box-sizing: border-box;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #2B2622;

        color: #ffffff;

        font-family: "Montserrat";
        font-size: 16px;
        font-weight: 500;
        line-height: 1.22;

        text-align: center;

        border-radius: 0 0 19px 19px;
    }

}

@media (max-width: 768px) {

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

    .principles {
        width: 100%;
        min-height: 827px;

        padding: 31px 0 80px;

        overflow: hidden;

        background:
            url("img/quiz-paper.png")
            center top / cover no-repeat;
    }


    /* =========================================
       ШАПКА
    ========================================= */

    .principles__header {
        width: 100%;

        padding: 0 20px;

        box-sizing: border-box;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;
    }


    /* ИКОНКА */

    .principles__icon {
        display: block;

        width: 31px;
        height: 31px;

        margin: 0 0 35px;

        object-fit: contain;
    }


    /* ЗАГОЛОВОК */

    .principles__title {
        margin: 0;

        color: #403c38;

        font-family: "Montserrat", sans-serif;
        font-size: 21px;
        font-weight: 800;
        line-height: 1.1;

        text-align: center;
    }


    /* ПОДЗАГОЛОВОК */

    .principles__subtitle {
        margin: 23px 0 0;

        color: #403c38;

        font-family: "Montserrat", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.2;

        text-align: center;
    }


    /* =========================================
       СЛАЙДЕР
    ========================================= */

    .principles__slider {
        width: 100%;

        margin-top: 32px;

        padding-left: calc((100vw - 226px) / 2);
        padding-right: calc((100vw - 226px) / 2);

        box-sizing: border-box;

        display: flex;

        gap: 20px;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-snap-type: x mandatory;

        scrollbar-width: none;
        -ms-overflow-style: none;

        -webkit-overflow-scrolling: touch;
    }


    .principles__slider::-webkit-scrollbar {
        display: none;
    }


    /* =========================================
       ОДИН ПРИНЦИП
    ========================================= */

    .principle-card {
        flex: 0 0 226px;

        width: 226px;

        margin: 0;
        padding: 0;

        scroll-snap-align: center;
        scroll-snap-stop: always;

        text-align: center;
    }


    /* =========================================
       ПРИНЦИП 1
    ========================================= */

    .principle-card__number {
        margin: 0 0 17px;

        color: #a98a77;

        font-family: "Montserrat", sans-serif;
        font-size: 25px;
        font-weight: 700;
        line-height: 1;

        text-align: center;
    }


    /* =========================================
       КАРТОЧКА
       ТОЧНО КАК НА МАКЕТЕ
    ========================================= */

    .principle-card__body {
        width: 226px;
        height: 413px;

        margin: 0;
        padding: 0;

        box-sizing: border-box;

        overflow: hidden;

        border-radius: 10px;

        background: rgba(255, 255, 255, 0.88);
    }


    /* =========================================
       ФОТО
    ========================================= */

    .principle-card__image {
        display: block;

        width: 226px;
        height: 162px;

        margin: 0;

        object-fit: cover;

        pointer-events: none;
    }


    /* =========================================
       ТЕКСТ
    ========================================= */

    .principle-card__text {
        width: 100%;

        margin: 0;

        padding: 14px 13px 10px;

        box-sizing: border-box;

        color: #403c38;

        font-family: "Montserrat", sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.13;

        text-align: center;

        /* ВАЖНО */
        height: auto;
        min-height: 0;

        overflow: visible;

        display: block;
    }


    /* АБЗАЦЫ */

    .principle-card__text p {
        margin: 0;
        padding: 0;
    }


    /* РАССТОЯНИЕ МЕЖДУ АБЗАЦАМИ */

    .principle-card__text p + p {
        margin-top: 14px;
    }


    /* ЖИРНАЯ ПЕРВАЯ ЧАСТЬ */

    .principle-card__text strong {
        display: block;

        margin: 0 0 3px;

        font-weight: 700;
        line-height: 1.13;
    }

}

/* =====================================================
   МОБИЛЬНЫЙ ЛОГОТИП
   ПК НЕ ТРОГАЕМ
===================================================== */

/* На ПК мобильный логотип скрыт */

.lawyer__logo-mobile {
    display: none;
}


/* =========================================================
   TEAM + OFFICE — МОБИЛЬНАЯ ВЕРСИЯ ТОЧНО ПОД МАКЕТ
========================================================= */

@media (max-width: 768px) {

    /* =====================================================
       ОБЩИЙ ФОН
    ===================================================== */

    .team-section,
    .office-section {
        width: 100%;
        box-sizing: border-box;

        background:
            url("img/bafff.png")
            center top / cover no-repeat;
    }


    /* =====================================================
       TEAM
    ===================================================== */

    .team-section {
        padding: 18px 0 0;
        overflow: hidden;
    }


    .team-section__inner {
        width: 100%;
        max-width: none;
        margin: 0;
    }


    /* =====================================================
       ШАПКА
    ===================================================== */

    .team-section__header {
        width: 100%;
        margin: 0 0 21px;
        padding: 0 18px;
        box-sizing: border-box;
        text-align: center;
    }


    .team-section__icon {
        width: 26px;
        height: 26px;

        margin: 0 auto 21px;

        display: flex;
        align-items: center;
        justify-content: center;
    }


    .team-section__icon img {
        width: 26px;
        height: 26px;
        display: block;
        object-fit: contain;
    }


    /* =====================================================
       ЗАГОЛОВОК
    ===================================================== */

    .team-section__header h2 {
        width: 100%;
        max-width: 275px;

        margin: 0 auto;

        color: #403c38;

        font-family: "Montserrat";
        line-height: 1.12;
        letter-spacing: 0;

        text-align: center;

font-weight: 800;
font-style: "ExtraBold";
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ПОДЗАГОЛОВОК
    ===================================================== */

    .team-section__header p {
        width: 100%;
        max-width: 270px;

        margin: 16px auto 0;

        color: #403c38;

        font-family: "Montserrat";
        line-height: 1.18;
        letter-spacing: 0;

        text-align: center;

font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ЮРИСТ
    ===================================================== */

    .lawyer,
    .lawyer + .lawyer {
        position: relative;

        width: 100%;

        display: flex;
        flex-direction: column;

        transform: none;

        margin: 0 0 38px;
        padding: 0;

        box-sizing: border-box;
    }


    /* =====================================================
       ФОТО ЮРИСТА
    ===================================================== */

.lawyer__photo {
    position: relative;

    width: 124px;
    height: 161px;

    margin: 0 auto;

    overflow: hidden;
    flex-shrink: 0;

    z-index: 2;
}


.lawyer__photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

    /* =====================================================
       КОНТЕНТ
    ===================================================== */

    .lawyer__content {
        width: 100%;
        min-width: 0;
        padding: 0;

        display: flex;
        flex-direction: column;
    }


    /* =====================================================
       ИМЯ
    ===================================================== */

    .lawyer__content h3 {
        width: 100%;

        margin: 24px 0 16px;
        padding: 0 10px;

        box-sizing: border-box;

        color: #403c38;

        font-family: "Montserrat", sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.18;

        letter-spacing: 0;

        text-align: center;
    }


    /* =====================================================
       БЕЛАЯ КАРТОЧКА С ИНФОРМАЦИЕЙ
    ===================================================== */

    .lawyer__info {
        width: calc(100% - 20px);

        margin: 0 auto;
        padding: 15px 18px 16px;

        box-sizing: border-box;

    }


    /* =====================================================
       ТЕКСТ В КАРТОЧКЕ
    ===================================================== */

    .lawyer__info p {
        margin: 0 0 18px;

        color: #4a4642;

        font-family: "Montserrat";
        line-height: 1.5;
        letter-spacing: 0;

        text-align: center;

font-weight: 500;
font-style: "SemiBold";
font-size: 12px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
text-align: center;

    }


    .lawyer__info p:last-child {
        margin-bottom: 0;
    }


    .lawyer__info strong {
        font-weight: 600;
    }


    /* =====================================================
       ЦИТАТА
    ===================================================== */

    .lawyer__quote {
        width: calc(100% - 38px);

        margin: 17px auto 0;
        padding: 0;

        box-sizing: border-box;

        color: #9b806e;

        font-family: "Montserrat";
        line-height: 1.2;

        letter-spacing: 0;

        text-align: center;

font-weight: 700;
font-style: Bold;
font-size: 12px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       СТАРЫЙ ЛОГОТИП ПК — НА ТЕЛЕФОНЕ СКРЫВАЕМ
    ===================================================== */

    .lawyer__logo {
        display: none !important;
    }


    /* =====================================================
       НОВЫЙ МОБИЛЬНЫЙ ЛОГОТИП
    ===================================================== */

.lawyer__logo-mobile {
    position: absolute;

    display: flex;

    width: 40px;
    height: 38px;

    /* Справа от центра фото */
    left: calc(50% + 40px);

    /* Немного заходит за верх фотографии */
    top: -15px;

    align-items: center;
    justify-content: center;

    z-index: 1;

    pointer-events: none;
}


.lawyer__logo-mobile img {
    display: block;

    width: 40px;
    height: 38px;

    object-fit: contain;
}

    /* =====================================================
       ОФИС
    ===================================================== */

    .office-section {
        padding: 22px 0 40px;
        overflow: hidden;
    }


    .office-section__inner {
        width: 100%;
        max-width: none;
        margin: 0;
    }


    /* =====================================================
       ЗАГОЛОВОК ОФИСА
    ===================================================== */

    .office-section__title {
        width: 100%;
        max-width: 235px;

        margin: 0 auto;
        padding: 0;

        color: #403c38;

        text-align: center;
    }


    .office-section__title span,
    .office-section__title strong {
        display: block;

        font-family: "Montserrat", ;
        line-height: 1.1;
        letter-spacing: 0;

        text-align: center;

font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    .office-section__title span {
        font-weight: 600;
    }


    .office-section__title strong {
        font-weight: 500;
    }


    /* =====================================================
       ФОТОГАЛЕРЕЯ
    ===================================================== */

    .office-gallery {
        width: 176px;

        display: flex;
        flex-direction: column;

        gap: 12px;

        margin: 23px auto 0;
        padding: 0;
    }


    .office-gallery__item {
        width: 211px;
        height: 106px;

        overflow: hidden;

        border-radius: 8px;
    }


    .office-gallery__item img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
    }


    /* На присланном макете описание после фото не видно */

    .office-description {
        display: none;
    }
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ — ЭКРАН «ЦИФРЫ»
   ТОЧНАЯ НАСТРОЙКА ПОД ДИЗАЙН
========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       ОСНОВНАЯ СЕКЦИЯ
    ===================================================== */

    .numbers-section {
        width: 100%;
        min-height: 0;

        padding: 22px 0 55px;

        margin: 0;

        overflow: hidden;

        background-image: url("img/quiz-paper.png");
        background-repeat: repeat;
        background-size: auto;

        color: #393129;
    }


    /* =====================================================
       ГЛАВНЫЙ КОНТЕЙНЕР

       Через grid переставляем:
       1–4 показатели
       ХРОНОЛОГИЯ
       5–8 показатели
    ===================================================== */

    .numbers-section__inner {
        position: relative;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        display: grid;

        grid-template-columns: 1fr 1fr;

        column-gap: 8px;
        row-gap: 20px;

        align-items: start;
    }


    /* =====================================================
       ВЕРХНЯЯ ИКОНКА
    ===================================================== */

    .numbers-section__icon {
        grid-column: 1 / -1;
        grid-row: 1;

        width: 36px;
        height: 36px;

        margin: 0 auto;

        display: flex;

        align-items: center;
        justify-content: center;
    }


    .numbers-section__icon img {
        display: block;

        width: 36px;
        height: 36px;

        object-fit: contain;
    }


    /* =====================================================
       ЗАГОЛОВОК
    ===================================================== */

    .numbers-section__title {
        grid-column: 1 / -1;
        grid-row: 2;

        width: 100%;
        max-width: 290px;

        margin: 7px auto 0;
        padding: 0;

        text-align: center;

        color: #B88A4433 20%;

        font-family: "Montserrat";


        line-height: 1.16;

        letter-spacing: 0;

font-weight: 800;
font-style: "ExtraBold";
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ПОДЗАГОЛОВОК
    ===================================================== */

    .numbers-section__subtitle {
        grid-column: 1 / -1;
        grid-row: 3;

        width: 100%;
        max-width: 295px;

        margin: 14px auto 0;
        padding: 0;

        text-align: center;

        color: #393129;

        font-family: "Montserrat";


        line-height: 1.23;

        letter-spacing: 0;

font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /*
       На телефоне br мешает переносу текста
       точно как на дизайне.
    */

    .numbers-section__subtitle br {
        display: none;
    }


    /* =====================================================
       СЕТКА ПОКАЗАТЕЛЕЙ

       Делаем display: contents, чтобы все .number-item
       стали элементами общей мобильной сетки.
    ===================================================== */

    .numbers-grid {
        display: contents;

        width: auto;

        margin: 0;
        padding: 0;
    }


    /* =====================================================
       ОБЩИЙ ПОКАЗАТЕЛЬ
    ===================================================== */

    .number-item {
        width: 100%;

        margin: 0;
        padding: 0;

        margin-top: 50px;

        text-align: center;

        display: flex;
        flex-direction: column;
        align-items: center;
    }


    /* =====================================================
       ПЕРВЫЕ 4 ПОКАЗАТЕЛЯ
    ===================================================== */

    .number-item:nth-child(1) {
        grid-column: 1;
        grid-row: 4;
    }

    .number-item:nth-child(2) {
        grid-column: 2;
        grid-row: 4;
    }

    .number-item:nth-child(3) {
        grid-column: 1;
        grid-row: 5;
    }

    .number-item:nth-child(4) {
        grid-column: 2;
        grid-row: 5;
    }


    /* =====================================================
       ПОКАЗАТЕЛИ ПОСЛЕ ХРОНОЛОГИИ
       
       5 = 15 минут
       6 = 14 шт
       7 = 0 руб.
       8 = 100%

       В дизайне внизу:
       15 минут | 14 шт
       100%      | 0 руб.
    ===================================================== */

    .number-item:nth-child(5) {
        grid-column: 1;
        grid-row: 7;
    }

    .number-item:nth-child(6) {
        grid-column: 2;
        grid-row: 7;
    }

    .number-item:nth-child(8) {
        grid-column: 1;
        grid-row: 8;
    }

    .number-item:nth-child(7) {
        grid-column: 2;
        grid-row: 8;
    }


    /* =====================================================
       ИКОНКИ ПОКАЗАТЕЛЕЙ
    ===================================================== */

    .number-item__icon {
        width: 72px;
        height: 72px;

        margin: 0 auto 13px;

        display: flex;

        align-items: center;
        justify-content: center;
    }


    .number-item__icon img {
        display: block;

        width: 72px;
        height: 72px;

        object-fit: contain;
    }


    /* =====================================================
       ЦИФРЫ
    ===================================================== */

    .number-item__value {
        width: 100%;

        min-height: 0;

        margin: 0;
        padding: 0;

        color: #302b25;

        font-family: "Montserrat";


        line-height: 1;

        letter-spacing: 0;

        text-align: center;

        white-space: nowrap;

font-weight: 800;
font-style: "ExtraBold";
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ОПИСАНИЕ
    ===================================================== */

    .number-item__text {
        width: 140px;
        max-width: 140px;

        margin: 14px auto 0;
        padding: 0;

        color: #393129;

        font-family: "Montserrat";



        line-height: 1.16;

        letter-spacing: 0;

        text-align: center;

        font-family: Montserrat;
font-weight: 500;
font-style: Medium;
font-size: 13px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ХРОНОЛОГИЯ
       
       В HTML она последняя, но визуально ставим
       между 4-м и 5-м показателем.
    ===================================================== */

    .achievements {
        grid-column: 1 / -1;
        grid-row: 6;

        position: relative;

        width: 100%;
        min-height: 796px;

        margin: 67px 0 0;
        padding: 0;

        border-radius: 8px;

        overflow: visible;

        z-index: 5;
    }


    /* =====================================================
       БЕЛАЯ КАРТОЧКА
    ===================================================== */

    .achievements__content {
        position: relative;

        z-index: 5;

        width: 100%;
        min-height: 896px;

        margin: 0;
        padding: 29px 18px 32px;

        border-radius: 8px;

        background: rgba(255, 255, 255, 0.78);

        box-sizing: border-box;
    }


    /* =====================================================
       ВЕРХ ХРОНОЛОГИИ
    ===================================================== */

    .achievements__top {
        width: 100%;
        min-height: 0;

        display: flex;

        flex-direction: column;

        align-items: center;
        justify-content: flex-start;

        text-align: center;
    }


    .achievements__top h3 {
        width: 100%;
        max-width: 230px;

        margin: 0 auto;

        color: #393129;

        font-family: "Montserrat";


        line-height: 1.16;

        letter-spacing: 0;

        text-align: center;

font-weight: 800;
font-style: "ExtraBold";
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ЛОГОТИП «ГОРОДСКАЯ ЗАЩИТА»
    ===================================================== */

    .achievements__logo {
        width: 219px;
        height: auto;

        margin: 22px auto 0;

        display: flex;

        align-items: center;
        justify-content: center;
    }


    .achievements__logo img {
        display: block;

        width: 219px;
        height: auto;

        object-fit: contain;
    }


    /* =====================================================
       TIMELINE
    ===================================================== */

    .achievements__timeline {
        position: relative;

        width: 100%;

        margin: 19px auto 0;

        padding: 0;

        text-align: center;
    }


    /* =====================================================
       ПУНКТ ХРОНОЛОГИИ
    ===================================================== */

    .achievement {
        display: block;

        width: 100%;
        max-width: 275px;

        margin: 0 auto;

        padding: 0;

        color: #393129;

        font-family: "Montserrat";

        font-size: 14px;
        font-weight: 500;

        line-height: 1.16;

        letter-spacing: 0;

        text-align: center;
    }


    .achievement__year {
        font-family: "Montserrat";

        line-height: 1.16;

        letter-spacing: 0;

font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ОТСТУПЫ МЕЖДУ ДОСТИЖЕНИЯМИ
    ===================================================== */

    .achievement:not(.achievement--arrow) {
        margin-top: 17px;
    }


    .achievement:first-child {
        margin-top: 0;
    }


    /* =====================================================
       СТРЕЛКИ

       На мобильном они маленькие, вертикальные,
       как на дизайне.
    ===================================================== */

    .achievement--arrow {
        width: 100%;
        height: 14px;

        margin: 4px auto 0;

        padding: 0;

        display: flex;

        align-items: center;
        justify-content: center;
    }


    .achievement--arrow img {
        display: block;

        width: 22px;
        height:22px;

        object-fit: contain;
    }


    /* =====================================================
       БОЛЬШОЙ ДЕКОРАТИВНЫЙ СИМВОЛ СНИЗУ
    ===================================================== */

    .achievements__background-logo {
        position: absolute;

        left: 50%;
        bottom: -35px;

        transform: translateX(-50%);

        width: 97px;
        height: 93px;

        z-index: 6;

        opacity: 0.24;
    }


    .achievements__background-logo img {
        display: block;

        width: 97px;
        height: 93px;

        object-fit: contain;
    }


    /* =====================================================
       СЛОВО «ХРОНОЛОГИЯ»
       
       На мобильном оно НЕ вертикальное.
       Оно находится за белой карточкой сверху.
    ===================================================== */

    .achievements__vertical {
        position: absolute;

        top: -39px;
        left: 50%;

        right: auto;

        transform: translateX(-50%);

        width: max-content;

        writing-mode: horizontal-tb;

        z-index: 1;

        color: #B88A4433 20%;

        font-family: "Montserrat";

        

        line-height: 1;

        letter-spacing: 0;

        white-space: nowrap;

        pointer-events: none;

font-weight: 800;
font-style: "ExtraBold";
font-size: 40px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       УБИРАЕМ ДЕСКТОПСКИЕ СМЕЩЕНИЯ
    ===================================================== */

    .numbers-section__inner,
    .numbers-grid,
    .achievements,
    .achievements__content,
    .number-item {
        box-sizing: border-box;
    }


    /* =====================================================
       ФИНАЛЬНЫЙ НИЖНИЙ ОТСТУП
    ===================================================== */

    .numbers-section {
        padding-bottom: 48px;
    }
}


/* =========================================================
   LOCATION — МОБИЛЬНАЯ ВЕРСИЯ
   ТОЧНО ПОД ДИЗАЙН 360px
========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       ОСНОВА
    ===================================================== */

    .location-section {
        position: relative;

        width: 100%;

        padding: 22px 15px 55px;

        margin: 0;

        background-color: #faf5ed;

        overflow: hidden;

        box-sizing: border-box;
    }


    .location-section::before {
        content: "";

        position: absolute;
        inset: 0;

        background-image: url("/img/bafff.png");
        background-repeat: repeat;
        background-size: 700px auto;

        opacity: 0.3;

        pointer-events: none;

        z-index: 0;
    }


    /* =====================================================
       КОНТЕЙНЕР
    ===================================================== */

    .location-container {
        position: relative;

        z-index: 1;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;
    }


    /* =====================================================
       ЗАГОЛОВОК
    ===================================================== */

    .location-title {
        width: 100%;

        display: flex;
        flex-direction: column;
        align-items: center;

        margin: 0 0 35px;

        padding: 0;

        text-align: center;
    }


    .title-icon {
        display: block;

        width: 30px;
        height: 30px;

        margin: 0 auto 31px;

        object-fit: contain;
    }


    .location-title h2 {
        width: 100%;
        max-width: 330px;

        margin: 0 auto;

        color: #393129;

        font-family: "Montserrat";


        line-height: 1.18;

        letter-spacing: 0;

        text-align: center;

font-weight: 800;
font-style: "ExtraBold";
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ГАЛЕРЕЯ
    ===================================================== */

    .gallery {
        width: 100%;

        margin: 0;
        padding: 0;
    }


    /* =====================================================
       ВЕРХНЯЯ ПЛАШКА
    ===================================================== */

    .gallery-label {
        width: 100%;
        max-width: 330px;

        height: 85px;

        margin: 0 auto;

        padding: 0;

        background: #FBE7D0;

        display: flex;

        align-items: center;
        justify-content: center;

        box-sizing: border-box;
    }


    .gallery-label-icon {
        width: 49px;
        height: 49px;

        margin: 0 19px 0 0;

        flex-shrink: 0;

        object-fit: contain;
    }


    .gallery-label span {
        width: 210px;

        margin: 0;

        padding: 0;

        color: #000;

        font-family: "Montserrat";


        line-height: 1.1;

        letter-spacing: 0;

        text-align: center;

font-weight: 500;
font-style: Medium;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ГЛАВНОЕ ФОТО
    ===================================================== */

    .gallery-main {
        position: relative;

        width: 100%;

        height: 158px;

        margin: 21px 0 0;

        padding: 0;

        display: flex;

        align-items: center;
        justify-content: center;
    }


    .main-photo {
        position: relative;

        width: 259px;
        height: 158px;

        margin: 0;

        overflow: hidden;

        background: #dedede;
    }


    .main-photo > img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: cover;
    }


    /* =====================================================
       СТРЕЛКИ
    ===================================================== */

    .gallery-arrow {
        position: absolute;

        top: 50%;

        width: 20px;
        height: 20px;

        padding: 0;
        margin: 0;

        transform: translateY(-50%);

        border: none;

        background: transparent;

        display: flex;

        align-items: center;
        justify-content: center;

        z-index: 10;
    }


    .gallery-arrow img {
        display: block;

        width: 20px;
        height: 20px;

        object-fit: contain;
    }


    .gallery-arrow-left {
        left: 5px;
    }


    .gallery-arrow-right {
        right: 5px;
    }


    /* =====================================================
       ПОДПИСЬ НА ФОТО
    ===================================================== */

    .photo-caption {
        position: absolute;

        top: 50%;
        left: 50%;

        transform: translate(-50%, -50%);

        z-index: 2;

        color: #24211f;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 16px;
        font-weight: 400;

        line-height: 1;

        white-space: nowrap;
    }


    /* =====================================================
       МИНИАТЮРЫ
    ===================================================== */

    .gallery-thumbs {
        width: 259px;

        margin: 12px auto 0;

        padding: 0;

        display: grid;

        grid-template-columns: repeat(4, 1fr);

        gap: 8px;

        box-sizing: border-box;
    }


    .gallery-thumb {
        width: 100%;
        height: 41px;

        margin: 0;
        padding: 0;

        overflow: hidden;

        background: #dedede;

        cursor: pointer;

        box-sizing: border-box;
    }


    .gallery-thumb img {
        display: block;

        width: 100%;
        height: 100%;

        margin: 0;
        padding: 0;

        object-fit: cover;
    }


    

    /* =====================================================
       КАРТА
    ===================================================== */

    .map-wrapper {
        width: 260px;

        height: auto;

        margin: 38px auto 0;

        padding: 0;

        overflow: hidden;

        box-sizing: border-box;
    }


    .map-image {
        display: block;

        width: 260px;
        height: auto;

        margin: 0;
        padding: 0;

        object-fit: contain;
    }

}


/* =========================================================
   GUARANTEES — МОБИЛЬНАЯ ВЕРСИЯ
   360px
   КАРТОЧКИ ЛИСТАЮТСЯ ГОРИЗОНТАЛЬНО
========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       ОСНОВНАЯ СЕКЦИЯ
    ===================================================== */

    .guarantees-section {
        position: relative;

        width: 100%;
        min-height: 656px;

        padding: 27px 0 70px;

        margin: 0;

        box-sizing: border-box;

        overflow: hidden;
    }


    /* =====================================================
       ФОН
    ===================================================== */

    .guarantees-section::before {
        content: "";

        position: absolute;

        inset: 0;

        background-image: url("img/background.png");
        background-repeat: repeat;
        background-size: 700px auto;

        pointer-events: none;

        z-index: 0;
    }


    /* =====================================================
       КОНТЕЙНЕР
    ===================================================== */

    .guarantees-container {
        position: relative;

        z-index: 1;

        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }


    /* =====================================================
       ШАПКА
    ===================================================== */

    .guarantees-header {
        width: 100%;

        display: flex;
        flex-direction: column;

        align-items: center;

        margin: 0 0 37px;

        padding: 0 15px;

        box-sizing: border-box;

        text-align: center;
    }


    /* =====================================================
       ВЕРХНЯЯ ИКОНКА
    ===================================================== */

    .guarantees-header-icon {
        display: block;

        width: 39px;
        height: 39px;

        margin: 0 auto 31px;

        object-fit: contain;
    }


    /* =====================================================
       ЗАГОЛОВОК
    ===================================================== */

    .guarantees-header h2 {
        width: 100%;
        max-width: 335px;

        margin: 0 auto;

        color: #393129;

        font-family: "Montserrat";


        line-height: 1.18;

        letter-spacing: 0;

        text-align: center;

font-weight: 800;
font-style: "ExtraBold";
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ПОДЗАГОЛОВОК
    ===================================================== */

    .guarantees-header p {
        width: 100%;
        max-width: 280px;

        margin: 22px auto 0;

        color: #3b3025;

        font-family: "Montserrat";



        line-height: 1.25;

        letter-spacing: 0;

        text-align: center;

font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       УБИРАЕМ BR НА ТЕЛЕФОНЕ
    ===================================================== */

    .guarantees-header h2 br,
    .guarantees-header p br {
        display: none;
    }


    /* =====================================================
       СПИСОК ГАРАНТИЙ
       ГОРИЗОНТАЛЬНАЯ ПРОКРУТКА
    ===================================================== */

    .guarantees-list {
        width: 100%;

        display: flex;
        flex-direction: row;

        gap: 15px;

        overflow-x: auto;
        overflow-y: visible;

        padding: 0 0 18px 15px;

        margin: 0;

        box-sizing: border-box;

        scroll-snap-type: x mandatory;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }


    .guarantees-list::-webkit-scrollbar {
        display: none;
    }


    /* =====================================================
       КАРТОЧКА
       
       ТОЧНЫЕ РАЗМЕРЫ:
       WIDTH  = 237px
       HEIGHT = 290px
       LEFT   = 15px
       RADIUS = 10px
    ===================================================== */

    .guarantee-card {
        position: relative;

        flex: 0 0 237px;

        width: 237px;
        min-width: 237px;
        max-width: 237px;

        height: 290px;
        min-height: 290px;
        max-height: 290px;

        margin: 0;

        padding: 18px 18px 28px;

        display: flex;

        flex-direction: column;

        align-items: center;
        justify-content: flex-start;

        box-sizing: border-box;

        background: rgba(255, 255, 255, 0.82);

        border-radius: 10px;

        scroll-snap-align: start;

        overflow: visible;
    }


    /* =====================================================
       ТЕКСТУРА ВНУТРИ КАРТОЧКИ
    ===================================================== */

    .guarantee-card::before {
        content: "";

        position: absolute;

        inset: 0;

        background-image: url("/img/bafff.png");
        background-repeat: repeat;
        background-size: 500px auto;

        opacity: 0.18;

        border-radius: 10px;

        pointer-events: none;

        z-index: 0;
    }


    /* =====================================================
       ИКОНКА ГАРАНТИИ
    ===================================================== */

    .guarantee-icon {
        position: relative;

        z-index: 2;

        width: 50px;
        min-width: 50px;

        height: 50px;

        margin: 0 auto 25px;

        display: flex;

        align-items: center;
        justify-content: center;
    }


    .guarantee-icon img {
        display: block;

        width: 50px;
        height: 50px;

        object-fit: contain;
    }


    /* =====================================================
       ТЕКСТ КАРТОЧКИ
    ===================================================== */

    .guarantee-content {
        position: relative;

        z-index: 2;

        width: 100%;

        flex: none;

        min-width: 0;

        padding: 0;

        margin: 0;

        text-align: center;
    }


    /* =====================================================
       ЗАГОЛОВОК КАРТОЧКИ
    ===================================================== */

    .guarantee-content h3 {
        width: 100%;

        margin: 0 0 4px;

        color: #342b23;

        font-family: "Montserrat";

    

        line-height: 1.15;

        letter-spacing: 0;

        text-align: center;

font-weight: 700;
font-style: Bold;
font-size: 12px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ТЕКСТ КАРТОЧКИ
    ===================================================== */

    .guarantee-content p {
        width: 100%;

        margin: 0;

        color: #342b23;

        font-family: "Montserrat";



        line-height: 1.14;

        letter-spacing: 0;

        text-align: center;

font-weight: 500;
font-style: Medium;
font-size: 12px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       ГАЛОЧКА ВНИЗУ
    ===================================================== */

    .guarantee-check {
        position: absolute;

        z-index: 3;

        top: auto;
        right: auto;

        bottom: -15px;
        left: 50%;

        transform: translateX(-50%);

        width: 29px;
        height: 29px;

        object-fit: contain;

        pointer-events: none;
    }

}


/* =========================================================
   НАСЛЕДСТВЕННЫЕ УСЛУГИ — МОБИЛЬНАЯ ВЕРСИЯ
   КАРТОЧКА ПО ЦЕНТРУ
   СТРЕЛКИ — ИЗОБРАЖЕНИЯ
========================================================= */

.services-arrow {
    display: none;
}

/* =====================================================
   НАСЛЕДСТВЕННЫЕ УСЛУГИ — МОБИЛЬНАЯ ВЕРСИЯ
   ТОЧНО ПОД ДИЗАЙН
===================================================== */

@media screen and (max-width: 767px) {

    /* =========================================
       ОСНОВНОЙ БЛОК
    ========================================= */

    .inheritance-services {
        width: 100%;
        min-height: 824px;

        padding: 32px 0 80px;

        overflow: hidden;

        box-sizing: border-box;
    }


    .inheritance-services__container {
        width: 100%;
        max-width: none;

        margin: 0 auto;

        padding: 0;
    }


    /* =========================================
       ВЕРХНЯЯ ИКОНКА
    ========================================= */

    .inheritance-services__icon {
        width: 30px;
        height: 30px;

        margin: 0 auto 32px;
    }

    .inheritance-services__icon img {
        width: 30px;
        height: 30px;
    }


    /* =========================================
       ЗАГОЛОВОК
    ========================================= */

    .inheritance-services__title {
        width: calc(100% - 30px);

        margin: 0 auto;

        font-family: "Montserrat";

        line-height: 1.18;


        letter-spacing: 0;

        text-align: center;

        color: #40382f;

font-weight: 800;
font-style: ExtraBold;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =========================================
       ПОДЗАГОЛОВОК
    ========================================= */

    .inheritance-services__subtitle {
        width: calc(100% - 50px);

        margin: 29px auto 0;

        font-family: "Montserrat";

        line-height: 1.2;


        text-align: center;

        color: #2B2622;

font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =========================================
       КОНТЕЙНЕР КАРТОЧЕК
    ========================================= */

    .inheritance-services__grid {
        position: relative;

        width: 100%;
        height: 405px;

        margin-top: 32px;

        display: block;

        overflow: visible;
    }


    /* =========================================
       КАРТОЧКА
    ========================================= */

    .inheritance-service-card {
        position: absolute;

        top: 0;
        left: 50%;

        transform: translateX(-50%);

        width: 330px;
        height: 405px;

        margin: 0;

        display: none;

        box-sizing: border-box;
    }


    /* Только активная карточка */

    .inheritance-service-card.active {
        display: block;
    }


    /* =========================================
       БЕЛАЯ ЧАСТЬ КАРТОЧКИ
    ========================================= */

    .inheritance-service-card__body {
        position: absolute;

        left: 0;
        top: 70px;

        width: 330px;
        height: 335px;

        padding: 107px 16px 0;

        box-sizing: border-box;

        display: flex;
        flex-direction: column;
        align-items: center;

        background: rgba(255, 255, 255, 0.88);

        border-radius: 10px;

        z-index: 1;
    }


    /* =========================================
       ФОТО
    ========================================= */

    .inheritance-service-card__image {
        position: absolute;

        left: 50%;
        top: 0;

        transform: translateX(-50%);

        width: 222px;
        height: 144px;

        margin: 0;

        object-fit: cover;

        border-radius: 10px;

        z-index: 5;
    }


    /* =========================================
       ЗАГОЛОВОК КАРТОЧКИ
    ========================================= */

    .inheritance-service-card__title {
        width: 290px;

        margin: 0;

        font-family: "Montserrat";

        line-height: 1.18;


        letter-spacing: 0;

        text-align: center;

        color: #b1846d;

font-weight: 700;
font-style: Bold;
font-size: 18px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =========================================
       ТЕКСТ
    ========================================= */

    .inheritance-service-card__text {
        width: 300px;

        margin: 27px 0 0;

        font-family: "Montserrat";

        line-height: 1.28;


        letter-spacing: 0;

        text-align: center;

        color: #2B2622;

font-weight: 300;
font-style: Light;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =========================================
       КНОПКА
    ========================================= */

    .inheritance-service-card__button {
        position: absolute;

        left: 50%;
        bottom: -31px;

        transform: translateX(-50%);

        width: 231px;
        height: 61px;

        margin: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        box-sizing: border-box;

        background: #967968;

        border-radius: 8px;

        font-family: "Montserrat";

        line-height: 1;


        color: #fff;

        text-decoration: none;

        z-index: 10;


font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }

    .inheritance-service-card__button:hover {
        transform: translateX(-50%);
    }


    /* =========================================
       СТРЕЛКИ
    ========================================= */

    .services-arrow {
        position: absolute;

        top: 54px;

        width: 37px;
        height: 37px;

        padding: 0;
        margin: 0;

        border: 0;
        background: transparent;

        display: flex;
        align-items: center;
        justify-content: center;

        cursor: pointer;

        z-index: 20;
    }


    .services-arrow img {
        display: block;

        width: 37px;
        height: 37px;

        object-fit: contain;
    }


    /* Левая стрелка */

    .services-arrow--left {
        left: 26px;
    }


    /* Правая стрелка */

    .services-arrow--right {
        right: 26px;
    }


    .services-arrow:active {
        transform: scale(0.94);
    }


    /* =========================================
       СКРЫВАЕМ НЕАКТИВНЫЕ КАРТОЧКИ
    ========================================= */

    .inheritance-service-card:not(.active) {
        display: none;
    }

}

/* =========================================================
   ОТЗЫВЫ — МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media screen and (max-width: 767px) {

    /* =========================================
       ОСНОВНОЙ БЛОК
    ========================================= */

    .reviews {
        width: 100%;
        min-height: 850px;

        padding: 0;

        box-sizing: border-box;

        overflow: hidden;

        background-image: url("images/reviews-bg.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }


    /* =========================================
       ЗАГОЛОВОК
    ========================================= */

    .reviews__heading {
        width: 100%;

        padding-top: 34px;

        margin: 0;

        text-align: center;

        box-sizing: border-box;
    }


    .reviews__heading-icon {
        display: block;

        width: 39px;
        height: 39px;

        margin: 0 auto 28px;

        object-fit: contain;
    }


    .reviews__heading h2 {
        width: calc(100% - 30px);

        margin: 0 auto;

        font-family: "Montserrat";

        line-height: 1.2;


        letter-spacing: 0;

        text-align: center;

        color: #40382f;

font-weight: 800;
font-style: "ExtraBold";
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    .reviews__heading p {
        width: calc(100% - 45px);

        margin: 25px auto 0;

        font-family: "Montserrat";

        line-height: 1.25;


        letter-spacing: 0;

        text-align: center;

        color: #3a3026;

font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =========================================
       ОБЁРТКА КАРТОЧКИ
    ========================================= */

    .reviews__card-wrapper {
        position: relative;

        width: 100%;
        height: 435px;

        margin: 73px auto 0;

        display: flex;

        align-items: flex-start;
        justify-content: center;

        box-sizing: border-box;
    }


    /* =========================================
       КАРТОЧКА
    ========================================= */

    .review-card {
        position: relative;

        width: calc(100% - 30px);
        max-width: 330px;

        height: 435px;

        flex: none;

        margin: 0 auto;

        border-radius: 17px;

        overflow: visible;

        background-image: url("img/review-card-bg.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;

        box-sizing: border-box;

        transition: opacity 0.2s ease;
    }


    /* =========================================
       ВЕРХ КАРТОЧКИ
    ========================================= */

    .review-card__header {
        position: relative;

        width: 100%;
        height: 155px;

        box-sizing: border-box;
    }


    /* =========================================
       АВАТАР
    ========================================= */

    .review-card__photo {
        position: absolute;

        top: -35px;
        left: 50%;

        width: 69px;
        height: 69px;

        transform: translateX(-50%);

        border-radius: 50%;

        object-fit: cover;

        z-index: 10;
    }


    /* =========================================
       ИМЯ
    ========================================= */

    .review-card__author {
        position: absolute;

        left: 0;
        right: 0;

        top: 57px;

        width: 100%;

        text-align: center;

      

    }


    .review-card__name {
        width: 100%;

        margin: 0;


        line-height: 1.2;


        color: #2B2622;

        text-align: center;

          font-family: "Montserrat";
font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
    }


    .review-card__date {
        margin-top: 2px;

          font-family: "Montserrat";

        line-height: 1.2;

font-weight: 700;
font-style: Bold;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
        color: #2B2622;

        text-align: center;
    }


    /* =========================================
       ЗВЁЗДЫ
    ========================================= */

    .review-card__stars {
        position: absolute;

        top: 115px;
        left: 50%;

        right: auto;

        width: 94px;
        height: auto;

        transform: translateX(-50%);

        object-fit: contain;
    }


    /* =========================================
       ТЕКСТ ОТЗЫВА
    ========================================= */

    .review-card__text {
        width: 100%;
        height: 180px;

        padding: 0 14px;

        margin: 0;

        box-sizing: border-box;

        display: flex;

        align-items: flex-start;
        justify-content: center;

        text-align: center;

        font-family: "Montserrat";

        line-height: 1.2;


        letter-spacing: 0;

        color: #2B2622;

font-weight: 400;
font-style: "Regular";
font-size: 12px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =========================================
       НИЖНЯЯ ТЁМНАЯ ПАНЕЛЬ
    ========================================= */

    .review-card__bottom {
        position: absolute;

        left: 0;
        right: 0;
        bottom: 0;

        width: 100%;
        height: 100px;

        padding: 14px 15px;

        box-sizing: border-box;

        background: #2B2622;

        border-radius: 0 0 17px 17px;

        color: #fff;

        text-align: center;

        font-family: "Montserrat";

        line-height: 1.15;



font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    .review-card__bottom > div {
        width: 100%;

        margin: 0;
    }


    .review-card__bottom > div + div {
        margin-top: 3px;
    }


    .review-card__bottom span:first-child {
        font-weight: 700;
    }


    /* =========================================
       СТРЕЛКИ
    ========================================= */

    .reviews__arrow {
        position: absolute;

        top: 18px;

        width: 38px;
        height: 38px;

        padding: 0;
        margin: 0;

        border: 0;

        background: transparent;

        transform: none;

        display: flex;

        align-items: center;
        justify-content: center;

        cursor: pointer;

        z-index: 30;
    }


    .reviews__arrow img {
        display: block;

        width: 38px;
        height: 38px;

        object-fit: contain;
    }


    /* =========================================
       ЛЕВАЯ СТРЕЛКА
    ========================================= */

    .reviews__arrow--left {
        left: 35px;
    }


    /* =========================================
       ПРАВАЯ СТРЕЛКА
    ========================================= */

    .reviews__arrow--right {
        right: 35px;
    }


    .reviews__arrow:active {
        transform: scale(0.94);
    }


    .reviews__arrow:hover {
        opacity: 1;
    }


    /* =========================================
       ПЛАВНАЯ СМЕНА
    ========================================= */

    .review-card.is-changing {
        opacity: 0;
    }

}


/* =========================================================
   LAW SCREEN — МОБИЛЬНАЯ ВЕРСИЯ
   ТОЧНО ПОД ДИЗАЙН
========================================================= */

@media screen and (max-width: 767px) {

    /* =====================================================
       ОСНОВНОЙ БЛОК
    ===================================================== */

    .law-screen {
        width: 100%;
        min-height: 100%;

        margin-top: 0;

        overflow: hidden;

        background-image: url("img/background.png");
        background-repeat: repeat;
        background-size: 520px auto;
        background-position: center top;
    }


    .law-screen__container {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 28px 0 45px;

        box-sizing: border-box;
    }


    /* =====================================================
       ЗАГОЛОВОК
    ===================================================== */

    .law-screen__header {
        width: 100%;
        text-align: center;
    }


    .law-screen__top-icon {
        width: 28px;
        height: 28px;

        margin: 0 auto 28px;

        display: flex;
        align-items: center;
        justify-content: center;
    }


    .law-screen__top-icon img {
        width: 100%;
        height: 100%;

        object-fit: contain;
    }


    .law-screen__header h2 {
        width: 100%;

        margin: 0 auto;

        padding: 0 25px;

        box-sizing: border-box;

        color: #3b3028;

        font-family: "Montserrat";

        font-size: 20px;
        font-weight: 800;

        line-height: 1.12;

        letter-spacing: 0;

        text-align: center;
    }


    .law-screen__header p {
        width: 100%;

        margin: 25px auto 0;

        padding: 0 38px;

        box-sizing: border-box;

        color: #403830;

        font-family: "Montserrat";

  

        line-height: 1.15;

        letter-spacing: 0;

        text-align: center;


font-weight: 500;
font-style: Medium;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* =====================================================
       КОНТАКТЫ
    ===================================================== */

    .law-screen__contacts {
        width: 100%;

        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 88px;

        margin: 94px auto 0;
    }


    .contact-card {
        position: relative;

        width: calc(100% - 12px);

        max-width: 323px;

        margin: 0;

        padding: 0;
    }


    /* =====================================================
       ИКОНКА ТЕЛЕФОНА
    ===================================================== */

    .contact-card__icon {
        position: absolute;

        top: -62px;
        left: 50%;

        transform: translateX(-50%);

        width: 42px;
        height: 42px;

        z-index: 5;
    }


    .contact-card__icon img {
        width: 100%;
        height: 100%;

        object-fit: contain;
    }


    /* =====================================================
       ИКОНКА WHATSAPP
    ===================================================== */

    .contact-card__icon--whatsapp {
        width: 43px;
        height: 43px;

        top: -61px;
    }


    /* =====================================================
       КАРТОЧКА КОНТАКТА
    ===================================================== */

    .contact-card__body {
        width: 100%;
        height: 141px;

        margin: 0;

        padding: 19px 10px 12px;

        box-sizing: border-box;

        border: 3px solid #ca914f;

        border-radius: 9px;

        text-align: center;

        background: rgba(255,255,255,0.08);
    }


    .contact-card__body h3 {
        margin: 0 0 2px;

        color: #302923;

        font-family: "Montserrat";

        font-size: 16px;
        font-weight: 700;

        line-height: 1.05;

        text-align: center;
    }


    .contact-card__phone {
        display: block;

        margin: 0;

        color: #302923;

        font-family: "Montserrat";

        font-size: 16px;
        font-weight: 500;

        line-height: 1.05;

        text-decoration: none;

        text-align: center;
    }


    .contact-card__body p {
        margin: 4px 0 0;

        color: #302923;

        font-family: "Montserrat";

        font-size: 16px;
        font-weight: 500;

        line-height: 1.05;

        text-align: center;
    }


    .contact-card__body span {
        display: block;

        margin-top: 2px;

        color: #302923;

        font-family: "Montserrat";

        font-size: 16px;
        font-weight: 500;

        line-height: 1.05;

        text-align: center;
    }


    /* =====================================================
       СТАТИСТИКА
    ===================================================== */

    .law-screen__stats {
        width: 100%;

        display: flex;
        flex-direction: column;
        align-items: center;

        margin: 34px auto 38px;

        gap: 29px;
    }


    .stat {
        width: 100%;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;

        position: static !important;
        left: auto !important;
    }


    /* 10 лет */

    .law-screen__stats .stat:nth-child(1) {
        margin: 0;
    }


    .law-screen__stats .stat:nth-child(1) strong {
   

        color: #967968;

        line-height: 1;

        font-family: "Montserrat";
font-weight: 700;
font-style: Bold;
font-size: 24px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    .law-screen__stats .stat:nth-child(1) span {
        width: auto;

        margin-top: 17px;

        font-size: 14px;
        font-weight: 400;

        color: #403830;

        line-height: 1.1;
    }


    /* Гарантия */

    .law-screen__stats .stat:nth-child(2) {
        margin: 0;
    }


    .stat--guarantee {
        padding: 0;
    }


    .stat__icon {
        width: 49px;
        height: 49px;

        margin: 0 0 13px;
    }


    .stat__icon img {
        width: 100%;
        height: 100%;

        object-fit: contain;
    }


    .stat--guarantee strong {
        width: 180px;
        max-width: 180px;

        color: #403830;

        font-size: 15px;
        font-weight: 600;

        line-height: 1.15;

        text-align: center;
    }


    /* 300+ */

    .law-screen__stats .stat:nth-child(3) {
        margin: 0;
    }


    .law-screen__stats .stat:nth-child(3) strong {
        font-size: 23px;
        font-weight: 700;

        color: #967968;

        line-height: 1;
    }


    .law-screen__stats .stat:nth-child(3) span {
        width: auto;

        margin-top: 17px;

        font-size: 14px;
        font-weight: 400;

        color: #403830;

        line-height: 1.1;
    }


    /* =====================================================
       ФОРМА
    ===================================================== */

    .law-form {
        width: calc(100% - 0px);
        max-width: none;

        height: 402px;

        margin: 0;

        padding: 40px 38px 20px;

        box-sizing: border-box;

        border-radius: 20px;

        background-image: url("img/bafff.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        box-shadow:
            0 1px 0 rgba(255,255,255,.8) inset,
            0 0 35px rgba(132,91,47,.06);
    }


    .law-form__fields {
        width: 100%;
    }


    .law-form__input {
        width: 100%;
        height: 67px;

        margin: 0 0 22px;

        padding: 0 27px;

        border: 0;
        border-radius: 10px;

        background: #D8AE7433 20%;

        color: #403830;

        font-family: "Montserrat";

        font-size: 18px;
        font-weight: 400;

        line-height: 1;

        outline: none;
    }


    .law-form__input::placeholder {
        color: #403830;

        opacity: 1;
    }


    /* =====================================================
       СОГЛАСИЕ
    ===================================================== */

    .law-form__agreement {
        width: 100%;

        display: flex;
        align-items: flex-start;

        gap: 9px;

        margin: -2px 0 17px;

        color: #403830;

        font-family: "Montserrat";


        line-height: 1.05;

font-weight: 400;
font-style: "Regular";
font-size: 12px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

    }


    .law-form__checkbox {
        flex: 0 0 11px;

        width: 11px;
        height: 11px;

        margin-top: 1px;

        border-radius: 2px;

        background: #c6925c;

        box-shadow:
            inset 0 0 0 2px rgba(255,255,255,.5);
    }


    .law-form__agreement input:not(:checked)
    + .law-form__checkbox {
        background: transparent;

        border: 1px solid #bd8a45;

        box-shadow: none;
    }


    .law-form__agreement a {
        color: inherit;

        text-decoration: none;
    }


    /* =====================================================
       КНОПКА
    ===================================================== */

    .law-form__button {
        width: 100%;
        height: 69px;

        margin: 0;

        padding: 5px 10px;

        border: 0;
        border-radius: 10px;

        background: #c6925c;

        color: #fff;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: center;

        cursor: pointer;
    }


    .law-form__button strong {
        font-family: "Montserrat";

     

        line-height: 1.1;

font-weight: 700;
font-style: Bold;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    .law-form__button span {
        margin-top: 3px;

        font-family: "Montserrat";

font-weight: 300;
font-style: Light;
font-size: 14px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;


        line-height: 1;
    }


    /* =====================================================
       ЗАЩИТА ДАННЫХ
    ===================================================== */

    .law-form__security {
        display: flex;
        align-items: flex-start;

        gap: 9px;

        margin-top: 15px;
    }


    .law-form__security img {
        flex: 0 0 18px;

        width: 20px;
        height: 20px;

        margin-top: 10px;

        object-fit: contain;
    }


    .law-form__security p {
        margin: 0;

        color: #766b61;

        font-family: "Montserrat";

font-weight: 300;
font-style: Light;
font-size: 10px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

        line-height: 1.15;
    }


    /* =====================================================
       СПЕЦПРЕДЛОЖЕНИЕ
    ===================================================== */

    .offer {
        width: 100%;

        margin: 30px 0 0;

        padding: 0 30px;

        box-sizing: border-box;

        text-align: center;
    }


    .offer h2 {
        width: 100%;

        margin: 0;

        color: #302923;

        font-family: "Montserrat";

font-weight: 600;
font-style: SemiBold;
font-size: 20px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;


        line-height: 1.15;

        text-align: center;
    }


    /* =====================================================
       ПУНКТЫ ПРЕДЛОЖЕНИЯ
    ===================================================== */

    .offer__items {
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 27px;

        max-width: none;

        margin: 42px auto 0;

        text-align: left;
    }


    .offer-item {
        width: 100%;

        display: flex;
        align-items: center;

        gap: 25px;
    }


    .offer-item__icon {
        flex: 0 0 62px;

        width: 55px;
        height: 55px;

        display: flex;
        align-items: center;
        justify-content: center;
    }


    .offer-item__icon img {
        width: 100%;
        height: 100%;

        object-fit: contain;
    }


    .offer-item span {
        color: #403830;

        font-family: "Montserrat";

    

        line-height: 1.12;

        text-align: left;

font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

    }


    /* =====================================================
       НИЖНИЙ ТЕКСТ
    ===================================================== */

    .offer__bottom {
        width: 100%;

        margin: 66px 0 0;

        padding: 0 8px;


        box-sizing: border-box;

        color: #403830;

        font-family: "Montserrat";



        line-height: 1.15;

        text-align: center;


font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }

}
@media screen and (max-width: 767px) {

    /* ========================================
       ОСНОВНОЙ HERO
       ======================================== */

    .hero {
        position: relative !important;

        width: 100% !important;
        height: 656px !important;
        min-height: 656px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        background: #F6E5D0 !important;

        box-sizing: border-box !important;
    }


    .hero__content {
        position: static !important;

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* ========================================
       ЗАГОЛОВОК
       ======================================== */

    .hero__title {
        position: absolute !important;

        top: 27px !important;
        left: 15px !important;

        width: calc(100% - 30px) !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        color: #39332D !important;

        text-align: center !important;

        font-family: "Montserrat" !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 1.05 !important;
        letter-spacing: 0 !important;

        z-index: 100 !important;
        font-style: ExtraBold;

    }


    /* ========================================
       ИНФОРМАЦИОННЫЙ БЛОК
       ======================================== */

    .hero__info {
        position: absolute !important;

        top: 101px !important;
        left: 15px !important;

        width: calc(100% - 30px) !important;
        height: 113px !important;

        margin: 0 !important;
        padding: 8px 18px !important;

        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        background: #DAB58580 50% !important;

        z-index: 100 !important;
    }


    .hero__info-icon {
        flex: none !important;

        width: 33px !important;
        height: 31px !important;

        margin: 0 0 4px !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    .hero__info-icon img {
        display: block !important;

        width: 33px !important;
        height: 31px !important;

        object-fit: contain !important;
    }


    .hero__info p {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #1F1F1F !important;

        text-align: center !important;

        font-family: "Montserrat" !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
font-style: Medium;


    }


    /* ========================================
       ФОТО
       
       paper-texture.png

       от края до края экрана
       top: 305px
       height: 259px
       angle: 0deg
       opacity: 1
       ======================================== */

    .hero::after {
        content: "" !important;

        position: absolute !important;

        top: 225px !important;
        left: 0 !important;

        width: 100% !important;
        height: 259px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        transform: rotate(0deg) !important;

        opacity: 1 !important;

        background-image: url("img/mo.png") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;

        /* Растягиваем ровно от края до края */
        background-size: 100% 100% !important;

        display: block !important;
        visibility: visible !important;

        z-index: 50 !important;

        pointer-events: none !important;
    }


    /* ========================================
       НИЖНЯЯ ПОЛОСА
       ======================================== */

    .hero__bottom {
        position: absolute !important;

        top: 434px !important;
        left: 0 !important;

        right: auto !important;
        bottom: auto !important;

        width: 100% !important;
        height: 50px !important;

        margin: 0 !important;
        padding: 0 30px !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        background: #967968 !important;

        color: #FFFFFF !important;

        text-align: center !important;
        white-space: normal !important;

        font-family: "Montserrat" !important;
        font-size: 10px !important;
        font-weight: 300 !important;
        line-height: 1.25 !important;
        letter-spacing: 0 !important;
        font-style: Light;

  padding: 0 calc((100% - 247px) / 2) !important;

        z-index: 200 !important;
    }


    /* ========================================
       ОПИСАНИЕ
       ======================================== */
.hero__description {
    position: absolute !important;

    top: 504px !important;
    left: 0 !important;

    width: 100% !important;
    height: 53px !important;

    margin: 0 !important;
    padding: 8px 0 0 !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;

    background: #F6E5D0 !important;

    z-index: 300 !important;
}


.hero__description-icon {
    flex: 0 0 36px !important;

    width: 36px !important;
    height: 36px !important;

    margin: 3px 15px 0 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


.hero__description-icon img {
    display: block !important;

    width: 23px !important;
    height: 23px !important;

    object-fit: contain !important;
}


.hero__description p {
    flex: 0 1 247px !important;

    width: 247px !important;
    max-width: 247px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #1F1F1F !important;

    font-family: "Montserrat" !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.32 !important;
    letter-spacing: 0 !important;

    text-align: left !important;

font-style: SemiBold;


}


.hero__description strong {
    font-weight: 600 !important;
}

    /* ========================================
       КНОПКИ
       ======================================== */

    .hero__buttons {
        position: absolute !important;

        top: 570px !important;
        left: 0 !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 26px !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;

        gap: 28px !important;

        z-index: 300 !important;
    }


    .hero__button {
        flex: 1 1 0 !important;

        width: auto !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        border-radius: 5px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }


    .hero__button:hover {
        transform: none !important;
        opacity: 1 !important;
    }


    .hero__button--orange {
        background: #C6925C !important;
        color: #FFFFFF !important;
    }


    .hero__button--brown {
        background: #967968 !important;
        color: #FFFFFF !important;
    }


    .hero__button span {
        display: block !important;

        margin: 0 !important;

        color: #FFFFFF !important;

        font-family: "Montserrat" !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 11px !important;
    }


    .hero__button small {
        display: block !important;

        margin: 1px 0 0 !important;

        color: #FFFFFF !important;

        font-family: "Montserrat" !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 10px !important;

        text-align: center !important;
    }

}

/* =========================================================
   ВЫПАДАЮЩЕЕ МЕНЮ — ПК
   ========================================================= */

.navigation__services {
    position: relative;
}


/* Само окно */

.navigation__dropdown {
    position: absolute;

    top: calc(100% + 12px);
    left: 50%;

    width: 400px;

    padding: 8px;

    box-sizing: border-box;

    background: #F6E5D0;

    border: 1px solid rgba(150, 121, 104, 0.25);

    border-radius: 10px;

    box-shadow:
        0 10px 25px rgba(57, 51, 45, 0.12);

    transform: translateX(-50%) translateY(8px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease;

    z-index: 9999;
}


/* Маленький треугольник */

.navigation__dropdown::before {
    content: "";

    position: absolute;

    top: -6px;
    left: 50%;

    width: 11px;
    height: 11px;

    background: #F6E5D0;

    border-left: 1px solid rgba(150, 121, 104, 0.25);
    border-top: 1px solid rgba(150, 121, 104, 0.25);

    transform: translateX(-50%) rotate(45deg);
}


/* Открытие при наведении */

.navigation__services.is-open .navigation__dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

/* Пункты ПК */

.navigation__dropdown a {
    display: block;

    width: 100%;

    padding: 12px 14px;

    box-sizing: border-box;

    background: transparent !important;

    color: #39332D;

    text-decoration: none;

    font-family: "Montserrat", sans-serif;

    font-size: 13px;
    font-weight: 500;

    line-height: 1.35;

    border: none !important;
    border-radius: 6px;

    transition: background 0.2s ease;
}


/* Никаких коричневых полос */

.navigation__dropdown a:hover {
    background: rgba(218, 181, 133, 0.18) !important;
    width: 100%;
}

/* =========================================
   LAWYERS DIFFERENCE — MOBILE TABLE
========================================= */

@media (max-width: 767px) {

    .lawyers-difference {
        padding-top: 30px;
        padding-bottom: 60px;
    }

    .lawyers-difference__container {
        width: 100%;
        max-width: none;
        padding: 0 10px;
        box-sizing: border-box;
    }


    /* =====================================
       ВЕРХНЯЯ ИКОНКА
    ===================================== */

    .lawyers-difference__top-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 25px;
    }

    .lawyers-difference__top-icon img {
        width: 40px;
        height: 40px;
    }


    /* =====================================
       ЗАГОЛОВОК
    ===================================== */

    .lawyers-difference__title {
        font-size: 24px;
        line-height: 1.15;
        letter-spacing: -0.3px;
    }

    .lawyers-difference__title br {
        display: none;
    }


    /* =====================================
       ПОДЗАГОЛОВОК
    ===================================== */

    .lawyers-difference__subtitle {
        margin-top: 18px;

        font-size: 16px;
        line-height: 1.35;
    }

    .lawyers-difference__subtitle br {
        display: none;
    }


    /* =====================================
       ШАПКА ТАБЛИЦЫ
    ===================================== */

    .lawyers-difference__head {
        display: grid;

        grid-template-columns:
            30%
            35%
            35%;

        margin-top: 35px;
        margin-bottom: 10px;
    }


    .lawyers-difference__head-cell {
        min-height: 36px;

        font-size: 11px;
        line-height: 1.15;

        padding: 0 4px;
    }


    .lawyers-difference__head-cell--us,
    .lawyers-difference__head-cell--other {
        gap: 5px;
    }


    /* =====================================
       ИКОНКИ
    ===================================== */

    .lawyers-difference__icon {
        width: 20px;
        height: 20px;

        flex: 0 0 20px;
    }


    /* =====================================
       ТАБЛИЦА
    ===================================== */

    .lawyers-difference__table {
        width: 100%;
    }


    /* =====================================
       СТРОКИ
    ===================================== */

    .lawyers-difference__row {
        min-height: 0;

        grid-template-columns:
            30%
            35%
            35%;
    }


    /* =====================================
       ЯЧЕЙКИ
    ===================================== */

    .lawyers-difference__cell {
        min-height: 58px;

        padding: 10px 7px;

        font-size: 11px;
        line-height: 1.25;

        word-break: normal;
        overflow-wrap: break-word;
    }


    /* =====================================
       ПЕРВАЯ КОЛОНКА
    ===================================== */

    .lawyers-difference__cell:first-child {
        font-size: 11px;
        font-weight: 600;
    }


    /* =====================================
       ТЁМНЫЕ СТРОКИ
    ===================================== */

    .lawyers-difference__row--dark {
        background: #4C3E29;
    }

    .lawyers-difference__row--dark
    .lawyers-difference__cell {
        color: #ffffff;
    }


    /* =====================================
       НИЖНИЙ БЛОК
    ===================================== */

    .lawyers-difference__bottom {
        margin-top: 40px;
    }


    .lawyers-difference__bottom-title {
        font-size: 22px;
        line-height: 1.2;
    }


    .lawyers-difference__bottom-text {
        margin-top: 18px;

        font-size: 16px;
        line-height: 1.35;
    }

    .lawyers-difference__bottom-text br {
        display: none;
    }


    /* =====================================
       КНОПКА
    ===================================== */

    .lawyers-difference__button {
        width: 100%;
        max-width: 330px;

        height: 70px;

        margin-top: 25px;
    }


    .lawyers-difference__button-title {
        font-size: 17px;
    }

    .lawyers-difference__button-text {
        font-size: 15px;
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

body {
    padding-top: 80px;
}
@media (max-width: 767px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

    body {
        padding-top: 40px;
    }
}






.quizx-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);

  display: none;
  align-items: center;
  justify-content: center;

  z-index: 99999;
}

.quizx-modal.active {
  display: flex;
}

.quizx-footer button {
  min-width: 110px;
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}

/* Назад */
#quizx-prev {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
}

/* Далее */
#quizx-next {
  background: #C6925C;
  border: none;
  color: #fff;
  font-weight: 500;
}

/* disabled как на макете */
#quizx-next:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.quizx-box {
  width: 600px;
  max-width: 95%;
  background: #fff;
  border-radius: 14px;
  padding: 30px;
  animation: quizxFade 0.3s ease;
}

@keyframes quizxFade {
  from {opacity:0; transform: translateY(30px);}
  to {opacity:1; transform: translateY(0);}
}

.quizx-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.quizx-close {
  border: none;
  background: none;
  font-size: 22px;
  cursor: pointer;
}

.quizx-option {
  display: block;
  padding: 14px;
  margin-bottom: 10px;
  background: #f4f4f4;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s;
}

.quizx-option:hover {
  background: #e8e8e8;
}

.quizx-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.quizx-top-text {
  background: #f5f5f5;
  padding: 15px 18px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  margin-bottom: 20px;
}

.quizx-final h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.quizx-final-text {
  font-size: 14px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.5;
}

#quizx-phone {
  width: 100%;
  padding: 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
}

.quizx-agree {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #777;
  margin-top: 15px;
  line-height: 1.4;
}

.quizx-agree a {
  color: #f90;
  text-decoration: underline;
}

/* 👉 УБИРАЕМ стандартный вид */
.quizx-option input,
.quizx-agree input {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}

/* =========================
   RADIO (ЖЁЛТЫЕ)
========================= */

.quizx-option input[type="radio"] {
  border: 2px solid #ccc;
  border-radius: 50%;
}

.quizx-option input[type="radio"]:checked {
  border-color: #B88A44;
}

.quizx-option input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #B88A44;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* =========================
   CHECKBOX (ЧЁРНЫЙ)
========================= */

.quizx-agree input[type="checkbox"] {
  flex-shrink: 0;
  margin: 0;
  position: relative;
  top: 0;
}

.quizx-agree input[type="checkbox"]:checked {
  background: #B88A44;
  border-color: #B88A44;
}

.quizx-agree input[type="checkbox"]:checked::after {
  content: "✓";
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
}



.quizx-info {
  display: flex;
  gap: 12px;
  align-items: flex-start;

  background: #f3f4f6;
  padding: 16px 18px;
  border-radius: 8px;

  font-size: 14px;
  line-height: 1.5;
  color: #555;
}

.quizx-info-icon {
  font-size: 18px;
  margin-top: 2px;
}

.quizx-divider {
  height: 1px;
  background: #e5e5e5;
  margin: 20px 0;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

  .quizx-modal{
    padding:16px;
    align-items:flex-end;
  }

  .quizx-box{
    width:100%;
    max-width:100%;
    max-height:90vh;
    overflow-y:auto;

    padding:20px 18px;
    border-radius:20px 20px 0 0;

    animation:quizxMobile .3s ease;
  }

  @keyframes quizxMobile{
    from{
      transform:translateY(100%);
      opacity:0;
    }
    to{
      transform:translateY(0);
      opacity:1;
    }
  }

  .quizx-info{
    font-size:13px;
    padding:14px;
    gap:10px;
  }

  .quizx-info-icon{
    font-size:18px;
  }

  .quizx-header{
    margin-bottom:15px;
  }

  #quizx-step{
    font-size:16px;
    font-weight:700;
  }

  .quizx-close{
    font-size:30px;
    line-height:1;
  }

  #quizx-body h3,
  .quizx-final h3{
    font-size:22px;
    line-height:1.3;
    margin-bottom:18px;
  }

  .quizx-option{
    display:flex;
    align-items:center;

    padding:16px;
    margin-bottom:12px;

    font-size:15px;
    line-height:1.4;
  }

  .quizx-option input{
    flex-shrink:0;
  }

  .quizx-final-text{
    font-size:14px;
    line-height:1.6;
  }

  #quizx-phone{
    padding:16px;
    font-size:16px;
  }

  .quizx-agree{
    align-items:flex-start;
    font-size:12px;
    line-height:1.5;
  }

  .quizx-footer{
    gap:10px;
    margin-top:25px;
  }

  .quizx-footer button{
    flex:1;
    min-width:0;
    padding:15px;
    font-size:15px;
    border-radius:10px;
  }

}

/* =========================================
   КОНТАКТЫ — 4 ЭЛЕМЕНТА В ОДИН РЯД
========================================= */

.contacts2 {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
    margin-top: 100px;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    align-items: start;
    justify-items: center;

    column-gap: 55px;

    box-sizing: border-box;
}


/* =========================================
   ОТДЕЛЬНЫЙ ЭЛЕМЕНТ
========================================= */

.contact-item2 {
    width: 100%;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: flex-start;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================
   ИКОНКА
========================================= */

.contact-item2 .contact-icon {
    display: block;

    width: 58px;
    height: 58px;

    margin: 0 auto 18px;

    object-fit: contain;
}


/* =========================================
   ТЕКСТ
========================================= */

.contact-text2 {
    width: 100%;

    display: flex;
    flex-direction: column;

    align-items: center;

    text-align: center;

    color: #302c28;

    font-family: "Montserrat";
    line-height: 1.2;

font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


/* Строки текста */

.contact-text2 span,
.contact-text2 a {
    display: block;

    margin: 0;

    color: #302c28;

    text-decoration: none;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 16px;
    line-height: 1.2;
}


/* Небольшой отступ между строками */

.contact-text2 span + span,
.contact-text2 span + a {
    margin-top: 2px;
}


/* Телефон */

.contact-text2 a:hover {
    text-decoration: none;
}


/* =========================================
   ЧТОБЫ ПРИ УВЕЛИЧЕНИИ БРАУЗЕРА
   БЛОК НЕ УЕЗЖАЛ ВПРАВО
========================================= */

.contacts2 {
    margin-left: auto !important;
    margin-right: auto !important;
}


.contact-item2:last-child .contact-text2 span {
    white-space: nowrap;
}


/* =========================================
   ПЕРЕКЛЮЧАТЕЛЬ ГОРОДОВ
========================================= */

.gz-city-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 0;
    font-family: "Mulish", sans-serif;
    z-index: 10000;
}

/* Кнопка города */
.gz-city-switch__button {
    height: 50px;
    min-width: 115px;
    padding: 0 16px;
    box-sizing: border-box;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border: none;
    border-radius: 10px;

    background: linear-gradient(
        380deg,
        #967968 0%,
        #C39980 100%
    );

    color: #ffffff;

    font-family: "Mulish", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
    cursor: pointer;

    transition: background .2s ease, transform .2s ease;
}

.gz-city-switch__button:hover {
    background: linear-gradient(
        380deg,
        #866957 0%,
        #B58970 100%
    );
}

/* Стрелка */
.gz-city-switch__arrow {
    width: 7px;
    height: 7px;
    flex-shrink: 0;

    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;

    transform: rotate(45deg);
    margin-top: -4px;

    transition: transform .2s ease;
}

.gz-city-switch.gz-city-switch--open
.gz-city-switch__arrow {
    transform: rotate(225deg);
    margin-top: 4px;
}

/* Выпадающий список */
.gz-city-switch__dropdown {
    display: none;

    position: absolute;
    top: calc(100% + 8px);
    left: 0;

    width: 180px;
    max-width: calc(100vw - 32px);
    padding: 6px;

    box-sizing: border-box;

    background: #ffffff;
    border: 1px solid #e8ded6;
    border-radius: 10px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);

    flex-direction: column;
    gap: 4px;

    z-index: 10001;
}

/* Открытый список */
.gz-city-switch.gz-city-switch--open
.gz-city-switch__dropdown {
    display: flex;
}

/* Ссылки городов */
.gz-city-switch__link {
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 42px;
    padding: 10px 12px;

    box-sizing: border-box;

    border-radius: 7px;
    background: transparent;
    color: #382f2a;

    font-family: "Mulish", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;

    text-decoration: none;
    white-space: nowrap;

    transition: background .2s ease, color .2s ease;
}

.gz-city-switch__link:hover {
    background: #f3e8df;
    color: #866957;
}


@media (max-width: 768px) {
    .gz-city-switch {
        margin-left: 8px;
    }

    .gz-city-switch__button {
        padding: 8px 10px;
        font-size: 12px;
    }

    .gz-city-switch__dropdown {
        width: 160px;
    }
}




.mobile-navigation .gz-mobile-city-switch {
    position: absolute;
    top: 265px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    margin: 0;
    padding: 0;
    z-index: 100001;
    pointer-events: none;
}

.mobile-navigation .gz-mobile-city-button {
    position: relative;
    display: flex;
    width: 150px;
    height: 22px;
    min-height: 22px;
    margin: 0;
    padding: 0 9px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 7px;
    pointer-events: auto;
}

.mobile-navigation .gz-mobile-city-dropdown {
    pointer-events: auto;
}



.mobile-navigation .gz-mobile-city-switch {
    position: absolute;
    top: 265px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    margin: 0;
    z-index: 100001;
}

.mobile-navigation .gz-mobile-city-button {
    position: relative;
    display: flex;
    width: 150px;
    min-height: 18px;
    height: 18px;
    margin: 0;
    padding: 0 9px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    pointer-events: auto;
    cursor: pointer;
}

.mobile-navigation .gz-mobile-city-dropdown {
    display: none;
    position: absolute;
    bottom: calc(100% + 5px);
    top: auto;
    left: 0;
    transform: none;
    width: 150px;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 7px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    z-index: 100002;
    pointer-events: auto;
}

.mobile-navigation .gz-mobile-city-link {
    display: block;
    padding: 9px 10px;
    color: #333;
    background: #fff;
    text-decoration: none;
    font-size: 10px;
    pointer-events: auto;
}

.mobile-navigation .gz-mobile-city-switch.is-open
.gz-mobile-city-dropdown {
    display: block !important;
}


/* Убираем скачки переключателя городов при прокрутке */
.gz-city-switch {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    margin-left: 18px !important;
    z-index: 10 !important;
}