@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

body.poster {
    background-attachment: fixed;
}

p{
  font-size:17px;
}

.top-5 {
    top: 5px;
}

@media (max-width:991px) {
  .image-box{
    height:250px;
  }
  p{
    font-size:16px;
  }
  h5{
  font-size:17px;
}
}

/* Визуально скрыто, но доступно для ассистивных технологий */
.visually-hidden-important {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* Для заданного вами формата чекбокса */
.form-group.checkbox-group {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  }
.form-group.checkbox-group input[type="checkbox"] {
  margin-top: .3rem;
}

h1{
  font-size: 30px;
  color: #6a004f;
}
h2{
  font-size: 25px;
  color: #6a004f;
}
h3{
  font-size: 20px;
  color: #6a004f;
}

/* ===== Hero Section (Finvorax) ===== */
#hero {
  --fvx-primary: #0d6efd;      /* Bootstrap primary */
  --fvx-ink:     #0f172a;      /* Тёмный текст */
  --fvx-mute:    #64748b;      /* Вторичный текст */
  --fvx-soft:    #eef4ff;      /* Мягкий фон акцентов */
  --fvx-grad-1:  255, 255, 255;/* Белый для плавного перехода */
  --fvx-grad-2:  221, 234, 255;/* Голубой оттенок */
  --fvx-grad-3:  241, 247, 255;/* Светлый */
  background: linear-gradient(
    180deg,
    rgba(var(--fvx-grad-1), 1) 0%,
    rgba(var(--fvx-grad-2), 0.6) 35%,
    rgba(var(--fvx-grad-3), 1) 100%
  );
}

#hero .hero-kicker {
  letter-spacing: .08em;
}

#hero h1 {
  color: var(--fvx-ink);
}

#hero .lead {
  color: var(--fvx-mute);
}

/* CTA */
#hero .btn-lg {
  border-radius: .8rem;
  font-weight: 600;
}

#hero .btn-outline-primary:hover {
  box-shadow: 0 .65rem 1.2rem rgba(13, 110, 253, .15);
}

/* Малые доверительные блоки */
#hero .hero-stat .h4 {
  color: var(--fvx-ink);
}
#hero .hero-stat .small {
  color: var(--fvx-mute);
}

/* Медиа-карта справа */
#hero .hero-media {
  border-radius: 1.25rem;
  overflow: hidden;
  background: #fff;
}
#hero .hero-media .ratio {
  border-radius: 1.25rem;
}
#hero .hero-media img {
  object-fit: cover;
  border-radius: 1.25rem;
}

/* Декоративные элементы фона */
#hero .hero-bg-gradient {
  position: absolute;
  inset: -20% -10% auto -10%;
  height: 65%;
  z-index: 0;
  background:
    radial-gradient(40rem 20rem at 10% 10%, rgba(13,110,253,.07), transparent 60%),
    radial-gradient(30rem 15rem at 90% 20%, rgba(99,102,241,.08), transparent 60%),
    radial-gradient(20rem 12rem at 40% 80%, rgba(13,110,253,.05), transparent 60%);
  pointer-events: none;
}

#hero .hero-shape-1,
#hero .hero-shape-2 {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(28px);
  opacity: .5;
}
#hero .hero-shape-1 {
  width: 220px; height: 220px;
  bottom: -40px; left: -60px;
  background: radial-gradient(circle at 30% 30%, rgba(13,110,253,.25), transparent 60%);
}
#hero .hero-shape-2 {
  width: 300px; height: 300px;
  top: -60px; right: -70px;
  background: radial-gradient(circle at 70% 70%, rgba(99,102,241,.22), transparent 60%);
}

/* Адаптивность и отступы */
@media (min-width: 992px) {
  .py-lg-6 { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }
}

@media (max-width: 991.98px) {
  #hero .hero-media { margin-top: .75rem; }
}
/* ===== Warum Finvorax? ===== */
#why-finvorax {
  --fvx-primary: #0d6efd;  /* Bootstrap primary */
  --fvx-soft:    #eef4ff;  /* Мягкий фон для иконок */
  --fvx-ink:     #0f172a;  /* Тёмный заголовок */
  --fvx-mute:    #5c6670;  /* Вторичный текст */
}

/* Заголовки */
#why-finvorax .display-6 {
  letter-spacing: .2px;
}

/* Карточки преимуществ */
#why-finvorax .feature-card {
  border-radius: 1rem;
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease;
}
#why-finvorax .feature-card:hover,
#why-finvorax .feature-card:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 1rem 2rem rgba(13,110,253,.10);
}

/* Контент и типографика */
#why-finvorax .feature-body p {
  color: var(--fvx-mute);
}
#why-finvorax h3 { color: var(--fvx-ink); }

/* Иконки (опционально: Bootstrap Icons) */
#why-finvorax .feature-icon {
  width: 3rem; height: 3rem;
  border-radius: .75rem;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--fvx-soft);
}
#why-finvorax .feature-icon i {
  font-size: 1.25rem; line-height: 1;
  color: var(--fvx-primary);
}

/* Акцентный блок с цитатой */
#why-finvorax .why-accent {
  background:
    radial-gradient(40rem 20rem at 0% 0%, rgba(13,110,253,.05), transparent 55%),
    radial-gradient(30rem 15rem at 100% 10%, rgba(99,102,241,.06), transparent 60%),
    #ffffff;
  border: 1px solid rgba(13,110,253,.08);
}
#why-finvorax .why-accent .lead {
  color: var(--fvx-ink);
}
#why-finvorax .blockquote-footer {
  color: var(--fvx-mute);
}

/* Адаптив: выравнивание заголовков в сетке */
@media (min-width: 992px) {
  #why-finvorax .h5 { min-height: 2.25rem; }
}

#process {
  --fvx-primary: #0d6efd;  /* Bootstrap primary */
  --fvx-line:    #d9e4ff;  /* Линия таймлайна */
  --fvx-soft:    #eef4ff;  /* Фон бейджа */
  --fvx-ink:     #0f172a;  /* Заголовки */
  --fvx-mute:    #5c6670;  /* Текст */
}

/* Заголовок */
#process .display-6 { letter-spacing: .2px; }

/* Список-таймлайн */
#process .process-timeline {
  position: relative;
  padding-left: 0;
}

/* Вертикальная линия */
#process .process-timeline::before {
  content: "";
  position: absolute;
  top: .25rem;
  left: 1.35rem;                 /* Центр относительно бейджа */
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, var(--fvx-line), rgba(217,228,255,0.15));
  pointer-events: none;
}

#process .process-step {
  position: relative;
  margin-bottom: 1.25rem;
}

/* Кружок с номером */
#process .process-badge {
  width: 2.5rem; height: 2.5rem;
  border-radius: 50%;
  background: var(--fvx-soft);
  border: 2px solid rgba(13,110,253,.25);
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 .5rem 1.25rem rgba(13,110,253,.08);
}

#process .process-index {
  font-weight: 700;
  color: var(--fvx-primary);
  line-height: 1;
}

/* Карточки шага */
#process .process-card {
  border-radius: 1rem;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}

#process .process-card:hover,
#process .process-card:focus-within {
  transform: translateY(-1px);
  box-shadow: 0 1rem 2rem rgba(13,110,253,.10);
}

#process .process-card .text-muted { color: var(--fvx-mute) !important; }

/* Иконки (если подключены Bootstrap Icons) */
#process .bi { font-size: 1.1rem; }

/* Адаптивность */
@media (max-width: 575.98px) {
  /* Укоротить линию и выровнять под мобильный */
  #process .process-timeline::before {
    left: 1.2rem;
  }
  #process .process-badge {
    width: 2.25rem; height: 2.25rem;
  }
}

@media (min-width: 992px) {
  /* Немного больше воздуха на десктопе */
  #process .process-step { margin-bottom: 1.5rem; }
}

/* Заголовок */
#pricing .display-6 { letter-spacing: .2px; }

/* Карточки */
#pricing .pricing-card {
  border-radius: 1rem;
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease;
}
#pricing .pricing-card:hover,
#pricing .pricing-card:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 1rem 2rem rgba(13,110,253,.10);
}

/* Выделенный тариф */
#pricing .pricing-card.featured {
  outline: 2px solid rgba(13,110,253,.15);
}

/* Цена */
#pricing .price {
  display: flex; align-items: baseline; gap: .5rem;
}
#pricing .price-value {
  font-size: 2rem; font-weight: 700; color: var(--fvx-ink);
}
#pricing .price-period {
  color: #6b7280; font-weight: 500;
}

/* Список фич */
#pricing .pricing-list li {
  display: flex; gap: .5rem; align-items: flex-start;
  margin-bottom: .45rem; color: #5c6670;
}
#pricing .pricing-list i { color: var(--fvx-primary); margin-top: .15rem; }

/* Кнопки */
#pricing .btn {
  border-radius: .75rem; font-weight: 600;
}
#pricing .btn-primary {
  box-shadow: 0 .75rem 1.25rem rgba(13,110,253,.25);
}
#pricing .btn-outline-primary:hover {
  box-shadow: 0 .5rem 1rem rgba(13,110,253,.15);
}

/* Примечание */
#pricing .pricing-note {
  border-radius: .9rem;
}

/* Адаптив: выравнивание заголовков карточек */
@media (min-width: 992px) {
  #pricing .h5 { min-height: 2.25rem; }
}