.hot-split-banner-container {
    width: 100%;
    height: 753px;
    background-image: url('../images-2/img21.webp');
    background-size: cover;
    background-position: center bottom;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

/* Конвеєрна стрічка тексту */
.hot-split-ticker-ribbon {
    margin-top: 30px;
    background: #f00;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.hot-split-ticker-inner {
    display: inline-block;
    padding: 4px 0px;
    height: 28px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    animation: hotSplitInfiniteMarquee 16s linear infinite;
}

.hot-split-ticker-inner span {
    display: inline-block;
}

@keyframes hotSplitInfiniteMarquee {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
}

/* Блок головного заголовка */
.hot-split-header-group {
    display: block;
    text-align: center;
    margin-top: 24px;
    box-sizing: border-box;
}

.hot-split-main-title {
    margin: 0 auto;
    font-weight: 400;
    font-size: 56px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
}

.hot-split-main-title .title-yellow {
    color: #ffdc17;
    display: block;
    font-family: 'Righteous';
}

.hot-split-main-title .title-white {
    color: #fff;
    display: block;
    margin-top: -2px;
    font-family: 'Righteous';
}

/* Каліграфічний логотип-лейба */
.hot-split-author-logo {
    display: block;
    margin: 2px auto 0 auto;
    width: 244px;
    height: auto;
}

/* Нижня абсолютна зона для точного позиціонування над ліхтарями авто */
.hot-split-action-zone {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 348px;
    text-align: center;
    box-sizing: border-box;
}

/* Єдиний клікабельний елемент для всього блоку */
.hot-split-composite-trigger {
    display: block;
    text-decoration: none;
    outline: none;
}

/* Скляна плашка ціни */
.hot-split-price-badge {
    box-sizing: border-box;
    border-radius: 12px 12px 0 0;
    padding: 8px;
    width: 253px;
    height: 73px;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.13);
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: none;
    font-weight: 800;
    font-family: 'SourceSans3-Bold';
    font-size: 40px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0 auto -14px auto; /* Легке перекриття кнопкою */
    position: relative;
    z-index: 1;
}

.hot-split-price-badge .currency-color {
    color: #ffdc1e;
    font-family: 'SourceSans3-Bold';
}

/* Велика червона кнопка дій */
.hot-split-action-button {
    box-sizing: border-box;
    border-radius: 100px;
    padding: 11px 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 348px;
    height: 63px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.25), 0 8px 16px rgba(0, 0, 0, 0.35);
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    font-weight: 500;
    font-size: 32px;
    line-height: 94%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
}

/* Опис пропозиції в самому низу */
.hot-split-footer-notice {
    margin: 15px auto 0 auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    width: 320px;
}




.splits-update-card {
    width: 100%;
    box-sizing: border-box;
    padding-top: 48px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Стилізація головного заголовка */
.splits-update-title {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    padding: 0 20px;
    box-sizing: border-box;
}

.splits-update-title-2 {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    padding: 0 20px;
    box-sizing: border-box;
}

.splits-update-title-2 span{
    color: #F00;
    font-family: 'Righteous';
}

/* Базові стилі для текстових абзаців */
.splits-update-text {
    margin: 0 auto 28px auto;
    width: 396px;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #000;
    box-sizing: border-box;
}

/* Другий абзац з точним переносом рядків */
.splits-update-text.splits-uppercase-note {
    margin: 28px auto 24px auto;
    width: 380px;
}

/* Колірний акцент для важливих числових та текстових значень */
.splits-text-red {
    font-weight: 600;
    color: #f00;
}

/* Конфігурація центрального зображення телефонів */
.splits-update-phones-img {
    width: 247px;
    height: auto;
    display: block;
    margin: 0 auto 30px auto;
}

/* Контейнер для нижнього зображення */
.splits-update-preview-container {
    width: 100%;
    margin-top: auto;
    display: block;
}

/* Стилізація нижнього зображення інтерфейсу на всю ширину */
.splits-update-full-width-img {
    width: 100%;
    border-radius: 24px;
    display: block;
    height: auto;
}

.wc-main-container {
    width: 100%;
    box-sizing: border-box;
    background: url(../images-2/blur.webp) no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Заголовок секції */
.wc-main-header {
    margin: 35px 0 20px 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

/* Специфікація білої картки контенту */
.wc-content-card {
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 12px;
    padding: 24px 0 24px 40px;
    width: 380px;
    box-shadow: 0px 10px 25px rgba(164, 5, 5, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}












/* Позиціонування обгортки (переконайся, що вона має relative) */
.wc-content-card {
    position: relative;
    box-sizing: border-box;
}

/* Ліва поличка */
.wc-left-line {
    position: absolute;
    left: 20px;
    top: 30px;
    width: 9px;
    height: 301px;
    object-fit: contain;
    pointer-events: none;
}

/* Рядки списку */
.wc-info-row {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    position: relative;
    padding: 6px 10px;
    box-sizing: border-box;
    transition: filter 0.4s ease, opacity 0.4s ease;
}

.wc-info-row:last-child {
    margin-bottom: 0;
}

/* Колонка чисел */
.wc-num-col h3 {
    color: #F00;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    padding-top: 5px;
    line-height: 100%;
    text-transform: uppercase;
    margin: 0;
}

/* Текстова колонка */
.wc-text-col {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Червоний заголовок */
.wc-red-title {
    color: #F00;
    font-family: 'SourceSans3-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0;
}

/* Чорний опис */
.wc-black-desc {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

/* --- Ефект поетапного розмиття (Blur Overlay) --- */
.wc-blur-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 5;
    pointer-events: none;
    border-radius: 8px;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    opacity: 1;
    visibility: visible;
}

/* Стан, коли пункт став видимим */
.wc-info-row.is-visible .wc-blur-overlay {
    opacity: 0;
    visibility: hidden;
}







/* Контейнер картки */
.w23-container {
    display: flex;
    width: 380px;
    height: 375px;
    margin: 70px auto 0 auto;
    padding-bottom: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px; /* Оптимізований відступ між заголовками та контентом */
    flex-shrink: 0;
    border-radius: 24px;
    border: 2px solid #F00;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.03) 100%), #fff; /* Додано білу підкладку під градієнт як на макеті */
    box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.40);
    position: relative; /* Важливо для позиціонування тега подарунка */
    box-sizing: border-box;
    overflow: visible; /* Дозволяє круглому подарунку виходити трохи за край */
}

/* Верхня плашка */
.w23-top-badge {
    display: flex;
    width: 227px;
    height: 43px;
    justify-content: center;
    align-items: center;
    gap: 11px;
    margin-top: -20px;
    border-radius: 100px;
    background: linear-gradient(180deg, #E30613 0%, #B00000 100%); /* Градієнтна кнопка з макету */
    box-shadow: 0 4px 15px rgba(227, 6, 19, 0.4);
}

.w23-badge-text {
    color: #FFF;
    font-family: "Source Sans 3", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

/* Заголовок */
.w23-title {
    text-align: center;
    margin: 0;
    font-family: 'Righteous';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 112.102%;
    text-transform: uppercase;
}

.w23-title span{
    font-family: 'Righteous';
}

.w23-title-red {
    color: #F00;
}

.w23-title-black {
    color: #000;
}

/* Контентна область (нижній ряд) */
.w23-content-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 10px;
    box-sizing: border-box;
    gap: 10px;
}

/* Лівий червоний блок */
.w23-red-box {
    display: flex;
    width: 215px;
    height: 185px; /* Зафіксовано висоту під загальний розмір картки */
    padding: 20px 14px; /* Оптимізовано під 185px висоти */
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 24px;
    background: linear-gradient(180deg, #F00 0%, #900 100%);
    box-sizing: border-box;
}

.w23-box-desc {
    color: #FFF;
    font-family: "Source Sans 3", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* Оптимальна висота рядка */
    margin: 0;
}

/* Права колонка з картинками */
.w23-img-wrapper {
    width: 130.617px;
    height: 185px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w23-right-image {
    width: 130.617px;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Тег круглого подарунка у відносній позиції картки */
.w23-gift-tag {
    width: 83.721px;
    height: 83.721px;
    position: absolute;
    right: -19px;
    bottom: 132px;
    z-index: 10;
    pointer-events: none;
}








/* Рядок списку */
.wc-info-row {
    display: flex;
    width: 100%;
    box-sizing: border-box;
}

/* Стилізація круглих градієнтних чисел */
.wc-badge-number {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    flex-shrink: 0;
}

/* Мініатюри екранів/зображень */
.wc-row-thumb {
    width: 113px;
    height: 63px;
    border-radius: 8px;
    object-fit: cover;
    margin-left: 10px;
    margin-right: 12px;
    flex-shrink: 0;
    display: block;
}

/* Текст опису в рядку */
.wc-row-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: rgba(0, 0, 0, 0.85);
    text-align: left;
}

/* Обертка для нижньої графічної зони цитати */
.wc-quote-wrapper {
    position: relative;
    width: 100%;
    margin-top: -53px;
    display: block;
}

/* Фонова картинка з тренером та баблом */
.wc-quote-backdrop {
    width: 100%;
    height: auto;
    display: block;
}

/* Накладання тексту на область бабла */
.wc-quote-overlay-text {
    position: absolute;
    top: 41px;
    left: 161px;
    right: 28px;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-align: left;
    box-sizing: border-box;
}

/* Жовтий маркер виділення важливого тексту */
.wc-text-marker {
    background-color: #FFF5B9;
    padding: 1px 0;
}



/* Окремий клас для створення ефекту пульсації/мигання */
.pulse-animation {
    animation: customPulseEffect 2s infinite ease-in-out;
    display: inline-block; /* Гарантує коректну роботу transform для будь-яких елементів */
}

/* Ключові кадри анімації */
@keyframes customPulseEffect {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.01); /* Легке збільшення на 5% */
        opacity: 0.85;          /* Легке прозоре мигання */
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}





.vd-title{
  font-weight: 400;
font-size: 32px;
line-height: 112%;
padding-top: 60px;
text-transform: uppercase;
text-align: center;
color: #000;
}

.vd-title span{
  color: #f00;
  font-family: 'Righteous';
}

.vd-subTitle{
  font-weight: 400;
font-size: 16px;
line-height: 125%;
text-transform: uppercase;
text-align: center;
color: #000;
padding-top: 15px;
}



.video-card-text {
  padding: 16px 12px 12px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* --- Сітка та малі картки --- */
.video-cards-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 380px;
  margin: 0 auto;
  padding-top: 30px
}

.video-card-small {
  width: 182px;
  box-shadow: 0 -4px 29px 0 rgba(0, 0, 0, 0.15);
background: rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.video-card-small .video-card-text {
  padding: 14px 8px 10px 8px;
  min-height: 72px; /* Вирівнювання висоти текстів у сітці */
}

.video-card-title-small {
 font-weight: 400;
font-size: 30px;
text-transform: uppercase;
text-align: center;
color: #f00;
  margin: 0 0 4px 0;
}

.video-card-subtitle-small {
font-weight: 400;
font-size: 16px;
line-height: 125%;
text-align: center;
color: rgba(32, 32, 32, 0.7);
  margin: 0;
}

.video-wrapper-small {
  width: 182px;
  height: 101px;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  box-sizing: border-box;
}

.video-wrapper-small video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- Стилі оверлею та кнопки Play --- */
.video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.2s ease;
}

.video-overlay.is-playing {
  opacity: 0;
}

.video-overlay.is-playing:hover,
.video-overlay.is-playing:active,
.video-overlay.is-playing.touched {
  opacity: 1;
}

.video-play-btn {
  width: 38px;
  height: 38px;
  transition: transform 0.15s ease, opacity 0.15s ease;
  pointer-events: none;
}

.video-overlay:active .video-play-btn {
  transform: scale(0.9);
  opacity: 0.8;
}





.zm-method-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat;
    background-position: center;
    box-sizing: border-box;
    padding: 60px 0 32px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Стилізація комбінованого головного заголовка */
.zm-main-title {
    margin: 0 0 6px 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

/* Окремий брендований рядок заголовка */
.zm-main-title .zm-title-brand {
    color: #f00;
    font-family: 'Righteous';
    display: block;
    margin-top: 2px;
}

/* Описовий підзаголовок */
.zm-subtitle {
    margin: 0 0 16px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    letter-spacing: 0.01em;
}

/* Обгортка для центрального зображення */
.zm-wheel-wrapper {
    width: 100%;
    display: block;
    margin-bottom: 16px;
}

.zm-wheel-img {
    width: 100%;
    height: auto;
    display: block;
}

/* Головна картка списку переваг */
.zm-info-card {
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 12px;
    padding: 24px 14px;
    width: 380px;
    height: 462px;
    box-shadow: 0px 10px 25px rgba(164, 5, 5, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Окремий інформаційний рядок списку */
.zm-card-row {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

/* Круглі червоні іконки переваг */
.zm-row-icon {
    width: 50px;
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}

/* Текстовий блок в рядку списку */
.zm-row-text {
    margin-left: 14px;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: rgba(0, 0, 0, 0.85);
    text-align: left;
}

/* Контейнер для SVG лінії розмежування */
.zm-separator {
    width: 352px;
    height: 1px;
    display: block;
    flex-shrink: 0;
}

.zm-separator svg {
    display: block;
    width: 100%;
    height: auto;
}





.ns-reasons-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat;
    background-position: center;
    box-sizing: border-box;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    overflow: hidden;
}

/* Уніфікований великий заголовок */
.ns-reasons-title {
    margin: 0 0 12px 0;
    font-weight: 400;
    font-size: 31px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    width: 390px;
}

/* Колірний акцент для заперечення в заголовку */
.ns-reasons-title .ns-text-red {
    color: #f00;
    font-family: 'Righteous';
}

/* Базовий стиль для карток із точними параметрами відступів */
.ns-reason-card {
    position: relative;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 0px 0px 0px 24px;
    width: 380px;
    height: 105px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
background: linear-gradient(180deg, rgba(236, 236, 236, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Стилізація інформаційного контенту всередині карток */
.ns-card-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-align: left;
    z-index: 2;
}

/* Розрахунок індивідуальної ширини тексту під кожну фігуру */
.ns-card-text.text-w-1 { width: 225px; font-size: 15px; } /* Оптимізація для довгого тексту */
.ns-card-text.text-w-2 { width: 235px; font-size: 13.5px; } /* Максимальна щільність контенту */
.ns-card-text.text-w-3 { width: 265px; font-size: 14px; }

/* Загальні налаштування для позиціонування фотографій моделей */
.ns-card-img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 106px;
    width: auto;
    object-fit: contain;
    z-index: 1;
    display: block;
}

/* Точне мікро-позиціонування для кожної картинки окремо */
.ns-card-img.img-spec-1 {
    right: -4px;
    bottom: 0;
}

.ns-card-img.img-spec-2 {
    right: 0;
    bottom: -2px;
}

.ns-card-img.img-spec-3 {
    right: 6px;
    bottom: 0;
}



.s10-safety-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat center;
    box-sizing: border-box;
    padding: 40px 0 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Стилізація заголовка */
.s10-main-title {
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

/* Червоний акцентний рядок у заголовку */
.s10-main-title .s10-title-red {
    color: #f00;
    font-family: 'Righteous';
    display: block;
    margin-bottom: 2px;
}

/* Обгортка для позиціонування тексту поверх зображення */
.s10-bubble-wrapper {
    position: relative;
    width: 100%;
    margin-top: -20px;
    display: flex;
    justify-content: center;
}

/* Фонове зображення бабла та тренера */
.s10-bubble-bg {
    width: 100%;
    height: auto;
    display: block;
}

/* Контейнер тексту всередині бабла */
.s10-bubble-content {
    position: absolute;
    top: 75px; /* Точне позиціонування відносно верхнього краю бабла */
    left: 45px; /* Відступ від лівого краю */
    width: 250px;
    box-sizing: border-box;
    text-align: left;
}

/* Стилі абзаців */
.s10-text-paragraph {
    margin: 0 0 22px 0;
    font-family: var(--font-family); /* Успадкування заданого шрифту */
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 20px; /* 125% */
    color: #000;
}

/* Прибирання відступу в останнього абзацу */
.s10-text-paragraph:last-child {
    margin-bottom: 0;
}

/* Жовте виділення тексту (маркер) */
.s10-highlight {
    background-color: #fdf2a6;
    padding: 1px 0; /* Мінімальний падінг, щоб не ламати міжрядковий інтервал */
    border-radius: 1px;
}



.rt-timeline-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat center;
    box-sizing: border-box;
    padding: 44px 0 60px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Оновлені заголовки згідно ТЗ */
.rt-main-title {
    margin: 0 auto 10px auto;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    width: 380px;
}

.rt-main-title .rt-title-red {
    color: #f00;
    font-family: 'Righteous';
    display: block;
}

/* Стилізація вступного тексту */
.rt-intro-text {
    margin: 0 auto 36px auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    text-align: center;
    color: #000;
    width: 380px;
}

/* Обгортка робочої зони таймлайну */
.rt-timeline-wrapper {
    position: relative;
    width: 396px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    box-sizing: border-box;
    padding-left: 10px;
}

/* ТЗ: Анімована маска лінії, яка розгортається зверху до низу по height */
.rt-line-mask {
    position: absolute;
    left: -10px;
    top: -35px;
    width: 146px;
    height: 0px; /* Початковий стан до скролу */
    overflow: hidden;
    z-index: 1;
    transition: height 2.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Фіксація пропорцій зображення хвилястої стрілки */
.rt-absolute-line-img {
    width: 146px;
    height: 642px;
    display: block;
    object-fit: contain;
}

/* Стан після тригеру скролу: плавно висуваємо лінію на повну висоту */
.rt-activated .rt-line-mask {
    height: 642px;
}

/* Елемент структури кроку */
.rt-timeline-item {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
}

/* Кругла рамка для фотографій */
.rt-circle-frame {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    opacity: 0; /* Початковий стан до скролу */
    transform: scale(0.9);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.rt-avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Інформаційні блоки контенту */
.rt-content-box {
    margin-left: 16px;
    width: 250px;
    box-sizing: border-box;
    opacity: 0; /* Початковий стан до скролу */
    transition: opacity 0.6s ease-out;
}

/* Специфікація текстових стилів згідно ТЗ */
.rt-item-header {
    margin: 0 0 4px 0;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
}

.rt-item-description {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-align: left;
}

/* ТЗ: Почергове з'явлення картинок та тексту (Staggered Animation Delays) */
.rt-activated .rt-timeline-item[style*="--item-index: 1"] .rt-circle-frame,
.rt-activated .rt-timeline-item[style*="--item-index: 1"] .rt-content-box {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.2s;
}

.rt-activated .rt-timeline-item[style*="--item-index: 2"] .rt-circle-frame,
.rt-activated .rt-timeline-item[style*="--item-index: 2"] .rt-content-box {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.7s;
}

.rt-activated .rt-timeline-item[style*="--item-index: 3"] .rt-circle-frame,
.rt-activated .rt-timeline-item[style*="--item-index: 3"] .rt-content-box {
    opacity: 1;
    transform: scale(1);
    transition-delay: 1.2s;
}

.rt-activated .rt-timeline-item[style*="--item-index: 4"] .rt-circle-frame,
.rt-activated .rt-timeline-item[style*="--item-index: 4"] .rt-content-box {
    opacity: 1;
    transform: scale(1);
    transition-delay: 1.7s;
}





.s9-students-slider-block {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat bottom;
    box-sizing: border-box;
    padding: 38px 0 50px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Головний заголовок */
.s9-main-heading {
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 34px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

.s9-heading-red {
    color: #f00;
    font-family: 'Righteous';
}

/* Беджі (Плашки) */
.s9-badges-container {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 24px;
}

.s9-badge-item {
    font-weight: 600;
    font-size: 14px;
    line-height: 143%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-radius: 100px;
    padding: 10px;
    width: 141px;
    height: 35px;
    box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.14);
    background: rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.s9-badge-icon {
    width: 24px;
    height: auto;
    margin-right: 4px;
}

/* Опис під беджами */
.s9-description-text {
    margin: 0 auto 30px auto;
    text-align: center;
    width: 380px;
    line-height: 140%;
}

.s9-desc-highlight {
    font-weight: 600;
    font-family: 'SourceSans3-Bold';
    font-size: 16px;
    text-transform: uppercase;
    color: #f00;
}

.s9-desc-regular {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
}

/* Swiper Слайдер */
.s9-custom-swiper {
    width: 100%;
    padding-bottom: 10px;
    overflow: visible;
}

/* Слайди */
.s9-custom-swiper .swiper-slide {
    width: 230px; /* Ширина одного слайду */
    height: 410px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Картинки всередині слайдів */
.s9-slide-media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
}

/* Оверлей кнопки Play */
.s9-play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
    z-index: 10;
    pointer-events: none; /* Щоб клік проходив на сам слайд */
}

/* Навігація та скролбар */
.s9-controls-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 380px;
    margin: 24px auto 38px auto;
}

/* Кастомний Scrollbar (Прогрес лінія з кружечком) */
.s9-custom-scrollbar {
    flex-grow: 1;
    height: 3px;
    background: rgba(255, 0, 0, 0.2);
    border-radius: 3px;
    position: relative;
    margin-right: 24px;
}

.s9-custom-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    background: #f00;
    position: relative;
    border-radius: 3px;
}

.s9-custom-scrollbar .swiper-scrollbar-drag::after {
    content: '';
    position: absolute;
    right: -7px;
    top: -5.5px;
    width: 14px;
    height: 14px;
    background: #f00;
    border-radius: 50%;
}

/* Кнопки стрілок */
.s9-nav-arrows {
    display: flex;
    gap: 12px;
}

.s9-arrow-btn {
    width: 45px;
    height: 45px;
    cursor: pointer;
    object-fit: contain;
}

/* Кнопка дії (Join) */
.s9-join-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    padding: 25px 32px;
    width: 307px;
    height: 67px;
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    text-decoration: none;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(164, 5, 5, 0.3);
}




/* Навігація та скролбар */
.s9-controls-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 380px;
    margin: 24px auto 38px auto;
}

/* Сама лінія скролбару */
.s9-custom-scrollbar {
    flex-grow: 1;
    height: 4px !important; /* Трохи товстіша для кращого вигляду */
    background: rgba(255, 0, 0, 0.2) !important;
    border-radius: 3px;
    position: relative !important;
    margin-right: 24px;
    opacity: 1 !important; /* Примусово показуємо */
    display: block !important;
}

/* Червоний повзунок прогресу */
.s9-custom-scrollbar .swiper-scrollbar-drag {
    height: 100% !important;
    background: #f00 !important;
    position: absolute !important; /* ВАЖЛИВО: має бути absolute для Swiper */
    left: 0;
    top: 0;
    border-radius: 3px;
}

/* Червоний кружечок на кінці повзунка */
.s9-custom-scrollbar .swiper-scrollbar-drag::after {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: #f00;
    border-radius: 50%;
}

/* Кастомна лінія прогресу (замість стандартного скролбара) */
.s9-custom-progress-track {
    flex-grow: 1;
    height: 3px;
    background: rgba(255, 0, 0, 0.2);
    border-radius: 3px;
    position: relative;
    margin-right: 24px;
}

/* Зафарбована частина прогресу */
.s9-custom-progress-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f00;
    border-radius: 3px;
    width: 0%; /* Значення задаватиметься через JS */
    transition: width 0.3s ease-out; /* Плавний рух при кліку на стрілки */
}

/* Червоний кружечок на кінці зафарбованої лінії */
.s9-custom-progress-fill::after {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: #f00;
    border-radius: 50%;
}



.mh-musthave-container {
    width: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 40px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Уніфікований великий заголовок секції */
.mh-main-title {
    margin: 0 auto 24px auto;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    width: 390px;
}

/* Червоний акцентний шрифт у заголовку */
.mh-main-title .mh-title-red {
    color: #f00;
    font-family: 'Righteous';
}

.rt-img{
    width: 273px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    object-fit: contain;
}

/* Стилізація заголовка списку LIST */
.mh-list-title {
    width: 380px;
    margin: 0 auto 20px auto;
    font-weight: 600;
    font-size: 16px;
    font-family: 'SourceSans3-Medium';
    line-height: 120%;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    box-sizing: border-box;
    padding-left: 6px;
}

.mh-list-title span{
    color: #F00;
    font-family: 'SourceSans3-Bold';
}

/* Основа картки з готовим фоном та тінями */
.mh-list-card {
    position: relative;
   min-width: 110%;
    height: 452px;
    margin-top: -20px;
    margin-right: -20px;
    background: url('../images-2/img30.webp') no-repeat center / contain;
    box-sizing: border-box;
}

/* Абсолютне позиціонування елементів тексту строго навпроти чекбоксів */
.mh-list-item {
    position: absolute;
    left: 115px;
    font-weight: 400;
    font-size: 19px;
    line-height: 120%;
    color: #000;
    text-align: left;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

/* Точне вирівнювання по центрах вбудованих у картинку чекбоксів (крок 76px) */
.mh-item-1 { top: 70px; }
.mh-item-2 { top: 136px; }
.mh-item-3 { top: 212px; }
.mh-item-4 { top: 288px; }
.mh-item-5 { top: 364px; }





.inc-courses-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat bottom;
    box-sizing: border-box;
    padding: 20px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    overflow: hidden;
}

/* Уніфікований великий заголовок секції */
.inc-main-title {
    margin: 0 auto 6px auto;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    width: 390px;
}

/* Брендований червоний акцент у заголовку */
.inc-main-title .inc-title-red {
    color: #f00;
    font-family: 'Righteous';
}

/* Верхня картка огляду з контуром */
.inc-overview-card {
    box-sizing: border-box;
    border-radius: 12px;
    width: 380px;
    height: 100px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #FC7D7D;
    display: flex;
    align-items: center;
    padding: 0 14px;
}

/* Зображення телефонів всередині картки */
.inc-overview-phones {
    width: 79px;
    height: 79px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}

/* Текст всередині картки */
.inc-overview-text {
    margin: 0 0 0 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #000;
    text-align: left;
}

/* Нижні блоки карток з тумблерами (ефект скла) */
.inc-course-toggle-card {
    box-sizing: border-box;
    border-radius: 24px;
    padding: 24px 14px;
    width: 380px;
    height: 200px;
    background: linear-gradient(90deg, #d0cecc 0%, rgba(245, 243, 243, 0.4) 16.3%, rgba(245, 243, 243, 0.4) 49.88%, rgba(245, 243, 243, 0.4) 81.54%, #cec9c6 100%);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: flex-start;
}

.inc-course-toggle-card:last-child{
    height: 220px;
}

/* Картка-прев'ю всередині блоку */
.inc-course-media-thumb {
    width: 96px;
    height: 108px;
    object-fit: cover;
    border-radius: 12px;
    flex-shrink: 0;
    display: block;
}

/* Права колонка з контентом */
.inc-course-content-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 16px;
    flex-grow: 1;
    box-sizing: border-box;
}

/* Трек тумблера */
.inc-tumbler-track {
    box-sizing: border-box;
    border-radius: 100px;
    width: 52px;
    height: 26px;
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    position: relative;
    margin-bottom: 10px;
}

/* Кружечок всередині тумблера (активний стан праворуч) */
.inc-tumbler-circle {
    box-sizing: border-box;
    border-radius: 1000px;
    width: 22px;
    height: 22px;
    background: #fff;
    position: absolute;
    top: 2px;
    right: 2px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

/* Жирний заголовок курсу */
.inc-course-bold-heading {
    margin: 0 0 13px 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    color: #000;
}

/* Описовий текст під заголовком */
.inc-course-description-text {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: rgba(0, 0, 0, 0.85);
    text-align: left;
}




.access-pricing-container {
    width: 100%;
    background: url(../images-2/blur.webp) no-repeat center;
    box-sizing: border-box;
    padding: 30px 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Головний заголовок */
.access-main-title {
    margin: 0 0 24px 0;
    font-weight: 600;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

.access-main-title .access-title-red {
    color: #f00;
    font-family: 'Righteous';
}

/* -------------------------------------
   КАРТКА 1 - BASIC
---------------------------------------- */
.access-card-basic {
    border-radius: 12px;
    padding: 24px;
    width: 380px;
    height: 266px;
    box-shadow: 0 12px 21px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.access-card-heading {
    font-family: 'Righteous';
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    line-height: 1;
}

.access-card-subheading {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-transform: uppercase;
    margin: 8px 0 12px 0;
}

/* Рядок ціни та лейбла */
.access-price-row {
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 5px;
}

.access-price-amount {
    font-weight: 600;
    font-size: 40px;
    font-family: 'SourceSans3-Bold';
    line-height: 50%;
    color: #000;
}

.access-price-badge {
    font-weight: 600;
    font-size: 16px;
    line-height: 81%;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    padding: 1px 4px;
    width: 94px;
    height: 25px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2);
    background: #f00;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
}

/* -------------------------------------
   КАРТКА 2 - BEST VALUE (PRO)
---------------------------------------- */
.access-card-pro {
    position: relative;
    border-radius: 24px;
    padding: 42px 24px 24px;
    width: 380px;
    height: 342px;
    background: linear-gradient(180deg, #f00 0%, #900 100%);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 45px;
    box-shadow: 0 12px 21px 0 rgba(0, 0, 0, 0.25);
}

.access-pro-badge {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 61px;
    width: 270px;
    height: 50px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.access-pro-badge-text {
    font-weight: 600;
    font-family: 'SourceSans3-Bold';
    font-size: 24px;
    line-height: 83%;
    color: #000;
    margin-left: 8px;
}

.access-card-heading-pro {
    font-family: 'Righteous';
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    line-height: 1;
}

.access-card-subheading-pro {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #fff;
    text-transform: uppercase;
    margin: 8px 0 12px 0;
}

.access-price-amount-pro {
    font-family: 'SourceSans3-Bold';
    font-weight: 600;
    font-size: 40px;
    line-height: 50%;
    color: #fff;
}

/* -------------------------------------
   ЗАГАЛЬНІ ЕЛЕМЕНТИ ДЛЯ ОБОХ КАРТОК
---------------------------------------- */
.access-card-divider {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.access-features-list {
    list-style: none;
    padding: 0;
    margin: 0 0 auto 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.access-feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.access-feature-item span {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
}

.access-feature-item-pro {
    display: flex;
    align-items: center; /* Вирівнювання по верхньому краю для багаторядкових пунктів */
    gap: 12px;
}

.access-feature-item-pro span {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #fff;
    margin-top: 5px; /* Легка корекція для вирівнювання по центру іконки */
}

/* Кнопки карток */
.access-btn-basic {
    font-weight: 600;
    font-size: 20px;
    line-height: 90%;
    font-family: 'SourceSans3-Bold';
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    width: 336px;
    height: 63px;
    background: linear-gradient(180deg, #f00 0%, #900 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
}

.access-btn-pro {
    font-weight: 600;
    font-size: 20px;
    line-height: 90%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-radius: 100px;
    width: 336px;
    height: 63px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}


.guarantee-results-container {
    width: 100%;
    box-sizing: border-box;
    background: url(../images-2/blur.webp) no-repeat bottom;
    padding: 10px 0 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

/* Інформація про покупку (верхній блок) */
.gr-purchase-info {
    width: 380px;
    text-align: center;
    margin-bottom: 40px;
}

.gr-star-icon {
    display: block;
    margin: 0 auto 12px auto;
}

.gr-purchase-text {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
    text-align: center;
}

/* Блок гарантії (Центральний) */
.gr-risk-free-block {
    width: 100%; /* Фон розтягується на всю ширину для ефекту свічення на макеті, якщо потрібно */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 48px;
    background: url(../images-2/blur.webp) no-repeat center;
    background-size: 100% 120%;
    padding: 20px 0;
}

.gr-risk-header-row {
    width: 380px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.gr-shield-icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    flex-shrink: 0;
}

.gr-risk-text-group {
    display: flex;
    flex-direction: column;
    padding-top: 4px;
}

.gr-risk-title {
    margin: 0 0 8px 0;
    font-family: 'SourceSans3-Bold';
    font-weight: 600;
    font-size: 19px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #000;
    line-height: 110%;
}

.gr-risk-description {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    color: #000;
}

/* Кнопка підтримки */
.gr-support-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 100px;
    padding: 25px 32px;
    width: 297px;
    height: 67px;
    background: linear-gradient(180deg, #f00 0%, #a40505 100%);
    font-weight: 600;
    font-size: 20px;
    line-height: 90%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(164, 5, 5, 0.25);
    margin-bottom: 12px;
}

.gr-support-envelope {
    width: 24px;
    height: auto;
    object-fit: contain;
}

.gr-support-subtext {
    margin: 0;
    font-family: 'SourceSans3-Bold';
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
}

/* Головний заголовок секції результатів */
.gr-main-title {
    margin: 0 0 24px 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

.gr-main-title .gr-title-red {
    color: #f00;
    font-family: 'Righteous';
    display: block;
    margin-top: 2px;
}

/* Зображення з сіткою результатів */
.gr-results-grid {
    width: 380px;
    display: flex;
    justify-content: center;
}

.gr-results-image {
    width: 380px;
    height: 408px;
    object-fit: contain;
    display: block;
}



.coach-profile-block {
    width: 100%;
    box-sizing: border-box;
    padding-top: 26px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 4px 37px 0 rgba(0, 0, 0, 0.23);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 24px;
}

/* Заголовки */
.coach-header {
    text-align: center;
    margin-bottom: 8px;
    z-index: 2;
}

.coach-subtitle {
   font-weight: 600;
font-size: 20px;
text-transform: uppercase;
text-align: center;
color: #000;
}

.coach-title {
    margin: 0;
    font-weight: 600;
    font-size: 32px;
    text-transform: uppercase;
    color: #f00;
    letter-spacing: -0.5px;
}

/* Головне фото */
.coach-hero-img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
}

/* Біла картка зі статистикою */
.coach-stats-card {

    padding: 24px 14px;
    width: 412px;
  
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}

/* Секція статистики */
.coach-stats-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
background: rgb(255, 255, 255);
border-radius: 12px;
width: 400px;
height: 100px;
margin-top: -35px;
z-index: 9;
position: relative;
}

.coach-stat-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
}

.stats-number {
    font-weight: 400;
    font-family: 'Righteous';
    font-size: 32px;
    color: #000;
    margin-bottom: 4px;
    text-align: center;
}

.stats-number .stat-suffix {
  font-family: 'Righteous';
    color: #f00;
}

.coach-stat-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 113%;
    text-align: center;
    color: #000;
}

/* Секція біографії */
.coach-bio-row {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.coach-avatar {
    width: 59px;
    height: 59px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.coach-bio-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #19140e;
    margin: 0;
}

.coach-bio-text strong {
    font-family: 'SourceSans3-Bold';
    font-weight: 600;
}

/* Жовте виділення тексту */
.bio-highlight {
    background-color: #fef19c;
    padding: 2px 4px;
    border-radius: 3px;
    margin: 0 -2px; /* Компенсація відступів */
}






.s7 {
    width: 100%;
    margin-top: -2px;
    position: relative;
    z-index: 9;
    padding: 40px 15px 0 15px;
    box-sizing: border-box;
    position: relative;
    background: url(../images-2/blur.webp) no-repeat center;
}


.s7__item {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}

.s7__question {
    display: flex;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
    position: relative;
    gap: 15px;
}

.s7__q-icon {
    width: 35px;
    height: 35px;
}

.s7__q-icon img{
  width: 50%;
}

.s7__q-text {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    flex: 1;
    padding-right: 30px;
}

.s7__arrow {
    width: 22px;
    height: 12px;
    transition: .3s;
    transform: rotate(180deg);
}

/* Стан при відкритті */
.s7__item.active .s7__arrow {
    transform: rotate(0deg);
    margin-top: 5px;
}

/* Логіка відповіді */
.s7__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

.s7__answer-inner {
    display: flex;
    align-items: flex-end;
    padding-bottom: 20px;
    gap: 10px;
}

.s7__answer-bubble {
    background: #FFEBEB;
    border-radius: 25px 25px 0 25px;
    padding: 18px 22px;
    font-size: 16px;
    line-height: 1.4;
    color: #000000;
    flex: 1;
    position: relative;
}

.s7__answer-bubble::after{
  content: "";
  display: block;
  width: 37px;
  height: 26px;
  object-fit: contain;
  position: absolute;
  bottom: 0;
  right: -8px;
  background-image: url(../images-2/knok.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.s7__avatar {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    flex-shrink: 0;
}


.contacts {
    padding: 48px 24px 200px 24px;

  position: relative;
  z-index: 9;
    box-sizing: border-box;
    background: url(../images-2/blur.webp) no-repeat top;
}

.contacts__title {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 36px 0;
    line-height: 100%;
    letter-spacing: -0.5px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
}
.contacts__title span{
  color: #F00;
font-family: 'Righteous';
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.contacts__grid {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 25px;
}

.contacts__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 118px;
    height: 120px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 -2px 4px 0 rgba(255, 255, 255, 0.25);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
    border-radius: 30px;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-top: 1px solid rgba(255, 255, 255, 0.25);

}

.contacts__icon {
    width: 37%;
    object-fit: contain;
    margin-bottom: 12px;
}

.contacts__icon--email {
    width: 48px;
}

.contacts__label {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.contacts__policy {
    display: inline-block;
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 15px;
}

.contacts__copyright {
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 36px 0;
}

.contacts__payments {
    display: block;
    width: 100%;
    max-width: 90%;
    height: auto;
    object-fit: contain;
    margin-left: -2px;
}



.footer-bg {
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  opacity: 0;
  transform: translateY(150px);
  transition: all .5s ease;
}

.footer {
  background-color: #ffffff67;
  box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 30px 30px 0 0;
  padding: 25px 0 40px 0;
  margin: 0 auto;
  width: 100%;
  max-width: 430px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}

.footer-bg.active {
  transform: translateY(0px);
  opacity: 1;
}

.footer * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Header & Timer Flex Row */
.footer-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  width: 100%;
}

.footer-title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: -0.3px;
}

/* Timer Component Layout */
.footer-timer {
  display: flex;
  align-items: center;
  gap: 6px;
}

.timer-box {
  background: #fff;
  border-radius: 14px;
  font-family: 'Outfit-Medium';
  font-size: 18px;
  font-weight: 600;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 40px;
  padding: 0 8px;
  box-shadow: 0 4px 6.6px 0 rgba(0, 0, 0, 0.08);

}

.timer-divider {
  color: #968A8F;
  font-size: 18px;
  font-weight: 600;
}

/* Action Conversion Button */
.footer-cta-button {
border-radius: 130px;
padding: 14px 24px;
width: 320px;
height: 72px;
background: linear-gradient(180deg, #ff0404 0%, #7b0404 100%);
font-weight: 600;
font-size: 24px;
line-height: 121%;
font-family: 'SourceSans3-Bold';
text-transform: uppercase;
text-align: center;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
}

.footer-cta-button span{
  font-weight: 400;
font-size: 14px;
line-height: 112%;
text-transform: uppercase;
text-align: center;
color: #fff;
}


@media (max-width: 440px) {
    .hot-split-banner-container {
        width: 100%;
        height: 171.1364vw;
        background-image: url('../images-2/img21.webp');
        background-size: cover;
        background-position: center bottom;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }

    .hot-split-ticker-ribbon {
        margin-top: 6.8182vw;
        background: #f00;
        height: 6.3636vw;
        overflow: hidden;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .hot-split-ticker-inner {
        display: inline-block;
        padding: 0.9091vw 0vw;
        height: 6.3636vw;
        font-weight: 600;
        font-size: 3.4091vw;
        line-height: 4.5455vw;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        animation: hotSplitInfiniteMarquee 16s linear infinite;
    }

    .hot-split-ticker-inner span {
        display: inline-block;
    }

    @keyframes hotSplitInfiniteMarquee {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-50%, 0, 0); }
    }

    .hot-split-header-group {
        display: block;
        text-align: center;
        margin-top: 5.4545vw;
        box-sizing: border-box;
    }

    .hot-split-main-title {
        margin: 0 auto;
        font-weight: 400;
        font-size: 12.7273vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
    }

    .hot-split-main-title .title-yellow {
        color: #ffdc17;
        display: block;
        font-family: 'Righteous';
    }

    .hot-split-main-title .title-white {
        color: #fff;
        display: block;
        margin-top: -0.4545vw;
        font-family: 'Righteous';
    }

    .hot-split-author-logo {
        display: block;
        margin: 0.4545vw auto 0 auto;
        width: 55.4545vw;
        height: auto;
    }

    .hot-split-action-zone {
        position: absolute;
        bottom: 13.6364vw;
        left: 50%;
        transform: translateX(-50%);
        width: 79.0909vw;
        text-align: center;
        box-sizing: border-box;
    }

    .hot-split-composite-trigger {
        display: block;
        text-decoration: none;
        outline: none;
    }

    .hot-split-price-badge {
        box-sizing: border-box;
        border-radius: 2.7273vw 2.7273vw 0 0;
        padding: 1.8182vw;
        width: 57.5vw;
        height: 16.5909vw;
        box-shadow: 0 2.7273vw 4.5455vw 0 rgba(0, 0, 0, 0.13);
        background: rgba(255, 255, 255, 0.12);
        backdrop-filter: blur(2.2727vw);
        -webkit-backdrop-filter: blur(2.2727vw);
        border: 0.2273vw solid rgba(255, 255, 255, 0.15);
        border-bottom: none;
        font-weight: 800;
        font-family: 'SourceSans3-Bold';
        font-size: 9.0909vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        margin: 0 auto -3.1818vw auto;
        position: relative;
        z-index: 1;
    }

    .hot-split-price-badge .currency-color {
        color: #ffdc1e;
        font-family: 'SourceSans3-Bold';
    }

    .hot-split-action-button {
        box-sizing: border-box;
        border-radius: 22.7273vw;
        padding: 2.5vw 1.8182vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 79.0909vw;
        height: 14.3182vw;
        box-shadow: inset 0 0.4545vw 0.9091vw 0 rgba(0, 0, 0, 0.25), 0 1.8182vw 3.6364vw rgba(0, 0, 0, 0.35);
        background: linear-gradient(180deg, #f00 0%, #a40505 100%);
        font-weight: 500;
        font-size: 7.2727vw;
        line-height: 94%;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 2;
    }

    .hot-split-footer-notice {
        margin: 3.4091vw auto 0 auto;
        font-weight: 400;
        font-size: 3.1818vw;
        line-height: 130%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        width: 72.7273vw;
    }

    .splits-update-card {
        width: 100%;
        box-sizing: border-box;
        padding-top: 10.9091vw;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .splits-update-title {
        margin: 0 0 4.5455vw 0;
        font-weight: 400;
        font-size: 7.2727vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        padding: 0 4.5455vw;
        box-sizing: border-box;
    }

    .splits-update-title-2 {
        margin: 0 0 4.5455vw 0;
        font-weight: 400;
        font-size: 5.4545vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        padding: 0 4.5455vw;
        box-sizing: border-box;
    }

    .splits-update-title-2 span{
        color: #F00;
        font-family: 'Righteous';
    }

    .splits-update-text {
        margin: 0 auto 6.3636vw auto;
        width: 90vw;
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        text-align: center;
        color: #000;
        box-sizing: border-box;
    }

    .splits-update-text.splits-uppercase-note {
        margin: 6.3636vw auto 5.4545vw auto;
        width: 86.3636vw;
    }

    .splits-text-red {
        font-weight: 600;
        color: #f00;
    }

    .splits-update-phones-img {
        width: 56.1364vw;
        height: auto;
        display: block;
        margin: 0 auto 6.8182vw auto;
    }

    .splits-update-preview-container {
        width: 100%;
        margin-top: auto;
        display: block;
    }

    .splits-update-full-width-img {
        width: 100%;
        border-radius: 5.4545vw;
        display: block;
        height: auto;
    }

    .wc-main-container {
        width: 100%;
        box-sizing: border-box;
        background: url(../images-2/blur.webp) no-repeat;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }

    .wc-main-header {
        margin: 7.9545vw 0 4.5455vw 0;
        font-weight: 400;
        font-size: 5.4545vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
    }

    .wc-content-card {
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.55);
        border-radius: 2.7273vw;
        padding: 5.4545vw 0 5.4545vw 9.0909vw;
        width: 86.3636vw;
        box-shadow: 0vw 2.2727vw 5.6818vw rgba(164, 5, 5, 0.04);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .wc-content-card {
        position: relative;
        box-sizing: border-box;
    }

    .wc-left-line {
        position: absolute;
        left: 4.5455vw;
        top: 6.8182vw;
        width: 2.0455vw;
        height: 68.4091vw;
        object-fit: contain;
        pointer-events: none;
    }

    .wc-info-row {
        display: flex;
        align-items: flex-start;
        gap: 4.0909vw;
        position: relative;
        padding: 1.3636vw 2.2727vw;
        box-sizing: border-box;
        transition: filter 0.4s ease, opacity 0.4s ease;
    }

    .wc-info-row:last-child {
        margin-bottom: 0;
    }

    .wc-num-col h3 {
        color: #F00;
        font-size: 9.0909vw;
        font-style: normal;
        font-weight: 400;
        padding-top: 1.1364vw;
        line-height: 100%;
        text-transform: uppercase;
        margin: 0;
    }

    .wc-text-col {
        display: flex;
        flex-direction: column;
        gap: 1.3636vw;
    }

    .wc-red-title {
        color: #F00;
        font-family: 'SourceSans3-Medium';
        font-size: 3.6364vw;
        font-style: normal;
        font-weight: 600;
        line-height: 4.5455vw;
        text-transform: uppercase;
        margin: 0;
    }

    .wc-black-desc {
        color: #000;
        font-size: 3.1818vw;
        font-style: normal;
        font-weight: 400;
        line-height: 4.5455vw;
        margin: 0;
    }

    .wc-blur-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(0.5682vw);
        -webkit-backdrop-filter: blur(1.1364vw);
        z-index: 5;
        pointer-events: none;
        border-radius: 1.8182vw;
        transition: opacity 0.6s ease, visibility 0.6s ease;
        opacity: 1;
        visibility: visible;
    }

    .wc-info-row.is-visible .wc-blur-overlay {
        opacity: 0;
        visibility: hidden;
    }

    .w23-container {
        display: flex;
        width: 86.3636vw;
        height: 85.2273vw;
        margin: 15.9091vw auto 0 auto;
        padding-bottom: 5.4545vw;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 4.5455vw;
        flex-shrink: 0;
        border-radius: 5.4545vw;
        border: 0.4545vw solid #F00;
        background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.03) 100%), #fff;
        box-shadow: 0 0.9091vw 5vw 0 rgba(0, 0, 0, 0.40);
        position: relative;
        box-sizing: border-box;
        overflow: visible;
    }

    .w23-top-badge {
        display: flex;
        width: 51.5909vw;
        height: 9.7727vw;
        justify-content: center;
        align-items: center;
        gap: 2.5vw;
        margin-top: -4.5455vw;
        border-radius: 22.7273vw;
        background: linear-gradient(180deg, #E30613 0%, #B00000 100%);
        box-shadow: 0 0.9091vw 3.4091vw rgba(227, 6, 19, 0.4);
    }

    .w23-badge-text {
        color: #FFF;
        font-family: "Source Sans 3", sans-serif;
        font-size: 5.4545vw;
        font-style: normal;
        font-weight: 700;
        line-height: 4.5455vw;
        text-transform: uppercase;
    }

    .w23-title {
        text-align: center;
        margin: 0;
        font-family: 'Righteous';
        font-size: 7.2727vw;
        font-style: normal;
        font-weight: 400;
        line-height: 112.102%;
        text-transform: uppercase;
    }

    .w23-title span{
        font-family: 'Righteous';
    }

    .w23-title-red {
        color: #F00;
    }

    .w23-title-black {
        color: #000;
    }

    .w23-content-row {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 2.2727vw;
        box-sizing: border-box;
        gap: 2.2727vw;
    }

    .w23-red-box {
        display: flex;
        width: 48.8636vw;
        height: 42.0455vw;
        padding: 4.5455vw 3.1818vw;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.8182vw;
        border-radius: 5.4545vw;
        background: linear-gradient(180deg, #F00 0%, #900 100%);
        box-sizing: border-box;
    }

    .w23-box-desc {
        color: #FFF;
        font-family: "Source Sans 3", sans-serif;
        font-size: 2.9545vw;
        font-style: normal;
        font-weight: 600;
        line-height: 4.0909vw;
        margin: 0;
    }

    .w23-img-wrapper {
        width: 29.6857vw;
        height: 42.0455vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .w23-right-image {
        width: 29.6857vw;
        height: auto;
        object-fit: contain;
        display: block;
    }

    .w23-gift-tag {
        width: 19.0275vw;
        height: 19.0275vw;
        position: absolute;
        right: -4.3182vw;
        bottom: 30vw;
        z-index: 10;
        pointer-events: none;
    }

    .wc-info-row {
        display: flex;
        width: 100%;
        box-sizing: border-box;
    }

    .wc-badge-number {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 5.4545vw;
        text-align: center;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: #fff;
        width: 6.8182vw;
        height: 6.8182vw;
        border-radius: 50%;
        background: linear-gradient(180deg, #f00 0%, #a40505 100%);
        flex-shrink: 0;
    }

    .wc-row-thumb {
        width: 25.6818vw;
        height: 14.3182vw;
        border-radius: 1.8182vw;
        object-fit: cover;
        margin-left: 2.2727vw;
        margin-right: 2.7273vw;
        flex-shrink: 0;
        display: block;
    }

    .wc-row-text {
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: rgba(0, 0, 0, 0.85);
        text-align: left;
    }

    .wc-quote-wrapper {
        position: relative;
        width: 100%;
        margin-top: -12.0455vw;
        display: block;
    }

    .wc-quote-backdrop {
        width: 100%;
        height: auto;
        display: block;
    }

    .wc-quote-overlay-text {
        position: absolute;
        top: 9.3182vw;
        left: 36.5909vw;
        right: 6.3636vw;
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: #000;
        text-align: left;
        box-sizing: border-box;
    }

    .wc-text-marker {
        background-color: #FFF5B9;
        padding: 0.2273vw 0;
    }

    .pulse-animation {
        animation: customPulseEffect 2s infinite ease-in-out;
        display: inline-block;
    }

    @keyframes customPulseEffect {
        0% {
            transform: scale(1);
            opacity: 1;
        }
        50% {
            transform: scale(1.01);
            opacity: 0.85;
        }
        100% {
            transform: scale(1);
            opacity: 1;
        }
    }

    .vd-title{
      font-weight: 400;
    font-size: 7.2727vw;
    line-height: 112%;
    padding-top: 13.6364vw;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    }

    .vd-title span{
      color: #f00;
      font-family: 'Righteous';
    }

    .vd-subTitle{
      font-weight: 400;
    font-size: 3.6364vw;
    line-height: 125%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    padding-top: 3.4091vw;
    }

    .video-card-text {
      padding: 3.6364vw 2.7273vw 2.7273vw 2.7273vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .video-cards-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 3.6364vw;
      width: 86.3636vw;
      margin: 0 auto;
      padding-top: 6.8182vw
    }

    .video-card-small {
      width: 41.3636vw;
      box-shadow: 0 -0.9091vw 6.5909vw 0 rgba(0, 0, 0, 0.15);
    background: rgba(255, 255, 255, 0.12);
      border-radius: 5.4545vw;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-sizing: border-box;
    }

    .video-card-small .video-card-text {
      padding: 3.1818vw 1.8182vw 2.2727vw 1.8182vw;
      min-height: 16.3636vw;
    }

    .video-card-title-small {
     font-weight: 400;
    font-size: 6.8182vw;
    text-transform: uppercase;
    text-align: center;
    color: #f00;
      margin: 0 0 0.9091vw 0;
    }

    .video-card-subtitle-small {
    font-weight: 400;
    font-size: 3.6364vw;
    line-height: 125%;
    text-align: center;
    color: rgba(32, 32, 32, 0.7);
      margin: 0;
    }

    .video-wrapper-small {
      width: 41.3636vw;
      height: 22.9545vw;
      position: relative;
      overflow: hidden;
      border-radius: 5.4545vw;
      box-sizing: border-box;
    }

    .video-wrapper-small video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .video-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 10;
      -webkit-tap-highlight-color: transparent;
      transition: opacity 0.2s ease;
    }

    .video-overlay.is-playing {
      opacity: 0;
    }

    .video-overlay.is-playing:hover,
    .video-overlay.is-playing:active,
    .video-overlay.is-playing.touched {
      opacity: 1;
    }

    .video-play-btn {
      width: 8.6364vw;
      height: 8.6364vw;
      transition: transform 0.15s ease, opacity 0.15s ease;
      pointer-events: none;
    }

    .video-overlay:active .video-play-btn {
      transform: scale(0.9);
      opacity: 0.8;
    }

    .zm-method-container {
        width: 100%;
        background: url(../images-2/blur.webp) no-repeat;
        background-position: center;
        box-sizing: border-box;
        padding: 13.6364vw 0 7.2727vw 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }

    .zm-main-title {
        margin: 0 0 1.3636vw 0;
        font-weight: 400;
        font-size: 7.2727vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
    }

    .zm-main-title .zm-title-brand {
        color: #f00;
        font-family: 'Righteous';
        display: block;
        margin-top: 0.4545vw;
    }

    .zm-subtitle {
        margin: 0 0 3.6364vw 0;
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        letter-spacing: 0.01em;
    }

    .zm-wheel-wrapper {
        width: 100%;
        display: block;
        margin-bottom: 3.6364vw;
    }

    .zm-wheel-img {
        width: 100%;
        height: auto;
        display: block;
    }

    .zm-info-card {
        box-sizing: border-box;
        background: rgba(255, 255, 255, 0.55);
        border-radius: 2.7273vw;
        padding: 5.4545vw 3.1818vw;
        width: 86.3636vw;
        height: 105vw;
        box-shadow: 0vw 2.2727vw 5.6818vw rgba(164, 5, 5, 0.04);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .zm-card-row {
        display: flex;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
    }

    .zm-row-icon {
        width: 11.3636vw;
        height: 11.3636vw;
        object-fit: contain;
        flex-shrink: 0;
        display: block;
    }

    .zm-row-text {
        margin-left: 3.1818vw;
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: rgba(0, 0, 0, 0.85);
        text-align: left;
    }

    .zm-separator {
        width: 80vw;
        height: 0.2273vw;
        display: block;
        flex-shrink: 0;
    }

    .zm-separator svg {
        display: block;
        width: 100%;
        height: auto;
    }

    .ns-reasons-container {
        width: 100%;
        background: url(../images-2/blur.webp) no-repeat;
        background-position: center;
        box-sizing: border-box;
        padding: 9.0909vw 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3.6364vw;
        overflow: hidden;
    }

    .ns-reasons-title {
        margin: 0 0 2.7273vw 0;
        font-weight: 400;
        font-size: 7.0455vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        width: 88.6364vw;
    }

    .ns-reasons-title .ns-text-red {
        color: #f00;
        font-family: 'Righteous';
    }

    .ns-reason-card {
        position: relative;
        box-sizing: border-box;
        border-radius: 2.7273vw;
        padding: 0vw 0vw 0vw 5.4545vw;
        width: 86.3636vw;
        height: 23.8636vw;
     box-shadow: 0 0.9091vw 1.8182vw 0 rgba(0, 0, 0, 0.07);
    background: linear-gradient(180deg, rgba(236, 236, 236, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    .ns-card-text {
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: #000;
        text-align: left;
        z-index: 2;
    }

    .ns-card-text.text-w-1 { width: 51.1364vw; font-size: 3.4091vw; }
    .ns-card-text.text-w-2 { width: 53.4091vw; font-size: 3.0682vw; }
    .ns-card-text.text-w-3 { width: 60.2273vw; font-size: 3.1818vw; }

    .ns-card-img {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 24.0909vw;
        width: auto;
        object-fit: contain;
        z-index: 1;
        display: block;
    }

    .ns-card-img.img-spec-1 {
        right: -0.9091vw;
        bottom: 0;
    }

    .ns-card-img.img-spec-2 {
        right: 0;
        bottom: -0.4545vw;
    }

    .ns-card-img.img-spec-3 {
        right: 1.3636vw;
        bottom: 0;
    }

    .s10-safety-container {
        width: 100%;
        background: url(../images-2/blur.webp) no-repeat center;
        box-sizing: border-box;
        padding: 9.0909vw 0 4.5455vw 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }

    .s10-main-title {
        font-weight: 400;
        font-size: 7.2727vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
    }

    .s10-main-title .s10-title-red {
        color: #f00;
        font-family: 'Righteous';
        display: block;
        margin-bottom: 0.4545vw;
    }

    .s10-bubble-wrapper {
        position: relative;
        width: 100%;
        margin-top: -4.5455vw;
        display: flex;
        justify-content: center;
    }

    .s10-bubble-bg {
        width: 100%;
        height: auto;
        display: block;
    }

    .s10-bubble-content {
        position: absolute;
        top: 17.0455vw;
        left: 10.2273vw;
        width: 56.8182vw;
        box-sizing: border-box;
        text-align: left;
    }

    .s10-text-paragraph {
        margin: 0 0 5vw 0;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 3.6364vw;
        font-style: normal;
        line-height: 4.5455vw;
        color: #000;
    }

    .s10-text-paragraph:last-child {
        margin-bottom: 0;
    }

    .s10-highlight {
        background-color: #fdf2a6;
        padding: 0.2273vw 0;
        border-radius: 0.2273vw;
    }

    .rt-timeline-container {
        width: 100%;
        background: url(../images-2/blur.webp) no-repeat center;
        box-sizing: border-box;
        padding: 10vw 0 13.6364vw 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }

    .rt-main-title {
        margin: 0 auto 2.2727vw auto;
        font-weight: 400;
        font-size: 7.2727vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        width: 86.3636vw;
    }

    .rt-main-title .rt-title-red {
        color: #f00;
        font-family: 'Righteous';
        display: block;
    }

    .rt-intro-text {
        margin: 0 auto 8.1818vw auto;
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        text-align: center;
        color: #000;
        width: 86.3636vw;
    }

    .rt-timeline-wrapper {
        position: relative;
        width: 90vw;
        display: flex;
        flex-direction: column;
        gap: 7.2727vw;
        box-sizing: border-box;
        padding-left: 2.2727vw;
    }

    .rt-line-mask {
        position: absolute;
        left: -2.2727vw;
        top: -7.9545vw;
        width: 33.1818vw;
        height: 0vw;
        overflow: hidden;
        z-index: 1;
        transition: height 2.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .rt-absolute-line-img {
        width: 33.1818vw;
        height: 145.9091vw;
        display: block;
        object-fit: contain;
    }

    .rt-activated .rt-line-mask {
        height: 145.9091vw;
    }

    .rt-timeline-item {
        display: flex;
        align-items: center;
        position: relative;
        z-index: 2;
        width: 100%;
        box-sizing: border-box;
    }

    .rt-circle-frame {
        width: 26.8182vw;
        height: 26.8182vw;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0vw 0.9091vw 3.1818vw rgba(0, 0, 0, 0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        flex-shrink: 0;
        opacity: 0;
        transform: scale(0.9);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    .rt-avatar-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .rt-content-box {
        margin-left: 3.6364vw;
        width: 56.8182vw;
        box-sizing: border-box;
        opacity: 0;
        transition: opacity 0.6s ease-out;
    }

    .rt-item-header {
        margin: 0 0 0.9091vw 0;
        font-weight: 600;
        font-size: 5.4545vw;
        text-transform: uppercase;
        color: #000;
    }

    .rt-item-description {
        margin: 0;
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: #000;
        text-align: left;
    }

    .rt-activated .rt-timeline-item[style*="--item-index: 1"] .rt-circle-frame,
    .rt-activated .rt-timeline-item[style*="--item-index: 1"] .rt-content-box {
        opacity: 1;
        transform: scale(1);
        transition-delay: 0.2s;
    }

    .rt-activated .rt-timeline-item[style*="--item-index: 2"] .rt-circle-frame,
    .rt-activated .rt-timeline-item[style*="--item-index: 2"] .rt-content-box {
        opacity: 1;
        transform: scale(1);
        transition-delay: 0.7s;
    }

    .rt-activated .rt-timeline-item[style*="--item-index: 3"] .rt-circle-frame,
    .rt-activated .rt-timeline-item[style*="--item-index: 3"] .rt-content-box {
        opacity: 1;
        transform: scale(1);
        transition-delay: 1.2s;
    }

    .rt-activated .rt-timeline-item[style*="--item-index: 4"] .rt-circle-frame,
    .rt-activated .rt-timeline-item[style*="--item-index: 4"] .rt-content-box {
        opacity: 1;
        transform: scale(1);
        transition-delay: 1.7s;
    }

    .s9-students-slider-block {
        width: 100%;
        background: url(../images-2/blur.webp) no-repeat bottom;
        box-sizing: border-box;
        padding: 8.6364vw 0 11.3636vw 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .s9-main-heading {
        margin: 0 0 4.5455vw 0;
        font-weight: 600;
        font-size: 7.7273vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
    }

    .s9-heading-red {
        color: #f00;
        font-family: 'Righteous';
    }

    .s9-badges-container {
        display: flex;
        gap: 2.7273vw;
        justify-content: center;
        margin-bottom: 5.4545vw;
    }

    .s9-badge-item {
        font-weight: 600;
        font-size: 3.1818vw;
        line-height: 143%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        border-radius: 22.7273vw;
        padding: 2.2727vw;
        width: 32.0455vw;
        height: 7.9545vw;
        box-shadow: 0 1.5909vw 3.4091vw 0 rgba(0, 0, 0, 0.14);
        background: rgba(255, 255, 255, 0.1);
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(2.2727vw);
        -webkit-backdrop-filter: blur(2.2727vw);
    }

    .s9-badge-icon {
        width: 5.4545vw;
        height: auto;
        margin-right: 0.9091vw;
    }

    .s9-description-text {
        margin: 0 auto 6.8182vw auto;
        text-align: center;
        width: 86.3636vw;
        line-height: 140%;
    }

    .s9-desc-highlight {
        font-weight: 600;
        font-family: 'SourceSans3-Bold';
        font-size: 3.6364vw;
        text-transform: uppercase;
        color: #f00;
    }

    .s9-desc-regular {
        font-weight: 400;
        font-size: 3.6364vw;
        text-transform: uppercase;
        color: #000;
    }

    .s9-custom-swiper {
        width: 100%;
        padding-bottom: 2.2727vw;
        overflow: visible;
    }

    .s9-custom-swiper .swiper-slide {
        width: 52.2727vw;
        height: 93.1818vw;
        border-radius: 3.6364vw;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .s9-slide-media {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 3.6364vw;
    }

    .s9-play-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 10.2273vw;
        height: 10.2273vw;
        z-index: 10;
        pointer-events: none;
    }

    .s9-controls-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 86.3636vw;
        margin: 5.4545vw auto 8.6364vw auto;
    }

    .s9-custom-scrollbar {
        flex-grow: 1;
        height: 0.6818vw;
        background: rgba(255, 0, 0, 0.2);
        border-radius: 0.6818vw;
        position: relative;
        margin-right: 5.4545vw;
    }

    .s9-custom-scrollbar .swiper-scrollbar-drag {
        height: 100%;
        background: #f00;
        position: relative;
        border-radius: 0.6818vw;
    }

    .s9-custom-scrollbar .swiper-scrollbar-drag::after {
        content: '';
        position: absolute;
        right: -1.5909vw;
        top: -1.25vw;
        width: 3.1818vw;
        height: 3.1818vw;
        background: #f00;
        border-radius: 50%;
    }

    .s9-nav-arrows {
        display: flex;
        gap: 2.7273vw;
    }

    .s9-arrow-btn {
        width: 10.2273vw;
        height: 10.2273vw;
        cursor: pointer;
        object-fit: contain;
    }

    .s9-join-button {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 4.5455vw;
        line-height: 120%;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        border-radius: 22.7273vw;
        padding: 5.6818vw 7.2727vw;
        width: 69.7727vw;
        height: 15.2273vw;
        background: linear-gradient(180deg, #f00 0%, #a40505 100%);
        text-decoration: none;
        box-sizing: border-box;
        box-shadow: 0 2.2727vw 4.5455vw rgba(164, 5, 5, 0.3);
    }

    .s9-controls-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 86.3636vw;
        margin: 5.4545vw auto 8.6364vw auto;
    }

    .s9-custom-scrollbar {
        flex-grow: 1;
        height: 0.9091vw !important;
        background: rgba(255, 0, 0, 0.2) !important;
        border-radius: 0.6818vw;
        position: relative !important;
        margin-right: 5.4545vw;
        opacity: 1 !important;
        display: block !important;
    }

    .s9-custom-scrollbar .swiper-scrollbar-drag {
        height: 100% !important;
        background: #f00 !important;
        position: absolute !important;
        left: 0;
        top: 0;
        border-radius: 0.6818vw;
    }

    .s9-custom-scrollbar .swiper-scrollbar-drag::after {
        content: '';
        position: absolute;
        right: -1.5909vw;
        top: 50%;
        transform: translateY(-50%);
        width: 3.1818vw;
        height: 3.1818vw;
        background: #f00;
        border-radius: 50%;
    }

    .s9-custom-progress-track {
        flex-grow: 1;
        height: 0.6818vw;
        background: rgba(255, 0, 0, 0.2);
        border-radius: 0.6818vw;
        position: relative;
        margin-right: 5.4545vw;
    }

    .s9-custom-progress-fill {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background: #f00;
        border-radius: 0.6818vw;
        width: 0%;
        transition: width 0.3s ease-out;
    }

    .s9-custom-progress-fill::after {
        content: '';
        position: absolute;
        right: -1.5909vw;
        top: 50%;
        transform: translateY(-50%);
        width: 3.1818vw;
        height: 3.1818vw;
        background: #f00;
        border-radius: 50%;
    }

    .mh-musthave-container {
        width: 100%;
        background: #FFFFFF;
        box-sizing: border-box;
        padding: 9.0909vw 0 11.3636vw 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }

    .mh-main-title {
        margin: 0 auto 5.4545vw auto;
        font-weight: 400;
        font-size: 7.2727vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        width: 88.6364vw;
    }

    .mh-main-title .mh-title-red {
        color: #f00;
        font-family: 'Righteous';
    }

    .rt-img{
        width: 62.0455vw;
        position: absolute;
        bottom: 0vw;
        right: 0vw;
        object-fit: contain;
    }

    .mh-list-title {
        width: 86.3636vw;
        margin: 0 auto 4.5455vw auto;
        font-weight: 600;
        font-size: 3.6364vw;
        font-family: 'SourceSans3-Medium';
        line-height: 120%;
        text-transform: uppercase;
        color: #000;
        text-align: center;
        box-sizing: border-box;
        padding-left: 1.3636vw;
    }

    .mh-list-title span{
        color: #F00;
        font-family: 'SourceSans3-Bold';
    }

    .mh-list-card {
        position: relative;
       min-width: 110%;
        height: 102.7273vw;
        margin-top: -4.5455vw;
        margin-right: -4.5455vw;
        background: url('../images-2/img30.webp') no-repeat center / contain;
        box-sizing: border-box;
    }

    .mh-list-item {
        position: absolute;
        left: 26.1364vw;
        font-weight: 400;
        font-size: 4.3182vw;
        line-height: 120%;
        color: #000;
        text-align: left;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
    }

    .mh-item-1 { top: 15.9091vw; }
    .mh-item-2 { top: 30.9091vw; }
    .mh-item-3 { top: 48.1818vw; }
    .mh-item-4 { top: 65.4545vw; }
    .mh-item-5 { top: 82.7273vw; }

    .inc-courses-container {
        width: 100%;
        background: url(../images-2/blur.webp) no-repeat bottom;
        box-sizing: border-box;
        padding: 4.5455vw 0 11.3636vw 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5vw;
        overflow: hidden;
    }

    .inc-main-title {
        margin: 0 auto 1.3636vw auto;
        font-weight: 400;
        font-size: 7.2727vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        width: 88.6364vw;
    }

    .inc-main-title .inc-title-red {
        color: #f00;
        font-family: 'Righteous';
    }

    .inc-overview-card {
        box-sizing: border-box;
        border-radius: 2.7273vw;
        width: 86.3636vw;
        height: 22.7273vw;
        background: rgba(0, 0, 0, 0);
        border: 0.4545vw solid #FC7D7D;
        display: flex;
        align-items: center;
        padding: 0 3.1818vw;
    }

    .inc-overview-phones {
        width: 17.9545vw;
        height: 17.9545vw;
        object-fit: contain;
        flex-shrink: 0;
        display: block;
    }

    .inc-overview-text {
        margin: 0 0 0 3.1818vw;
        font-weight: 400;
        font-size: 3.1818vw;
        line-height: 143%;
        color: #000;
        text-align: left;
    }

    .inc-course-toggle-card {
        box-sizing: border-box;
        border-radius: 5.4545vw;
        padding: 5.4545vw 3.1818vw;
        width: 86.3636vw;
        height: 45.4545vw;
        background: linear-gradient(90deg, #d0cecc 0%, rgba(245, 243, 243, 0.4) 16.3%, rgba(245, 243, 243, 0.4) 49.88%, rgba(245, 243, 243, 0.4) 81.54%, #cec9c6 100%);

        backdrop-filter: blur(2.2727vw);
        -webkit-backdrop-filter: blur(2.2727vw);
        display: flex;
        align-items: flex-start;
    }

    .inc-course-toggle-card:last-child{
        height: 50vw;
    }

    .inc-course-media-thumb {
        width: 21.8182vw;
        height: 24.5455vw;
        object-fit: cover;
        border-radius: 2.7273vw;
        flex-shrink: 0;
        display: block;
    }

    .inc-course-content-side {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 3.6364vw;
        flex-grow: 1;
        box-sizing: border-box;
    }

    .inc-tumbler-track {
        box-sizing: border-box;
        border-radius: 22.7273vw;
        width: 11.8182vw;
        height: 5.9091vw;
        background: linear-gradient(180deg, #f00 0%, #a40505 100%);
        position: relative;
        margin-bottom: 2.2727vw;
    }

    .inc-tumbler-circle {
        box-sizing: border-box;
        border-radius: 227.2727vw;
        width: 5vw;
        height: 5vw;
        background: #fff;
        position: absolute;
        top: 0.4545vw;
        right: 0.4545vw;
        box-shadow: 0vw 0.4545vw 0.9091vw rgba(0, 0, 0, 0.2);
    }

    .inc-course-bold-heading {
        margin: 0 0 2.9545vw 0;
        font-weight: 600;
        font-size: 4.5455vw;
        line-height: 100%;
        text-transform: uppercase;
        color: #000;
    }

    .inc-course-description-text {
        margin: 0;
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: rgba(0, 0, 0, 0.85);
        text-align: left;
    }

    .access-pricing-container {
        width: 100%;
        background: url(../images-2/blur.webp) no-repeat center;
        box-sizing: border-box;
        padding: 6.8182vw 0 6.8182vw 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }

    .access-main-title {
        margin: 0 0 5.4545vw 0;
        font-weight: 600;
        font-size: 7.2727vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
    }

    .access-main-title .access-title-red {
        color: #f00;
        font-family: 'Righteous';
    }

    .access-card-basic {
        border-radius: 2.7273vw;
        padding: 5.4545vw;
        width: 86.3636vw;
        height: 60.4545vw;
        box-shadow: 0 2.7273vw 4.7727vw 0 rgba(0, 0, 0, 0.25);
        background: #fff;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .access-card-heading {
        font-family: 'Righteous';
        font-weight: 400;
        font-size: 9.0909vw;
        text-transform: uppercase;
        color: #000;
        margin: 0;
        line-height: 1;
    }

    .access-card-subheading {
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: #000;
        text-transform: uppercase;
        margin: 1.8182vw 0 2.7273vw 0;
    }

    .access-price-row {
        display: flex;
        align-items: center;
        padding-top: 4.5455vw;
        padding-bottom: 1.1364vw;
    }

    .access-price-amount {
        font-weight: 600;
        font-size: 9.0909vw;
        font-family: 'SourceSans3-Bold';
        line-height: 50%;
        color: #000;
    }

    .access-price-badge {
        font-weight: 600;
        font-size: 3.6364vw;
        line-height: 81%;
        text-transform: uppercase;
        color: #fff;
        border-radius: 0.9091vw;
        padding: 0.2273vw 0.9091vw;
        width: 21.3636vw;
        height: 5.6818vw;
        box-shadow: 0 0.6818vw 2.0455vw 0 rgba(0, 0, 0, 0.2);
        background: #f00;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 2.7273vw;
    }

    .access-card-pro {
        position: relative;
        border-radius: 5.4545vw;
        padding: 9.5455vw 5.4545vw 5.4545vw;
        width: 86.3636vw;
        height: 77.7273vw;
        background: linear-gradient(180deg, #f00 0%, #900 100%);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 10.2273vw;
        box-shadow: 0 2.7273vw 4.7727vw 0 rgba(0, 0, 0, 0.25);
    }

    .access-pro-badge {
        position: absolute;
        top: -5.6818vw;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 13.8636vw;
        width: 61.3636vw;
        height: 11.3636vw;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0.9091vw 3.4091vw rgba(0, 0, 0, 0.15);
    }

    .access-pro-badge-text {
        font-weight: 600;
        font-family: 'SourceSans3-Bold';
        font-size: 5.4545vw;
        line-height: 83%;
        color: #000;
        margin-left: 1.8182vw;
    }

    .access-card-heading-pro {
        font-family: 'Righteous';
        font-weight: 400;
        font-size: 9.0909vw;
        text-transform: uppercase;
        color: #fff;
        margin: 0;
        line-height: 1;
    }

    .access-card-subheading-pro {
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: #fff;
        text-transform: uppercase;
        margin: 1.8182vw 0 2.7273vw 0;
    }

    .access-price-amount-pro {
        font-family: 'SourceSans3-Bold';
        font-weight: 600;
        font-size: 9.0909vw;
        line-height: 50%;
        color: #fff;
    }

    .access-card-divider {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 2.2727vw 0;
    }

    .access-features-list {
        list-style: none;
        padding: 0;
        margin: 0 0 auto 0;
        display: flex;
        flex-direction: column;
        gap: 2.7273vw;
    }

    .access-feature-item {
        display: flex;
        align-items: center;
        gap: 2.7273vw;
    }

    .access-feature-item span {
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: #000;
    }

    .access-feature-item-pro {
        display: flex;
        align-items: center;
        gap: 2.7273vw;
    }

    .access-feature-item-pro span {
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: #fff;
        margin-top: 1.1364vw;
    }

    .access-btn-basic {
        font-weight: 600;
        font-size: 4.5455vw;
        line-height: 90%;
        font-family: 'SourceSans3-Bold';
        letter-spacing: 0.08em;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        border-radius: 22.7273vw;
        width: 76.3636vw;
        height: 14.3182vw;
        background: linear-gradient(180deg, #f00 0%, #900 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        box-sizing: border-box;
    }

    .access-btn-pro {
        font-weight: 600;
        font-size: 4.5455vw;
        line-height: 90%;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        border-radius: 22.7273vw;
        width: 76.3636vw;
        height: 14.3182vw;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        box-sizing: border-box;
        box-shadow: 0 0.9091vw 3.4091vw rgba(0, 0, 0, 0.2);
    }

    .guarantee-results-container {
        width: 100%;
        box-sizing: border-box;
        background: url(../images-2/blur.webp) no-repeat bottom;
        padding: 2.2727vw 0 11.3636vw 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }

    .gr-purchase-info {
        width: 86.3636vw;
        text-align: center;
        margin-bottom: 9.0909vw;
    }

    .gr-star-icon {
        display: block;
        margin: 0 auto 2.7273vw auto;
    }

    .gr-purchase-text {
        margin: 0;
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: #000;
        text-align: center;
    }

    .gr-risk-free-block {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 10.9091vw;
        background: url(../images-2/blur.webp) no-repeat center;
        background-size: 100% 120%;
        padding: 4.5455vw 0;
    }

    .gr-risk-header-row {
        width: 86.3636vw;
        display: flex;
        align-items: flex-start;
        gap: 3.6364vw;
        margin-bottom: 5.4545vw;
    }

    .gr-shield-icon {
        width: 18.1818vw;
        height: 18.1818vw;
        object-fit: contain;
        flex-shrink: 0;
    }

    .gr-risk-text-group {
        display: flex;
        flex-direction: column;
        padding-top: 0.9091vw;
    }

    .gr-risk-title {
        margin: 0 0 1.8182vw 0;
        font-family: 'SourceSans3-Bold';
        font-weight: 600;
        font-size: 4.3182vw;
        white-space: nowrap;
        text-transform: uppercase;
        color: #000;
        line-height: 110%;
    }

    .gr-risk-description {
        margin: 0;
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 125%;
        color: #000;
    }

    .gr-support-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.7273vw;
        border-radius: 22.7273vw;
        padding: 5.6818vw 7.2727vw;
        width: 67.5vw;
        height: 15.2273vw;
        background: linear-gradient(180deg, #f00 0%, #a40505 100%);
        font-weight: 600;
        font-size: 4.5455vw;
        line-height: 90%;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        box-sizing: border-box;
        box-shadow: 0 1.8182vw 4.5455vw rgba(164, 5, 5, 0.25);
        margin-bottom: 2.7273vw;
    }

    .gr-support-envelope {
        width: 5.4545vw;
        height: auto;
        object-fit: contain;
    }

    .gr-support-subtext {
        margin: 0;
        font-family: 'SourceSans3-Bold';
        font-weight: 600;
        font-size: 3.1818vw;
        text-transform: uppercase;
        color: #000;
        text-align: center;
    }

    .gr-main-title {
        margin: 0 0 5.4545vw 0;
        font-weight: 400;
        font-size: 7.2727vw;
        line-height: 112%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
    }

    .gr-main-title .gr-title-red {
        color: #f00;
        font-family: 'Righteous';
        display: block;
        margin-top: 0.4545vw;
    }

    .gr-results-grid {
        width: 86.3636vw;
        display: flex;
        justify-content: center;
    }

    .gr-results-image {
        width: 86.3636vw;
        height: 92.7273vw;
        object-fit: contain;
        display: block;
    }

    .coach-profile-block {
        width: 100%;
        box-sizing: border-box;
        padding-top: 5.9091vw;
        margin-bottom: 6.8182vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        box-shadow: 0 0.9091vw 8.4091vw 0 rgba(0, 0, 0, 0.23);
        background: rgba(255, 255, 255, 0.2);
        border-radius: 5.4545vw;
    }

    .coach-header {
        text-align: center;
        margin-bottom: 1.8182vw;
        z-index: 2;
    }

    .coach-subtitle {
       font-weight: 600;
    font-size: 4.5455vw;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    }

    .coach-title {
        margin: 0;
        font-weight: 600;
        font-size: 7.2727vw;
        text-transform: uppercase;
        color: #f00;
        letter-spacing: -0.1136vw;
    }

    .coach-hero-img {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        z-index: 1;
    }

    .coach-stats-card {

        padding: 5.4545vw 3.1818vw;
        width: 93.6364vw;

        box-sizing: border-box;
        position: relative;
        z-index: 3;
    }

    .coach-stats-row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 5.4545vw;
        box-shadow: 0 0.9091vw 1.8182vw 0 rgba(0, 0, 0, 0.12);
    background: rgb(255, 255, 255);
    border-radius: 2.7273vw;
    width: 90.9091vw;
    height: 22.7273vw;
    margin-top: -7.9545vw;
    z-index: 9;
    position: relative;
    }

    .coach-stat-col {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 33.33%;
    }

    .stats-number {
        font-weight: 400;
        font-family: 'Righteous';
        font-size: 7.2727vw;
        color: #000;
        margin-bottom: 0.9091vw;
        text-align: center;
    }

    .stats-number .stat-suffix {
      font-family: 'Righteous';
        color: #f00;
    }

    .coach-stat-desc {
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 113%;
        text-align: center;
        color: #000;
    }

    .coach-bio-row {
        display: flex;
        gap: 3.1818vw;
        align-items: flex-start;
    }

    .coach-avatar {
        width: 13.4091vw;
        height: 13.4091vw;
        border-radius: 50%;
        object-fit: cover;
        flex-shrink: 0;
    }

    .coach-bio-text {
        font-weight: 400;
        font-size: 3.6364vw;
        line-height: 150%;
        color: #19140e;
        margin: 0;
    }

    .coach-bio-text strong {
        font-family: 'SourceSans3-Bold';
        font-weight: 600;
    }

    .bio-highlight {
        background-color: #fef19c;
        padding: 0.4545vw 0.9091vw;
        border-radius: 0.6818vw;
        margin: 0 -0.4545vw;
    }

    .s7 {
        width: 100%;
        margin-top: -0.4545vw;
        position: relative;
        z-index: 9;
        padding: 9.0909vw 3.4091vw 0 3.4091vw;
        box-sizing: border-box;
        position: relative;
        background: url(../images-2/blur.webp) no-repeat center;
    }

    .s7__item {
        border-bottom: 0.2273vw solid #e0e0e0;
        margin-bottom: 2.2727vw;
    }

    .s7__question {
        display: flex;
        align-items: center;
        padding: 3.4091vw 0;
        cursor: pointer;
        position: relative;
        gap: 3.4091vw;
    }

    .s7__q-icon {
        width: 7.9545vw;
        height: 7.9545vw;
    }

    .s7__q-icon img{
      width: 50%;
    }

    .s7__q-text {
        font-size: 3.6364vw;
        font-weight: 600;
        color: #000000;
        flex: 1;
        padding-right: 6.8182vw;
    }

    .s7__arrow {
        width: 5vw;
        height: 2.7273vw;
        transition: .3s;
        transform: rotate(180deg);
    }

    .s7__item.active .s7__arrow {
        transform: rotate(0deg);
        margin-top: 1.1364vw;
    }

    .s7__answer {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-out;
    }

    .s7__answer-inner {
        display: flex;
        align-items: flex-end;
        padding-bottom: 4.5455vw;
        gap: 2.2727vw;
    }

    .s7__answer-bubble {
        background: #FFEBEB;
        border-radius: 5.6818vw 5.6818vw 0 5.6818vw;
        padding: 4.0909vw 5vw;
        font-size: 3.6364vw;
        line-height: 1.4;
        color: #000000;
        flex: 1;
        position: relative;
    }

    .s7__answer-bubble::after{
      content: "";
      display: block;
      width: 8.4091vw;
      height: 5.9091vw;
      object-fit: contain;
      position: absolute;
      bottom: 0;
      right: -1.8182vw;
      background-image: url(../images-2/knok.png);
      background-repeat: no-repeat;
      background-size: contain;
    }

    .s7__avatar {
        width: 12.5vw;
        height: 12.5vw;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .contacts {
        padding: 10.9091vw 5.4545vw 45.4545vw 5.4545vw;

      position: relative;
      z-index: 9;
        box-sizing: border-box;
        background: url(../images-2/blur.webp) no-repeat top;
    }

    .contacts__title {
        font-size: 7.2727vw;
        font-weight: 600;
        margin: 0 0 8.1818vw 0;
        line-height: 100%;
        letter-spacing: -0.1136vw;
        color: #000000;
        text-transform: uppercase;
        text-align: center;
    }
    .contacts__title span{
      color: #F00;
    font-family: 'Righteous';
    font-size: 7.2727vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    }

    .contacts__grid {
        display: flex;
        justify-content: space-between;
        gap: 2.7273vw;
        margin-bottom: 5.6818vw;
    }

    .contacts__card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 26.8182vw;
        height: 27.2727vw;
        box-shadow: inset 0 0.4545vw 0.9091vw 0 rgba(0, 0, 0, 0.1), inset 0 -0.4545vw 0.9091vw 0 rgba(255, 255, 255, 0.25);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
        border-radius: 6.8182vw;
        text-decoration: none;
        box-sizing: border-box;
        border: 0.2273vw solid rgba(255, 255, 255, 0.05);
        border-top: 0.2273vw solid rgba(255, 255, 255, 0.25);

    }

    .contacts__icon {
        width: 37%;
        object-fit: contain;
        margin-bottom: 2.7273vw;
    }

    .contacts__icon--email {
        width: 10.9091vw;
    }

    .contacts__label {
        color: #000000;
        font-size: 3.6364vw;
        font-weight: 500;
        letter-spacing: 0.0455vw;
    }

    .contacts__policy {
        display: inline-block;
        color: #808080;
        font-size: 2.9545vw;
        font-weight: 400;
        text-decoration: underline;
        margin-bottom: 3.4091vw;
    }

    .contacts__copyright {
        color: #808080;
        font-size: 2.9545vw;
        font-weight: 400;
        line-height: 1.4;
        margin: 0 0 8.1818vw 0;
    }

    .contacts__payments {
        display: block;
        width: 100%;
        max-width: 90%;
        height: auto;
        object-fit: contain;
        margin-left: -0.4545vw;
    }

    .footer-bg {
      position: fixed;
      z-index: 99;
      bottom: 0;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center;
      opacity: 0;
      transform: translateY(34.0909vw);
      transition: all .5s ease;
    }

    .footer {
      background-color: #ffffff67;
      box-shadow: 0 -1.1364vw 6.8182vw 0 rgba(0, 0, 0, 0.25);
      backdrop-filter: blur(1.3636vw);
      -webkit-backdrop-filter: blur(1.3636vw);
      border-radius: 6.8182vw 6.8182vw 0 0;
      padding: 5.6818vw 0 9.0909vw 0;
      margin: 0 auto;
      width: 100%;
      max-width: 97.7273vw;
      display: flex;
      flex-direction: column;
      gap: 4.5455vw;
      box-sizing: border-box;
    }

    .footer-bg.active {
      transform: translateY(0vw);
      opacity: 1;
    }

    .footer * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    .footer-top-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 5.4545vw;
      width: 100%;
    }

    .footer-title {
      font-size: 4.5455vw;
      font-weight: 600;
      text-transform: uppercase;
      color: #fff;
      letter-spacing: -0.0682vw;
    }

    .footer-timer {
      display: flex;
      align-items: center;
      gap: 1.3636vw;
    }

    .timer-box {
      background: #fff;
      border-radius: 3.1818vw;
      font-family: 'Outfit-Medium';
      font-size: 4.0909vw;
      font-weight: 600;
      color: #000;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 10vw;
      height: 9.0909vw;
      padding: 0 1.8182vw;
      box-shadow: 0 0.9091vw 1.5vw 0 rgba(0, 0, 0, 0.08);

    }

    .timer-divider {
      color: #968A8F;
      font-size: 4.0909vw;
      font-weight: 600;
    }

    .footer-cta-button {
    border-radius: 29.5455vw;
    padding: 3.1818vw 5.4545vw;
    width: 72.7273vw;
    height: 16.3636vw;
    background: linear-gradient(180deg, #ff0404 0%, #7b0404 100%);
    font-weight: 600;
    font-size: 5.4545vw;
    line-height: 121%;
    font-family: 'SourceSans3-Bold';
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    }

    .footer-cta-button span{
      font-weight: 400;
    font-size: 3.1818vw;
    line-height: 112%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    }

}