﻿.tamoj-service {
      /* ----- Цвета ----- */
      --color-white: #ffffff;
      --color-bg: var(--color-white);
      --color-text-primary: #2b2b2c;
      --color-text-secondary: #555658;
      --color-text-placeholder: #808284;
      --color-border-muted: #d5d8dc;
      --color-brand: #40702d;
      --color-brand-muted: #8ca981;
      --color-brand-deep: #335a24;
      --color-highlight: #edf874;
      --color-section-muted: #f6f7f8;
      --color-form-panel: #ecf86e;
      --color-field-bg: rgba(255, 255, 255, 0.5);
      --color-error: #cc0000;
      --color-overlay: rgba(0, 0, 0, 0.5);
      --scrollbar-track: #E6E8EA;
      --scrollbar-thumb: #D5D8DC;
    
      /* ----- Типографика ----- */
      --font-family-primary: "Roboto", sans-serif;
      --font-weight-regular: 400;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
      --font-size-base: 16px;
      --font-size-base-lg: 17px;
      --font-size-lead: 18px;
      --font-size-body-lg: 25px;
      --font-size-btn: 20px;
      --font-size-caption: 23px;
      --font-size-title-mobile: 28px;
      --font-size-title-desktop: 40px;
      --font-size-metric: 86px;
      --font-size-metric-suffix: 53px;
      --font-size-stat-suffix-percent: 30px;
      --font-size-reviews-title: 50px;
      --line-height-base: 21px;
      --line-height-body-lg: 30px;
      --line-height-caption: 27px;
      --line-height-btn: 20px;
      --line-height-title: 60px;
      --line-height-title-mobile: 36px;
      --line-height-metric: 95px;
      --line-height-suffix: 53px;
      --line-height-card-number: 32px;
      --line-height-card-desc: 22px;
    
      /* ----- Шкала отступов ----- */
      --space-4: 4px;
      --space-5: 5px;
      --space-8: 8px;
      --space-10: 10px;
      --space-12: 12px;
      --space-14: 14px;
      --space-15: 15px;
      --space-16: 16px;
      --space-17: 17px;
      --space-20: 20px;
      --space-23: 23px;
      --space-24: 24px;
      --space-25: 25px;
      --space-29: 29px;
      --space-30: 30px;
      --space-32: 32px;
      --space-38: 38px;
      --space-40: 40px;
      --space-45: 45px;
      --space-46: 46px;
      --space-48: 48px;
      --space-50: 50px;
      --space-53: 53px;
      --space-55: 55px;
      --space-56: 56px;
    
      /* ----- Лейаут и контейнер ----- */
      --container-width: 1599px;
      --container-padding-md: var(--space-24);
      --container-padding-sm: var(--space-16);
      --section-padding-y: 80px;
      --layout-content-max: 772px;
      --layout-aside-width: 280px;
      --layout-hero-padding-top: 454px;
      --layout-hero-padding-bottom: 130px;
    
      /* ----- Скругления ----- */
      --radius-sm: 10px;
      --radius-card: 20px;
      --radius-card-xl: 29px;
      --radius-pill: 41px;
      --radius-reviews-card: 40px;
    
      /* ----- Компонент ----- */
      --service-card-min-width: 397px;
      --service-card-height: 484px;
      --service-card-padding: 30px 24px 30px 30px;
      --service-card-radius: 12px;
      --service-scroller-pad-bottom: var(--space-46);
      --scrollbar-height: 10px;
    
      /* ----- Компонент: прочие секции ----- */
      --documents-card-gap: 35px;
      --documents-icon-size: 55px;
      --advantage-card-gap: var(--space-29);
    
      /* ----- Анимации появления ----- */
      --animate-duration: 0.9s;
      --animate-ease: cubic-bezier(0.22, 0.85, 0.32, 1);
      --animate-distance: 40px;
      --animate-stagger: 130ms;
    }
    
    /* ========== БАЗОВЫЕ СТИЛИ ========== */
.tamoj-service * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
.tamoj-service button {
      font: inherit;
      cursor: pointer;
      border: none;
    }
.tamoj-service {
      font-family: var(--font-family-primary);
      font-weight: var(--font-weight-regular);
      font-size: var(--font-size-base);
      color: var(--color-text-primary);
      background-color: var(--color-bg);
      line-height: var(--line-height-base);
      hyphens: none;
      word-break: keep-all;
      overflow-wrap: normal;
      overflow-x: hidden;
      max-width: 100%;
      width: 100%;
    }
    
    .visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    
    /* ========== Анимации появления ========== */
    
    .glav-reveal {
      opacity: 0;
      transition:
        opacity var(--animate-duration) var(--animate-ease),
        transform var(--animate-duration) var(--animate-ease);
      transition-delay: var(--reveal-delay, 0ms);
      will-change: opacity, transform;
    }
    
    .glav-reveal.is-visible {
      opacity: 1;
      transform: none;
    }
    
    .glav-reveal--top:not(.is-visible) {
      transform: translate3d(0, calc(-1 * var(--animate-distance)), 0);
    }
    
    .glav-reveal--bottom:not(.is-visible) {
      transform: translate3d(0, var(--animate-distance), 0);
    }
    
    .glav-reveal--left:not(.is-visible) {
      transform: translate3d(calc(-1 * var(--animate-distance)), 0, 0);
    }
    
    .glav-reveal--right:not(.is-visible) {
      transform: translate3d(var(--animate-distance), 0, 0);
    }
    
    .block7-glav__card.glav-reveal--desk-top:not(.is-visible) {
      transform: translate3d(0, calc(-1 * var(--animate-distance)), 0);
    }
    
    .block7-glav__card.glav-reveal--desk-bottom:not(.is-visible) {
      transform: translate3d(0, var(--animate-distance), 0);
    }
    
    @media (max-width: 1000px) {
      .block7-glav__card.glav-reveal--desk-top:not(.is-visible) {
        transform: translate3d(calc(-1 * var(--animate-distance)), 0, 0);
      }
    
      .block7-glav__card.glav-reveal--desk-bottom:not(.is-visible) {
        transform: translate3d(var(--animate-distance), 0, 0);
      }
    }
    
    @media (prefers-reduced-motion: reduce) {
      .glav-reveal {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
      }
    }
    
    /* ========== block1-glav ========== */
    
    .block1-glav {
      position: relative;
      color: var(--color-white);
      background-image: url("/images/tamoj/block1/hero.webp");
      background-size: cover;
      background-position: center;
      margin: var(--space-10);
      border-radius: var(--radius-sm);
    }
    
    .block1-glav__overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(64.42deg, rgba(0, 0, 0, 0.45) 25.41%, rgba(91, 91, 91, 0) 70.31%);
      border-radius: var(--radius-sm);
      pointer-events: none;
    }
    
    /* Десктоп */
    .block1-glav__container {
      position: relative;
      z-index: 1;
      width: var(--container-width);
      max-width: 100%;
      margin-inline: auto;
      padding-block: var(--layout-hero-padding-top) var(--layout-hero-padding-bottom);
      min-height: inherit;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: var(--space-40);
    }
    
    .block1-glav__content {
      max-width: var(--layout-content-max);
    }
    
    .block1-glav__title {
      margin: 0 0 var(--space-30);
      font-size: var(--font-size-title-desktop);
      font-weight: var(--font-weight-semibold);
      line-height: var(--line-height-title);
      letter-spacing: 0;
      text-transform: uppercase;
      text-wrap: balance;
    }
    
    .block1-glav__desc {
      margin: 0 0 var(--space-30);
      font-size: var(--font-size-body-lg);
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-body-lg);
      letter-spacing: 0;
      opacity: 0.95;
    }
    
    .block1-glav__desc--mobile {
      display: none;
    }
    
    .block1-glav__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: var(--space-15) var(--space-29);
      border-radius: var(--radius-pill);
      font-weight: var(--font-weight-regular);
      font-size: var(--font-size-btn);
      line-height: var(--line-height-btn);
      letter-spacing: 0;
      color: var(--color-brand);
      background-color: var(--color-white);
      transition: transform 0.15s ease, background-color 0.15s ease;
    }
    
    .block1-glav__stats {
      display: flex;
      flex-direction: column;
      gap: var(--space-53);
      flex-shrink: 0;
      width: var(--layout-aside-width);
    }
    
    .block1-glav__stat {
      text-align: center;
    }
    
    .block1-glav__stat-value {
      display: inline-flex;
      align-items: flex-start;
      font-size: var(--font-size-metric);
      font-weight: var(--font-weight-bold);
      font-variant-numeric: tabular-nums;
      line-height: var(--line-height-metric);
      letter-spacing: 0;
      vertical-align: middle;
    }
    
    .block1-glav__stat-suffix {
      margin-left: var(--space-4);
      font-size: var(--font-size-metric-suffix);
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-suffix);
      align-self: flex-start;
    }
    
    .block1-glav__stats > .block1-glav__stat:nth-child(2) .block1-glav__stat-suffix {
      font-size: var(--font-size-stat-suffix-percent);
    }
    
    .block1-glav__stat-label {
      margin-top: var(--space-8);
      font-size: var(--font-size-caption);
      line-height: var(--line-height-caption);
      font-weight: var(--font-weight-regular);
      letter-spacing: 0;
      vertical-align: middle;
      opacity: 0.92;
    }
    
    .block1-glav__stat-label br {
        display: none;
      }
    
    /* ========== block2-glav ========== */
    
    .block2-glav {
      padding: var(--section-padding-y) 0;
      background-color: var(--color-bg);
    }
    
    .block2-glav__container {
      width: var(--container-width);
      max-width: 100%;
      margin-inline: auto;
    }
    
    .block2-glav__title {
      margin: 0 0 var(--space-50);
      font-size: var(--font-size-title-desktop);
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-title);
      color: var(--color-text-primary);
    }
    
    .block2-glav__title-accent {
      color: var(--color-brand);
    }
    
    .block2-glav__cards {
      display: flex;
      gap: var(--documents-card-gap);
      margin-bottom: var(--space-30);
      margin-right: 85px;
    }
    
    .block2-glav__card {
      display: flex;
      align-items: center;
      gap: var(--space-17);
    }
    
    .block2-glav__card:first-child {
      margin-right: var(--space-38);
    }
    
    .block2-glav__icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: var(--documents-icon-size);
      height: var(--documents-icon-size);
      flex-shrink: 0;
    }
    
    .block2-glav__icon img,
    .block2-glav__icon svg {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
    }
    
    .block2-glav__card-text {
      font-size: var(--font-size-btn);
      line-height: var(--line-height-base);
      font-weight: var(--font-weight-regular);
      color: var(--color-text-secondary);
    }
    
    .block2-glav__desc {
      font-size: var(--font-size-btn);
      line-height: var(--line-height-base);
      color: var(--color-text-secondary);
    }
    
    /* ========== block3-glav ========== */
    
    .block3-glav {
      padding: var(--section-padding-y) 0;
      background-color: var(--color-bg);
    }
    
    .block3-glav__container {
      width: var(--container-width);
      max-width: 100%;
      margin-inline: auto;
    }
    
    .block3-glav__title {
      margin: 0 0 var(--space-50);
      font-size: var(--font-size-title-desktop);
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-title);
      color: var(--color-text-primary);
    }
    
    
    .block3-glav__title-accent {
      color: var(--color-brand);
    }
    
    .block3-glav__scroller {
      overflow-x: auto;
      overflow-y: hidden;
      padding-bottom: var(--service-scroller-pad-bottom);
      scrollbar-width: auto;
    }
    
    .block3-glav__cards {
      display: flex;
      flex-wrap: nowrap;
      gap: var(--space-50);
      min-width: max-content;
    }
    
    .block3-glav__card {
      max-width: var(--service-card-min-width);
      width: 100%;
      height: var(--service-card-height);
      padding: var(--service-card-padding);
      border-radius: var(--service-card-radius);
      background-color: var(--card-bg-local, var(--color-white));
      background-image: var(--card-bg-image, none);
      background-size: cover;
      background-position: center;
      color: var(--card-text-local, var(--color-text-primary));
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: var(--space-25);
      overflow: hidden;
    }
    
    .block3-glav__card-top {
      display: flex;
      flex-direction: column;
      gap: var(--space-10);
    }
    
    .block3-glav__card-number {
      font-size: var(--font-size-body-lg);
      line-height: var(--line-height-card-number);
      font-weight: var(--font-weight-medium);
      color: var(--card-num-local, var(--color-brand));
    }
    
    .block3-glav__card-line {
      width: 100%;
      height: 1px;
      background-color: var(--card-num-local, var(--color-border-muted));
    }
    
    .block3-glav__card-bottom {
      display: flex;
      flex-direction: column;
      gap: var(--space-15);
      justify-content: flex-end;
    }
    
    .block3-glav__card-title {
      font-size: var(--font-size-body-lg);
      line-height: var(--line-height-body-lg);
      font-weight: var(--font-weight-medium);
      color: inherit;
    }
    
    .block3-glav__card-desc {
      font-size: var(--font-size-btn);
      line-height: var(--line-height-base);
      font-weight: var(--font-weight-regular);
      color: inherit;
      opacity: 0.92;
    }
    
    .block3-glav__card-image {
      display: block;
      width: 397px;
      height: auto;
      object-fit: contain;
      margin-top: -19px;
      margin-left: -30px;
    }
    
    .block3-glav__card--top,
    .block3-glav__card--top .block3-glav__card-bottom {
      justify-content: flex-start;
    }
    
    .block3-glav__card--dark {
      --card-bg-local: var(--color-text-primary);
      --card-text-local: #ffffff;
      --card-num-local: var(--color-brand-muted);
    }
    
    .block3-glav__card--yellow {
      --card-bg-local: var(--color-highlight);
      --card-text-local: var(--color-text-primary);
      --card-num-local: var(--color-brand);
    }
    
    .block3-glav__card--image {
      position: relative;
      --card-text-local: #ffffff;
      --card-num-local: var(--color-highlight);
    }
    
    .block3-glav__card--image::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(43, 43, 44, 0.8);
      z-index: 0;
      pointer-events: none;
    }
    
    .block3-glav__card--image .block3-glav__card-top,
    .block3-glav__card--image .block3-glav__card-bottom {
      position: relative;
      z-index: 1;
    }
    
    .block3-glav__cards > article.block3-glav__card--image:nth-child(3) {
      --card-bg-image: url("/images/tamoj/block3/card3.webp");
    }
    
    .block3-glav__cards > article.block3-glav__card--image:nth-child(6) {
      --card-bg-image: url("/images/tamoj/block3/card6.webp");
    }
    
    .block3-glav__scroller::-webkit-scrollbar {
      height: var(--scrollbar-height);
    }
    
    .block3-glav__scroller::-webkit-scrollbar-track {
      background: var(--scrollbar-track);
      border-radius: 99px;
    }
    
    .block3-glav__scroller::-webkit-scrollbar-thumb {
      background: var(--scrollbar-thumb);
      border-radius: 99px;
    }
    
    /* ========== block4-glav (Figma 88:327) ========== */
    
    .block4-glav {
      padding: var(--section-padding-y) 0;
      background-color: var(--color-bg);
    }
    
    .block4-glav__container {
      width: var(--container-width);
      max-width: 100%;
      margin-inline: auto;
    }
    
    .block4-glav__title {
      margin: 0 0 var(--space-24);
      max-width: 519px;
      font-size: var(--font-size-title-desktop);
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-title);
      letter-spacing: 0;
      text-transform: uppercase;
      color: var(--color-text-primary);
    }
    
    .block4-glav__title br{
      display: none;
    }
    
    .block4-glav__title-accent {
      color: var(--color-brand);
    }
    
    .block4-glav__intro {
      margin: 0 0 var(--space-30);
      max-width: 100%;
      font-size: var(--font-size-body-lg);
      line-height: var(--line-height-body-lg);
      font-weight: var(--font-weight-regular);
      color: var(--color-text-secondary);
    }
    
    .block4-glav__grid {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      gap: 100px;
    }
    
    .block4-glav__visual {
      position: relative;
      flex-shrink: 0;
      width: 582px;
      max-width: 100%;
      min-height: 711px;
    }
    
    .block4-glav__photo-wrap {
      position: relative;
      width: 471px;
      max-width: 100%;
      margin-top: 57px;
      border-radius: 30px;
      overflow: hidden;
    }
    
    .block4-glav__photo {
      display: block;
      width: 100%;
      height: auto;
      min-height: 654px;
      object-fit: cover;
    }
    
    .block4-glav__badge {
      position: absolute;
      top: 0;
      left: 360px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 222px;
      height: 222px;
      padding: var(--space-30);
      border-radius: 50%;
      background-color: var(--color-brand-muted);
      font-size: var(--font-size-body-lg);
      line-height: var(--line-height-body-lg);
      font-weight: var(--font-weight-regular);
      text-align: center;
      color: var(--color-white);
    }
    
    .block4-glav__steps-col {
      flex-shrink: 0;
      width: 579px;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      gap: var(--space-15);
    }
    
    .block4-glav__steps {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    
    .block4-glav__step {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      gap: var(--space-15);
      padding-top: var(--space-15);
      border-top: 1px solid var(--color-border-muted);
    }
    
    .block4-glav__steps > .block4-glav__step:first-child {
      padding-top: 0;
      border-top: none;
    }
    
    .block4-glav__step-num {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      width: 55px;
      height: 55px;
      border-radius: 1000px;
      background-color: var(--color-text-primary);
      font-size: 30px;
      line-height: var(--line-height-base);
      font-weight: 900;
      color: var(--color-white);
    }
    
    .block4-glav__step-body {
      display: flex;
      flex-direction: column;
      gap: var(--space-15);
      max-width: 509px;
    }
    
    .block4-glav__step-title {
      font-size: var(--font-size-btn);
      line-height: var(--line-height-base);
      font-weight: var(--font-weight-regular);
      color: var(--color-text-primary);
    }
    
    .block4-glav__step-desc {
      font-size: var(--font-size-btn);
      line-height: var(--line-height-base);
      font-weight: var(--font-weight-regular);
      color: var(--color-text-secondary);
      margin-bottom: var(--space-15);
    }
    
    .block4-glav__note {
      margin: 0;
      font-size: var(--font-size-btn);
      line-height: var(--line-height-base);
      font-weight: var(--font-weight-regular);
      color: var(--color-text-secondary);
    }
    
    /* ========== block5-glav (тарифы) ========== */
    
    .block5-glav {
      padding: var(--section-padding-y) 0;
      background-color: var(--color-section-muted);
    }
    
    .block5-glav__container {
      width: var(--container-width);
      max-width: 100%;
      margin-inline: auto;
    }
    
    .block5-glav__title {
      margin: 0 0 var(--space-30);
      max-width: 1100px;
      font-size: var(--font-size-title-desktop);
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-title);
      letter-spacing: 0;
      text-transform: uppercase;
      text-wrap: balance;
      color: var(--color-text-primary);
    }
    
    .block5-glav__title-accent {
      color: var(--color-brand);
    }
    
    .block5-glav__body {
      display: flex;
      flex-direction: column;
    }
    
    .block5-glav__text {
      margin: 0;
      font-size: var(--font-size-btn);
      line-height: 24px;
      font-weight: var(--font-weight-regular);
      color: var(--color-text-secondary);
    }
    
    /* ========== block6-glav (Marquiz) ========== */
    
    .block6-glav {
      padding: var(--section-padding-y) 0;
      background-color: var(--color-bg);
    }
    
    .block6-glav__container {
      width: var(--container-width);
      max-width: 100%;
      margin-inline: auto;
    }
    
    /* ========== block7-glav (наши преимущества, Figma ~88:377) ========== */
    
    .block7-glav {
      padding: var(--section-padding-y) 0;
      background-color: var(--color-section-muted);
    }
    
    .block7-glav__container {
      width: var(--container-width);
      max-width: 100%;
      margin-inline: auto;
    }
    
    .block7-glav__title {
      margin: 0 0 var(--space-50);
      font-size: var(--font-size-title-desktop);
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-title);
      letter-spacing: 0;
      text-transform: uppercase;
      text-wrap: balance;
      color: var(--color-text-primary);
    }
    
    .block7-glav__title-accent {
      color: var(--color-brand);
    }
    
    .block7-glav__cards {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      gap: var(--advantage-card-gap);
    }
    
    .block7-glav__card {
      flex: 1 1 0;
      min-width: 0;
      min-height: 520px;
      border-radius: var(--radius-card-xl);
      background-color: var(--color-white);
      box-sizing: border-box;
    }
    
    .block7-glav__card:nth-child(1),
    .block7-glav__card:nth-child(3) {
      display: flex;
      flex-direction: column;
      padding: var(--space-48) var(--space-29) 0;
      overflow: hidden;
    }
    
    .block7-glav__card:nth-child(2) {
      position: relative;
      display: flex;
      flex-direction: column;
      padding: 0 var(--space-29) var(--space-45);
      background-color: var(--color-brand-deep);
      color: var(--color-white);
      overflow: hidden;
    }
    
    .block7-glav__card:nth-child(2) .block7-glav__badge {
      border-color: var(--color-white);
      color: var(--color-white);
    }
    
    .block7-glav__card:nth-child(2) .block7-glav__card-title {
      color: var(--color-white);
    }
    
    .block7-glav__card:nth-child(2) .block7-glav__card-text {
      color: rgba(255, 255, 255, 0.92);
      flex-grow: 0;
    }
    
    .block7-glav__card:nth-child(2) .block7-glav__badge,
    .block7-glav__card:nth-child(2) .block7-glav__card-head,
    .block7-glav__card:nth-child(2) .block7-glav__card-text {
      position: relative;
      z-index: 2;
    }
    
    .block7-glav__card:nth-child(1) .block7-glav__card-media,
    .block7-glav__card:nth-child(3) .block7-glav__card-media {
      margin-top: var(--space-45);
      margin-bottom: 0;
    }
    
    .block7-glav__card:nth-child(2) .block7-glav__card-media {
      position: relative;
      width: 100%;
      min-height: 370px;
      margin: 0;
      border-radius: 0;
      overflow: visible;
      flex-shrink: 0;
      pointer-events: none;
    }
    
    .block7-glav__card:nth-child(2) .block7-glav__card-media img {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: auto;
      object-fit: contain;
      border-radius: 0;
      transform: translate(7%, 0);
    }
    
    .block7-glav__card-head {
      min-width: 0;
    }
    
    .block7-glav__badge {
      align-self: flex-start;
      padding: var(--space-14);
      border: 1px solid var(--color-brand-deep);
      border-radius: var(--radius-pill);
      font-size: var(--font-size-base-lg);
      line-height: var(--line-height-base);
      font-weight: var(--font-weight-regular);
      color: var(--color-brand-deep);
    }
    
    .block7-glav__card-title {
      margin: var(--space-29) 0 0;
      font-size: var(--font-size-body-lg);
      line-height: var(--line-height-body-lg);
      font-weight: var(--font-weight-medium);
      color: var(--color-brand-deep);
    }
    
    .block7-glav__card-text {
      margin: var(--space-23) 0 0;
      font-size: var(--font-size-btn);
      line-height: var(--line-height-base);
      font-weight: var(--font-weight-regular);
      color: var(--color-text-secondary);
      flex-grow: 1;
    }
    
    .block7-glav__card-media {
      width: 100%;
      border-radius: var(--radius-card) var(--radius-card) 0 0;
      overflow: hidden;
      flex-shrink: 0;
    }
    
    .block7-glav__card-media img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    
    .block8-glav__widgets .block8-glav__img {
      display: block;
      max-width: 100%;
      height: auto;
    }
    
    .block8-glav {
      padding: var(--section-padding-y) 0;
      background-color: var(--color-bg);
    }
    
    .block7-glav__card-media .block7-glav__img--mobile,
    .block8-glav__widgets .block8-glav__img--mobile {
      display: none;
    }
    
    .block8-glav__container {
      width: var(--container-width);
      max-width: 100%;
      margin-inline: auto;
    }
    
    .block8-glav__title {
      margin: 0 0 var(--space-50);
      font-size: var(--font-size-reviews-title);
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-title);
      color: var(--color-brand);
    }
    
    .block8-glav__row {
      display: flex;
      margin-top: var(--space-46);
      gap: var(--space-30);
    }
    
    .block8-glav__widgets {
      flex-shrink: 0;
    }
    
    .block8-glav__widget-gap {
      margin-bottom: var(--space-46);
    }
    
    .block8-glav__widget-gap img {
      display: block;
      max-width: 100%;
      height: auto;
    }
    
    .block8-glav__list {
      flex: 1;
      min-width: 0;
    }
    
    .block8-glav__card {
      background: var(--color-section-muted);
      border-radius: var(--radius-reviews-card);
      margin-bottom: var(--space-15);
    }
    
    .block8-glav__card-inner {
      margin-left: var(--space-25);
      padding-top: var(--space-20);
      padding-bottom: var(--space-14);
      padding-right: var(--space-24);
    }
    
    .block8-glav__name {
      font-size: var(--font-size-lead);
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-base);
      color: var(--color-text-primary);
    }
    
    .block8-glav__meta {
      display: flex;
      align-items: center;
      margin-top: var(--space-10);
    }
    
    .block8-glav__stars {
      margin-right: var(--space-8);
    }
    
    .block8-glav__stars img {
      display: block;
      margin-left: -15px;
    }
    
    .block8-glav__date {
      font-size: var(--font-size-btn);
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-base);
      color: var(--color-text-secondary);
    }
    
    .block8-glav__text {
      margin-top: var(--space-15);
      font-size: var(--font-size-btn);
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-card-desc);
      color: var(--color-text-primary);
    }
    
    .block8-glav__card--h1 {
      min-height: 185px;
    }
    
    .block8-glav__card--h2 {
      min-height: 145px;
    }
    
    .block8-glav__card--h3 {
      min-height: 145px;
    }
    
    .block8-glav__card--h4 {
      min-height: 125px;
    }
    
    /* ========== block9-glav ========== */
    
    .block9-glav {
      padding: var(--section-padding-y) 0;
      background-color: var(--color-bg);
    }
    
    .block9-glav__row {
      width: var(--container-width);
      max-width: 100%;
      margin-inline: auto;
      display: flex;
      align-items: stretch;
    }
    
    .block9-glav__photo {
      flex-shrink: 0;
    }
    
    .block9-glav__photo img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    
    .block9-glav__panel {
      flex: 1;
      min-width: 0;
      max-width: 845px;
      min-height: 758px;
      background: var(--color-form-panel);
    }
    
    .block9-glav__panel-inner {
      margin-top: 67px;
      margin-left: var(--space-40);
      margin-right: var(--space-24);
    }
    
    .block9-glav__lead {
      font-size: var(--font-size-body-lg);
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-body-lg);
      color: var(--color-text-primary);
      max-width: 579px;
    }
    
    .block9-glav__sub {
      font-size: var(--font-size-lead);
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-base);
      color: var(--color-text-primary);
      max-width: 545px;
      margin-top: var(--space-15);
      margin-bottom: var(--space-55);
    }
    
    .block9-glav__form {
      display: flex;
      max-width: 670px;
      flex-direction: column;
      align-items: stretch;
    }
    
    .block9-glav__form .block9-glav__field-group {
      margin-bottom: 0;
    }
    
    .block9-glav__form .block9-glav__field-group .help-block {
      margin-top: var(--space-8);
      font-size: var(--font-size-base);
      line-height: var(--line-height-base);
      color: var(--color-error);
      min-height: 0;
    }

    .block9-glav__form .block9-glav__field-group.has-error .block9-glav__input {
      outline: 1px solid var(--color-error);
    }
    
    .block9-glav__input {
      display: block;
      width: 100%;
      max-width: 666px;
      box-sizing: border-box;
      margin-bottom: var(--space-10);
      padding: 14px 14px 14px calc(14px + 15px);
      border: none;
      border-radius: 30px;
      background: var(--color-field-bg);
      font-family: inherit;
      font-size: var(--font-size-base-lg);
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-base);
      color: var(--color-text-primary);
      cursor: text;
    }
    
    .block9-glav__input:focus {
      outline: none;
    }
    
    .block9-glav__input::placeholder {
      color: var(--color-text-placeholder);
    }
    
    .block9-glav__input--sm {
      min-height: 48px;
    }
    
    .block9-glav__input--lg {
      min-height: 196px;
      resize: vertical;
      padding-top: 11px;
    }
    
    .block9-glav__submit {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      align-self: flex-end;
      gap: var(--space-8);
      margin-top: var(--space-5);
      width: 266px;
      min-height: 48px;
      border: none;
      border-radius: 30px;
      background-color: var(--color-brand);
      color: var(--color-white);
      font-size: var(--font-size-base-lg);
      font-weight: var(--font-weight-regular);
      line-height: 19.88px;
      cursor: pointer;
    }
    
    .block9-glav__submit:hover {
      background-color: var(--color-brand-deep);
    }
    
    .block9-glav__popup {
      position: fixed;
      inset: 0;
      z-index: 100;
      display: none;
      background-color: var(--color-overlay);
    }
    
    .block9-glav__popup.is-open {
      display: block;
    }
    
    .block9-glav__popup-center {
      display: flex;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
      padding: var(--space-16);
    }
    
    .block9-glav__popup-box {
      position: relative;
      width: 474px;
      max-width: 100%;
      min-height: 314px;
      padding: var(--space-30);
      box-sizing: border-box;
      background-color: var(--color-white);
      border-radius: 3px;
      border: 1px solid var(--color-border-muted);
    }
    
    .block9-glav__popup-close {
      position: absolute;
      top: var(--space-30);
      right: var(--space-24);
      cursor: pointer;
    }
    
    .block9-glav__popup-title {
      margin-top: 57px;
      font-size: 30px;
      font-weight: var(--font-weight-medium);
      line-height: 28px;
      text-align: center;
      color: var(--color-text-primary);
    }
    
    .block9-glav__popup-text {
      margin-top: var(--space-15);
      font-size: var(--font-size-base-lg);
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-base);
      text-align: center;
      color: var(--color-text-secondary);
      max-width: 444px;
      margin-inline: auto;
    }
    
    .block9-glav__popup-btn {
      display: block;
      margin: 52px auto 0;
      width: 97px;
      height: 32px;
      border: none;
      border-radius: 30px;
      background-color: var(--color-brand);
      color: var(--color-white);
      font-family: inherit;
      font-size: 15px;
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-base);
      cursor: pointer;
    }
    
    .block9-glav__popup-btn:hover {
      background-color: var(--color-brand-deep);
    }
    
    /* ========== Адаптив ========== */
    
    @media (max-width: 1700px) {
      .block1-glav__container,
      .block2-glav__container,
      .block3-glav__container,
      .block4-glav__container,
      .block5-glav__container,
      .block6-glav__container,
      .block7-glav__container,
      .block8-glav__container {
        padding-inline: var(--container-padding-md);
      }
    
      .block2-glav__cards {
        margin-right: 35px;
      }
    
      .block9-glav__row {
        padding-inline: var(--container-padding-md);
      }
    
      .block9-glav__panel {
        max-width: 735px;
      }
    }
    
    @media (max-width: 1600px) {
      .block9-glav__panel {
        max-width: 570px;
        min-height: 685px;
      }
    
      .block9-glav__panel-inner {
        margin-top: var(--space-24);
        margin-left: var(--space-24);
      }
    
      .block9-glav__lead {
        max-width: 483px;
      }
    
      .block9-glav__sub {
        max-width: 398px;
        margin-bottom: var(--space-25);
      }
    
      .block9-glav__input {
        max-width: 520px;
      }
    
      .block9-glav__submit {
        margin-top: 0;
      }
    }
    
    @media (max-width: 1550px) {
    
      .block2-glav__cards {
        gap: var(--space-15);
      }
    
      .block2-glav__card:first-child {
        margin-right: 0;
      }
    
      .block8-glav__card {
        padding-right: var(--space-24);
      }
    
      .block8-glav__card--h1 {
        min-height: 205px;
      }
    
      .block8-glav__card--h2 {
        min-height: 165px;
      }
    }
    
    @media (max-width: 1350px) {
    
      .block2-glav__cards {
        flex-direction: column;
      }
    
      .block4-glav__grid {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-40);
      }
    
      .block4-glav__visual {
        width: 100%;
        min-height: 0;
        margin-left: 89px;
      }
    
      .block4-glav__photo-wrap {
        margin-top: var(--space-40);
      }
    
      .block4-glav__photo {
        min-height: 0;
      }
    
      .block4-glav__badge {
        right: var(--space-16);
        width: 180px;
        height: 180px;
        font-size: var(--font-size-base);
        line-height: 22px;
        padding: var(--space-16);
      }
    
      .block4-glav__step-body {
        max-width: none;
      }
    
      .block4-glav__steps-col {
        width: 100%;
      }
    
      .block9-glav__panel {
        min-height: 600px;
      }
    
      .block9-glav__input--lg {
        min-height: 115px;
      }
    }
    
    @media (max-width: 1300px) {
      .block8-glav__card--h1 {
        min-height: 230px;
      }
    
      .block8-glav__card--h3 {
        min-height: 170px;
      }
    }
    
    @media (max-width: 1260px) {
    
    
      .block9-glav__panel {
        min-height: 500px;
      }
    
      .block9-glav__lead {
        font-size: var(--font-size-title-mobile);
        line-height: var(--line-height-title-mobile);
      }
    
      .block9-glav__sub {
        font-size: var(--font-size-btn);
        line-height: 18px;
      }
    
      .block9-glav__input {
        max-width: 435px;
        padding-left: var(--space-12);
      }
    
      .block9-glav__input,
      .block9-glav__input::placeholder {
        font-size: var(--font-size-lead);
      }
    
      .block9-glav__input--sm {
        min-height: 36px;
      }
    
      .block9-glav__input--lg {
        min-height: 93px;
      }
    }
    
    @media (max-width: 1200px) {
      .block8-glav__card--h1 {
        min-height: 267px;
      }
    
      .block8-glav__card--h2 {
        min-height: 175px;
      }
    
      .block8-glav__card--h3 {
        min-height: 157px;
      }
    
      .block8-glav__card--h4 {
        min-height: 145px;
      }
    }
    
    @media (max-width: 1160px) {
      .block9-glav__panel {
        max-width: 475px;
      }
    
      .block9-glav__lead {
        max-width: 391px;
      }
    }
    
    @media (max-width: 1130px) {
    
      .block8-glav__card--h3 {
        min-height: 190px;
      }
    }
    
    @media (max-width: 1100px) {
      .block8-glav__row {
        flex-direction: column;
      }
    
      .block8-glav__card--h1 {
        min-height: 282px;
        margin-top: var(--space-24);
      }
    
      .block8-glav__widget-gap {
        margin-bottom: var(--space-24);
      }
    
      .block8-glav__card--h2 {
        min-height: 205px;
      }
    }
    
    @media (max-width: 1050px) {
      .block9-glav__panel {
        max-width: none;
        min-height: 550px;
      }
    
      .block9-glav__row {
        flex-direction: column;
        padding-inline: var(--space-30);
        justify-content: center;
      }
    
      .block9-glav__form {
          max-width: none;
      }
    
      .block9-glav__panel-inner {
        margin-left: var(--space-12);
        margin-right: var(--space-12);
        margin-top: var(--space-30);
        margin-bottom: var(--space-30);
      }
    
      .block9-glav__lead {
        max-width: none;
      }
    
      .block9-glav__sub {
        max-width: none;
        margin-bottom: var(--space-30);
      }
    
      .block9-glav__input {
        max-width: none;
      }
    
      .block9-glav__submit {
        margin-top: var(--space-5);
        align-self: auto;
      }
    
      .block9-glav__input--sm {
        min-height: 40px;
      }
    
      .block9-glav__input--lg {
        min-height: 94px;
      }
    }
    
    @media (max-width: 1000px) {
      .block1-glav__title,
      .block2-glav__title,
      .block3-glav__title,
      .block4-glav__title,
      .block5-glav__title,
      .block7-glav__title,
      .block8-glav__title,
      .block9-glav__lead {
        font-size: 27px;
        font-weight: var(--font-weight-regular);
        line-height: 33px;
      }
    
      .block1-glav__container {
        padding: 275px 21px 123px 20px;
      }
    
      .block1-glav__content {
        max-width: 500px;
      }
    
      .block1-glav__desc {
        font-size: var(--font-size-btn);
        line-height: var(--line-height-base);
      }
    
      .block1-glav__stats {
        width: auto;
        margin-top: -25px;
      }
    
      .block1-glav__stat-value{
        font-size: var(--font-size-title-desktop);
        line-height: 65px;
      }
    
      .block1-glav__stat-label{
        font-size: var(--font-size-caption);
        line-height: var(--line-height-base);
        margin: 0;
      }
    
    
      .block1-glav__stat-suffix {
        font-size: var(--font-size-title-desktop);
        font-weight: var(--font-weight-regular);
      }
    
      .block1-glav__stats > .block1-glav__stat:nth-child(2) .block1-glav__stat-suffix {
        font-size: var(--font-size-stat-suffix-percent);
      }
    
          .block2-glav,
          .block3-glav,
          .block4-glav,
          .block5-glav,
          .block6-glav,
          .block7-glav,
          .block8-glav {
            padding: var(--space-56) 0;
          }
    
          .block2-glav__title {
        margin-bottom: var(--space-24);
      }
    
      .block2-glav__cards {
        gap: var(--space-12);
      }
    
      .block2-glav__card:first-child {
        margin-right: 0;
      }
    
      .block2-glav__card-text {
        font-size: var(--font-size-btn);
        line-height: 24px;
      }
    
      .block2-glav__desc br {
        display: none;
      }
    
          .block3-glav__title {
        margin-bottom: var(--space-24);
      }
    
      .block3-glav__scroller {
        overflow: visible;
        padding-bottom: 0;
        cursor: default;
      }
    
      .block3-glav__cards {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--space-24);
        min-width: 0;
        width: 100%;
      }
    
      .block3-glav__card {
        max-width: none;
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 0;
        gap: 100px;
        padding: var(--space-30);
        border-radius: 30px;
      }
    
    
    
      .block3-glav__card:nth-child(2) .block3-glav__card-image,
      .block3-glav__card:nth-child(4) .block3-glav__card-image {
        display: none;
      }
    
      .block3-glav__card-title {
        font-size: var(--font-size-btn);
        font-weight: var(--font-weight-bold);
        line-height: var(--line-height-base);
      }
    
      .block3-glav__card-title br,
      .block3-glav__card-desc br {
        display: none;
      }
    
      .block3-glav__card-desc {
        font-size: var(--font-size-btn);
        font-weight: var(--font-weight-regular);
        line-height: var(--line-height-base);
      }
    
          .block4-glav__title {
        max-width: none;
      }
    
      .block4-glav__title br{
        display: block;
      }
    
      .block4-glav__intro {
        font-size: var(--font-size-btn);
        line-height: 24px;
      }
    
      .block4-glav__badge {
        font-size: var(--font-size-body-lg);
        line-height: var(--line-height-body-lg);
        width: 222px;
        height: 222px;
      }
    
      .block4-glav__visual {
        width: 100%;
        min-height: 0;
      }
    
          .block5-glav__title {
        max-width: none;
      }
    
      .block5-glav__text {
        font-size: var(--font-size-btn);
        line-height: 24px;
      }
    
          .block7-glav__title {
        margin-bottom: var(--space-24);
      }
    
      .block7-glav__cards {
        flex-direction: column;
        gap: var(--space-24);
      }
    
      .block7-glav__card-title {
        font-size: var(--font-size-btn);
      }
    
      .block7-glav__card-head {
        display: flex;
        align-items: center;
        gap: var(--space-23);
        flex-wrap: nowrap;
      }
    
      .block7-glav__card-head .block7-glav__card-title {
        margin: 0;
        flex: 1 1 auto;
        min-width: 0;
      }
    
      .block7-glav__card-head .block7-glav__badge {
        flex-shrink: 0;
        align-self: auto;
      }
    
      .block7-glav__card:nth-child(1),
      .block7-glav__card:nth-child(3) {
        min-height: 506px;
        height: 506px;
      }
    
      .block7-glav__card:nth-child(2) {
        min-height: 379px;
        height: 379px;
      }
    
      .block7-glav__card:nth-child(1) .block7-glav__card-text,
      .block7-glav__card:nth-child(3) .block7-glav__card-text {
        flex-grow: 0;
      }
    
      .block7-glav__card:nth-child(1) .block7-glav__card-media,
      .block7-glav__card:nth-child(3) .block7-glav__card-media {
        margin-top: auto;
      }
    
      .block7-glav__card:nth-child(2) .block7-glav__card-head {
        margin-top: auto;
      }
    
      .block7-glav__card:nth-child(2) .block7-glav__card-text {
        flex-grow: 0;
      }
    
      .block7-glav__card:nth-child(2) .block7-glav__card-media {
        min-height: 130px;
      }
    
      .block7-glav__card:nth-child(2) .block7-glav__card-media img {
        width: 109%;
        transform: translate(4%, 0%);
      }
    
          .block2-glav__container,
      .block3-glav__container,
      .block4-glav__container,
      .block5-glav__container,
      .block6-glav__container,
      .block7-glav__container,
      .block8-glav__container {
        padding: 0px 21px 0px 20px;
      }
    
      .block8-glav__title {
        margin-bottom: var(--space-24);
      }
    
      .block8-glav__row {
        margin-top: var(--space-32);
      }
    
      .block8-glav__card-inner {
        margin-left: 0;
        padding: var(--space-20) var(--space-25);
      }
    
      .block8-glav__name,
      .block8-glav__text {
        font-size: var(--font-size-base);
        line-height: 18px;
      }
    
      .block8-glav__date {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.02em;
      }
    
      .block8-glav__card {
        border-radius: 40px;
      }
    
      .block8-glav__card--h1 {
        min-height: auto;
        margin-top: var(--space-15);
      }
    
      .block8-glav__card--h2 {
        min-height: 160px;
      }
    
      .block8-glav__card--h3 {
        min-height: 157px;
      }
    
      .block8-glav__card--h4 {
        min-height: 103px;
      }
    
      .block9-glav {
        padding: 0;
      }
    
      .block9-glav__row {
        padding: 0;
      }
    }
    
    @media (max-width: 1000px) and (min-width: 601px) {
      .block7-glav__card-media .block7-glav__img--desktop,
      .block8-glav__widgets .block8-glav__img--desktop {
        display: none;
      }
    
      .block7-glav__card-media .block7-glav__img--mobile,
      .block8-glav__widgets .block8-glav__img--mobile {
        display: block;
      }
    }
    
    @media (max-width: 500px) {
    
      .block1-glav,
      .block1-glav__overlay{
        margin: 0;
        border-radius: 0;
      }
    
      .block1-glav {
        overflow: hidden;
        background-image: none;
      }
    
      .block1-glav::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background-image: url("/images/tamoj/block1/hero.webp");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 38% 60%;
        transform: scale(1.5);
        transform-origin: 58% 16%;
      }
    
      .block1-glav__overlay {
        z-index: 1;
      }
    
          .block1-glav__container {
            z-index: 2;
            flex-direction: column;
            padding: 65px 11px 60px;
            gap: var(--space-15);
          }
    
          .block1-glav__content {
            display: contents;
          }
    
      .block1-glav__desc--desktop {
        display: none;
      }
    
      .block1-glav__desc--mobile {
        display: block;
      }
    
      .block1-glav__title {
        order: 1;
        margin-bottom: 0;
      }
    
      .block1-glav__desc {
        order: 2;
        margin-bottom: 223px;
        line-height: 150%;
      }
    
      .block1-glav__stat-value{
        font-size: var(--font-size-reviews-title);
      }
    
      .block1-glav__stats {
        order: 3;
        justify-content: center;
        flex-direction: row;
        gap: 33px;
        width: 100%;
        justify-content: space-around;
      }
    
      .block1-glav__stat-label{
        font-size: var(--font-size-btn);
        line-height: 150%;
      }
    
      .block1-glav__stat-label br {
        display: block;
      }
    
      .block1-glav__btn {
        order: 4;
        padding: 16px 30px;
        font-size: var(--font-size-caption);
        align-self: flex-start;
        margin-top: var(--space-15);
        width: 100%;
      }
    
      .block2-glav__container,
      .block3-glav__container,
      .block4-glav__container,
      .block5-glav__container,
      .block6-glav__container,
      .block7-glav__container,
      .block8-glav__container {
        padding: 0px 11px;
      }
    
    
       
      .block2-glav__title, 
      .block3-glav__title, 
      .block4-glav__title, 
      .block5-glav__title, 
      .block7-glav__title, 
      .block8-glav__title, 
      .block9-glav__lead {
        font-weight: var(--font-weight-semibold);
      }
    
      .block2-glav__icon img, .block2-glav__icon svg{
        width: 49px;
        height: 49px;
      }
    
      .block2-glav__card-text, 
      .block2-glav__desc,
      .block3-glav__card-desc,
      .block4-glav__intro,
      .block4-glav__step-desc,
      .block4-glav__note,
      .block5-glav__text,
      .block8-glav__name, 
      .block8-glav__text,
      .block7-glav__card-text,
      .block7-glav__badge,
      .block9-glav__sub{
        font-size: 15px;
      }
    
      .block3-glav__card {
        gap: 212px;
        padding: 25px 26px 50px 25px;
        border-radius: 28px;
      }
    
      .block3-glav__card-number {
        font-size: var(--font-size-btn);
      }
    
      .block3-glav__card-title {
        font-size: var(--font-size-btn);
        font-weight: var(--font-weight-medium);
        line-height: 150%;
      }
      
      .block3-glav__card:nth-child(2),
      .block3-glav__card:nth-child(4) {
        gap: 22px;
      }
    
      .block3-glav__card:nth-child(2) .block3-glav__card-image,
      .block3-glav__card:nth-child(4) .block3-glav__card-image {
        display: block;
        margin-top: -5px;
        margin-left: 0;
        margin-bottom: -50px;
      }
    
      .block4-glav__step-title{
        font-size: var(--font-size-btn);  
        line-height: 150%;
        font-weight: var(--font-weight-medium);
        text-transform: uppercase;
      }
    
      .block4-glav__step-num{
        width: 37px;
        height: 37px;
        font-size: 22px;
      }
      
      .block4-glav__visual {
        display: none;
      }
    
      .block7-glav__card-head {
        display: block;
      }
      
      .block7-glav__card-title {
        text-transform: uppercase;
      }
    
      .block7-glav__card-head .block7-glav__card-title {
        margin: var(--space-29) 0 0;
        flex: none;
      }
    
      .block7-glav__card-head .block7-glav__badge {
        align-self: flex-start;
      }
      
      .block7-glav__card-head .block7-glav__badge{
        padding: 10px;
      }
    
      
    
      .block7-glav__card:nth-child(2){
        min-height: 439px;
        padding: 30px 20px 30px 20px;
      }
    
    
      .block7-glav__card:nth-child(1) .block7-glav__card-text, 
      .block7-glav__card:nth-child(3) .block7-glav__card-text,
      .block7-glav__card-head .block7-glav__card-title {
        margin-top: 15px;
      }
    
      .block7-glav__card:nth-child(1) .block7-glav__card-media, 
        .block7-glav__card:nth-child(3) .block7-glav__card-media{
        margin-top: 24px;
      }
      
      .block7-glav__card:nth-child(1), 
      .block7-glav__card:nth-child(3) {
        min-height: 439px;
        padding: 30px 20px 0;
     }
    
     .block7-glav__card:nth-child(2) .block7-glav__card-media img {
        width: 90%;
        transform: translate(11%, -11%);
     }
    
      .block8-glav__card {
        border-radius: 14px;
      }
    
      .block9-glav__photo{
        display: none;
      }
    
      .block9-glav__lead{
        font-size: var(--font-size-btn);
        line-height: 150%;
        text-transform: uppercase;
      }
    
      .block9-glav__input {
        border-radius: 16px;
      }
    
      .block9-glav__form .block9-glav__input,
      .block9-glav__form .block9-glav__input::placeholder,
      .block9-glav__form .help-block {
        font-size: 15px;
      }
      
      .block9-glav__popup-box {
        width: 400px;
      }
    
      .block9-glav__popup-text {
        max-width: 375px;
      }
    
      .block9-glav__popup-btn {
        margin-top: 35px;
      }
    
      .block9-glav__popup-title {
        margin-top: 45px;
      }
      
      .block9-glav__submit{
        font-size: var(--font-size-btn);
        padding: 18px 21px 18px 26px;
        width: 305px;
      }
    
      .block9-glav__input {
        padding: 2px 11px;
      }
    
      .block9-glav__input--lg {
        padding-top: 11px;
      }
    }
    
    @media (max-width: 361px) {
    
      .block2-glav__container, 
      .block3-glav__container, 
      .block4-glav__container, 
      .block5-glav__container, 
      .block6-glav__container, 
      .block7-glav__container, 
      .block8-glav__container {
        padding: 0px 10px;
      }
    
      .block2-glav__card-text, 
      .block2-glav__desc,
      .block3-glav__card-desc,
      .block4-glav__intro,
      .block4-glav__step-desc,
      .block4-glav__note,
      .block5-glav__text,
      .block7-glav__badge,
      .block7-glav__card-text,
      .block8-glav__name, 
      .block8-glav__text,
      .block9-glav__sub{
    
        font-size: 14px;
        line-height: 18px;
      }
    
      .block9-glav__form .block9-glav__input,
      .block9-glav__form .block9-glav__input::placeholder,  
      .block9-glav__form .help-block {
        font-size: 14px;
      }
    
      .block9-glav__form .block9-glav__submit {
        font-size: var(--font-size-base-lg);
      }
    
      .block1-glav__container{
        padding: 60px 10px ;
      }
    
      .block1-glav__title{
        font-weight: var(--font-weight-semibold);
      }
    
      .block1-glav__btn{
        font-size: var(--font-size-btn);
      }
    
      .block2-glav__icon img, .block2-glav__icon svg {
        width: 45px;
        height: 45px;
      }
    
      .block2-glav__card{
        gap: var(--space-15);
      }
    
      .block4-glav__step-title {
        font-size: 14px;
        line-height: 150%;
        font-weight: var(--font-weight-medium);
        text-transform: none;
    }
    
    .block7-glav__card-head .block7-glav__card-title{
      font-size: var(--font-size-base-lg);
    }
    
    .block7-glav__card-title {
        text-transform: none;
      }
    }
