* {
    box-sizing: border-box;
}

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

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

body {
    padding-top: 90px;
}


body {
    min-width: 320px;

    font-family: Arial, Helvetica, sans-serif, 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);
}

/* =====================================================
   HERO
===================================================== */

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

    min-height: 716px;

    overflow: hidden;

    background:
        linear-gradient(
            rgba(248, 239, 223, 0.48),
            rgba(248, 239, 223, 0.48)
        ),
         url("img/background.png")
        center top / cover;

        
}


/* =====================================================
   NAVIGATION
===================================================== */



.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: 100px;
}

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

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

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

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

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


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

.hero__content {
    position: relative;

    width: 1175px;
    max-width: 1175px;
    min-height: 595px;

    margin: 8px auto 0;

    display: flex;
    align-items: flex-start;

    /* Не даём браузеру сжимать композицию */
    flex-shrink: 0;
}


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

.hero__left {
    position: relative;

    z-index: 3;

    width: 570px;
}


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

.hero__title {
    margin: 0 0 21px;

    margin-top: 40px;
    color: #B88A4433 20%;
font-family: "Montserrat";
font-weight: 800;
font-style: ExtraBold;
font-size: 38px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


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

.hero__subtitle {
    width: 572px;
    min-height: 91px;
font-family: "Montserrat";

    padding: 12px 18px;

    display: flex;
    align-items: center;

    border: 1px solid rgba(255, 255, 255, 0.95);

    background: #DAB5854D 30%;

    color: #252321;

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

    font-weight: 600;

    margin-bottom: 20px;


}

.hero__subtitle-dash {
    margin-right: 7px;

    font-weight: 400;
}


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

.hero__list {
    width: 570px;

    margin: 0 0 18px;
    padding: 0;

    list-style: none;
}

.hero__list li {
    min-height: 20px;

    margin-bottom: 10px;

    display: flex;
    align-items: center;

    color: #6E6257;

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

font-family: "Montserrat";

font-weight: 500;
font-style: Medium;
font-size: 15px;


}

.hero__list li img {
    display: block;

    width: 20px;
    height: 18px;

    margin-right: 14px;

    object-fit: contain;

    flex-shrink: 0;
}

.hero__list li span {
    display: block;
}


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

.hero__description {
    margin: 0 0 20px;

    color: #000000;
font-family: "Montserrat";

    font-size: 14px;
    line-height: 1.85;

font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 25px;
letter-spacing: 0%;

}


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

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

    gap: 31px;

    margin-bottom: 32px;
}

.hero-button {
    width: 237px;
    height: 67px;

    padding: 0;

    border-radius: 10px;

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

font-family: "Montserrat";

    cursor: pointer;
}

.hero-button strong {
    font-size: 15.5px;
    line-height: 1.2;
font-family: "Montserrat";


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

}

.hero-button span {
    margin-top: 2px;

    font-size: 14px;
    line-height: 1.2;
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-button--orange {
    border: none;

    background: #C6925C;

    color: #fff;
}


/* БЕЛАЯ */

.hero-button--white {
    border: 1px solid #c7c0b8;

    background: rgba(255, 255, 255, 0.83);

    color: #4c4844;
}


/* =====================================================
   СТАТИСТИКА
===================================================== */

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

    color: #75695d;

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

font-family: "Montserrat";

font-weight: 400;
font-style: Regular;
leading-trim: NONE;
letter-spacing: 0%;

}

.hero__statistics > img {
    width: 52px;
    height: 52px;

    margin-right: 14px;

    object-fit: contain;

    flex-shrink: 0;
}

.hero__statistics-text {
    display: block;
}

.hero__statistics strong {
    color: #3d352d;

    font-weight: 600;
}


/* =====================================================
   КАРТИНКА СПРАВА
===================================================== */

.hero__right {
    position: relative;
    width: 760px;
    height: 560px;
    flex-shrink: 0;
}

.hero-photo {
    position: absolute;
    display: block;
    max-width: none;
    pointer-events: none;
}


/* 1. ДОМ */

.hero-photo--house {
    width: 610px;
    height: 391px;
    left: -130px;
    bottom: 30px;
    z-index: 1;
  opacity: 0.8;


}


/* 2. СИЛУЭТЫ */

.hero-photo--people {
    width: 424px;
    height: 514px;
    right: 70px;
    top: -80px;
    z-index: 2;
}


/* 3. ФОТО + РУКИ */

.hero-photo--photo-hands {
    width: 411px;
    height: 455px;
    left: 160px;
    top: 80px;
    z-index: 6;
}


/* 4. ПЕСОЧНЫЕ ЧАСЫ */

.hero-photo--hourglass {
    width: 161px;
    height: 161px;
    left: 75px;
    top: 58px;
    z-index: 5;
    transform: rotate(18deg);
}


/* 5. КЛЮЧИ */

.hero-photo--keys {
    width: 164px;
    height: 291px;
    left: 455px;
    top: 255px;
    z-index: 7;
    transform: rotate(31deg);

}


/* 6. МАШИНА */

.hero-photo--car {
    width: 403px;
    height: 204px;
    left: -10px;
    bottom: -10px;
    z-index: 3;
     opacity: 0.8;
}

/* =====================================================
   ALERT
===================================================== */

.alert {
    width: 100%;
    height: 48px;

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

    background: #8D3B32;
    color: #fff;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;

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

}

.alert__inner {
    width: 1180px;
    height: 100%;

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

.alert__icon {
    width: 29px;
    height: 29px;

    margin: 0 20px;

    object-fit: contain;
}

.alert__text {
    white-space: nowrap;
}


/* =====================================================
   STATISTICS
===================================================== */

.statistics {
    width: 100%;
    height: 100px;

    background: #fff;
}

.statistics__inner {
    width: 1180px;
    height: 100%;

    margin: 0 auto;

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


/* ОДИН ЭЛЕМЕНТ */

.statistics__item {
    height: 60px;

    display: flex;
    align-items: flex-start;

    white-space: nowrap;
}


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

.statistics__number {
    position: relative;

    color: #3A3027;

font-family: "Montserrat";

    line-height: 1;

    margin-right: 12px;

    padding-top: 8px;

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

}


/* ЗВЁЗДОЧКА-КАРТИНКА */

.statistics__number-icon {
    position: absolute;

    width: 14px;
    height: 14px;

    top: -5px;
    right: -7px;

    object-fit: contain;
}


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

.statistics__text {
    
    display: flex;
    flex-direction: column;

    padding-top: 7px;

    color: #756B62;

font-family: "Montserrat";
    font-size: 13px;

    line-height: 1.25;


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


}

.statistics__text strong {
    color: #40372F;

    font-weight: 700;
}

.statistics__text span {
    display: block;
}

.trust-section {
  position: relative;
  width: 100%;
  height: 788px;
    overflow: visible;

  background: #f9e7c4;

  color: #29231d;
  font-family: Arial, Helvetica, sans-serif;
}


/* ФОТО ФОНА */
.trust-section::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 0;
    left: 50%;

    width: min(100%, 1718px);
    height: 788px;

    transform: translateX(-50%);

    background-image: url("img/map.png");
    background-repeat: no-repeat;
    background-position: left top;

    background-size: 1800px auto;

    pointer-events: none;
    will-change: transform;
}


/* КОНТЕНТ */
.trust-container {
  position: relative;
  z-index: 2;

  width: min(100%, 1718px);
  height: 688px;

  margin: 0 auto;

  display: grid;
  grid-template-columns: 52% 48%;
}

/* =========================
   ЛЕВАЯ ЧАСТЬ
   ========================= */

.trust-visual {
  position: relative;
  width: 100%;
  height: 100%;
}


/*
  Рейтинг на макете:
  x ≈ 422px
  y ≈ 80px
*/
.rating {
  position: absolute;

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

  transform: translateX(-50%);

  z-index: 3;

  text-align: center;

  white-space: nowrap;
}


.rating-title {
  margin: 0;

  color: #967968;


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


  
}


.rating-subtitle {
  margin-top: 16px;

  color: #1F1F1F;



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

}


.rating-map {
  display: block;

  width: 70px;
  height: 70px;

  margin: 27px auto 0;

  object-fit: cover;

  border-radius: 50%;
}


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

.trust-content {
  position: relative;
  z-index: 5;

  padding: 74px 0 0 0;
}


/* Заголовок */

.trust-content h2 {
  margin: 0;

  color: #2B2622;


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

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


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

.trust-items {
  display: flex;
  flex-direction: column;

  margin-top: 78px;

  gap: 48px;
}


.trust-item {
  display: flex;
  align-items: center;

  min-height: 105px;

  margin: 0;
}



.trust-icon {
  display: block;

  width: 36px;
  height: 36px;

  flex: 0 0 55px;

  margin-right: 35px;

  object-fit: contain;
}


/* Текст */

.trust-text {
  display: flex;
  flex-direction: column;
  max-width: 300px;

  color: #28221d;

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

  font-weight: 400;
}


.trust-text strong {
  margin: 0;

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

}


.trust-text span {
  margin: 0;

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

}

/* Только позиционирование — существующие свойства не меняем */

.trust-items {
  margin-top: 82px;
  gap: 45px;
}

.trust-item {
  justify-content: flex-start;
}

.trust-icon {
  margin-left: 0;
}

.trust-text {
  margin: 0;
}


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

.trust-bottom {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 20;

    width: 100%;
    height: 72px;

    box-sizing: border-box;

    background: #4C3E29;
    color: #fff;

    overflow: hidden;
}


/* Бегущая строка */
.trust-bottom-track {
    display: flex;

    width: max-content;
    height: 72px;

    animation: trust-running-line 25s linear infinite;
}


/* Текст */
.trust-bottom-inner {
    display: flex;
    align-items: center;

    flex-shrink: 0;

    height: 72px;

    box-sizing: border-box;

    padding: 0 36px;

    gap: 9px;

    white-space: nowrap;

    font-family: "Montserrat";
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0;
}


.trust-bottom-inner strong {
    font-weight: 800;
}


/* =========================
   АНИМАЦИЯ
   ========================= */

@keyframes trust-running-line {

    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }

}
/* =========================================
   ТОЧНОЕ ПОЗИЦИОНИРОВАНИЕ ПО МАКЕТУ
   Добавить в самый конец CSS
   ========================================= */

/* Иконки + текст сдвигаем вправо */
.trust-items {
  margin-left: 190px;
}


/* Первый пункт */
.trust-item:nth-child(1) {
  transform: translateY(8px);
}


/* Второй пункт */
.trust-item:nth-child(2) {
    transform: translate(50px, 29px);
}


/* Третий пункт */
.trust-item:nth-child(3) {
  transform: translateY(50px);
}

.trust-icon {
  width: 60px;
  height: 60px;
  object-fit: contain;

  /* сам квадратик */
  padding: 12px;
  box-sizing: border-box;
  background: #D8AE7433 20%;
  border-radius: 10px;
}

/* =====================================
   ОСНОВА
===================================== */

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

    padding: 35px 20px 40px;
}


.quiz-wrapper {
    width: 100%;
    max-width: 950px;

    margin: 0 auto;

    text-align: center;
}


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

.quiz-refresh {
    width: 51px;
    height: 51px;

    margin: 0 auto 25px;
}


.quiz-refresh img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;
}


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

.quiz-title {

    color: #2B2622;

    font-family: "Montserrat";
    font-weight: 800;
    font-size: 44px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}


.quiz-subtitle {

    margin-bottom: 25px;

    color: #2B2622;

    font-family: "Montserrat";
  

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

}


.quiz-description {
    max-width: 968px;

    margin: 0 auto 45px;

    color: #2B2622;

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


.quiz-description strong {
    font-weight: 700;
}


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

.quiz-box {
    width: 100%;
    min-height: 453px;

    display: grid;

    grid-template-columns: 1fr 295px;

    text-align: left;

    border-radius: 10px;

    overflow: hidden;

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

    box-shadow:
        0 5px 25px rgba(80, 60, 35, 0.05);
}


/* =====================================
   ЛЕВАЯ ЧАСТЬ
===================================== */

.quiz-content {
    padding: 34px 32px 30px;

    display: flex;
    flex-direction: column;

    min-width: 0;
}


.question-title {
    color: #2B2622;

    margin-bottom: 36px;

    font-family: "Montserrat";
    font-weight: 700;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0%;
}


/* =====================================
   ПРОГРЕСС
===================================== */

.progress {
    width: 100%;
    height: 20px;

    background:
        rgba(255, 255, 255, 0.65);

    border-radius: 20px;

    overflow: hidden;

    margin-bottom: 40px;
}


.progress-fill {
    height: 100%;

    width: 20%;

    background: #bd8a3d;

    border-radius: 20px;

    transition:
        width 0.35s ease;
}


/* =====================================
   ОТВЕТЫ
===================================== */

.answers {
    display: flex;
    flex-direction: column;

    gap: 0px;
}


.answer {
    position: relative;

    display: flex;
    align-items: center;

    cursor: pointer;

    color: #2B2622;

    font-family: "Montserrat";
    font-weight: 400;
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 0%;
}


.answer input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}


.answer-circle {
    width: 22px;
    height: 22px;

    flex: 0 0 22px;

    margin-right: 15px;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.65);

    border:
        1px solid rgba(185, 148, 90, 0.12);

    position: relative;

    transition: 0.2s ease;
}


.answer input:checked + .answer-circle {
    background: #B88A44;
}


.answer:hover .answer-circle {
    box-shadow:
        0 0 0 3px
        rgba(189, 138, 61, 0.12);
}


/* =====================================
   НАВИГАЦИЯ
===================================== */

.quiz-navigation {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: auto;

    padding-top: 35px;
}


.back-button {
    border: 0;

    background: transparent;

    font-family: "Montserrat";

    font-weight: 400;

    font-size: 22px;

    color: #2B2622;

    cursor: pointer;

    padding: 10px 0;

    transition: 0.2s;
}


.back-button:hover {
    opacity: 0.65;
}


.next-button {
    border: 0;

    min-width: 142px;
    height: 48px;

    border-radius: 10px;

    background: #c88f4c;

    color: #fff;

    font-family: "Montserrat";

    font-size: 20px;

    font-weight: 700;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 16px;

    transition: 0.2s ease;
}


.next-button:hover {
    background: #b97e3c;

    transform:
        translateY(-1px);
}


.next-button:active {
    transform:
        translateY(0);
}


.fingerprint {
    width: 26px;
    height: 26px;

    object-fit: contain;
}


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

.quiz-sidebar {
    display: flex;

    flex-direction: column;

    gap: 7px;

    padding-right: 5px;
}


.quiz-photo {
    width: 100%;
    height: 235px;

    overflow: hidden;

    border-radius: 10px;
}


.quiz-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


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

.quiz-contact {
    flex: 1;

    border:
        1px dotted #4d4a47;

    border-radius: 10px;

    background:
        #F7F7F7;

    height: 277px;

    padding: 12px 15px;

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    border-width: 1px;

    border-style: dashed;
}


.question-icon {
    width: 25px;
    height: 25px;

    object-fit: contain;

    margin-bottom: 8px;
}


.question-counter {

    margin-bottom: 17px;

    color: #2B2622;

    font-family: "Montserrat";

    font-weight: 500;

    font-size: 26px;

    line-height: 100%;

    letter-spacing: 0%;

    text-align: center;
}


.company-logo {
    width: 253px;
    max-width: 100%;

    height: 33px;

    object-fit: contain;

    margin-bottom: 12px;
}


.max-button {
    min-width: 175px;
    height: 50px;

    padding: 0 15px;

    margin-top: 20px;

    background:
        rgba(255, 255, 255, 0.7);

    border:
        1px solid #c7c1ba;

    border-radius: 5px;

    color: #302c29;

    font-family: "Mulish";

    font-weight: 700;

    font-size: 14px;

    cursor: pointer;

    margin-bottom: 20px;

    transition: 0.2s;
}


.max-button:hover {
    background: #fff;
}


.phoney {

    margin-top: auto;

    padding-bottom: 1px;

    font-family: "Mulish";

    font-weight: 500;

    font-size: 24px;

    line-height: 100%;

    text-align: center;
}


/* =====================================
   ОШИБКА
===================================== */

.answer-error {
    color: #a0442d;

    font-size: 14px;

    margin-top: 15px;

    display: none;
}


.answer-error.show {
    display: block;
}


/* =====================================
   ПОДСКАЗКА MULTIPLE
===================================== */

.multiple-hint {
    margin-top: -12px;

    margin-bottom: 20px;

    color: #2B2622;

    font-family: Montserrat;

    font-weight: 400;

    font-size: 18px;

    line-height: 100%;

    letter-spacing: 0%;
}


/* =====================================
   ФИНАЛЬНЫЙ ЭКРАН
===================================== */

.quiz-result {
    display: none;

    grid-column: 1 / -1;

    width: 100%;

    min-height: 453px;

    text-align: left;

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


.quiz-result.active {
    display: grid;

    grid-template-columns: 1fr 295px;
}


/* =====================================
   ФОРМА ФИНАЛЬНОГО ЭКРАНА
===================================== */

.result-form {

    padding: 34px 32px 30px;

    display: flex;

    flex-direction: column;

    min-width: 0;
}


.result-form h2 {
    margin: 0 0 18px;

    color: #2B2622;

    font-family: "Montserrat";
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
}

.result-form ol {
    margin: 0 0 18px;

    padding-left: 25px;

    color: #2B2622;

    font-family: "Montserrat";
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
}


.result-form input[type="text"],
.result-form input[type="tel"] {
    transform: translateY(20px);

    width: 256px;
    height: 54px;

    margin-bottom: 10px;
    padding: 0 16px;

    border: none;
    border-radius: 10px;
    outline: none;

    background: rgba(216, 174, 116, 0.20);

    color: #2B2622;

    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;

    box-sizing: border-box;
}



.result-form input[type="text"]::placeholder,
.result-form input[type="tel"]::placeholder {
    color: #2B2622;

    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;

    opacity: 1;
}

/* =====================================
   СОГЛАСИЕ
===================================== */

.result-checkbox {

    display: flex;

    align-items: flex-start;

    width: 210px;

    margin: 0 0 9px;

    cursor: pointer;
}


.result-checkbox input {

    position: absolute;

    opacity: 0;
}


.result-checkbox span {

    width: 10px;
    height: 10px;

    flex: 0 0 9px;

    margin-top: 30px;


    margin-right: 7px;

    border-radius: 50%;

    background: #B88A44;


}


.result-checkbox small {
width: 401px;
margin-top: 20px;
    color: #2B2622;

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

}


.result-checkbox input:not(:checked) + span {
    opacity: 0.55;
}


/* =====================================
   КНОПКА ПОЛУЧИТЬ
===================================== */

.result-submit {

    width: 252px;

    height: 60px;

    border: 0;

    border-radius: 7px;

    background: #C6925C;

    color: #fff;

    cursor: pointer;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    font-family: "Montserrat";

    transition: 0.2s ease;
}


.result-submit strong {

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

}


.result-submit span {

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

}


.result-submit:hover {

    background: #B97E3C;
}


/* =====================================
   ПРАВАЯ ЧАСТЬ ФИНАЛА
===================================== */

.result-sidebar {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 7px;

    padding-right: 5px;
}


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

.result-photo {

    width: 100%;

    height: 235px;

    overflow: hidden;

    border-radius: 10px;
}


.result-photo img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;
}


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

.result-contact {

    flex: 1;

    min-height: 200px;

    border: 1px dashed #4d4a47;

    border-radius: 10px;

    background: #F7F7F7;

    padding: 12px 15px;

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;
}


.result-question-icon {

    width: 25px;

    height: 25px;

    object-fit: contain;

    margin-bottom: 8px;
}


.result-contact-text {

    color: #5B5148;

    font-family: "Montserrat";

    font-weight: 500;

    font-size: 11px;

    line-height: 1.2;

    margin-bottom: 12px;
}


.result-company-logo {

    width: 180px;

    max-width: 100%;

    height: 25px;

    object-fit: contain;

    margin-bottom: 10px;
}


.result-max-button {

    min-width: 125px;

    height: 38px;

    padding: 0 12px;

    background: #fff;

    border: 1px solid #C7C1BA;

    border-radius: 5px;

    color: #302C29;

    font-family: "Montserrat";

    font-weight: 600;

    font-size: 10px;

    cursor: pointer;

    margin-bottom: 12px;
}


.result-phone {

    margin-top: auto;

    color: #2B2622;

    font-family: "Montserrat";

    font-weight: 500;

    font-size: 17px;

    line-height: 1;
}

.quiz-subtitle.result-subtitle {

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

}

.result-checkbox small a {
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}


/* =========================================================
   БЛОК "ОСТАНОВИТЕСЬ НА СЕКУНДУ"
   ========================================================= */

.situations-section {
    position: relative;

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

    box-sizing: border-box;

    overflow: hidden;

    color: #302b27;

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

    /*
       Если у тебя уже есть текстура фона —
       просто укажи здесь путь к ней.
    */
    background:
        url("../images/paper-texture.jpg") center center / cover no-repeat;

    padding-top: 86px;
}


/* =========================================================
   КНОПКА ПАУЗЫ
   ========================================================= */

.situations-pause {
    position: absolute;

    top: 26px;
    left: 50%;

    transform: translateX(-50%);

    width: 27px;
    height: 27px;

    padding: 0;
    border: 0;
    border-radius: 50%;

    background: #000;

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

    cursor: pointer;

    z-index: 5;
}

.situations-pause span {
    display: block;

    width: 3px;
    height: 10px;

    background: #fff;

    border-radius: 1px;
}

.situations-pause span + span {
    margin-left: 3px;
}


/* =========================================================
   ВЕРХНИЙ ЗАГОЛОВОК
   ========================================================= */

.situations-header {
    width: 613px;

    margin: 0 auto;

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


/* Левая часть */

.situations-header-left {
    width: 320px;
}

.situations-header-left h2 {
    margin: 0;

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

    font-size: 22px;
    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -0.3px;
}

.situations-read {
    margin-top: 12px;

    display: flex;
    align-items: center;

    white-space: nowrap;
}

.situations-read span:first-child {
    font-size: 18px;
    line-height: 1;

    font-weight: 500;
}

.situations-arrow {
    display: inline-flex;

    margin-left: 24px;

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

    font-weight: 300;

    transform: translateY(-1px);
}


/* =========================================================
   ПРЕДУПРЕЖДЕНИЕ СПРАВА
   ========================================================= */

.situations-warning {
    width: 275px;
    min-height: 67px;

    box-sizing: border-box;

    margin-top: 0;

    padding: 11px 15px;

    background: rgba(216, 174, 116, 0.16);

    color: #4c453e;

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

    font-weight: 400;
}


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

.situations-list {
    width: 613px;

    margin: 54px auto 0;
}


/* =========================================================
   ОДНА СТРОКА
   ========================================================= */

.situation-item {
    position: relative;

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

    display: grid;

    grid-template-columns: 170px 1fr 108px;

    column-gap: 20px;

    align-items: center;

    box-sizing: border-box;
}


/* =========================================================
   ФОТО / ИЛЛЮСТРАЦИЯ
   ========================================================= */

.situation-image {
    width: 170px;
    height: 120px;

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

.situation-image img {
    display: block;

    max-width: 100%;
    max-height: 120px;

    width: auto;
    height: auto;

    object-fit: contain;
}


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

.situation-content {
    align-self: center;

    padding-bottom: 1px;
}

.situation-content h3 {
    margin: 0;

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

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

    font-weight: 600;

    letter-spacing: -0.15px;

    color: #332e29;
}

.situation-content p {
    margin: 14px 0 0;

    max-width: 280px;

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

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

    font-weight: 400;

    color: #625950;
}


/* =========================================================
   КРУГЛАЯ КНОПКА
   ========================================================= */

.situation-button {
    width: 106px;
    height: 106px;

    box-sizing: border-box;

    border-radius: 50%;

    text-decoration: none;

    display: flex;
    flex-direction: column;

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

    color: #fff;

    text-align: center;

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

.situation-button:hover {
    transform: scale(1.04);
    opacity: 0.95;
}


/* Текст кнопки */

.situation-button span {
    display: block;

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

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

    font-weight: 500;
}


/* Стрелка */

.situation-button b {
    display: block;

    margin-top: 8px;

    font-family: Arial, sans-serif;

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

    font-weight: 300;

    transform: rotate(-15deg);
}


/* =========================================================
   ЦВЕТА КРУГОВ
   ========================================================= */

.situation-button-orange {
    background: #c89458;
}

.situation-button-brown {
    background: #9b8171;
}


/* =========================================================
   РАССТОЯНИЕ МЕЖДУ СТРОКАМИ
   ========================================================= */

.situation-item + .situation-item {
    margin-top: 0;
}



/* =========================================
   INHERITANCE PROBLEMS
========================================= */

.inheritance-problems {
    width: 100%;
    position: relative;
    overflow: hidden;

    background-color: #f5ead6;
    background-image: url("img/paper-bg.jpg");
    background-repeat: repeat;
    background-size: cover;

    color: #292521;
}


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

.inheritance-problems__container {
    width: 510px;
    max-width: 510px;

    margin: 0 auto;
    padding: 4px 0 45px;

    position: relative;
}


/* =========================================
   ЗНАЧОК STOP
========================================= */

.inheritance-problems__pause {
    width: 22px;
    height: 22px;

    margin: 0 auto 25px;

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

.inheritance-problems__pause img {
    display: block;

    width: 22px;
    height: 22px;

    object-fit: contain;
}


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

.inheritance-problems__header {
    display: flex;
    align-items: flex-start;

    width: 100%;

    margin-bottom: 43px;
}


/* Левая часть */

.inheritance-problems__header-left {
    width: 275px;
    flex-shrink: 0;
}


/* Заголовок */

.inheritance-problems__header-left h2 {
    margin: 0;

    width: 280px;

    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 800;
    font-style: normal;

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

    letter-spacing: 0;

    /* Убираем старый сдвиг */
    margin-left: 0;
}


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

.inheritance-problems__subtitle {
    position: relative;

    margin-top: 10px;

    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.15;
    font-weight: 400;

    white-space: nowrap;
}


/* Стрелка */

.inheritance-problems__header-arrow {
    display: inline-block;

    margin-left: 13px;

    font-family: Arial, sans-serif;
    font-size: 29px;
    line-height: 10px;
    font-weight: 300;

    vertical-align: middle;
}


/* =========================================
   ПРЕДУПРЕЖДЕНИЕ СПРАВА
========================================= */

.inheritance-problems__warning {
    width: 225px;

    margin-left: 0;
    margin-top: 0;

    padding: 8px 12px;

    box-sizing: border-box;

    background: rgba(226, 201, 164, 0.45);

    font-family: Arial, sans-serif;
    font-size: 8px;
    line-height: 1.15;
    font-weight: 400;
}


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

.inheritance-problems__item {
    width: 100%;

    min-height: 91px;

    display: grid;

    /*
       Картинка | текст | кнопка
    */
    grid-template-columns: 145px 1fr 86px;

    column-gap: 10px;

    align-items: center;

    margin-bottom: 20px;
}


/* =========================================
   IMAGE
========================================= */

.inheritance-problems__image {
    width: 145px;
    height: 91px;

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

.inheritance-problems__image img {
    display: block;

    width: 145px;
    height: 91px;

    object-fit: contain;
}


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

.inheritance-problems__content {
    align-self: center;

    min-width: 0;
}


/* Заголовок пункта */

.inheritance-problems__content h3 {
    margin: 0 0 9px;

    font-family: Arial, sans-serif;

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

    font-weight: 700;

    letter-spacing: -0.2px;
}


/* Описание */

.inheritance-problems__content p {
    margin: 0;

    max-width: 245px;

    font-family: Arial, sans-serif;

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

    font-weight: 400;
}


/* =========================================
   КРУГЛЫЕ КНОПКИ
========================================= */

.inheritance-problems__button {
    width: 86px;
    height: 86px;

    border-radius: 50%;

    display: flex;
    flex-direction: column;

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

    text-align: center;

    text-decoration: none;

    color: #fff;

    font-family: Arial, sans-serif;

    transition:
        transform .2s ease,
        opacity .2s ease;
}


.inheritance-problems__button:hover {
    transform: scale(1.04);
    opacity: .92;
}


/* Текст внутри круга */

.inheritance-problems__button span {
    display: block;

    max-width: 68px;

    font-size: 8px;
    line-height: 1.18;

    font-weight: 400;
}


/* Стрелка */

.inheritance-problems__button b {
    display: block;

    margin-top: 8px;

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

    font-weight: 300;
}


/* =========================================
   ЦВЕТА КНОПОК
========================================= */

.inheritance-problems__button--gold {
    background: #c8904e;
}

.inheritance-problems__button--brown {
    background: #927a6b;
}


/* =========================================
   INHERITANCE PROBLEMS
========================================= */

.inheritance-problems {
    width: 100%;
    position: relative;
    overflow: hidden;

    background-color: #f5ead6;
    background:
        linear-gradient(
            rgba(248, 239, 223, 0.48),
            rgba(248, 239, 223, 0.48)
        ),
         url("img/background.png")
        center top / cover;
    background-repeat: repeat;
    background-size: cover;

    color: #292521;
}


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

.inheritance-problems__container {
    width: 1190px;
    max-width: calc(100% - 60px);

    margin: 0 auto;

    padding: 56px 0 80px;

    position: relative;
}


/* =========================================
   PAUSE
========================================= */

.inheritance-problems__pause {
    width: 56px;
    height: 56px;

    margin: 0 auto 64px;

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

.inheritance-problems__pause img {
    display: block;

    width: 56px;
    height: 56px;

    object-fit: contain;
}


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

.inheritance-problems__header {
    width: 100%;

    display: grid;
    grid-template-columns: 650px 550px;
    column-gap: 25px;

    align-items: start;

    margin-bottom: 108px;
}


/* =========================================
   ЛЕВАЯ ЧАСТЬ HEADER
========================================= */

.inheritance-problems__header-left {
    width: 100%;
}


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

.inheritance-problems__header-left h2 {
    margin: 0;

    width: auto;

    font-family: 'Montserrat';
    font-weight: 800;
    font-style: normal;

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

    letter-spacing: -1px;

    margin-left: 0;

}


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

.inheritance-problems__subtitle {
    margin-top: 28px;

    display: flex;
    align-items: center;

    font-family: 'Montserrat';

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


    letter-spacing: -0.8px;

font-weight: 600;

}


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

.inheritance-problems__header-arrow {
    display: inline-flex;

    margin-left: 35px;

    font-family: Arial, sans-serif;

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

    font-weight: 300;

    transform: translateY(-2px);
}


/* =========================================
   ПРЕДУПРЕЖДЕНИЕ
========================================= */

.inheritance-problems__warning {
    width: 100%;
    box-sizing: border-box;

    min-height: 131px;

    margin: 0;
    padding: 18px 31px;

    background: #DAB5854D 30%;

    font-family: 'Montserrat';

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

    font-weight: 400;

    letter-spacing: -0.2px;

}

.inheritance-problems__warning strong{
font-weight: 600;
font-size: 20px;

}



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

.inheritance-problems__item {
    width: 100%;

    min-height: 210px;

    display: grid;

    grid-template-columns: 340px 1fr 210px;

    column-gap: 38px;

    align-items: center;

    margin-bottom: 62px;
}


/* =========================================
   IMAGE
========================================= */

.inheritance-problems__image {
    width: 340px;
    height: 190px;

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

.inheritance-problems__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}


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

.inheritance-problems__content {
    align-self: center;

    padding: 0;
}


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

.inheritance-problems__content h3 {
    margin: 0 0 27px;

    font-family: 'Montserrat';

    font-size: 36px;
    line-height: 1.15;


    letter-spacing: -0.8px;


font-weight: 600;


}


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

.inheritance-problems__content p {
    margin: 0;

    max-width: 517px;

    font-family: 'Montserrat';

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

    font-weight: 400;

    letter-spacing: -0.2px;



}


/* =========================================
   КРУГЛЫЕ КНОПКИ
========================================= */

.inheritance-problems__button {
    width: 211px;
    height: 211px;

    border-radius: 50%;

    display: flex;
    flex-direction: column;

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

    text-align: center;

    text-decoration: none;

    color: #fff;

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

    transition:
        transform .2s ease,
        opacity .2s ease;
}




/* =========================================
   ТЕКСТ КНОПКИ
========================================= */

.inheritance-problems__button span {
    display: block;

    max-width: 161px;
    margin-top: 20px;

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

    font-weight: 600;

    letter-spacing: 0;


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

}


/* =========================================
   СТРЕЛКА В КНОПКЕ
========================================= */

.inheritance-problems__button b {
    display: block;

    margin-top: 18px;

    font-family: Arial, sans-serif;

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

    font-weight: 300;
}


/* =========================================
   ЦВЕТА
========================================= */

.inheritance-problems__button--gold {
    background: #c8904e;
}

.inheritance-problems__button--brown {
    background: #927a6b;
}

.inheritance-problems__button img{
    margin-top: 20px;
}


/* =========================================================
   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%;
 transform: translateX(70px);
    display: grid;

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

    column-gap: 28px;

    align-items: start;

   

    margin: 0 0 48px;

}


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

.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%;
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   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;
}


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

.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;
}

/* =========================================
   НАСЛЕДСТВО ПОД КЛЮЧ
========================================= */

.inheritance {
    width: 100%;
    overflow: hidden;
    font-family: Arial, sans-serif;
}


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

.inheritance-top {
    position: relative;
    width: 100%;
    min-height: 665px;

     background:
        linear-gradient(
            rgba(248, 239, 223, 0.48),
            rgba(248, 239, 223, 0.48)
        ),
         url("img/background.png")
        center top / cover;

    box-sizing: border-box;
}


.inheritance-container {
    position: relative;

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

    min-height: 665px;

    margin: 0 auto;
}


/* =========================================
   ЛЕВАЯ ЧАСТЬ
========================================= */

.inheritance-content {
    position: relative;
    z-index: 2;

    width: 650px;

    padding-top: 55px;
}


/* Маленький заголовок */

.inheritance-label {
    margin-bottom: 26px;

    line-height: 18px;


    color: #2B2622;

    letter-spacing: 0.2px;


    font-family: "Montserrat";
font-weight: 600;
font-style: SemiBold;
font-size: 18px;
leading-trim: NONE;
letter-spacing: 0%;

}


/* Главный заголовок */

.inheritance-title {
    margin: 0;

    width: 695px;

    font-size: 36px;
    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -0.8px;

    color: #29241f;


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

}


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

.inheritance-subtitle {
    display: flex;
    align-items: center;

    width: 650px;
    height: 82px;

    margin-top: 36px;

    padding-left: 21px;

    box-sizing: border-box;

    background: #DAB5854D 30%;

    color: #302a25;

    font-size: 22px;
    line-height: 26px;

    font-weight: 600;
}


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

.inheritance-list {
    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 45px;
    row-gap: 10px;

    width: 650px;

    margin-top: 44px;
}


/* Один пункт */

.inheritance-item {
    display: flex;
    align-items: center;

    width: 280px;
    min-height: 60px;

    padding: 8px 10px 8px 0;

    box-sizing: border-box;

    background: #fff;

    border-radius: 9px;

    color: #2B2622;

    line-height: 16px;

   


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

}


/* Иконка */

.inheritance-item img {
    flex: 0 0 auto;

    width: 22px;
    height: 23px;

    margin-left: -10px;
    margin-right: 15px;

    object-fit: contain;
}


/* =========================================
   ФОТО ПАКЕТА
========================================= */

.inheritance-image {
    position: absolute;

    z-index: 3;

    top: 55px;
    right: -85px;

    width: 480px;

    pointer-events: none;

        transform: rotate(6.77deg);

}


.inheritance-image img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;
}


/* =========================================
   ГАРАНТИЯ
========================================= */

.inheritance-guarantee {
    position: relative;

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

    box-sizing: border-box;

    padding-top: 32px;

    background: #8D3B32;

    color: #fff;

    text-align: center;
}


/* Иконка */

.guarantee-icon {
    width: 50px;
    height: 50px;

    margin: 0 auto 18px;
}


.guarantee-icon img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}


/* Заголовок */

.inheritance-guarantee h3 {
    margin: 0;

    line-height: 32px;


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

}





/* Текст */

.inheritance-guarantee p {
    margin: 20px auto 0;

    max-width: 850px;

    line-height: 24px;


    color: #fff;


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

}


/* =========================================
   БЛОК "6 ПОНЯТНЫХ ШАГОВ"
========================================= */

.steps-section {
    width: 100%;
    height: 772px;

    position: relative;

    overflow: hidden;

    box-sizing: border-box;

    padding-top: 43px;

    color: #302c29;

    font-family: Arial, sans-serif;

    margin-top: 40px;

    background:
        url("images/paper-bg.jpg")
        center center /
        cover
        no-repeat;


}


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

.steps-title {
    width: 100%;

    text-align: center;

    position: relative;
    z-index: 2;
}


/* 6 */

.steps-number {
    margin: 0;

    height: 86px;

    font-size: 78px;
    line-height: 76px;

    font-weight: 300;

    color: #000;
}


/* ПОНЯТНЫХ ШАГОВ */

.steps-title h2 {
    margin: 20px 0 0;

    line-height: 38px;


    letter-spacing: -0.5px;

    color: #2B2622;

    text-transform: lowercase;


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

}


/* От вашего звонка... */

.steps-title p {
    margin: 39px 0 0;

    font-size: 30px;
    line-height: 36px;

    letter-spacing: -0.4px;

    color: #302c29;


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

}


/* =========================================
   ОБЛАСТЬ С КАРТОЧКАМИ
========================================= */
.steps-slider {
    width: 100%;
    height: 298px;

    margin-top: 97px;

    position: relative;

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

    scrollbar-width: none;
    -ms-overflow-style: none;

    cursor: grab;

    user-select: none;
    -webkit-user-select: none;

    -webkit-overflow-scrolling: touch;

    touch-action: pan-x;
}

.steps-slider::-webkit-scrollbar {
    display: none;
}

.steps-slider.is-dragging {
    cursor: grabbing;
}


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

.steps-track {
    display: flex;

    flex-wrap: nowrap;

    gap: 41px;

    width: max-content;

    height: 298px;

    margin: 0;

    /*
       Две карточки + промежуток
       находятся по центру экрана.
    */
    padding-left:
        max(
            20px,
            calc((100vw - 1207px) / 2)
        );

    padding-right:
        max(
            20px,
            calc((100vw - 1207px) / 2)
        );

    box-sizing: border-box;

    transform: none !important;

    transition: none;
}

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

.step-card {
    flex: 0 0 467px;

    width: 583px;
    height: 398px;

    box-sizing: border-box;

    padding:
        22px
        20px
        20px
        20px;

    margin: 0;

    position: relative;

    overflow: hidden;

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



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

.step-icon {
    display: block;

    width: 85px;
    height: 85px;

    margin: 0 0 8px 0;

    object-fit: contain;

    object-position: left center;

    pointer-events: none;
}


/* =========================================
   ЗАГОЛОВОК КАРТОЧКИ
========================================= */

.step-card h3 {
    margin: 0;

    padding: 0;

    margin-top: 30px;


    line-height: 27px;


    letter-spacing: -0.2px;

    color: #2B2622;

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

}


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

.step-card p {
    margin:
        26px
        0
        0;

    padding: 0;

    max-width: 420px;

    font-size: 16px;

    line-height: 20px;


    letter-spacing: -0.1px;

    color: #3d3732;


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

}

/* =====================================================
   НАСЛЕДСТВЕННЫЙ КВИЗ
   ДИЗАЙН 1856 × 790
===================================================== */


/* =====================================================
   ОСНОВНАЯ СЕКЦИЯ
===================================================== */

.inheritance-quiz {
    width: 100%;
    min-height: 100vh;

    box-sizing: border-box;

    padding-top: 74px;
    padding-bottom: 80px;

    position: relative;

    overflow: hidden;

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

    color: #302c29;

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


/* =====================================================
   ОБЩИЙ КОНТЕЙНЕР
===================================================== */

.inheritance-quiz__wrapper {
    width: 874px;

    margin: 0 auto;
}


/* =====================================================
   ВЕРХНИЙ ЗАГОЛОВОК
===================================================== */

.inheritance-quiz__header {
    width: 100%;

    text-align: center;

    margin: 0 auto 28px;
}


/* =====================================================
   ГЛАВНЫЙ ЗАГОЛОВОК
===================================================== */

.inheritance-quiz__header h2 {

    width: 850px;

    margin: 0 auto;

    color: #2B2622;

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

    font-weight: 800;

    font-style: normal;

    font-size: 42px;

    line-height: 100%;

    letter-spacing: 0;

    text-align: center;
}


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

.inheritance-quiz__header p {

    width: 820px;

    margin: 34px auto 0;

    color: #2B2622;

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

    font-weight: 500;

    font-style: normal;

    font-size: 34px;

    line-height: 100%;

    letter-spacing: 0;

    text-align: center;
}


/* =====================================================
   КАРТОЧКА КВИЗА
===================================================== */

.inheritance-quiz__card {

    width: 872px;

    box-sizing: border-box;

    padding:
        29px
        78px
        45px;

    margin: 0 auto;

    border-radius: 15px;

    /*
       Прозрачность карточки
    */

    background: rgba(255, 253, 249, 0.65);

    /*
       Размытие фона за карточкой
    */

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);

    box-shadow:
        0 2px 15px rgba(80, 60, 40, 0.025);
}


/* =====================================================
   ВОПРОС
===================================================== */

.inheritance-quiz__question {

    width: 100%;

    margin:
        0
        0
        55px;
}


/* =====================================================
   ЗАГОЛОВОК ВОПРОСА
===================================================== */

.inheritance-quiz__question h3 {

    margin:
        0
        0
        49px;

    color: #302c29;

    font-family: "Montserrat";

    font-style: normal;

    font-size: 29px;

    line-height: 35px;

    letter-spacing: -0.3px;

    text-align: center;


    font-weight: 600;
font-style: SemiBold;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
}


/* =====================================================
   ВАРИАНТЫ ОТВЕТА
===================================================== */

.inheritance-quiz__options {

    display: flex;

    flex-direction: column;

    gap: 12px;

    padding-left: 87px;
}


/* =====================================================
   ОДИН ВАРИАНТ
===================================================== */

.inheritance-quiz__option {

    display: flex;

    align-items: center;

    min-height: 22px;

    position: relative;

    cursor: pointer;

    user-select: none;
}


/* =====================================================
   НАСТОЯЩИЙ RADIO СКРЫВАЕМ
===================================================== */

.inheritance-quiz__option input {

    position: absolute;

    opacity: 0;

    width: 0;

    height: 0;

    pointer-events: none;
}


/* =====================================================
   КАСТОМНЫЙ RADIO
===================================================== */

.inheritance-quiz__radio {

    width: 22px;

    height: 22px;

    flex: 0 0 22px;

    margin-right: 25px;

    box-sizing: border-box;

    border-radius: 50%;

    background: #f1e6d3;

    border: 1px solid #eadcc5;

    transition:
        background 0.15s ease,
        border 0.15s ease,
        transform 0.15s ease,
        box-shadow 0.15s ease;
}


/* =====================================================
   ВЫБРАННЫЙ RADIO
===================================================== */

.inheritance-quiz__option input:checked
+ .inheritance-quiz__radio {

    background: #c28a3d;

    border-color: #c28a3d;

    transform: scale(0.85);
}


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

.inheritance-quiz__text {

    color: #3e3935;

    font-family: "Montserrat";


    font-style: normal;


    line-height: 27px;

    letter-spacing: 0;


font-weight: 400;
font-style: Regular;
font-size: 20px;
leading-trim: NONE;
line-height: 38px;
letter-spacing: 0%;


}


/* =====================================================
   ТЕКСТ ПЕРЕД ФОРМОЙ
===================================================== */

.inheritance-quiz__result {

    width:782px;

    margin:
        0
        0
        29px;

    color: #403a35;

    font-family: "Montserrat";


    font-style: normal;

    line-height: 23px;

    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;

}


/* =====================================================
   INPUT
===================================================== */

.inheritance-quiz__input {

    display: block;

    width: 553px;

    height: 87px;

    box-sizing: border-box;

    margin:
        0
        auto
        16px;

    padding:
        0
        23px;

    border: none;

    outline: none;

    border-radius: 10px;

    background: #f5e9d6;

    color: #514a44;

    font-family: "Montserrat";



    line-height: 58px;

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


 

}


/* =====================================================
   PLACEHOLDER
===================================================== */

.inheritance-quiz__input::placeholder {

    color: #716960;

    opacity: 1;
}


/* =====================================================
   INPUT — FOCUS
===================================================== */

.inheritance-quiz__input:focus {

    background: #f1e2cc;

    box-shadow:
        0 0 0 1px rgba(191, 139, 76, 0.2);
}


/* =====================================================
   СОГЛАСИЕ
===================================================== */

.inheritance-quiz__agreement {
    width: 368px;

    margin:
        25px
        0
        18px;

    transform: translateX(90px);

    display: flex;

    align-items: flex-start;

    position: relative;

    cursor: pointer;
}

/* =====================================================
   CHECKBOX СКРЫВАЕМ
===================================================== */

.inheritance-quiz__agreement input {

    position: absolute;

    opacity: 0;

    width: 0;

    height: 0;
}


/* =====================================================
   КРУЖОК СОГЛАСИЯ
===================================================== */

.inheritance-quiz__agreement-radio {

    width: 22px;

    height: 22px;

    flex: 0 0 22px;

    margin-top: 1px;

    margin-right: 12px;

    box-sizing: border-box;

    border-radius: 50%;

    background: #f0e4d1;

    border: 1px solid #e3d4bc;

    transition: 0.2s ease;
}


/* =====================================================
   СОГЛАСИЕ — ВЫБРАНО
===================================================== */

.inheritance-quiz__agreement input:checked
+ .inheritance-quiz__agreement-radio {

    background: #c58a43;

    border-color: #c58a43;
}


/* =====================================================
   ТЕКСТ СОГЛАСИЯ
===================================================== */

.inheritance-quiz__agreement span:last-child {

    color: #857d75;

    font-family: "Montserrat";

    line-height: 14px;

    letter-spacing: 0;


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

}


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

.inheritance-quiz__button {

    display: block;

    width: 553px;

    height: 97px;

    margin: 0 auto;

    padding: 0;

    border: none;

    border-radius: 10px;

    background: #C6925C;

    color: #fff;

    font-family: "Montserrat";


    line-height: 19px;

    letter-spacing: 0;

    cursor: pointer;

    transition:
        background 0.2s ease,
        transform 0.15s ease;



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

}


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

.inheritance-quiz__button:hover {

    background: #b98046;
}


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

.inheritance-quiz__button:active {

    transform: scale(0.98);
}


/* =====================================================
   ОШИБКА INPUT
===================================================== */

.inheritance-quiz__input.error {

    box-shadow:
        0 0 0 2px #c86c55;
}




/* =========================================
   БЛОК "РЕАЛЬНЫЕ ДЕЛА"
   ========================================= */

.cases-block {
    position: relative;

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

    box-sizing: border-box;

    padding-top: 24px;

    background: #f8f4ed;

    background-image: url("img/logofff.png");

    font-family: Arial, sans-serif;

    overflow: hidden;
}


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

.cases-block__header {
    width: 100%;

    text-align: center;
}


/* Иконка портфеля */

.cases-block__briefcase {
    display: block;

    width: 49px;
    height: 49px;

    object-fit: contain;

    margin: 0 auto 18px;
}


/* Заголовок */

.cases-block__title {
    margin: 0;

    color: #2B2622;

    line-height: 34px;


    letter-spacing: 0;


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

}


/* Подзаголовок */

.cases-block__subtitle {
    margin: 22px 0 0;

    color: #2B2622;

    line-height: 27px;



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

}


/* =========================================
   КЕЙС
   ========================================= */

.case {
    position: relative;

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

    margin: 31px auto 0;
}


/* Кейс 1 */

.case__number {
    margin: 0 0 13px;

    text-align: center;

    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: 0;

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

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

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

.case {
    position: relative;

    width: 1100px;
    max-width: none;

    margin: 31px auto 0;
}


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

.case__card {
    position: relative;

    width: 925px;
    height: 462px;

    margin: 0 auto;

    margin-top: 20px;

    box-sizing: border-box;

    border-radius: 20px;

    overflow: visible;

    background:
         url("img/background.png")
        center top / cover;
}


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

.case__content {
    position: relative;

    width: 100%;
    height: 318px;

    box-sizing: border-box;

    padding: 27px 65px 10px;

    text-align: center;
}


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

.case__title {
    margin: 0 0 27px;

    color: #302c29;

    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    line-height: 41px;
    font-weight: 600;

    letter-spacing: 0;
}


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

.case__text {
    color: #413d39;

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

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

    font-weight: 400;

    text-align: center;
}


.case__text p {
    margin: 0 0 28px;
}


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


.case__text strong {
    font-weight: 700;
}


/* =========================================
   НИЖНЯЯ ТЁМНАЯ ЧАСТЬ
   ========================================= */

.case__result {
    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 144px;

    box-sizing: border-box;

    padding: 35px 25px 20px 305px;

    border-radius: 0 0 18px 18px;

    background: #2B2622;

    color: #fff;

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

    font-size: 17px;
    line-height: 22px;

    font-weight: 400;
}


.case__result p {
    margin: 0;
}


.case__result strong {
    font-weight: 700;
}




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

.case__arrow {
    position: absolute;

    z-index: 10;

    right: -4px;
    top: 265px;

    width: 60px;
    height: 60px;

    padding: 0;


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

    cursor: pointer;

}


.case__arrow img {
    width: 60px;
    height: 60px;

    object-fit: contain;
}
/* =========================================
   ЛЕВАЯ СТРЕЛКА
   ========================================= */

.case__arrow--left {
    left: -70px;
    right: auto;
    top: 265px;

    transform: rotate(180deg);
}

/* =========================================
   ОТЗЫВ
   ========================================= */

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

    width: 875px;

    margin: 38px auto 0;

    min-height: 78px;



}


/* =========================================
   АВАТАР
   ========================================= */

.case__avatar {
    flex: 0 0 auto;

    width: 76px;
    height: 76px;

    margin-right: 28px;

    object-fit: contain;
}


/* =========================================
   ТЕКСТ ОТЗЫВА
   ========================================= */

.case__quote {
    margin: 0;

    width: 530px;

    color: #b18a72;

    font-family: "Montserrat";

    line-height: 24px;


font-weight: 600;
font-style: "SemiBold";
font-size: 22px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}


/* =========================================
   ДАТА
   ========================================= */

.case__date {
    display: block;

    margin-left: auto;

    white-space: nowrap;

    color: #2B2622;

    font-family: "Montserrat";

    line-height: 22px;

  


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

}


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

.cases-block__buttons {
    display: flex;

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

    gap: 109px;

    margin-top: 84px;
}


/* =========================================
   ОБЩАЯ КНОПКА
   ========================================= */

.cases-block__button {
    display: flex;

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

    width: 370px;
    height: 92px;

    box-sizing: border-box;

    border-radius: 10px;

    text-decoration: none;

    color: #fff;

    text-align: center;

    font-family: "Montserrat";

    line-height: 25px;


    transition: 0.2s ease;


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

}


.cases-block__button:hover {
    transform: translateY(-2px);
}


/* =========================================
   ПЕРВАЯ КНОПКА
   ========================================= */

.cases-block__button--orange {
    background: #C6925C;
}


/* =========================================
   ВТОРАЯ КНОПКА
   ========================================= */

.cases-block__button--brown {
    background: #967968;
}



.case__documents {
    position: absolute;

    z-index: 5;

    left: -153px;
    bottom: -73px;

    width: 450px;
    height: auto;

    object-fit: contain;

    pointer-events: none;
}

/* =========================================
   КЕЙС 1
   ========================================= */

.case__documents.documents--case1 {
    left: -153px;
    bottom: -73px;

    right: auto;
    top: auto;

    width: 450px;
    height: auto;
}


/* =========================================
   КЕЙС 2
   ========================================= */

.case__documents.documents--case2 {
    left: auto;
    bottom: auto;

    left: -164px;
    top: 175px;

    width: 384px;
    height: 317px;

    object-fit: contain;
}


/* =========================================
   КЕЙС 3
   ========================================= */

.case__documents.documents--case3 {
    left: auto;
    bottom: auto;

    left: -140px;
    top: 165px;

    width: 429px;
    height: 357px;

    object-fit: contain;
}


.case__documents.documents--case4 {
   
    left: auto;
    bottom: auto;

    left: -160px;
    top: 165px;

    width: 371px;
    height: 318px;

    object-fit: contain;
}

.case__documents.documents--case5 {
   
    left: auto;
    bottom: auto;

    left: -160px;
    top: 135px;

    width: 386px;
    height: 362px;

    object-fit: contain;
}

/* =========================================================
   ОСНОВНОЙ БЛОК
   ========================================================= */

.inheritance {
  position: relative;

  margin-top: 60px;
  width: 100%;
  min-width: 1200px;
  height: 1300px;

  overflow: hidden;

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

  isolation: isolate;
}


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

.top-icon {
  position: absolute;

  width: 56px;
  height: 56px;

  left: 50%;
  top: 13px;

  transform: translateX(-50%);

  object-fit: contain;
}


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

.inheritance h1 {
  position: absolute;

  width: 900px;

  left: 50%;
  top: 84px;

  transform: translateX(-50%);

  margin: 0;

  text-align: center;

  line-height: 1.22;


  letter-spacing: -0.8px;


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

}


/* =========================================================
   ОБЩАЯ СТРУКТУРА СИТУАЦИЙ
   ========================================================= */

.situation {
  position: absolute;

  left: calc(50% + 70px);

  width: 1132px;
  height: 185px;

  transform: translateX(-50%);
}

/* =========================================================
   СИТУАЦИЯ 1
   ========================================================= */

.situation-1 {
  top: 240px;
}


/* =========================================================
   СИТУАЦИЯ 2
   ========================================================= */

.situation-2 {
  top: 472px;
}


/* =========================================================
   СИТУАЦИЯ 3
   ========================================================= */

.situation-3 {
  top: 708px;
}


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

.situation .photo {
  position: absolute;

  left: 0;
  top: 0;

  width: 281px;
  height: 184px;

  display: block;

  object-fit: cover;

    z-index: 1;


  border-radius: 15px;
}


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

.cross {
  position: absolute;

  left: -51px;
  top: 90px;

  width: 80px;
  height: 80px;

  object-fit: contain;

  z-index: 1;
}

.cross-1 {
  top: 109px;
}

.cross-2 {
  top: 109px;
}

.cross-3 {
  top: 109px;
}


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

.situation .content {
  position: absolute;

  left: 336px;
  top: 2px;

  width: 790px;
}


.situation h2 {
  margin: 0 0 31px;

  line-height: 1;


  letter-spacing: -0.7px;


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

}


.situation p {
  margin: 0;

  line-height: 1.18;


  letter-spacing: -0.15px;


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

}


/* =========================================================
   CTA
   ========================================================= */

.cta {
  position: absolute;

  left: 0;
  top: 1010px;

  width: 100%;

  text-align: center;
}


.cta h3 {
  margin: 0;

  line-height: 1.2;

  color: #2B2622;
  font-family: "Montserrat";
font-weight: 700;
font-style: Bold;
font-size: 36px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

}


.cta p {
  margin: 23px 0 0;

  line-height: 1.3;


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

}


.phone {
  margin-top: 34px;

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

  gap: 25px;


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

}


.phone img {
  width: 58px;
  height: 58px;

  object-fit: contain;
}


.phone span {
  font-size: 35px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 0;
}

/* =========================================
   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;

}


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

.contacts__container {
    width: 100%;
    max-width: 1200px;

    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;

}

/* =========================================================
   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: 600;
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;
}


/* =====================================================
   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 {
        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);
    }

}



/* =====================================================
   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;
    }


    /* =================================================
       LEFT — НЕ СОЗДАЁМ ОТДЕЛЬНЫЙ БЛОК
    ================================================= */

    .hero__left {
        display: contents;
    }


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

   .hero__title {
    grid-column: 1;
    grid-row: 1;

    width: 100%;

    margin: 27px 0 10px;
    padding: 0;

    box-sizing: border-box;

    color: #1F1F1F;

    font-family: "Montserrat";

    font-weight: 800;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;

    text-align: center;
}


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

.hero__subtitle {
    grid-column: 1;
    grid-row: 2;

    width: 330px;
    height: 54px;
    min-height: 54px;

    margin: 0 auto;

    padding: 5px 10px;

    box-sizing: border-box;

    display: flex;

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

    border: 1px solid rgba(255, 255, 255, 0.95);

    background: rgba(218, 181, 133, 0.30);

    color: #252321;

    font-family: "Montserrat";

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

    font-weight: 600;

    text-align: center;
}

    /* =================================================
       3. КАРТИНКА
    ================================================= */

    .hero__right {
        grid-column: 1;
        grid-row: 3;

        position: relative;

        width: 100%;
        height: 203px;

        margin: 7px 0 0;

        box-sizing: border-box;

        flex-shrink: 0;

        z-index: 1;
    }


    .hero-photo {
        position: absolute;

        display: block;

        max-width: none;

        pointer-events: none;
    }


    /* -------------------------------------------------
       ДОМ
    ------------------------------------------------- */

    .hero-photo--house {
        width: 212px;
        height: auto;

        left: 3px;
        bottom: 10px;

        z-index: 1;

        opacity: 0.8;
    }


    /* -------------------------------------------------
       СИЛУЭТЫ
    ------------------------------------------------- */

    .hero-photo--people {
        width: 128px;
        height: auto;

        left: 200px;
        top: 0;

        z-index: 2;
    }


    /* -------------------------------------------------
       ФОТО + РУКИ
    ------------------------------------------------- */

    .hero-photo--photo-hands {
        width: 142px;
        height: auto;

        left: 150px;
        top: 46px;

        z-index: 6;
    }


    /* -------------------------------------------------
       ПЕСОЧНЫЕ ЧАСЫ
    ------------------------------------------------- */

    .hero-photo--hourglass {
        width: 57px;
        height: auto;

        left: 94px;
        top: 43px;

        z-index: 7;

        transform: rotate(18deg);
    }


    /* -------------------------------------------------
       КЛЮЧИ
    ------------------------------------------------- */

    .hero-photo--keys {
        width: 51px;
        height: auto;

        left: 266px;
        top: 118px;

        z-index: 8;

        transform: rotate(31deg);
    }


    /* -------------------------------------------------
       МАШИНА
    ------------------------------------------------- */

    .hero-photo--car {
        width: 137px;
        height: auto;

        left: 52px;
        bottom: -10px;

        z-index: 3;

        opacity: 0.8;
    }


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

 .hero__description {
    grid-column: 1;
    grid-row: 4;

    width: 330px;

    margin: 20px auto 0;

    padding: 0;

    box-sizing: border-box;

    color: #4b443d;

    font-family: "Montserrat";

    font-weight: 400;
    font-size: 8px;
    line-height: 100%;
    letter-spacing: 0;

    text-align: center;
}


    .hero__description br {
        display: none;
    }


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

    .hero__buttons {
        grid-column: 1;
        grid-row: 5;

        width: 100%;

        margin: 24px 0 0;

        padding: 0 9px;

        box-sizing: border-box;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 20px;
    }


    .hero-button {
        width: calc(50% - 10px);
        height: 43px;

        padding: 0;

        box-sizing: border-box;

        border-radius: 5px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        flex-shrink: 0;
    }


    .hero-button strong {
        margin: 0;

        font-family: "Montserrat";

        line-height: 12px;


        text-align: center;


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

    }


    .hero-button span {
        margin-top: 0;

        font-family: "Montserrat";


        line-height: 10px;


        text-align: center;


font-weight: 400;
font-style: Regular;
font-size: 10px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;

    }


    /* -------------------------------------------------
       ОРАНЖЕВАЯ КНОПКА
    ------------------------------------------------- */

    .hero-button--orange {
        border: none;

        background: #c6925c;

        color: #fff;
    }


    /* -------------------------------------------------
       БЕЛАЯ КНОПКА
    ------------------------------------------------- */

    .hero-button--white {
        border: 1px solid #c7c0b8;

        background: rgba(255, 255, 255, 0.83);

        color: #4c4844;
    }


    /* =================================================
       6. СТАТИСТИКА
    ================================================= */

    .hero__statistics {
        grid-column: 1;
        grid-row: 6;

        width: 100%;

        margin: 22px 0 0;

        padding: 0 25px;

        box-sizing: border-box;

        display: flex;

        align-items: center;

        justify-content: center;

        color: #75695d;

        font-family: "Montserrat";

        line-height: 1.45;


font-weight: 400;
font-style: Regular;
font-size: 6px;
leading-trim: NONE;
line-height: 12px;
letter-spacing: 0%;

    }


    .hero__statistics > img {
        width: 27px;
        height: 27px;

        margin-right: 9px;

        object-fit: contain;

        flex-shrink: 0;
    }


    .hero__statistics-text {
        display: block;

        text-align: left;
    }


    .hero__statistics strong {
        color: #3d352d;

        font-size: 6px;

        font-weight: 600;
    }


    /* =================================================
       7. СПИСОК
    ================================================= */

    .hero__list {
        grid-column: 1;
        grid-row: 7;

        width: 100%;

        margin: 19px 0 0;

        padding: 0 9px;

        box-sizing: border-box;

        list-style: none;
    }


    .hero__list li {
        width: 100%;

        min-height: 15px;

        margin: 0 0 5px;

        padding: 0;

        display: flex;

        align-items: center;

        color: #6e6257;

        font-family: "Montserrat";

        line-height: 1.25;

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

    }


    .hero__list li img {
        width: 15px;
        height: 15px;

        margin-right: 10px;

        display: block;

        object-fit: contain;

        flex-shrink: 0;
    }


    .hero__list li span {
        display: block;

        white-space: nowrap;
    }

}


@media (max-width: 767px) {

    .alert {
        position: relative;

        width: 100vw;
        height: 48px;

        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);

        padding: 0;

        box-sizing: border-box;

        background: #963F36;

        opacity: 1;

        overflow: hidden;
    }


    .alert__inner {
        position: relative;

        width: 100%;
        height: 48px;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }


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

    .alert__text {
        position: absolute;

        left: 50%;
        top: 7px;

        transform: translateX(-50%);

        width: 250px;

        margin: 0;
        padding: 0;

        box-sizing: border-box;

        color: #fff;

        font-family: "Montserrat";

        line-height: 7px;

        letter-spacing: 0;

        text-align: center;

        white-space: normal;

        margin-top: 5px;

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

    }


    /* ================================================
       ЛЕВАЯ ИКОНКА
    ================================================ */

    .alert__icon:first-child {
        position: absolute;

        left: 19px;
        top: 19px;

        width: 12px;
        height: 12px;

        margin: 0;
        padding: 0;

        object-fit: contain;
    }


    /* ================================================
       ПРАВАЯ ИКОНКА
    ================================================ */

    .alert__icon:last-child {
        position: absolute;

        right: 19px;
        top: 19px;

        width: 12px;
        height: 12px;

        margin: 0;
        padding: 0;

        object-fit: contain;
    }

}


/* =====================================================
   STATISTICS — MOBILE
   360px × 195px
===================================================== */

@media (max-width: 767px) {

    .statistics {
        width: 100%;
        height: 195px;

        margin: 0;
        padding: 0;

        box-sizing: border-box;

        background: #ffffff;

        overflow: hidden;
    }


    .statistics__inner {
        position: relative;

        width: 100%;
        height: 195px;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }


    /* =================================================
       ОБЩИЙ ITEM
    ================================================= */

    .statistics__item {
        position: absolute;

        display: flex;

        align-items: center;

        margin: 0;
        padding: 0;

        box-sizing: border-box;
    }


    /* =================================================
       1 — 10 ЛЕТ
    ================================================= */

    .statistics__item:nth-child(1) {
        left: 19px;
        top: 20px;

        width: 145px;
        height: 42px;

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

    }


    /* =================================================
       2 — +200
    ================================================= */

    .statistics__item:nth-child(2) {
        left: 185px;
        top: 20px;

        width: 156px;
        height: 42px;

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

    }


    /* =================================================
       3 — 97%
    ================================================= */

    .statistics__item:nth-child(3) {
        left: 19px;
        top: 82px;

        width: 145px;
        height: 42px;

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

    }


    /* =================================================
       4 — 0
    ================================================= */

    .statistics__item:nth-child(4) {
        left: 50%;
        top: 136px;

        width: 100px;
        height: 42px;

        transform: translateX(-50%);

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

    }


    /* =================================================
       5 — 100%
    ================================================= */

    .statistics__item:nth-child(5) {
        left: 185px;
        top: 82px;

        width: 156px;
        height: 42px;

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

    }


    /* =================================================
       ЧИСЛА
    ================================================= */

    .statistics__number {
        position: relative;

        flex-shrink: 0;

        color: #1F1F1F;

        font-family: "Montserrat";

        font-size: 21px;
        line-height: 21px;

        font-weight: 700;

        white-space: nowrap;
    }


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

    .statistics__number-icon {
        position: absolute;

        width: 20px;
        height: 9px;

        top: -8px;
        right: -20px;

        margin: 0;

        object-fit: contain;
    }


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

    .statistics__text {
        width: 77px;
        margin-left: 13px;

        color: #B88A4433 20%;

        font-family: "Montserrat";

        line-height: 9px;

        font-weight: 400;

        white-space: nowrap;

font-size: 9px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

    }


    .statistics__text span {
        display: block;
    }


    .statistics__text strong {
        color: #1F1F1F;

        font-weight: 700;
    }


    /* =================================================
       НИЖНИЙ 0
    ================================================= */

    .statistics__item:nth-child(4) {
        flex-direction: column;

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

        width: 100%;
    }


    .statistics__item:nth-child(4) .statistics__number {
        margin: 0;
    }


    .statistics__item:nth-child(4) .statistics__text {
        position: absolute;

        width: 255px;
        top: 34px;
        left: 50%;

        transform: translateX(-50%);

        width: 300px;

        margin: 0;

        text-align: center;

        white-space: nowrap;
    }

}



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

.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;

    }
}


/* =====================================================
   TRUST — ФИНАЛЬНАЯ МОБИЛЬНАЯ НАСТРОЙКА
   ВСТАВИТЬ В САМЫЙ КОНЕЦ CSS
===================================================== */

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

    /* -------------------------------------------------
       СЕКЦИЯ
    ------------------------------------------------- */

    .trust-section {
        position: relative !important;

        width: 100% !important;
        height: 392px !important;
        min-height: 392px !important;

        overflow: visible !important;

        margin-top: 40px !important;
        padding: 0 !important;

        background: #f9e7c4 !important;
    }


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

    .trust-container {
        position: relative !important;

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

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


    /* -------------------------------------------------
       CONTENT
    ------------------------------------------------- */

    .trust-content {
        position: relative !important;

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

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


    /* -------------------------------------------------
       ЛЕВАЯ ЧАСТЬ
    ------------------------------------------------- */

    .trust-visual {
        display: none !important;
    }


    /* -------------------------------------------------
       ЗАГОЛОВОК
       НЕ МЕНЯЕМ
    ------------------------------------------------- */

   .trust-content h2 {
    position: absolute !important;

    top: 22px !important;
    left: 100% !important;
    right: auto !important;

    width: 247px !important;

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

    transform: translateX(-50%) !important;

    font-family: "Montserrat", sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;

    font-size: 18px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;

    text-align: center !important;

    color: #28221d;

    z-index: 10 !important;
}


    /* -------------------------------------------------
       ЛЮДИ / КАРТИНКА
       НЕ МЕНЯЕМ
    ------------------------------------------------- */

    .trust-section::before {
        content: "" !important;

        position: absolute !important;

        top: 62px !important;
        left: 50% !important;

        width: 650px !important;
        height: 320px !important;

        transform: translateX(-31%) !important;

        background-image: url("img/map.png") !important;
        background-repeat: no-repeat !important;
        background-size: 650px auto !important;
        background-position: center top !important;

        pointer-events: none !important;

        z-index: 2 !important;
    }


    /* =================================================
       НИЖНИЙ РЯД
       
       ВАЖНО:
       НЕ GRID.
       НЕ FLEX.
       ТРИ ЖЕСТКО ЗАДАННЫЕ КОЛОНКИ.
    ================================================= */

    .trust-items {
        position: absolute !important;

        top: auto !important;
        right: auto !important;

        left: 20px !important;
        bottom: 8px !important;

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

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

        display: block !important;

        z-index: 100 !important;
    }


    /* =================================================
       ВСЕ ТРИ ITEM
       
       ОДИНАКОВЫЙ top
       ОДИНАКОВАЯ высота
    ================================================= */

    .trust-items .trust-item {
        position: absolute !important;

        top: 0 !important;
        bottom: auto !important;

        width: 92px !important;
        height: 62px !important;

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

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

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

        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;
        justify-content: flex-start !important;

        box-sizing: border-box !important;

        transform: none !important;
    }


    /* =================================================
       ПЕРВЫЙ
    ================================================= */

    .trust-items .trust-item:nth-child(1) {
        left: 24px !important;
        right: auto !important;
    }


    /* =================================================
       ВТОРОЙ
    ================================================= */

    .trust-items .trust-item:nth-child(2) {
        left: 149px !important;
        right: auto !important;
    }


    /* =================================================
       ТРЕТИЙ
    ================================================= */

    .trust-items .trust-item:nth-child(3) {
        left: 274px !important;
        right: auto !important;
    }


    /* =================================================
       ИКОНКИ
       
       ВСЕ НА ОДНОЙ ВЫСОТЕ
    ================================================= */

    .trust-items .trust-icon {
        display: block !important;

        position: relative !important;

        width: 18px !important;
        height: 18px !important;

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

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

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

        flex: 0 0 18px !important;

        object-fit: contain !important;

        transform: none !important;
    }


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

    .trust-items .trust-text {
        position: relative !important;

        width: 92px !important;
        max-width: 92px !important;

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

        transform: none !important;

        text-align: left !important;

        box-sizing: border-box !important;
    }


    .trust-items .trust-text span {
        display: block !important;

        width: 92px !important;
        max-width: 92px !important;

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

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

        font-size: 7px !important;
        line-height: 120% !important;

        font-weight: 400 !important;

        letter-spacing: 0 !important;

        color: #28221d !important;

        text-align: left !important;
    }


    .trust-items .trust-text b {
        font-weight: 700 !important;
    }


    /* -------------------------------------------------
       НИЖНИЙ БЛОК
    ------------------------------------------------- */

    .your-element {
    position: absolute;

    width: 19px;
    height: 19px;

    top: 1230px;
    left: 251px;

    opacity: 0.5;

    border-radius: 5px;

    object-fit: contain;
}

}

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

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

   .trust-bottom {
        position: absolute !important;

        left: 0 !important;
        right: 0 !important;

        /* ОПУСКАЕМ НИЖЕ ПУНКТОВ */
        bottom: -54px !important;

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

        background: #4C3E29 !important;

        overflow: hidden !important;

        z-index: 200 !important;
    }


    /* Бегущая дорожка */

    .trust-bottom-track {
        display: flex !important;

        width: max-content !important;
        height: 54px !important;

        animation: trust-running-line-mobile 22s linear infinite !important;

        will-change: transform;
    }


    /* Текст */

    .trust-bottom-inner {
        display: flex !important;
        align-items: center !important;

        flex-shrink: 0 !important;

        height: 54px !important;

        padding: 0 22px !important;

        gap: 7px !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;

        font-family: "Montserrat", sans-serif !important;
        font-weight: 600 !important;

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

        letter-spacing: 0 !important;

        color: #fff !important;
    }


    .trust-bottom-inner strong {
        font-weight: 800 !important;
        color: #fff !important;
    }


    .trust-bottom-inner span {
        font-size: 14px !important;

        flex-shrink: 0 !important;

        color: #fff !important;
    }


    /* =================================================
       БЕГУЩАЯ АНИМАЦИЯ
       ================================================= */

    @keyframes trust-running-line-mobile {

        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }

    }

}


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

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

    /* =====================================================
       ОСНОВА
       ===================================================== */

    .quiz-section {
        width: 100%;
        min-height: 100vh;
position: relative;
        bottom: -50px !important;

        padding: 0;
        margin: 0;

        box-sizing: border-box;

        background: #fff;

        overflow: hidden;
    }

    .quiz-wrapper {
        width: 100%;
        max-width: none;

        margin: 0;

        text-align: center;
    }


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

    .quiz-refresh {
        width: 17px;
        height: 17px;

        margin: 20px auto 17px;
    }

    .quiz-refresh img {
        width: 17px;
        height: 17px;

        display: block;

        object-fit: contain;
    }


    /* =====================================================
       ВЕРХНИЙ ЗАГОЛОВОК
       ===================================================== */

    .quiz-title {
        width: calc(100% - 40px);

        margin: 0 auto 14px;

        color: #2B2622;

        font-family: "Montserrat";
        font-weight: 800;

        line-height: 1.15;

        letter-spacing: 0;

        text-align: center;


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

    }


    .quiz-subtitle {
        width: 257px;

        margin: 0 auto 13px;

        color: #2B2622;

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

        line-height: 1.15;

        letter-spacing: 0;

        text-align: center;

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

    }


    .quiz-description {
        width: 291px;
        max-width: none;

        margin: 0 auto 18px;

        color: #2B2622;

        font-family: "Montserrat";
        font-weight: 400;

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

        letter-spacing: 0;

        text-align: center;


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

    }

    .quiz-description strong {
        font-weight: 700;
    }


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

    .quiz-box {
        position: relative;

        width: 100%;
        

        min-height: 0;
        height: auto;

        display: block;

        border-radius: 10px 10px 0 0;

        overflow: visible;

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

        box-shadow: none;

        text-align: left;
    }


    /* =====================================================
       ЛЕВАЯ ЧАСТЬ КВИЗА
       ===================================================== */

    .quiz-content {
        width: 100%;
        height: 380px;

        min-width: 0;

        box-sizing: border-box;

        padding: 16px 25px 0;

        display: flex;
        flex-direction: column;

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

        border-radius: 10px 10px 0 0;
    }


    /* =====================================================
       ЗАГОЛОВОК ВОПРОСА
       ===================================================== */

    .question-title {
        width: 100%;

        margin: 0 auto 18px;

        color: #2B2622;

        font-family: "Montserrat";
        font-weight: 700;

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

        letter-spacing: 0;

        text-align: center;


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

    }


    /* =====================================================
       ПРОГРЕСС
       ===================================================== */

    .progress {
        width: 100%;
        height: 14px;

        margin: 0 0 22px;

        background:
            rgba(255, 255, 255, 0.65);

        border-radius: 20px;

        overflow: hidden;
    }

    .progress-fill {
        height: 100%;

        width: 20%;

        background: #bd8a3d;

        border-radius: 20px;

        transition: width 0.35s ease;
    }


    /* =====================================================
       ОТВЕТЫ
       ===================================================== */

    .answers {
        width: 100%;

        display: flex;
        flex-direction: column;

        gap: 0;
    }


    .answer {
        position: relative;

        min-height: 25px;

        display: flex;
        align-items: center;

        cursor: pointer;

        color: #2B2622;

        font-family: "Montserrat";
        font-weight: 400;

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

        letter-spacing: 0;

        text-align: left;


font-style: "Regular";
font-size: 12px;
leading-trim: NONE;
line-height: 25px;
letter-spacing: 0%;

    }


    .answer input {
        position: absolute;

        width: 1px;
        height: 1px;

        opacity: 0;

        pointer-events: none;
    }


    .answer-circle {
        width: 10px;
        height: 10px;

        flex: 0 0 10px;

        margin-right: 13px;

        border-radius: 50%;

        background:
            rgba(255, 255, 255, 0.65);

        border:
            1px solid rgba(185, 148, 90, 0.10);

        position: relative;

        transition: 0.2s ease;

        box-sizing: border-box;
    }


    .answer input:checked + .answer-circle {
        background: #B88A44;

        border-color: #B88A44;
    }


    .answer:hover .answer-circle {
        box-shadow:
            0 0 0 3px
            rgba(189, 138, 61, 0.10);
    }


    /* =====================================================
       ОШИБКА
       ===================================================== */

    .answer-error {
        color: #a0442d;

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

        font-size: 10px;

        margin-top: 5px;

        display: none;
    }

    .answer-error.show {
        display: block;
    }


    /* =====================================================
       MULTIPLE HINT
       ===================================================== */

    .multiple-hint {
        margin: -8px 0 12px;

        color: #2B2622;

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

        font-weight: 400;

        font-size: 11px;

        line-height: 1.1;

        text-align: center;
    }


    /* =====================================================
       НАВИГАЦИЯ
       ===================================================== */

    .quiz-navigation {
        width: 100%;

        display: flex;

        align-items: center;

        justify-content: space-between;

        margin-top: auto;

        padding-top: 8px;
    }


    .back-button {
        border: 0;

        background: transparent;

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

        font-weight: 400;

        font-size: 13px;

        line-height: 1;

        color: #2B2622;

        cursor: pointer;

        padding: 7px 0;

        white-space: nowrap;
    }


    .next-button {
        min-width: 90px;
        width: 90px;

        height: 29px;

        padding: 0 8px;

        border: 0;

        border-radius: 6px;

        background: #c88f4c;

        color: #fff;

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

        font-size: 12px;

        font-weight: 700;

        cursor: pointer;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 5px;

        transition: 0.2s ease;
    }


    .fingerprint {
        width: 15px;
        height: 15px;

        object-fit: contain;
    }


    /* =====================================================
   ПРАВАЯ ЧАСТЬ — МОБИЛЬНЫЙ ВИД
   ===================================================== */

.quiz-sidebar {
    width: 100%;
    height: 566px;

    margin: 0;

    display: flex;
    flex-direction: column;

    gap: 0;
    padding: 0;

    position: relative;
}


/* =====================================================
   ВОПРОС — В САМОМ ВЕРХУ
   ===================================================== */

.question-icon {
    position: absolute;

    top: -220px;
    left: 50%;

    transform: translateX(-72px);

    width: 20px;
    height: 20px;

    margin: 0;

    object-fit: contain;

    z-index: 10;
}


.question-counter {
    position: absolute;

    top: -220px;
    left: 50%;

    transform: translateX(-42px);

    margin: 0;

    color: #2B2622;

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

    font-weight: 500;

    font-size: 16px;

    line-height: 20px;

    white-space: nowrap;

    text-align: left;

    z-index: 10;
}

/* =====================================================
   ФОТО — ОПУСКАЕМ НИЖЕ
   ===================================================== */

.quiz-photo {
    width: 100%;

    height: 181px;

    margin: 68px 0 0;

    padding: 0;

    overflow: hidden;

    border-radius: 8px 8px 0 0;

    flex-shrink: 0;
}


.quiz-photo img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


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

.quiz-contact {
    position: relative;

    width: 100%;

    height: 218px;
    min-height: 218px;

    box-sizing: border-box;

    margin: 0;

    padding: 20px 15px 18px;

    border: 0;

    border-radius: 0 0 8px 8px;

    background: #F7F7F7;

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;
}


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

.company-logo {
    position: absolute;

    top: 20px;
    left: 50%;

    transform: translateX(-50%);

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

    height: auto;
    max-height: 22px;

    object-fit: contain;

    margin: 0;
}


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

.phoney {
    position: absolute;

    left: 23px;
    right: 23px;

 bottom: 165px;
    width: auto;
    height: 71px;

    box-sizing: border-box;

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

    border: 1px dashed #4d4a47;
    border-radius: 9px;

    color: #2B2622;

    font-family: "Mulish";
    font-weight: 500;

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

    text-align: center;
}


/* =====================================================
   MAX
   ===================================================== */

.max-button {
    position: absolute;

    left: 50%;
    bottom: 70px;

    transform: translateX(-50%);

    width: 242px;
    min-width: 242px;

    height: 69px;

    padding: 0 15px;
    margin: 0;

    background: #fff;

    border: 1px solid #BFBFBF;
    border-radius: 6px;

    color: #302c29;

    font-family: "Montserrat";
    font-weight: 700;

    font-size: 17px;

    cursor: pointer;
    transition: 0.2s;
}
}


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

@media (max-width: 600px) {

    /* =====================================================
       ОСНОВНОЙ БЛОК
    ===================================================== */

   .inheritance-problems {
    width: 100%;

    margin-top: 40px;
    overflow: hidden;

    background-color: #f5ead6;

    background-image:
        linear-gradient(
            rgba(248, 239, 223, 0.32),
            rgba(248, 239, 223, 0.32)
        ),
        url("img/background.png");

    background-position: center top;
    background-repeat: repeat;

    /* ВАЖНО */
    background-size: 100% auto;
}


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

    .inheritance-problems__container {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 12px 9px 45px;

        box-sizing: border-box;
    }


    /* =====================================================
       STOP
    ===================================================== */

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

    margin: 0 auto 20px;

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

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

    display: block;
    object-fit: contain;
}

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

    .inheritance-problems__header {
        width: 100%;

        display: flex;
        flex-direction: column;

        align-items: center;

        margin: 0 0 23px;
    }


    /* =====================================================
       ЛЕВАЯ ЧАСТЬ
    ===================================================== */

    .inheritance-problems__header-left {
        width: 100%;

        display: flex;
        flex-direction: column;

        align-items: center;

        text-align: center;
    }


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

    .inheritance-problems__header-left h2 {
        width: 184px;

        margin: 0;

        font-family: "Montserrat";

        line-height: 1.05;


        letter-spacing: -0.2px;

        text-align: center;


        margin-top: 40px;

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

    }


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

    .inheritance-problems__subtitle {
        width: 100%;

        margin-top: 17px;

        display: flex;
        flex-direction: column;

        align-items: center;


        line-height: 1.1;


        white-space: normal;

        text-align: center;

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

    }


    /* =====================================================
       СТРЕЛКА В HEADER
    ===================================================== */

    .inheritance-problems__header-arrow {
        display: block;

        margin: 8px 0 0;

        font-family: Arial, sans-serif;

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

        font-weight: 300;

        transform: none;
    }


    /*
       Вместо → визуально получаем ↓
    */

    .inheritance-problems__header-arrow {
        font-size: 0;
    }

    .inheritance-problems__header-arrow::after {
        content: "↓";

        font-family: Arial, sans-serif;

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

        font-weight: 300;
    }


    /* =====================================================
       ПРЕДУПРЕЖДЕНИЕ
    ===================================================== */

    .inheritance-problems__warning {
        width: 330px;

        min-height: 0;

        margin: 10px 0 0;

        padding: 8px 11px;

        box-sizing: border-box;

        background: #DAB5854D 30%;


        line-height: 1.15;

        font-weight: 400;

        letter-spacing: 0;

        text-align: center;


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

    }

    .inheritance-problems__warning strong {
        font-size: 16px;

        font-weight: 600;
    }


    /* =====================================================
       ВСЕ ПУНКТЫ
    ===================================================== */

    .inheritance-problems__item {
        width: 100%;

        min-height: 0;

        display: flex;
        flex-direction: column;

        align-items: center;

        margin: 0 0 48px;

        column-gap: 0;

        text-align: center;
    }


    /* =====================================================
       КАРТИНКА
    ===================================================== */

    .inheritance-problems__image {
        width: 210px;
        height: 130px;

        margin: 0 auto 10px;

        display: flex;

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

    .inheritance-problems__image img {
        display: block;

         width: 210px;
        height: 130px;

        object-fit: contain;
    }


    /* =====================================================
       ТЕКСТОВАЯ ЧАСТЬ
    ===================================================== */

    .inheritance-problems__content {
        width: 100%;

        min-width: 0;

        padding: 0;

        text-align: center;
    }


    /* =====================================================
       ЗАГОЛОВОК ПУНКТА
    ===================================================== */

    .inheritance-problems__content h3 {
        margin: 0 0 11px;

        width: 100%;


        line-height: 1.12;

        font-weight: 700;

        letter-spacing: -0.15px;

        text-align: center;


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

    }


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

    .inheritance-problems__content p {
        width: 287px;


        margin: 0 auto;


        line-height: 1.22;


        letter-spacing: 0;

        text-align: center;

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

    }


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

    .inheritance-problems__button {
        width: 85px;
        height: 85px;


        margin: 14px auto 0;

        padding: 0;

        border-radius: 50%;

        display: flex;

        flex-direction: column;

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

        text-align: center;

        color: #fff;


        transform: none;

        box-sizing: border-box;
    }


    .inheritance-problems__button:hover {
        transform: none;
        opacity: 1;
    }


    /* =====================================================
       ТЕКСТ КНОПКИ
    ===================================================== */

    .inheritance-problems__button span {
        display: block;

        width: 65px;
        max-width: 65px;

        margin: 0;


        line-height: 1.15;


        letter-spacing: 0;

        text-align: center;

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

    }


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

    .inheritance-problems__button img {
        display: block;

        width: 26px;
        height: auto;

        margin-top: 8px;

        object-fit: contain;
    }


    /* =====================================================
       ЦВЕТА
    ===================================================== */

    .inheritance-problems__button--gold {
        background: #c8904e;
    }

    .inheritance-problems__button--brown {
        background: #927a6b;
    }


  /* =====================================================
   КАРТИНКИ — МОБИЛЬНЫЕ РАЗМЕРЫ
===================================================== */

/* 1 */
.inheritance-problems__item:nth-child(3) .inheritance-problems__image {
    width: 155px;
    height: 92px;
}

.inheritance-problems__item:nth-child(3) .inheritance-problems__image img {
    width: 155px;
    height: 92px;
}


/* 2 */
.inheritance-problems__item:nth-child(4) .inheritance-problems__image {
    width: 160px;
    height: 92px;
}

.inheritance-problems__item:nth-child(4) .inheritance-problems__image img {
    width: 160px;
    height: 92px;
}


/* 3 */
.inheritance-problems__item:nth-child(5) .inheritance-problems__image {
    width: 175px;
    height: 100px;
}

.inheritance-problems__item:nth-child(5) .inheritance-problems__image img {
    width: 175px;
    height: 100px;
}


/* 4 */
.inheritance-problems__item:nth-child(6) .inheritance-problems__image {
    width: 170px;
    height: 100px;
}

.inheritance-problems__item:nth-child(6) .inheritance-problems__image img {
    width: 170px;
    height: 100px;
}


/* 5 */
.inheritance-problems__item:nth-child(7) .inheritance-problems__image {
    width: 170px;
    height: 100px;
}

.inheritance-problems__item:nth-child(7) .inheritance-problems__image img {
    width: 170px;
    height: 100px;
}


/* 6 */
.inheritance-problems__item:nth-child(8) .inheritance-problems__image {
    width: 165px;
    height: 100px;
}

.inheritance-problems__item:nth-child(8) .inheritance-problems__image img {
    width: 165px;
    height: 100px;
}


    /* =====================================================
       КАРТИНКИ — РАЗМЕРЫ КАК НА МАКЕТЕ
    ===================================================== */

    .inheritance-problems__item:nth-of-type(1)
    .inheritance-problems__image {
        width: 155px;
        height: 92px;
    }

    .inheritance-problems__item:nth-of-type(1)
    .inheritance-problems__image img {
        width: 155px;
        height: 92px;
    }


    .inheritance-problems__item:nth-of-type(2)
    .inheritance-problems__image {
        width: 160px;
        height: 92px;
    }

    .inheritance-problems__item:nth-of-type(2)
    .inheritance-problems__image img {
        width: 160px;
        height: 92px;
    }


    .inheritance-problems__item:nth-of-type(3)
    .inheritance-problems__image {
        width: 175px;
        height: 100px;
    }

    .inheritance-problems__item:nth-of-type(3)
    .inheritance-problems__image img {
        width: 175px;
        height: 100px;
    }


    .inheritance-problems__item:nth-of-type(4)
    .inheritance-problems__image {
        width: 170px;
        height: 100px;
    }

    .inheritance-problems__item:nth-of-type(4)
    .inheritance-problems__image img {
        width: 170px;
        height: 100px;
    }


    .inheritance-problems__item:nth-of-type(5)
    .inheritance-problems__image {
        width: 170px;
        height: 100px;
    }

    .inheritance-problems__item:nth-of-type(5)
    .inheritance-problems__image img {
        width: 170px;
        height: 100px;
    }


    .inheritance-problems__item:nth-of-type(6)
    .inheritance-problems__image {
        width: 165px;
        height: 100px;
    }

    .inheritance-problems__item:nth-of-type(6)
    .inheritance-problems__image img {
        width: 165px;
        height: 100px;
    }

    /* =========================================================
   ФИНАЛЬНЫЙ ЭКРАН — ТОЧНО ПОД МОБИЛЬНЫЙ МАКЕТ
========================================================= */

.quiz-result {
    display: none;

    width: 100%;
    margin: 0;
    padding: 0;

    flex-direction: column;

    overflow: hidden;
}

.quiz-result.active {
    display: flex;
}


/* =========================================================
   ВЕРХ ФИНАЛЬНОГО ЭКРАНА
========================================================= */

.quiz-section:has(.quiz-result.active) .quiz-refresh {
    width: 17px;
    height: 17px;

    margin: 18px auto 17px;
}

.quiz-section:has(.quiz-result.active) .quiz-refresh img {
    width: 17px;
    height: 17px;
}


.quiz-section:has(.quiz-result.active) .quiz-title {
    width: 230px;

    margin: 0 auto 14px;

    color: #2B2927;

    font-family: "Montserrat";
    line-height: 21px;

    text-align: center;

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

}


.quiz-subtitle.result-subtitle {
    width: 285px;

    margin: 0 auto 29px;

    color: #3D3936;

    font-family: "Montserrat";
    line-height: 17px;

    text-align: center;


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

}


/* =========================================================
   ОСНОВНАЯ СВЕТЛАЯ ЧАСТЬ
========================================================= */

.result-form {
    width: 100%;
    height: 401px;

    margin: 0;
    padding: 0 29px;

    box-sizing: border-box;

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

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

    text-align: center;

    /* Закругление верхних боков */
    border-radius: 10px 10px 0 0;

    /* Чтобы фон-картинка тоже обрезался по углам */
    overflow: hidden;
}


/* =========================================================
   ЗАГОЛОВОК ФОРМЫ
========================================================= */

.result-form h2 {
    width: 100%;

    margin: 0 0 22px;
    padding: 0;

    color: #3D3936;

    font-family: "Montserrat";
    line-height: 18px;

    text-align: center;


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

}


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

.result-form ol {
    width: 260px;

    margin: 0 auto 24px;
    padding-left: 18px;

    box-sizing: border-box;

    color: #6D6864;

    font-family: "Montserrat";
    line-height: 16px;

    text-align: left;


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

}


.result-form li {
    margin: 0;
    padding: 0;
}


/* =========================================================
   ПОЛЯ ВВОДА
========================================================= */

.result-form input[type="text"],
.result-form input[type="tel"] {
    width: 285px;
    max-width: 100%;
    height: 52px;

    margin: 0 0 19px;
    padding: 0 27px;

    box-sizing: border-box;

    border: 0;
    outline: none;

    border-radius: 10px;

    background:
        rgba(245, 238, 225, 0.92);

    color: #4D4945;

    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 400;

    box-shadow:
        0 3px 18px rgba(154, 119, 66, 0.05);
}


.result-form input[type="text"]::placeholder,
.result-form input[type="tel"]::placeholder {
    color: #77716B;
    opacity: 1;
}


/* У телефона немного другой отступ */

.result-form input[type="tel"] {
    margin-bottom: 15px;
}


/* =========================================================
   СОГЛАСИЕ
========================================================= */

.result-checkbox {
    width: 285px;
    max-width: 100%;

    margin: 0 auto 11px;
    padding: 0;

    display: flex;
    align-items: center;

    cursor: pointer;

    text-align: left;
}


.result-checkbox input {
    display: none;
}


.result-checkbox > span {
    width: 15px;
    height: 15px;

    min-width: 15px;

    margin-right: 10px;

    border-radius: 50%;

    background: #B78942;

    box-shadow:
        0 0 0 4px rgba(183, 137, 66, 0.07);

    position: relative;
}


.result-checkbox input:checked + span::after {
    content: "";

    position: absolute;

    left: 5px;
    top: 3px;

    width: 4px;
    height: 7px;

    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;

    transform: rotate(45deg);
}


.result-checkbox small {
    display: block;

    color: #77716B;

    font-family: "Montserrat";
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;

    text-align: left;
}


.result-checkbox a {
    color: #77716B;
    text-decoration: none;
}


/* =========================================================
   КНОПКА "ПОЛУЧИТЬ"
========================================================= */

.result-submit {
    width: 251px;
    max-width: 100%;
    height: 61px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 10px;

    background: #C28D4E;

    color: #fff;

    cursor: pointer;

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

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


.result-submit strong {
    display: block;

    margin: 0 0 6px;

    color: #fff;

    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 900;
    line-height: 12px;
}


.result-submit span {
    display: block;

    color: #F7EDE2;

    font-family: "Montserrat";
    font-size: 12px;
    font-weight: 600;
    line-height: 10px;
}


/* =========================================================
   НИЖНЯЯ ЧАСТЬ
========================================================= */

.result-sidebar {
    width: 100%;

    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: column;

    background: #F4F4F4;
}


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

.result-photo {
    width: 100%;
    height: 183px;

    margin: 0;
    padding: 0;

    overflow: hidden;
}


.result-photo img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* =========================================================
   КОНТАКТНЫЙ БЛОК
========================================================= */

.result-contact {
    position: relative;

    width: 100%;
    height: 215px;

    margin: 0;
    padding: 0;

    box-sizing: border-box;

    background: #F4F4F4;

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

    text-align: center;
}


/* В финальном дизайне их нет */

.result-question-icon,
.result-contact-text {
    display: none !important;
}


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

.result-company-logo {
    position: absolute;

    top: 19px;
    left: 50%;

    transform: translateX(-50%);

    width: 165px;
    height: auto;

    margin: 0;

    object-fit: contain;
}


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

.result-phone {
    position: absolute;

    top: 61px;
    left: 17px;
    right: 17px;

    height: 53px;

    box-sizing: border-box;

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

    border: 1px dashed #67625E;
    border-radius: 8px;

    color: #3F3B38;

    font-family: "Mulish", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;

    text-align: center;
}


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

.result-max-button {
    position: absolute;

    top: 133px;
    left: 50%;

    transform: translateX(-50%);

    width: 174px;
    height: 48px;

    margin: 0;
    padding: 0;

    box-sizing: border-box;

    border: 1px solid #C7C7C7;
    border-radius: 7px;

    background: #F8F8F8;

    color: #3F3B38;

    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 600;

    cursor: pointer;
}
/* Убираем пунктир вокруг всего блока */
.result-contact {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Оставляем пунктир ТОЛЬКО вокруг телефона */
.result-phone {
    border: 1px dashed #67625E !important;
}
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ — КОМАНДА И ОФИС
========================================================= */

@media (max-width: 600px) {

    /* =====================================================
       ОБЩИЙ ФОН
    ===================================================== */

    .team-section,
    .office-section {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;

        background-repeat: repeat;
        background-size: auto;
    }


    /* =====================================================
       КОМАНДА
    ===================================================== */

    .team-section {
        padding-top: 22px;
        padding-bottom: 30px;
    }

    .team-section__inner {
        width: 100%;
        max-width: 100%;
    }


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

    .team-section__header {
        width: 100%;
        margin: 0 0 27px;
        text-align: center;
    }


    /* ИКОНКА */

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

        margin: 0 auto 13px;
    }

    .team-section__icon img {
        width: 26px;
        height: 26px;
        object-fit: contain;
    }


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

    .team-section__header h2 {
        width: 322px;
        max-width: 322px;

        margin: 0 auto;

        color: #1F1F1F;

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

        letter-spacing: 0;

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: 302px;
        max-width: 302px;

        margin: 16px auto 0;

        color: #4a4541;

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

        letter-spacing: 0;


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

    }


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

    .lawyer,
    .lawyer + .lawyer {
        width: 100%;

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

        transform: none;

        margin: 0 0 39px;
    }


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

    .lawyer__photo {
        width: 124px;
        height: 161px;

        margin: 0 auto;

        overflow: hidden;
    }

    .lawyer__photo img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
    }


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

    .lawyer__content {
        width: 100%;
        min-width: 0;

        padding: 0;

        display: flex;
        flex-direction: column;
        align-items: center;
    }


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

    .lawyer__content h3 {
        width: 100%;
        max-width: 270px;

        margin: 22px auto 25px;

        color: #2B2622;

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

        letter-spacing: 0;

        text-align: center;


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

    }


    /* =====================================================
       КАРТОЧКА С ИНФОРМАЦИЕЙ
    ===================================================== */

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

        margin: 0;
        padding: 16px 13px 17px;

        
    }


    .lawyer__info p {
        margin: 0 0 17px;

        color: #514b47;

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

        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: 306px;
        max-width: 306px;

        margin: 20px auto 0;
        padding: 0;

        color: #967968;

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

        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 + .lawyer {
        margin-top: 0;
    }

    .lawyer:nth-of-type(3) .lawyer__photo,
    .lawyer:nth-of-type(4) .lawyer__photo {
        margin-top: 5px;
    }


    /* =====================================================
       ОФИС
    ===================================================== */

    .office-section {
        padding-top: 8px;
        padding-bottom: 45px;
    }

    .office-section__inner {
        width: 100%;
        max-width: 100%;
    }


    /* =====================================================
       ЗАГОЛОВОК ОФИСА
    ===================================================== */

    .office-section__title {
        width: 100%;
        max-width: 250px;

        margin: 0 auto;

        color: #39332e;

        text-align: center;


    

    }

    .office-section__title span {
        display: block;

        line-height: 1.15;

        letter-spacing: 0;

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

    .office-section__title strong {
        display: block;

        margin-top: 0;

        font-family: "Montserrat";
        font-size: 18px;
        line-height: 1.15;
        font-weight: 500;

        letter-spacing: 0;
    }


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

    .office-gallery {
        width: 100%;

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

        gap: 15px;

        margin-top: 25px;
    }


    /* =====================================================
       ФОТО ОФИСА
    ===================================================== */

    .office-gallery__item {
        width: 211px;
        height: 94px;

        margin: 0;

        overflow: hidden;

        border-radius: 8px;
    }

    .office-gallery__item img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
    }
}

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

@media (max-width: 768px) {

    .inheritancet {
        width: 100%;
        overflow: hidden;
        font-family: "Montserrat", Arial, sans-serif;
    }


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

    .inheritance-top {
        width: 100%;
        min-height: auto;
        position: relative;
        overflow: hidden;

        padding: 32px 0 55px;

        background:
            linear-gradient(
                rgba(248, 239, 223, 0.35),
                rgba(248, 239, 223, 0.35)
            ),
            url("img/background.png") center / cover no-repeat;
    }


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

    .inheritance-container {
        width: 100%;
        max-width: none;
        min-height: auto;

        margin: 0;
        padding: 0 29px;

        position: relative;

        display: flex;
        flex-direction: column;
    }


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

    .inheritance-content {
        width: 100%;
        padding: 0;

        position: static;
        display: contents;
    }


    /* =====================================================
       МАЛЕНЬКИЙ ЗАГОЛОВОК
    ===================================================== */

    .inheritance-label {
        width: 100%;

        margin: 0 0 21px;

        order: 1;

        color: #302c28;

        text-align: center;

        font-family: "Montserrat";
        line-height: 1.2;
        letter-spacing: 0.3px;

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

    }


    /* =====================================================
       ГЛАВНЫЙ ЗАГОЛОВОК
    ===================================================== */

    .inheritance-title {
        width: 100%;

        margin: 0;

        order: 2;

        color: #302c28;

        text-align: center;

        font-family: "Montserrat";
        line-height: 1.15;
        letter-spacing: 0;


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

    }


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

   .inheritance-subtitle {
    width: 330px;
    min-height: 57px;
    height: auto;

    margin: 18px auto 0;
    padding: 9px 14px;

    order: 3;

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

    box-sizing: border-box;

    background: #DAB5854D;

    color: #39332e;

    text-align: center;

    font-family: "Montserrat";
    font-weight: 600;
       font-size: 16px;
    line-height: 1;

    letter-spacing: 0;
}


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

    .inheritance-list {
        width: 100%;

        margin-top: 16px;

        display: flex;
        flex-direction: column;

        gap: 11px;

        order: 4;
    }


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

    .inheritance-item {
    position: relative;

    width: 294px;
    height: 56px;
    min-height: 56px;

    margin: 0 auto;

    padding: 8px 12px 8px 25px;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    background: #ffffff;

    border-radius: 10px;

    color: #3d3936;

    font-family: "Montserrat";
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
}


    /* =====================================================
       ИКОНКА СЛЕВА
    ===================================================== */

    .inheritance-item img {
        position: absolute;

        left: -10px;
        top: 50%;

        transform: translateY(-50%);

        width: 21px;
        height: 21px;

        margin: 0;

        object-fit: contain;
    }


    .inheritance-item span {
        display: block;
    }


    /* =====================================================
       ПЕРВЫЕ 4 ПУНКТА
       ОНИ ИДУТ ДО КАРТИНКИ
    ===================================================== */

    .inheritance-item:nth-child(1) {
        order: 1;
    }

    .inheritance-item:nth-child(2) {
        order: 5;
    }

    .inheritance-item:nth-child(3) {
        order: 2;
    }

    .inheritance-item:nth-child(4) {
        order: 6;
    }

    .inheritance-item:nth-child(5) {
        order: 3;
    }

    .inheritance-item:nth-child(6) {
        order: 7;
    }

    .inheritance-item:nth-child(7) {
        order: 4;
    }

    .inheritance-item:nth-child(8) {
        order: 8;
    }


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

    .inheritance-image {
        position: relative;

        top: auto;
        right: auto;

        z-index: 5;

        order: 5;

        width: 243px;
        height: 363px;

        margin: 8px auto 10px;

      transform: rotate(5.06deg);

        pointer-events: none;

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


    .inheritance-image img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: contain;
    }


    /* =====================================================
       ВАЖНО:
       ПЕРЕСТРАИВАЕМ ЭЛЕМЕНТЫ ЧЕРЕЗ DISPLAY CONTENTS
       ЧТОБЫ КОРОБКА БЫЛА МЕЖДУ 4 И 5 ПУНКТОМ
    ===================================================== */

    .inheritance-container {
        display: grid;

        grid-template-columns: 1fr;
    }


    .inheritance-label {
        grid-row: 1;
    }

    .inheritance-title {
        grid-row: 2;
    }

    .inheritance-subtitle {
        grid-row: 3;
    }


    .inheritance-list {
        display: contents;
    }


    /* Верхние 4 пункта */

    .inheritance-item:nth-child(1) {
        grid-row: 4;
        margin-top: 16px;
    }

    .inheritance-item:nth-child(3) {
        grid-row: 5;
        margin-top: 11px;
    }

    .inheritance-item:nth-child(5) {
        grid-row: 6;
        margin-top: 11px;
    }

    .inheritance-item:nth-child(7) {
        grid-row: 7;
        margin-top: 11px;
    }


    /* КОРОБКА */

    .inheritance-image {
        grid-row: 8;
    }


    /* Нижние 4 пункта */

    .inheritance-item:nth-child(2) {
        grid-row: 9;
    }

    .inheritance-item:nth-child(4) {
        grid-row: 10;
        margin-top: 11px;
    }

    .inheritance-item:nth-child(6) {
        grid-row: 11;
        margin-top: 11px;
    }

    .inheritance-item:nth-child(8) {
        grid-row: 12;
        margin-top: 11px;
    }


    /* =====================================================
       ГАРАНТИЯ
    ===================================================== */

    .inheritance-guarantee {
        min-height: auto;

        padding: 32px 20px 38px;

        text-align: center;
    }


    .guarantee-icon {
        width: 22px;
        height: 22px;

        margin: 0 auto 13px;
    }


    .inheritance-guarantee h3 {
        font-family: "Montserrat";
        line-height: 1.2;

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

    }


    .inheritance-guarantee p {
        margin: 15px auto 0;

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

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

    }

    /* =========================================================
   СПЕЦИАЛЬНАЯ ЦЕНА — ТЕЛЕФОН
========================================================= */

.special-price {
    width: 100%;
    height: 206px;

    padding: 38px 42px 36px;

    box-sizing: border-box;

    background: #f4f4f6;

    display: flex;
    flex-direction: column;
    align-items: center;
}


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

.special-price__text {
    width: 100%;

    color: #393532;

    text-align: center;

    font-family: "Montserrat";
    letter-spacing: 0;

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

}

.special-price__text div:nth-child(1),
.special-price__text div:nth-child(2) {
    font-weight: 700;
}

.special-price__text div:nth-child(3) {
    font-weight: 500;
}


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

.special-price__buttons {
    width: 100%;

    margin-top: 29px;

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

    gap: 25px;
}


/* Левая кнопка */

.special-price__package {
     width: 120px;
    height: 43px;


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

    box-sizing: border-box;

    border-radius: 5px;

    background: #2B2622;

    color: #ffffff;

    text-decoration: none;
    text-align: center;

    font-family: "Montserrat";
    line-height: 12px;


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

}


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

.special-price__max {
    width: 120px;
    height: 43px;

    padding: 0;

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

    box-sizing: border-box;

    border: none;
    border-radius: 5px;

    background: #C6925C;

    color: #ffffff;

    text-align: center;

    font-family: "Montserrat";

    line-height: 12px;

    cursor: pointer;

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

}




}


@media (max-width: 700px) {

    /* =========================================
       ВЕСЬ БЛОК
    ========================================= */

    .steps-section {
        height: 515px;
        padding-top: 27px;
    }


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

    .steps-title {
        width: 100%;

        padding: 0 15px;

        box-sizing: border-box;

        text-align: center;
    }


    /* ЦИФРА 6 */

    .steps-number {
        display: block;

        width: 36px;
        height: 36px;

        margin: 0 auto;

        object-fit: contain;
    }


    /* ПОНЯТНЫХ ШАГОВ */

    .steps-title h2 {
        margin: 17px 0 0;

        color: #302c29;

        font-family: "Montserrat";

        line-height: 1;

        letter-spacing: 0;

        text-transform: uppercase;
        text-align: center;


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

    }


    /* От вашего звонка до права собственности */

    .steps-title p {
        width: 100%;
        max-width: 320px;

        margin: 16px auto 0;

        color: #302c29;

        font-family: "Montserrat";

        line-height: 1.22;

        letter-spacing: 0;

        text-align: center;

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

    }


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

.steps-slider {
    width: calc(100% - 10px);
    height: 228px;

    margin-top: 41px;

    overflow: hidden;
}


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

.steps-track {
    display: flex;
    gap: 0;

    width: max-content;
    height: 228px;

    padding: 0;
    margin: 0;

    transition: transform 0.6s ease;
}


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

.step-card {
    box-sizing: border-box;

    flex: 0 0 calc(100vw - 32px);

    width: calc(100vw - 32px);
    height: 228px;

    margin: 0 16px 0 0;

    padding: 14px 21px 16px;

    /* НЕ обрезаем содержимое */
    overflow: visible;

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


/* У первой карточки отступ слева */
.step-card:first-child {
    margin-left: 16px;
}


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

.step-icon {
    display: block;

    width: 62px;
    height: 62px;

    margin: 0 0 8px;

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


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

.step-card h3 {
    margin: 8px 0 0;


    line-height: 1.35;

    letter-spacing: 0;

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

}


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

.step-card p {
    margin: 11px 0 0;

    max-width: 100%;

 
    line-height: 1.25;

    letter-spacing: 0;

    /* разрешаем тексту нормально переноситься */
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;

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

}

}

.footer__logo--bottom {
    display: none;
}
/* =========================================================
   НАСЛЕДСТВЕННЫЙ КВИЗ — МОБИЛЬНАЯ ВЕРСИЯ
   ПО МАКЕТУ 360px
   ========================================================= */

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

    /* =====================================================
       ОСНОВНАЯ СЕКЦИЯ
       ===================================================== */

    .inheritance-quiz {
        width: 100%;
        min-height: 100vh;

        padding-top: 47px;
        padding-bottom: 0;

        overflow: hidden;

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

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


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

    .inheritance-quiz__wrapper {
        width: 100%;
        max-width: 100%;

        margin: 0 auto;
    }


    /* =====================================================
       ВЕРХНИЙ БЛОК
       ===================================================== */

    .inheritance-quiz__header {
        width: 100%;

        margin: 0 auto 25px;

        padding: 0 15px;

        box-sizing: border-box;

        text-align: center;
    }


    /* =====================================================
       ГЛАВНЫЙ ЗАГОЛОВОК
       ===================================================== */

    .inheritance-quiz__header h2 {

        width: 288px;

        margin: 0 auto;

        color: #2B2622;

        font-family: "Montserrat";


        line-height: 27px;

        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;
    }


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

    .inheritance-quiz__header p {

        width: 100%;

        margin: 17px auto 0;

        color: #2B2622;

        font-family: "Montserrat";

      
        line-height: 19px;

        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;

    }


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

    .inheritance-quiz__card {

        width: 100%;

        box-sizing: border-box;

        margin: 0;

        padding:
            26px
            15px
            37px;

        border-radius: 15px 15px 0 0;

        background: rgba(255, 253, 249, 0.68);

        backdrop-filter: blur(20px);

        -webkit-backdrop-filter: blur(20px);

        box-shadow:
            0 2px 15px rgba(80, 60, 40, 0.025);
    }


    /* =====================================================
       КАЖДЫЙ ВОПРОС
       ===================================================== */

    .inheritance-quiz__question {

        width: 100%;

        margin: 0 0 20px;
    }


    /* =====================================================
       ЗАГОЛОВОК ВОПРОСА
       ===================================================== */

    .inheritance-quiz__question h3 {

        width: 100%;

        margin:
            0
            0
            17px;

        padding: 0;

        color: #302c29;

        font-family: "Montserrat";

   

        line-height: 22px;

        letter-spacing: 0;

        text-align: center;

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

    }


    /* =====================================================
       ВАРИАНТЫ
       ===================================================== */

    .inheritance-quiz__options {

        width: 100%;

        display: flex;

        flex-direction: column;

        gap: 7px;

        padding-left: 10px;

        box-sizing: border-box;
    }


    /* =====================================================
       ОДИН ВАРИАНТ
       ===================================================== */

    .inheritance-quiz__option {

        display: flex;

        align-items: center;

        min-height: 19px;

        width: 100%;

        position: relative;

        cursor: pointer;

        user-select: none;
    }


    /* =====================================================
       RADIO — СКРЫТ
       ===================================================== */

    .inheritance-quiz__option input {

        position: absolute;

        opacity: 0;

        width: 0;

        height: 0;

        pointer-events: none;
    }


    /* =====================================================
       КРУЖОК RADIO
       ===================================================== */

    .inheritance-quiz__radio {

        width: 14px;

        height: 14px;

        flex: 0 0 14px;

        margin-right: 14px;

        box-sizing: border-box;

        border-radius: 50%;

        background: #f1e6d3;

        border: 1px solid #eadcc5;

        transition:
            background 0.15s ease,
            border 0.15s ease,
            transform 0.15s ease,
            box-shadow 0.15s ease;
    }


    /* =====================================================
       ВЫБРАННЫЙ RADIO
       ===================================================== */

    .inheritance-quiz__option input:checked
    + .inheritance-quiz__radio {

        background: #c28a3d;

        border-color: #c28a3d;

        transform: scale(0.82);
    }


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

    .inheritance-quiz__text {

        color: #3e3935;

        font-family: "Montserrat";

  

        line-height: 18px;

        letter-spacing: 0;

font-weight: 400;
font-style: Regular;
font-size: 12px;
leading-trim: NONE;
line-height: 26px;
letter-spacing: 0%;

    }


    /* =====================================================
       ВОПРОС 1
       ===================================================== */

    .inheritance-quiz__question:nth-child(1) {
        margin-bottom: 19px;
    }


    /* =====================================================
       ВОПРОС 2
       ===================================================== */

    .inheritance-quiz__question:nth-child(2) {
        margin-bottom: 21px;
    }


    /* =====================================================
       ВОПРОС 3
       ===================================================== */

    .inheritance-quiz__question:nth-child(3) {
        margin-bottom: 24px;
    }


    /* =====================================================
       ВОПРОС 4
       ===================================================== */

    .inheritance-quiz__question:nth-child(4) {
        margin-bottom: 34px;
    }


    /* =====================================================
       ТЕКСТ ПЕРЕД ФОРМОЙ
       ===================================================== */

    .inheritance-quiz__result {

        width: 100%;

        margin:
            0
            auto
            32px;

        padding: 0 10px;

        box-sizing: border-box;

        color: #403a35;

        font-family: "Montserrat";



        line-height: 19px;

        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;

    }


    /* =====================================================
       ПОЛЯ ИМЯ / ТЕЛЕФОН
       ===================================================== */

    .inheritance-quiz__input {

        display: block;

        width: 100%;

        height: 64px;

        box-sizing: border-box;

        margin:
            0
            auto
            9px;

        padding:
            0
            20px;

        border: none;

        outline: none;

        border-radius: 9px;

        background: #f5e9d6;

        color: #514a44;

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

        font-weight: 400;

        font-size: 17px;

        line-height: 64px;

        letter-spacing: 0;
    }


    /* =====================================================
       PLACEHOLDER
       ===================================================== */

    .inheritance-quiz__input::placeholder {

        color: #716960;

        opacity: 1;
    }


    /* =====================================================
       FOCUS
       ===================================================== */

    .inheritance-quiz__input:focus {

        background: #f1e2cc;

        box-shadow:
            0 0 0 1px rgba(191, 139, 76, 0.2);
    }


    /* =====================================================
       СОГЛАСИЕ
       ===================================================== */

    .inheritance-quiz__agreement {

        width: 100%;

        margin:
            16px
            0
            21px;

        transform: none;

        display: flex;

        align-items: flex-start;

        position: relative;

        cursor: pointer;

        box-sizing: border-box;

        padding-left: 5px;
    }


    /* =====================================================
       CHECKBOX
       ===================================================== */

    .inheritance-quiz__agreement input {

        position: absolute;

        opacity: 0;

        width: 0;

        height: 0;
    }


    /* =====================================================
       КРУЖОК СОГЛАСИЯ
       ===================================================== */

    .inheritance-quiz__agreement-radio {

        width: 23px;

        height: 23px;

        flex: 0 0 23px;

        margin-top: 0;

        margin-right: 12px;

        box-sizing: border-box;

        border-radius: 50%;

        background: #f0e4d1;

        border: 1px solid #e3d4bc;

        transition: 0.2s ease;
    }


    /* =====================================================
       СОГЛАСИЕ — ВЫБРАНО
       ===================================================== */

    .inheritance-quiz__agreement input:checked
    + .inheritance-quiz__agreement-radio {

        background: #c58a43;

        border-color: #c58a43;
    }


    /* =====================================================
       ТЕКСТ СОГЛАСИЯ
       ===================================================== */

    .inheritance-quiz__agreement span:last-child {

        color: #857d75;

        font-family: "Montserrat";


        line-height: 13px;

        letter-spacing: 0;

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

    }


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

    .inheritance-quiz__button {

        display: block;

        width: 100%;

        height: 73px;

        margin: 0 auto;

        padding: 0 15px;

        box-sizing: border-box;

        border: none;

        border-radius: 9px;

        background: #C6925C;

        color: #fff;

        font-family: "Montserrat";


        line-height: 21px;

        letter-spacing: 0;

        text-align: center;

        cursor: pointer;

        transition:
            background 0.2s ease,
            transform 0.15s ease;

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

    }


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

    .inheritance-quiz__button:hover {

        background: #C6925C;
    }


    /* =====================================================
       ACTIVE
       ===================================================== */

    .inheritance-quiz__button:active {

        transform: scale(0.98);
    }


    /* =====================================================
       ОШИБКА INPUT
       ===================================================== */

    .inheritance-quiz__input.error,
    .inheritance-quiz__input.quiz-input-error {

        box-shadow:
            0 0 0 2px #c86c55;
    }


    /* =====================================================
       ОШИБКА RADIO
       ===================================================== */

    .inheritance-quiz__option.quiz-error
    .inheritance-quiz__radio {

        border-color: #c86c55;
    }


    /* =====================================================
       ОШИБКА СОГЛАСИЯ
       ===================================================== */

    .inheritance-quiz__agreement.quiz-agreement-error
    .inheritance-quiz__agreement-radio {

        border-color: #c86c55;
    }


    /* =====================================================
       ТЕКСТ ОШИБКИ
       ===================================================== */

    .inheritance-quiz__error {

        display: none;

        width: 100%;

        margin-top: 5px;

        color: #c86c55;

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

        font-size: 11px;

        line-height: 14px;

        text-align: left;
    }


    .inheritance-quiz__error.active {

        display: block;
    }

}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ БЛОКА "РЕАЛЬНЫЕ ДЕЛА"
   ИСПРАВЛЕНИЕ НИЖНЕЙ ЧАСТИ
   ========================================================= */

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

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

    .cases-block {
        position: relative;

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

        box-sizing: border-box;

        padding-top: 20px;
        padding-bottom: 35px;

        overflow: hidden;

        /*
           ВАЖНО:
           НИКАКОГО ЧЁРНОГО ГРАДИЕНТА ЗДЕСЬ НЕТ.
           Весь фон блока светлый.
        */

        background-color: #f8f4ed;

        background-image:
            url("img/logofff.png");

        background-position: center top;

        background-size: cover;

        background-repeat: no-repeat;

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


    /* =====================================================
       ВЕРХ
       ===================================================== */

    .cases-block__header {
        width: 100%;

        box-sizing: border-box;

        padding: 0 15px;

        text-align: center;
    }


    /* =====================================================
       ПОРТФЕЛЬ
       ===================================================== */

    .cases-block__briefcase {
        display: block;

        width: 30px;
        height: 30px;

        object-fit: contain;

        margin:
            0
            auto
            16px;
    }


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

    .cases-block__title {
        width: 100%;

        margin: 0;

        color: #2B2622;

        font-family: "Montserrat";



        line-height: 23px;

        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;

    }


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

    .cases-block__subtitle {
        width: 100%;

        margin:
            23px
            0
            0;

        color: #2B2622;

        font-family: "Montserrat";


        line-height: 17px;

        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;

    }


    /* =====================================================
       КЕЙС
       ===================================================== */

    .case {
        position: relative;

        width: 100%;
        max-width: none;

        margin:
            38px
            auto
            0;

        box-sizing: border-box;
    }


    /* =====================================================
       КЕЙС 1
       ===================================================== */

    .case__number {
        width: 100%;

        margin:
            0
            0
            17px;

        text-align: center;

        font-family: "Montserrat";



        line-height: 40px;

        letter-spacing: 0;

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

        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        background-clip: text;

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

    }


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

    .case__card {
        position: relative;

        width: 100%;

        height: 606px;

        margin: 0 auto;

        box-sizing: border-box;

        border-radius: 20px;

        overflow: visible;

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


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

    .case__content {
        position: relative;

        width: 100%;

        height: 367px;

        box-sizing: border-box;

        padding:
            28px
            22px
            10px;

        text-align: center;
    }


    /* =====================================================
       ЗАГОЛОВОК КЕЙСА
       ===================================================== */

    .case__title {
        width: 100%;

        margin:
            0
            0
            23px;

        color: #2B2622;

        font-family: "Montserrat";


        line-height: 24px;

       

        letter-spacing: 0;

        text-align: center;

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

    }


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

    .case__text {
        width: 100%;

        color: #413d39;

        font-family: "Montserrat";


        line-height: 17px;

  

        text-align: center;

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

    }


    .case__text p {
        margin:
            0
            0
            29px;
    }


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


    .case__text strong {
        font-weight: 700;
    }


    /* =====================================================
       ТЁМНАЯ ЧАСТЬ
       
       ЧЁРНАЯ ТОЛЬКО ЭТА ОБЛАСТЬ!
       ===================================================== */

    .case__result {
        position: absolute;

        left: 0;
        bottom: 0;

        width: 100%;

        height: 239px;

        box-sizing: border-box;

        padding:
            18px
            30px
            20px;

        border-radius:
            0
            0
            18px
            18px;

        background: #2B2622;

        color: #fff;

        font-family: "Montserrat";

        line-height: 17px;



        text-align: center;

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

    }


    .case__result p {
        width: 100%;

        margin: 0;
    }


    .case__result strong {
        font-weight: 600;
    }


    /* =====================================================
       ДОКУМЕНТЫ
       ===================================================== */

    .case__documents {
        position: absolute;

        z-index: 5;

        left: 50%;

        bottom: -31px;

        width: 215px;

        height: auto;

        transform: translateX(-50%);

        object-fit: contain;

        pointer-events: none;
    }


    /* =====================================================
       КЕЙС 1
       ===================================================== */

    .case__documents.documents--case1 {
        left: 50%;

        right: auto;
        top: auto;

        bottom: -31px;

        width: 215px;
        height: auto;

        transform: translateX(-50%);
    }


    /* =====================================================
       КЕЙС 2
       ===================================================== */

    .case__documents.documents--case2 {
        left: 50%;

        right: auto;
        top: auto;

        bottom: -28px;

        width: 205px;
        height: auto;

        transform: translateX(-50%);
    }


    /* =====================================================
       КЕЙС 3
       ===================================================== */

    .case__documents.documents--case3 {
        left: 50%;

        right: auto;
        top: auto;

        bottom: -30px;

        width: 215px;
        height: auto;

        transform: translateX(-50%);
    }


    /* =====================================================
       КЕЙС 4
       ===================================================== */

    .case__documents.documents--case4 {
        left: 50%;

        right: auto;
        top: auto;

        bottom: -30px;

        width: 210px;
        height: auto;

        transform: translateX(-50%);
    }


    /* =====================================================
       КЕЙС 5
       ===================================================== */

    .case__documents.documents--case5 {
        left: 50%;

        right: auto;
        top: auto;

        bottom: -30px;

        width: 210px;
        height: auto;

        transform: translateX(-50%);
    }


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

    .case__arrow {
        position: absolute;

        z-index: 20;

        right: 29px;
        top: 2px;

        width: 30px;
        height: 30px;

        padding: 0;

        display: flex;

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

        cursor: pointer;
    }


    .case__arrow img {
        width: 30px;
        height: 30px;

        object-fit: contain;
    }


    /* =====================================================
       ЛЕВАЯ СТРЕЛКА
       ===================================================== */

    .case__arrow--left {
        left: 29px;

        right: auto;

        top: 2px;

        transform: rotate(180deg);

        display: none;
    }


    /* =====================================================
       ОТЗЫВ
       ===================================================== */

    .case__review {
        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: flex-start;

        width: 100%;

        min-height: 0;

        margin:
            48px
            auto
            0;

        box-sizing: border-box;

        text-align: center;
    }


    /* =====================================================
       ДАТА
       ===================================================== */

    .case__date {
        order: 1;

        display: block;

        width: 100%;

        margin:
            0
            0
            21px;

        white-space: nowrap;

        color: #2B2622;

        font-family: "Montserrat";


        line-height: 17px;

        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;

    }


    /* =====================================================
       АВАТАР
       ===================================================== */

    .case__avatar {
        order: 2;

        flex: 0 0 auto;

        width: 41px;
        height: 41px;

        margin:
            0
            0
            15px;

        object-fit: contain;
    }


    /* =====================================================
       ОТЗЫВ
       ===================================================== */

    .case__quote {
        order: 3;

        width: calc(100% - 40px);

        margin: 0 auto;

        color: #b18a72;

        font-family: "Montserrat";


        line-height: 15px;

        letter-spacing: 0;

        text-align: center;

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

    }


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

    .cases-block__buttons {
        display: flex;

        flex-direction: column;

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

        width: 100%;

        gap: 22px;

        margin:
            42px
            0
            0;

        padding:
            0
            15px;

        box-sizing: border-box;
    }


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

    .cases-block__button {
        display: flex;

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

        width: 100%;

        max-width: 270px;

        height: 66px;

        box-sizing: border-box;

        border-radius: 9px;

        text-decoration: none;

        color: #fff;

        text-align: center;

        font-family: "Montserrat";

        font-weight: 500;

        font-size: 14px;

        line-height: 18px;

        letter-spacing: 0;

        transition: 0.2s ease;
    }


    /* =====================================================
       ОРАНЖЕВАЯ
       ===================================================== */

    .cases-block__button--orange {
        background: #C6925C;    }


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

    .cases-block__button--brown {
        background: #967968;
    }


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

    .cases-block__button:hover {
        transform: none;
    }


    /* =====================================================
       ACTIVE
       ===================================================== */

    .cases-block__button:active {
        transform: scale(0.98);
    }

}
/* =========================================================
   INHERITANCE
   MOBILE 360px — ТОЧНО ПО МАКЕТУ
========================================================= */

@media (max-width: 600px) {

    .inheritance {
        position: relative;

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

        margin: 0;
        padding: 0;

        overflow: hidden;

        box-sizing: border-box;

        background:
            linear-gradient(
                rgba(248, 239, 223, 0.28),
                rgba(248, 239, 223, 0.28)
            ),
            url("img/background.png") center top / cover no-repeat;

        color: #292521;
    }


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

    .inheritance .top-icon {
        position: absolute;

        width: 22px;
        height: 22px;

        left: 200px;
        top: 24px;

        margin: 0;

        object-fit: contain;
    }


    /* =====================================================
       ГЛАВНЫЙ ЗАГОЛОВОК
    ===================================================== */

    .inheritance > h1 {
        position: absolute;

        width: 310px;

        left: 205px;
        top: 65px;

        margin: 0;
        padding: 0;

        font-family: "Montserrat";
        line-height: 24px;

     

        letter-spacing: 0;

        text-align: center;

        color: #292521;

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

    }


    /* =====================================================
       ВСЕ SITUATION
    ===================================================== */

    .inheritance .situation {
        position: absolute;

        left: 200px;

        width: 360px;
        height: 300px;

        margin: 0;
        padding: 0;

        display: block;
    }


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

    .inheritance .photo {
        position: absolute;

        width: 199px;
        height: 129px;

        left: 80px;

        margin: 0;

        object-fit: cover;

        border-radius: 18px;

        display: block;

        z-index: 2;
    }


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

    .inheritance .cross {
        position: absolute;

        width: 53px;
        height: 52px;

        left: 44px;

        margin: 0;

        object-fit: contain;

        z-index: 1;
    }


    /* =====================================================
       SITUATION 1
    ===================================================== */

    .inheritance .situation-1 {
        top: 167px;
    }

    .inheritance .situation-1 .photo {
        left: 80px;
        top: 0;
    }

    .inheritance .situation-1 .cross {
        left: 44px;
        top: 77px;
    }

    .inheritance .situation-1 .content {
        position: absolute;

        left: 0;
        top: 162px;

        width: 360px;

        margin: 0;
        padding: 0;

        text-align: center;
    }

    .inheritance .situation-1 h2 {
        margin: 0;

        font-family: "Montserrat";

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

        font-weight: 800;

        letter-spacing: 0;

        text-align: center;
    }

    .inheritance .situation-1 p {
        width: 310px;

        margin: 17px auto 0;
        padding: 0;

        font-family: "Montserrat";
font-size: 12px;
        line-height: 13px;

        font-weight: 500;

        letter-spacing: 0;

        text-align: center;
    }


    /* =====================================================
       SITUATION 2
    ===================================================== */

    .inheritance .situation-2 {
        top: 489px;
    }

    .inheritance .situation-2 .photo {
        left: 80px;
        top: 0;
    }

    .inheritance .situation-2 .cross {
        left: 44px;
        top: 77px;
    }

    .inheritance .situation-2 .content {
        position: absolute;

        left: 0;
        top: 162px;

        width: 360px;

        margin: 0;
        padding: 0;

        text-align: center;
    }

    .inheritance .situation-2 h2 {
        margin: 0;

        font-family: "Montserrat";

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

        font-weight: 800;

        letter-spacing: 0;

        text-align: center;
    }

    .inheritance .situation-2 p {
        width: 325px;

        margin: 27px auto 0;
        padding: 0;

        font-family: "Montserrat";

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

        font-weight: 500;

        letter-spacing: 0;

        text-align: center;



    }


    /* =====================================================
       SITUATION 3
    ===================================================== */

    .inheritance .situation-3 {
        top: 804px;
    }

    .inheritance .situation-3 .photo {
        left: 80px;
        top: 0;
    }

    .inheritance .situation-3 .cross {
        left: 44px;
        top: 77px;
    }

    .inheritance .situation-3 .content {
        position: absolute;

        left: 0;
        top: 162px;

        width: 360px;

        margin: 0;
        padding: 0;

        text-align: center;
    }

    .inheritance .situation-3 h2 {
        margin: 0;

        font-family: "Montserrat";

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

        font-weight: 800;

        letter-spacing: 0;

        text-align: center;
    }

    .inheritance .situation-3 p {
        width: 320px;

        margin: 28px auto 0;
        padding: 0;

        font-family: "Montserrat";

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

        font-weight: 500;

        letter-spacing: 0;

        text-align: center;
    }


    /* =====================================================
       CTA
    ===================================================== */

    .inheritance .cta {
        position: absolute;

        left: 40px;
        top: 1127px;

        width: 360px;

        margin: 0;
        padding: 0;

        text-align: center;
    }


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

    .inheritance .cta h3 {
        width: 310px;

        margin: 0 auto;
        padding: 0;

        font-family: "Montserrat";

        line-height: 24px;


        letter-spacing: 0;

        text-align: center;

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

    }


    /* =====================================================
       CTA TEXT
    ===================================================== */

    .inheritance .cta p {
        width: 300px;

        margin: 18px auto 0;
        padding: 0;

        font-family: "Montserrat";

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

        font-weight: 500;

        letter-spacing: 0;

        text-align: center;

      

    }


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

    .inheritance .phone {
        position: absolute;

        left: 0;
        top: 158px;

        width: 360px;

        margin: 0;
        padding: 0;

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

        text-align: center;
    }


    .inheritance .phone img {
        display: block;

        width: 39px;
        height: 39px;

        margin: 0;

        object-fit: contain;
    }


    /* =====================================================
       НОМЕР
    ===================================================== */

    .inheritance .phone span {
        display: block;

        margin: 21px 0 0;

        padding: 0;

        font-family: "Montserrat";

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

        font-weight: 500;

        letter-spacing: 0;

        white-space: nowrap;

        text-align: center;

        color: #171513;
    }
}

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

@media (max-width: 600px) {

    /* =====================================================
       ОСНОВНОЙ БЛОК
    ===================================================== */

    .faq-section {
        width: 100%;
        min-height: 1423px;

        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;
    }
}


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

@media (max-width: 600px) {

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

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

        margin: 0;
        padding: 0;


        margin-top: -100px;

        overflow: hidden;

        background-color: #faf7f1;
        background-image: url("img/logofff.png");
        background-repeat: repeat;
        background-position: center top;
        background-size: auto;

        color: #29241f;
    }


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

    .contacts__container {
        width: 100%;
        max-width: 360px;

        margin: 0 auto;

        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;
    }

}



.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;
  }

}

.mobile-br {
    display: none;
}

@media (max-width: 768px) {
    .mobile-br {
        display: block;
    }

    .desktop-br {
        display: none;
    }
}


html {
    -webkit-text-size-adjust: 100%;
}


@media (max-width: 768px) {

    body {
        font-size: 16px;
    }

    p,
    li {
        font-size: 16px;
        line-height: 1.5;
    }

    h1 {
        font-size: 28px;
        line-height: 1.2;
    }

    h2 {
        font-size: 24px;
        line-height: 1.25;
    }

    h3 {
        font-size: 20px;
        line-height: 1.3;
    }

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

.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;
}

}


/* =========================================================
   ВЫПАДАЮЩЕЕ МЕНЮ — ПК
   ========================================================= */

.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%;
}


/* =========================================
   СПЕЦИАЛЬНОЕ ПРЕДЛОЖЕНИЕ
========================================= */

.special-offer {
    width: 100%;
    min-height: 202px;

    background: #ffffff;

    box-sizing: border-box;

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

    padding-top: 23px;
    margin-top: 40px;
}


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

.special-offer__text {
    display: flex;
    flex-direction: column;

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

    text-align: center;

    font-family: "Montserrat";

    color: #2B2622;

    line-height: 1.05;

    margin-top: 59px;
}

.special-offer__text strong {
    display: block;

    margin: 0 0 2px;

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



}

.special-offer__text span {
    display: block;


    margin: 0;

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

}


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

.special-offer__buttons {
    display: flex;

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

    gap: 64px;

    margin-top: 35px;
}


/* =========================================
   ОБЩИЙ СТИЛЬ КНОПКИ
========================================= */

.special-offer__button {
    width: 380px;
    height: 97px;

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

    box-sizing: border-box;

    border-radius: 10px;

    text-decoration: none;

    font-family: "Montserrat";

    line-height: 1;

    transition: opacity 0.2s ease;

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

}

.special-offer__button:hover {
    opacity: 0.88;
}


/* =========================================
   ТЁМНАЯ КНОПКА
========================================= */

.special-offer__button--dark {
    background: #2B2622;

    color: #ffffff;
}


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

.special-offer__button--gold {
    background: #C6925C;

    color: #ffffff;
}

@media (max-width: 767px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

    body {
        padding-top: 40px;
    }
}


/* Рейтинг остаётся на фиксированной позиции */
.rating {
    position: absolute;
    top: 76px;
    left: 550px;
    margin-left: 0;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .special-offer {
        display: none !important;
    }
}



/* =========================================
   ПЕРЕКЛЮЧАТЕЛЬ ГОРОДОВ
========================================= */

.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;
    box-sizing: border-box;
}

.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;
    cursor: pointer;
}

.mobile-navigation .gz-mobile-city-dropdown {
    display: none;

    position: absolute;
    top: auto;
    bottom: calc(100% + 5px);
    left: 0;
    transform: none;

    width: 150px;
    margin: 0;
    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;
}