/* Импорт шрифта Inter с поддержкой кириллицы */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap&subset=cyrillic');

/* Применение шрифта Inter для всего сайта */
body {
    font-family: 'Inter', sans-serif;
}


:root {
  --color-primary: #C21631;
  --color-secondary: #f6d860;
  --color-accent: #37cdbe;
  --color-neutral: #3d4451;
  --color-base100: #ffffff;
  --fallback-p: #C21631;
  --fallback-pc: white;
}
.container {
  max-width: 100%;
}
.shadow-button {
  white-space: nowrap;
}
/* Small screens (sm) */
@media (min-width: 0) {
  .container {
    max-width: 640px !important;
    padding: 0 1rem;
  }
}
.gerb {
  display: block;
}
@media(max-width: 1024px) {
  .gerb {
    display: none;
  }
}
/* Medium screens (md) */
@media (min-width: 768px) {
  .container {
    max-width: 1024px !important;
    padding: 0 1rem;
  }
}

/* Large screens (lg) */
@media (min-width: 1024px) {
  .container {
    max-width: 1280px !important;
    padding: 0 1rem;
  }
}

/* Extra large screens (xl) */
@media (min-width: 1280px) {
  .container {
    max-width: 1700px !important;
    padding: 0 1rem;
  }
}
.header__slider-title::after, .plus__header-title::after {
    content: '';
    position: absolute;
    bottom: -20px; /* отступ от текста */
    left: 0;
    width: 64px;
    height: 4px;
    background-color: var(--fallback-p); /* замените на ваш основной цвет */
  }
.forms__header-item::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 48%;
    width: 64px;
    height: 4px;
    background-color: var(--fallback-p); /* замените на ваш основной цвет */
  }
@media(max-width: 1024px) {
  .forms__header-item::after {
    left: 40%;
  }
}
  .no-marker::marker {
    content: '';
  }
  .swiper-button-prev,   .swiper-button-next {
    height: 24px !important;
    top: unset !important;
    margin-top: unset !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .swiper-button-prev:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.3688 12.6512L11.9096 19.2305C12.2904 19.5898 12.8728 19.5898 13.2312 19.2305C13.5896 18.8713 13.5896 18.265 13.2312 17.9057L7.33999 12L13.2312 6.09433C13.5896 5.71258 13.5896 5.1287 13.2312 4.76948C12.8728 4.41018 12.2904 4.41018 11.9096 4.76948L5.3688 11.3263C5.01042 11.7081 5.01042 12.2919 5.3688 12.6512Z" fill="%23FFFFFF"/></svg>') !important;
  }
  .swiper-button-next:after {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px;
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.6312 11.3488L12.0904 4.76946C11.7096 4.41018 11.1272 4.41018 10.7688 4.76946C10.4104 5.12874 10.4104 5.73503 10.7688 6.09432L16.66 12L10.7688 17.9057C10.4104 18.2874 10.4104 18.8713 10.7688 19.2305C11.1272 19.5898 11.7096 19.5898 12.0904 19.2305L18.6312 12.6737C18.9896 12.2919 18.9896 11.7081 18.6312 11.3488Z" fill="%23FFFFFF"/></svg>') !important;
  }

  .progress-bar {
    position: relative;
    width: 64px;
    height: 2px;
    background-color: #132041;
  }
  
  .progress-fill {
    position: absolute;
    height: 100%;
    width: 0;
    background-color: #C21631;
    transition: width 0.3s ease;
  }
  .swiper-counter {
        font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    
    color: #000000;
    
    
  }
  .swiper-slide {
    cursor: pointer;
  }
  .swiper-counter.current-slide {
    margin-right: 8px;
  }
  .swiper-counter.total-slides {
    margin-left: 8px;
  }