.hero {position:relative; width:100vw; height:177.7vw; display:flex; flex-direction:column; align-items:center; color:#000;}
.hero__bg,.hero__model {position:absolute; top:0; left:0; width:100vw; height:100%}
.hero__bg img,.hero__model img {width:100vw; height:100%; display:block}
.hero__teal-glow {position:absolute; left:50%; transform:translate(-50%,-50%); top:50%; box-shadow:0 0 50vw 30vw #0AEE96; z-index:1; animation:shadowAnimMob 4s infinite ease-in-out}
@keyframes shadowAnimMob {0% {box-shadow:0 0 40vw 25vw #0AEE96}
 50% {box-shadow:0 0 50vw 30vw #0AEE96}
 100% {box-shadow:0 0 40vw 25vw #0AEE96}
}
.hero__model {z-index:2;}
.hero__top-bar {position:relative;z-index:9;width:92%;cursor:pointer;margin-left:auto; margin-right:auto; justify-content:center; background:rgb(255, 255, 255); backdrop-filter:blur(2vw); border-radius:10vw; padding:1.5vw 5vw; display:flex; align-items:center; font-size:3.4vw; font-weight:700; border:0.1vw solid rgba(255,255,255,0.2)}
 .hero__date {display:flex; align-items:center; color:#000}
.icon-cal {width:3.05vw; height:3.05vw; margin:0 2vw 1vw 2vw}
.hero__title-group {margin-top:4vw; text-align:center; padding:0 5vw; position: relative; z-index: 9;}
.header-navline {display:none}
.hero__subtitle {font-size:9.5vw; letter-spacing:0.5vw; text-align:center; position:relative; opacity:1; color: #fff; font-family: 'Antonio-Bold';text-shadow: 0 8px 20px #000f44ad;}
.hero__subtitle span {opacity:0.4}
.hero__main-title {font-weight:500;     text-shadow: 0 8px 20px #000f44ad;font-size:17vw; white-space:nowrap; position:relative; z-index:1; line-height:100%; text-transform:uppercase; text-align:center; color: #02FAE5;
background-clip: text;
 margin:1vw 0}
.hero__program-text {font-family:'Satisfy',cursive; font-size:10vw; margin-top:-6vw; margin-left:25vw; color:#000}
.hero__step-text {font-size:4vw; letter-spacing:0.2vw; opacity:0.6; margin-top:1.6vw; text-align:right}
.title-img {width:30vw; margin-left:auto; margin-top:-3vw}
.hero__offer-box {margin-top:104vw; width:100vw; padding:0 5vw 5vw 5vw; text-align:center; position:relative; z-index:9; margin-left: auto; margin-right: auto;display: flex;flex-direction: column;gap: 20px;}
.hero__pricing {display:flex; justify-content:flex-start; align-items:baseline; gap:3vw}
.price-current {font-size:11vw; font-family: 'Outfit-Bold'; font-weight:900; line-height:100%}
.price-old {font-family: 'Outfit-Medium'; font-size:7vw; text-decoration:line-through; opacity:0.5}
.hero__discount {font-size:4vw; font-weight:700; margin-bottom:5vw; line-height:100%; letter-spacing:0.1vw; text-align:left}
.group-titles {position:relative; z-index:6}
.hero__btn {width:90vw; background: linear-gradient(180deg, #02fae5 0%, #00b8a9 100%); border:none; padding:4vw 5vw; border-radius:3vw; color:#ffffff; font-size:6vw; font-weight:900; animation:pulse 1s infinite ease-in-out; cursor:pointer; display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-family: 'Outfit-Bold';}
@keyframes pulse {0% {transform:scale(1)}
 50% {transform:scale(1.01)}
 100% {transform:scale(1)}
}

.first-swiper .swiper-slide,
.first-swiper video{
    border-radius: 3vw;
    overflow: hidden;
    height: 100%;
    height: 127vw;
    margin: 0 auto;
    object-fit: cover;
}
.kr{
    position: absolute;
    top: 25vw;
    left: -32vw;
    min-width: 166%;
    z-index: 10;
}
@media (min-width: 800px) {
    .kr{
        display: none;
    }
    .first-swiper .swiper-slide,
    .first-swiper video {
        min-width: 18.3vw;
        height: 34vw;
        border-radius: 1vw;
        object-fit: cover;
        overflow: hidden;
    }
}
.hero__footer-info {display:flex; justify-content:flex-start; align-items:center; gap:20px; margin-top:4vw; font-size:3.5vw; opacity:0.8; padding-top: 15px;}
.icon-clock {width:4vw; height:4vw}
.rateBody {padding:0 5vw}
.complete {margin:6vw 0}
.complete h2 {margin-left:5vw}
.complete-subTitle {font-family: 'Outfit-Regular';font-weight:400; font-size:5vw; line-height:100%; display:flex; align-items:center; gap:2.5vw; margin-left:7vw; color:#000}
.complete-subTitle img {width:4vw; height:5vw; object-fit: contain;}
.s7 {width:100vw; padding:5vw 4vw; box-sizing:border-box}
.s7-grid {display:grid; grid-template-columns:1fr 1fr; gap:4vw}
.s7-card {background: radial-gradient(128.42% 100% at 47.76% 0%, #00cdc3 0%, #009088 100%);border-radius:3vw; overflow:hidden; display:flex; flex-direction:column}
.s7-card-header {padding:3vw 2vw 2vw 2vw; text-align:center}
.s7-day {font-size:7vw; color:#ffffff; text-transform:uppercase; margin:0; line-height:1}
.s7-desc {   font-size:3.8vw; padding:0 3vw; color:#ffffff; margin:2vw 0 0 0; line-height:1.2}
.s7-video-wrapper {position:relative; width:100%; height:30vw; aspect-ratio:1 / 1; background-color:#000; border-radius:3vw; overflow:hidden}
.s7-video-wrapper video {width:100%; height:30vw; object-fit:cover}
.s7-video-controls {position:absolute; bottom:3vw; left:3vw; right:3vw}
.s3 {width:100vw; display:flex; flex-direction:column; align-items:center; background: linear-gradient(180deg, #02fae5 0%, #00b8a9 100%);}
.s3-access {display:flex; align-items:center; justify-content:center; gap:3vw; padding:6vw 0}
.s3-access-icon {width:4vw; height:auto}
.s3-access-text {   font-size:6vw; font-weight:500; color:#1a1a1a; margin:0}
.s3-guarantee {width:100%; padding:4vw 5vw; display:flex; flex-direction:column; align-items:flex-start; box-sizing:border-box}
.s3-guarantee-header {display:flex; align-items:center; justify-content:center; gap:3vw; margin-bottom:3vw}
.s3-guarantee-icon {width:6vw; height:auto}
.s3-guarantee-title {   font-size:5vw; font-weight:800; color:#ffffff; margin:0; letter-spacing:0.1vw}
.s3-guarantee-subtitle {color:#ffffff; font-size:3.8vw}
.s3-guarantee-desc {color:#ffffff; font-size:3.8vw}
.s3-guarantee-subtitle span {font-family: 'Outfit-Bold';font-weight:700}
.results {padding:7vw 5vw}
.complete-img{width: 90%;margin: 25px auto;}
.results-items {display:flex; flex-direction:column; gap:4vw; padding-top:4vw}
.results-item {background-repeat:no-repeat; background-size:100% 100%; padding:2vw 2vw 2vw 25vw; height:22vw; display: flex; align-items: center;}
.results-item p {font-weight:400; font-size:3.8vw; color:#000000}
.results-item:nth-child(1) {background-image:url(../images/item-1.webp)}
.results-item:nth-child(2) {background-image:url(../images/item-2.webp)}
.results-item:nth-child(3) {background-image:url(../images/item-3.webp)}
.results-item:nth-child(4) {background-image:url(../images/item-4.webp)}
.results .hero__btn {margin-top:4vw}
.second-slider,.first-slider {padding:12vw 0vw 10vw 0vw}
.second-slider .mainTitle,.first-slider .mainTitle {padding-left:4vw}
.second-slider .swiper,.first-slider .swiper {padding:0 0 15px 0; position: initial !important;}
.second-slider .mainTitle,.first-slider .mainTitle {color:#000000; margin-bottom:5vw}
.s10 .mainTitle {text-align:left; padding-left:5vw}
.second-slider-pagination{
    max-width: 45vw;
    width: 100%;
    overflow: hidden;
}
.second-slider-pagination.swiper-pagination-progressbar,.first-slider-pagination.swiper-pagination-progressbar {position:relative; margin-left:auto; margin-right:auto; height:4px; background:#003f82; border-radius:2px !important; overflow:hidden; margin-top:20px; display:block}
.second-slider-pagination .swiper-pagination-progressbar-fill,.first-slider-pagination .swiper-pagination-progressbar-fill {background:#007bff !important; height:100%; top:0; left:0}
.first-slider-pagination.swiper-pagination {position:relative; display:flex; justify-content:center; align-items:center; gap:8px; margin-top:20px; height:auto}
.first-slider-pagination,.second-slider-pagination {display:flex !important; gap:8px; position:static !important; width:auto !important; justify-content:center; margin:0 auto}
.first-slider-pagination .swiper-pagination-bullet {min-width:2.5vw; height:2.5vw; background:#dbdbdb; opacity:0.5; border-radius:50%; margin:0 !important; cursor:pointer; transition:all 0.3s ease}
.first-slider-pagination .swiper-pagination-bullet-active {background:#289797 !important; opacity:1; height:3.2vw; transform: translateY(-10%);}
.second-slider-pagination .swiper-pagination-bullet {min-width:2.5vw; height:2.5vw; background:rgba(40, 151, 151, 0.4);; opacity:0.5; border-radius:50%; margin:0 !important; cursor:pointer; transition:all 0.3s ease}
.second-slider-pagination .swiper-pagination-bullet-active {background:#289797 !important; opacity:1; height:3.2vw; transform: translateY(-10%);}
.second-slider,.first-slider {position:relative}
.about {padding:7vw 5vw;}
.about-info-title {font-weight:700; font-size:3.8vw; line-height:181%; padding-top:5vw; color:#000;font-family: 'Outfit-Bold';}
.asksContainer-item-bottom p {color:#000}
.about-info-text {font-weight:400; font-size:3.8vw; padding-right:10vw; padding-bottom:7vw; line-height:125%; color:rgba(0, 0, 0, 0.85)}

.promo-card-wrapper { padding:7vw 6.5vw 9vw 6.5vw; border-radius:10vw 10vw 0 0; width:100%; user-select:none; position:fixed; bottom:0; transform:translateY(100%); opacity:0; transition:.3s; z-index:99;box-shadow: 0 -6px 38px 0 rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(7px);}
 .promo-card-wrapper.is-visible {transform:translateY(0); opacity:1}
 .promo-card-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:6vw; padding:0 5px}
 .promo-card-heading {color:#000; font-size:4vw; font-weight:700; letter-spacing:1.5px; text-transform:uppercase}
 .promo-card-timer-group {display:flex; align-items:center; gap:1vw}
 .promo-card-digit {background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(152, 152, 152, 0.35) 100%); color:#000; width:8vw; height:8vw; display:flex; justify-content:center; align-items:center; border-radius:2vw; font-size:4vw; font-weight:800; box-shadow:inset 0 1px 2px rgba(255,255,255,0.1)}
 .promo-card-colon {color:#555; font-weight:800; font-size:4vw; padding-bottom:2px}
@media(min-width:640px) {.promo-card-wrapper {box-shadow: 0 -6px 38px 0 rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.75); padding:2vw; width:29.7vw; border-radius:2vw; right:7%; bottom:7%}
 .promo-card-wrapper .hero__btn {width:100%; height:4vw; padding:0; font-size:1.9vw; border-radius:0.7vw}
 .promo-card-wrapper.is-visible {transform:translateY(0); opacity:1}
 .promo-card-top {margin-bottom:1vw; padding:0 0.3vw}
 .promo-card-heading {font-size:1.1vw; letter-spacing:0; font-weight:700; padding-right:2vw}
 .promo-card-digit {background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(152, 152, 152, 0.35) 100%); color:#000; width:2.4vw; height:2.4vw; display:flex; justify-content:center; align-items:center; border-radius:0.5vw; font-size:1.2vw; font-weight:800; box-shadow:inset 0 1px 2px rgba(255,255,255,0.1)}
 .promo-card-colon {font-size:2vw}
 .promo-card-timer-group {gap:0.3vw}
}

/* Базовий контейнер для центрування */
.results-system-container {
    position: relative;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Сама картинка займає менше місця, щоб навколо помістився текст */
.results-main-img {
    width: 65%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Загальні стилі для тексту та початковий стан анімації */
.results-text {
    position: absolute;
    font-weight: 600;
    line-height: 1.3;
    color: #2b2b2b; /* Змініть на ваш колір тексту */
    max-width: 35%;
    z-index: 10;
    text-align: center;
    font-family: 'Outfit-Medium';
    
    /* Стан до появи */
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Позиціонування по кутах */
.results-text.tl { top: 5%; left: 0; }
.results-text.tr { top: 5%; right: 0; }
.results-text.bl { bottom: 5%; left: 0; }
.results-text.br { bottom: 5%; right: 0; }

/* Почергова затримка анімації (Stagger effect) при активації */
.results-system-container.is-visible .results-text.tl { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }
.results-system-container.is-visible .results-text.tr { opacity: 1; transform: translateY(0); transition-delay: 0.3s; }
.results-system-container.is-visible .results-text.bl { opacity: 1; transform: translateY(0); transition-delay: 0.5s; }
.results-system-container.is-visible .results-text.br { opacity: 1; transform: translateY(0); transition-delay: 0.7s; }


/* Адаптивність під мобільні пристрої (до 768px) */
@media (max-width: 640px) {
    .results-system-container {
        padding: 35px 0 20px 0;
    }
    .results-text {
        font-size: 3.738vw; /* 16px відносно 428px екрану */
    }
    .results-text.tl, .results-text.bl { left: 2vw; }
    .results-text.tr, .results-text.br { right: 2vw; }
}

/* Адаптивність під десктоп (від 769px) */
@media (min-width: 640px) {
    .results-system-container{
        max-width: 55vw;
    }
    .results-text {
        font-size: 1.389vw; /* 20px відносно 1440px екрану */
        text-align: left;
    }

    .results-main-img {
        width: 88%;
    }

    .results-text.tl {
    top: 20%;
    left: 6%;
}
.results-text.bl {
    bottom: 7%;
    left: 7%;
}
.results-text.tr {
    top: 19%;
    right: -6%;
}
.results-text.br {
    bottom: 6%;
    right: 6%;
}
.br-h{
    display: none;
}
}

.q-l{

    width: 60px;
    height: 60px;
}

.first-slider-next, .first-slider-prev {
        background-image: url(../images/slider-button.webp);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20vw;
        height: 9vw;
        position: absolute;
        bottom: 9vw;
        opacity: 0.6;
        transition: .3s all;
    }
    .second-slider-next, .second-slider-prev {
        background-image: url(../images/slider-button.webp);
        background-repeat: no-repeat;
        background-size: contain;
        width: 20vw;
        height: 9vw;
        position: absolute;
        bottom: 7vw;
        opacity: 0.6;
        transition: .3s all;
    }

    .second-slider-next,
    .first-slider-next{
        right: 1vw;
    }
    .second-slider-prev,
    .first-slider-prev{
        right: 25vw;
        transform: rotate(180deg);
    }
    .second-slider-pagination.swiper-pagination,
    .first-slider-pagination.swiper-pagination{
        margin-left: 4vw;
        margin-right: auto;
    }
 @media(min-width:800px) {.hero {margin-top:6vw}
 .hero__content {align-items:flex-start}
.complete {position:relative; margin-top:8vw; margin-bottom:8vw}
.complete-subTitle {font-size:2vw; gap:1vw; margin-left:0}
.complete-subTitle svg {width:1.5vw; height:2vw; margin-top:-0.4vw}
.complete h2 {margin-left:0}
.complete-img {position:absolute; right:-2vw; top:-1vw; width:60%}
.rateBody {padding:0}
.rate {padding:0vw; width:35vw}
.complete-subTitle img {
    width: 1.3vw;
    height: 2vw;
    object-fit: contain;
}
.wrapper_component {max-width:85vw; width:100%; margin-left:auto; margin-right:auto; position:relative}
.header-navline {position:fixed; display:flex; width:100%; align-items:center; justify-content:space-between; z-index:99; height:6vw; top:0; left:0; backdrop-filter: blur(32px);
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
background: rgba(255, 255, 255, 0.55);}
 .header-wrapper {max-width:85vw; width:100%; margin:0 auto; display:flex; align-items:center; justify-content:space-between}
 .header-logo {width:8vw; object-fit:contain}
 .header-nav-button {font-weight:500; font-family: 'Outfit-Bold'; font-size:1.6vw; letter-spacing:0.08em; text-transform:uppercase; text-align:center; display:flex; justify-content:center; align-items:center; white-space:nowrap; color:#ffffff; line-height:100%; margin:0; border-radius:0.5vw; width:14vw; height:2.8vw; background: linear-gradient(180deg, #02fae5 0%, #00b8a9 100%);}
 .header-list,.header-nav {display:flex; align-items:center; justify-content:space-between; gap:2vw}
 .header-link {font-weight:500; font-size:1.2vw; line-height:175%; text-transform:uppercase; text-align:center; color:#000; opacity:0.5; transition:.2s all}
 .header-link:hover {opacity:1}
.hero__teal-glow {position:absolute; left:70%; transform:translate(-50%,-50%); top:50%; box-shadow:0 0 30vw 17vw #0AEE96; z-index:1; animation:shadowAnim 4s infinite ease-in-out}
@keyframes shadowAnim {0% {box-shadow:0 0 25vw 14vw #0AEE96}
 50% {box-shadow:0 0 30vw 17vw #0AEE96}
 100% {box-shadow:0 0 25vw 14vw #0AEE96}
}
.hero {position:relative; width:100vw; height:177.7vw; max-height:57.7vw}
.icon-cal {width:1.05vw; height:1.05vw; margin:0.3vw}
.hero__content {display:flex; flex-direction:column; align-items:center; width:100vw; height:100%; padding:5vw 0}
.hero__top-bar {
        border-radius: 3vw;
        padding: 0.5vw 0.3vw;
        display: flex;
        align-items: center;
        width: 22vw;
        margin-left: 0;
        margin-right: auto;
        font-size: 1.02vw;
        font-weight: 700;
        position: absolute;
        bottom: 26vw;
        right: 2.3vw;
    }
.hero__date {display:flex; align-items:center; color:#000}
 .hero__offer-box {margin:0}
 .hero__title-group {margin-top:5vw; padding:0; width: 100%; margin-left: -5%;}
.hero__subtitle {text-shadow: none;font-size:6.6vw; letter-spacing:0.2vw; text-align: left; line-height: 100%;}
.hero__main-title {font-size:13.4vw; margin:0; display: flex; align-items: center; justify-content: space-between; text-shadow: none;}
.hero__program-text {font-size:4vw; margin-top:-2.4vw; margin-left:10vw}
.hero__step-text {font-size:1.6vw; letter-spacing:0.08vw; margin-top:0.64vw}
.group-titles {display:flex; justify-content:space-between}
.group-titles img {order:2}
.group-titles p {order:1}
.title-img {width:14vw; margin-top:-1.2vw}
.hero__offer-box {margin-top:26.8vw; width:40vw; padding:0 0 4vw 0}
.hero__pricing {gap:1.2vw}
.price-current {font-size:4.2vw}
.price-old {font-size:2.6vw}
.hero__discount {font-size:1.6vw; margin-bottom:2vw; letter-spacing:0.04vw}
.hero__btn {width:40vw; padding:1.6vw 2vw; border-radius:1.2vw; font-size:2.5vw;}
.elm-2{
    width: 10vw !important;
        top: -25% !important;
        box-shadow: 0 13px 15px 0 rgba(0, 0, 0, 0.25) !important;
        border-radius: 808px;
        background: transparent;
        padding: 0;

}
.hero__offer-box {display:flex; width:100%; justify-content:space-between; align-items: center;}
.hero__footer-info {gap:0.8vw; margin-top:1.6vw; font-size:1.4vw; text-align:right; justify-content: space-between !important;}
.icon-clock {width:1.6vw; height:1.6vw; margin-left:auto}
 .hero__model {padding:0; height:70vw; margin-top: -8vw; justify-content:flex-end; display:flex;}
 .hero__model img{
object-fit: contain;
 }
 .hero__offer-box {margin-top:37.8vw; display: flex; flex-direction: row;}
.s7 {padding:6vw 0}
.s7-grid {gap:1.2vw; grid-template-columns:1fr 1fr 1fr 1fr}
 .s7-card {border-radius:1.2vw}
 .s7-card-header {padding:0.9vw 0.6vw}
 .s7-day {font-size:2.4vw}
 .s7-desc {font-size:1.05vw; padding:0 0.9vw; margin:0.3vw 0 0 0}
 .s7-desc br {display:none}
 .s7-video-wrapper {height:9vw; border-radius:1.2vw}
 .s7-video-wrapper video {height:9vw}
 .s7-video-controls {bottom:0.9vw; left:0.9vw; right:0.9vw}
 .s3-guarantee {padding:2.4vw 1.5vw; max-width:85vw; width:100%; margin:0 auto; display:flex; align-items:center; flex-direction:row}
 .s3-guarantee-body {display:flex; align-items:center; flex-direction:row; padding-left:3vw; color:#000; gap:0.5vw}
 .s3-guarantee-header {gap:0.9vw; margin-bottom:0}
 .s3-guarantee-icon {width:1.8vw}
 .s3-guarantee-title {font-size:1.7vw; letter-spacing:0.03vw}
 .s3-guarantee-subtitle {font-size:1.5vw}
 .s3-guarantee-desc {font-size:1.5vw}
.results {padding:5vw 0vw}
.results-items {gap:2vw; padding-top:3vw; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center}
.results-item {padding:1vw 1vw 1vw 11vw; height:9vw; width:48%}
.results-item p {font-weight:400; font-size:1.7vw;}
.results .hero__btn {margin-top:2vw; margin-left:auto}
.first-slider {max-width:85vw; width:100%; margin:0 auto; padding-top:8vw}
 .second-slider-pagination.swiper-pagination-progressbar,.first-slider-pagination.swiper-pagination-progressbar {margin:0 2vw 0 0}
 .first-slider-next,.first-slider-prev {background-image:url(../images/slider-button.webp); background-repeat:no-repeat; background-size:contain; width:7vw; height:3vw; position:absolute; bottom:0.2vw; opacity:0.6; transition:.3s all}
 .second-slider .mainTitle,.first-slider .mainTitle {padding-left:0vw}
 .first-slider-prev {transform:rotate(180deg); right:8vw;top: 3vw;}
 .first-slider-next {right:0vw;top: 3vw;}
 .first-slider-prev:hover,.first-slider-next:hover {opacity:1}
 .second-slider-next,.second-slider-prev {background-image:url(../images/slider-button.webp); background-repeat:no-repeat; background-size:contain; width:7vw; height:3vw; position:absolute; bottom:-1vw; opacity:0.6; transition:.3s all}
 .second-slider-prev {transform:rotate(180deg); right:8vw;top: 3vw;}
 .second-slider-next {right:0vw;top: 3vw;}
 .second-slider-pagination.swiper-pagination, .first-slider-pagination.swiper-pagination{
    margin-left: 1vw !important;
 }
 .second-slider-prev:hover,.second-slider-next:hover {opacity:1}
.first-slider-pagination .swiper-pagination-bullet,.second-slider-pagination .swiper-pagination-bullet {min-width:0.7vw; height:0.7vw}
.first-slider-pagination .swiper-pagination-bullet-active,.second-slider-pagination .swiper-pagination-bullet-active {min-width:0.7vw; height:0.7vw}
 .first-slider-pagination,.second-slider-pagination {margin-right:auto; margin-left:1vw}
 .second-slider .desctop_component {position:relative}
 .swiper-slide {min-width:21vw !important; margin:0 !important}
 .first-slider:after,.second-slider::after {transform:translate(-50%,-50%); box-shadow:0 0 13vw 13vw #015125}
 .about-wrap {display:flex; gap:4vw}
 .about-info-text,.about-info-title {font-size:1.4vw; padding-right:0}
 .about-info-title {padding-top:0}
 .about-info-text {padding-bottom:3vw}
 .about-info {flex:40%}
 .about-info img{
    width: 90%;
 }
 .about__image {width:100%; flex:60%}
 .about .hero__btn {width:28vw; margin-top:-6.5vw;font-size: 2.1vw;padding: 1vw 2vw;}
 .second-slider,.first-slider {padding:0}
.program {padding:3vw 0vw 6vw 0; position:relative; background-image:url(../images/program-fon-desc.webp); background-repeat:no-repeat; background-position:bottom; background-size:100%; height:32vw}
.program-img {position:absolute; width:14vw; z-index:4}
.program-1-img {top:15vw; left:10vw}
.program-2-img {top:15vw; right:34vw}
.program-3-img {bottom:2vw; right:10vw; left:auto}
.program-line {top:60%; width:80%; right:5vw; left:auto; transform:none}
}
.asks {padding-bottom:30px}
.asksContainer {display:flex; align-items:center; flex-direction:column; justify-content:center; width:100%; margin:40px auto}
.asksContainer-item {width:100%; cursor:pointer; transition:background-color 0.3s ease}
.asksContainer-item-bottom {max-height:0; overflow:hidden; opacity:0; transition:all 0.4s; position:relative;display:flex; align-items:flex-end;}
.asksContainer-item.active .asksContainer-item-bottom {opacity:1; overflow:visible; max-height:1000px !important}
.label {font-weight:400; font-size:35px; width:30px; text-align:center; text-transform:uppercase; color:#000; transition:transform 0.3s ease; order:1}
.ask-text {font-weight:500; font-size:16px; line-height:100%; text-transform:uppercase; color:#000; order:2}
.asksContainer-item-bottom .ask-text {font-size:14px; padding-left:50px; text-transform:initial; line-height:18px}
.asks {padding-bottom:30px}
.q-line {margin-bottom:16px}
.asksContainer {display:flex; align-items:center; flex-direction:column; justify-content:center; width:100%; margin:40px auto}
.asksContainer-item {width:100%; cursor:pointer; transition:background-color 0.3s ease}
.asksContainer-item-top {display:flex; align-items:center; justify-content:space-between; padding:10px 0; gap:20px}
.asksContainer-item-top div {display:flex; align-items:center; justify-content:center; gap:10px}
.asksContainer-item-top .mainText {font-size:17px; font-weight:600; color:#000; text-align:left}
.asksContainer-item-top .q-img {border-radius:73px; min-width:35px; max-height:35px;}
.q-arrow {width:20px; object-fit:contain; transition:.3s; transform: rotate(180deg)}
.asksContainer-item-bottom {max-height:0; overflow:hidden; padding-bottom:15px; opacity:0; transition:all 0.4s}
.asksContainer-item.active .asksContainer-item-bottom {opacity:1}
.asksContainer-item-bottom p {max-width:100%; line-height:18px;padding:15px; margin-right: 10px; border-radius: 30px 30px 0 30px; background: #F1F1F1;}
@media (max-width:440px) {.asks {padding-bottom:6.81vw}
 .asksContainer {margin:9.09vw auto}
 .asksContainer-item-top {padding:2.27vw 0; gap:4.54vw}
 .asksContainer-item-top div {gap:2.27vw}
 .label {font-size:7.95vw; width:6.81vw}
 .ask-text {font-size:3.63vw}
 .mainText {font-size:3.86vw}
 .asksContainer-item-top .q {border-radius:16.59vw; min-width:7.95vw; max-height:7.95vw; font-size:3.41vw; line-height:7.95vw}
 .q-arrow {width:4.54vw}

 .asksContainer-item-bottom .ask-text {font-size:3.18vw; padding-left:11.36vw; line-height:4.09vw}
 .asksContainer-item-bottom p { line-height:4.09vw}
}
@media(min-width:800px) {.asks {max-width:85vw; margin:0 auto; width:100%; margin-top:4vw}
 .q-arrow {width:2vw}
 .q-line {margin-bottom:1vw; min-width:100%; max-width:100%}
 .asksContainer-item-top .q {font-size:1.3vw; min-width:2.4vw; min-height:2.4vw; max-height:2.4vw; border-radius:100%; display:flex; align-items:center; justify-content:center}
 .asksContainer-item-bottom p {margin-right: 20px}
 .asksContainer-item-top {padding:2vw 0}
 .mainText {font-size:18px; line-height:100%}
 .gfrfg {font-size:20px;font-family: 'Outfit-Medium';}
}



.contacts {
  padding: 0 4.4545vw 13.6364vw;
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
  max-width: 97.2727vw;
  margin: 0 auto;
}

.contacts__title {
  font-size: 8.6364vw;
  font-weight: 800;
  margin: 0 0 8.1818vw 0;
  letter-spacing: -0.1136vw;
  text-align: left;
}

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

.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: #000;
  font-size: 3.6364vw;
  font-weight: 500;
  letter-spacing: 0.0455vw;
}

.gift-pk-1,
.gift-pk-2,
.gift-pk-3{
    display: none;
}

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

.contacts__copyright {
  color: #7d7d7d;
  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;
}



.pricing {
    padding: 10vw 4vw;
     
    color: #ffffff;
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
}

.pricing .mainTitle{
    text-align: center;
}

.pricing__heading {
    font-family: 'Oswald', sans-serif;
    font-size: 8vw;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 6vw 0;
    letter-spacing: 0.05vw;
}

.pricing__container {
    display: flex;
    flex-direction: column;
    gap: 6vw;
    padding-top: 20px;
}

.pricing__card {
    border-radius: 4vw;
    padding: 6vw;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.pricing__card--basic {
    background: radial-gradient(96.72% 96.72% at 78.65% 3.28%, #f8fdfd 0%, #d0f7f7 100%);
}

.pricing__card--value {
    background: radial-gradient(128.42% 100% at 47.76% 0%, #00cdc3 0%, #009088 100%);
}

.pricing__header {
    margin-bottom: 3vw;
}

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

.pricing__title {
    font-family: 'Antonio-Bold';
    font-size: 7.5vw;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 1vw 0;
    color: #000;
    line-height: 1.1;
}

.pricing__subtitle {
    font-size: 3.8vw;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
}

.pricing__badge {
    background: rgba(5, 251, 214, 0.2);
    border: 0.2vw solid rgba(33, 190, 113, 0.4);
    color: #21be71;
    font-size: 3.8vw;
    font-family: 'Outfit-Bold';
    font-weight: 600;
    padding: 1vw 2vw;
    border-radius: 4vw;
    text-transform: uppercase;
}

.pricing__price-wrapper {
    margin-bottom: 6vw;
}

.pricing__price {
    font-size: 9vw;
    font-weight: 700;
    line-height: 1.1;
    font-family: 'Outfit-Bold';
    margin-bottom: 1vw;
    color: #000;
    display: flex;
    align-items: center;
}

.pricing__old-price {
    font-size: 3.8vw;
    font-family: 'Outfit-Regular';
    font-weight: 500;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.4);
    text-decoration: line-through;
    margin-left: 2vw;
}

.pricing__price-details {
    font-family: 'Outfit-Medium';
    font-size: 3.8vw;
    color: #1197a2;
    font-weight: 400;
}

.pricing__divider {
    height: 0.2vw;
    background-color: rgba(255, 255, 255, 0.1);
    width: 100%;
    margin: 0 0 6vw 0;
}

.pricing__divider--bottom {
    display: none; 
}

.pricing__features {
    list-style: none;
    padding: 0;
    margin: 0 0 6vw 0;
    display: flex;
    flex-direction: column;
    gap: 4vw;
    flex-grow: 1;
}

.pricing__features li {
    display: flex;
    align-items: center;
    gap: 3vw;
    font-size: 3.8vw;
    color: #000000;
    font-weight: 400;
}

.pricing__icon {
    width: 5.5vw;
    height: 5.5vw;
    flex-shrink: 0;
}

.pricing__footer {
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
    margin-bottom: 6vw;
}

.pricing__footer span {
    font-size: 3vw;
    color: rgba(255, 255, 255, 0.7);
}

.pricing__btn {
    width: 100%;
    padding: 4.5vw 0;
    border-radius: 2vw;
    border: none;
    color: #086e74;
    font-family: 'Outfit-Bold';
    font-size: 5.1vw;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.05vw;
    transition: .2s;
}

.pricing__btn:hover{
    opacity: 0.8;
}

.pricing__btn--basic {
    background-color: #fff;
    border: 0.2vw solid rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 0.5vw 1vw rgba(255, 255, 255, 0.05);
}

.pricing__btn--value {
    background-image: url(../images/button.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-shadow: inset 0 0.5vw 1vw rgba(255, 255, 255, 0.2);
}


.pricing__card--value h2, .pricing__card--value h3, .pricing__card--value li, .pricing__card--value span, .pricing__card--value p, .pricing__card--value div{
    color: #fff;
}

@media (min-width: 800px) {

  /* --- Секція CONTACTS --- */
  .contacts {
    display: grid;
    grid-template-columns: 1fr auto; /* Текст ліворуч, картки праворуч */
    align-items: start;
    padding: 0 0 5.0vw 0;
    width: 100%;
    margin: 0;
    max-width: 84vw;
    margin: 0 auto;
  }

  .contacts__title {
    grid-column: 1 / span 2;
    font-size: 3.2vw;
    margin-bottom: 3.0vw;
    letter-spacing: -0.05vw;
  }

  /* Переносимо картки в горизонтальний ряд праворуч */
  .contacts__grid {
    grid-column: 2;
    grid-row: 2 / span 3;
    display: flex;
    flex-direction: row;
    gap: 1.5vw;
    margin-bottom: 0;
  }

  .contacts__card {
    width: 7.5vw;
    height: 7.5vw;
    border-radius: 1.5vw;
    border-width: 0.08vw;
    box-shadow: inset 0 0.15vw 0.3vw rgba(0, 0, 0, 0.08);
  }

  .contacts__icon {
    margin-bottom: 0.8vw;
  }

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

  .contacts__label {
    font-size: 1.1vw;
  }

  /* Тексти та копірайти ліворуч */
  .contacts__policy {
    grid-column: 1;
    font-size: 1vw;
    margin-bottom: 1.0vw;
  }

  .contacts__copyright {
    grid-column: 1;
    font-size: 1vw;
    margin-bottom: 2.0vw;
  }

  /* Плашка з платіжними картами внизу ліворуч */
  .contacts__payments {
    grid-column: 1;
    width: 22vw;
    margin-left: 0;
  }



    .pricing {
        padding: 3vw;
        max-width: 90vw;
        margin: 0 auto;
        width: 100%;
    }

    .pricing__heading {
        font-size: 3.5vw;
        margin: 0 0 3vw 0;
    }

    .pricing__container {
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        gap: 2vw;
    }

    .pricing__card {
        width: 40vw;
        border-radius: 1vw;
        padding: 3vw;
    }

    .pricing__card--basic {
        border-width: 0.1vw;
    }

    .pricing__card--value {
        border-width: 0.1vw;
        box-shadow: 0 0 2vw rgba(33, 190, 113, 0.15);
    }

    .pricing__header {
        margin-bottom: 1.5vw;
    }

    .pricing__title {
        font-size: 3vw;
        margin: 0 0 0.5vw 0;
    }

    .pricing__subtitle {
        font-size: 1vw;
        letter-spacing: 0.02vw;
    }

    .pricing__badge {
        border-width: 0.1vw;
        font-size: 0.8vw;
        padding: 0.4vw 0.8vw;
        border-radius: 2vw;
    }

    .pricing__price-wrapper {
        margin-bottom: 1.5vw;
    }

    .pricing__price {
        font-size: 3.5vw;
        margin-bottom: 0.5vw;
    }

    .pricing__old-price {
        font-size: 1.5vw;
        margin-left: 0.5vw;
    }

    .pricing__price-details {
        font-size: 1vw;
    }

    .pricing__divider {
        height: 0.1vw;
        margin: 2vw 0;
    }

    .pricing__divider--bottom {
        display: block; 
        margin-top: auto; 
        margin-bottom: 1.5vw;
    }

    .pricing__features {
        margin: 0 0 2vw 0;
        gap: 1.2vw;
        flex-grow: 0;
    }

    .pricing__features li {
        gap: 1vw;
        font-size: 1.1vw;
    }

    .pricing__icon {
        width: 1.6vw;
        height: 1.6vw;
    }

    .pricing__footer {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2vw;
    }

    .pricing__footer span {
        font-size: 0.9vw;
    }

    .pricing__btn {
        padding: 1.5vw 0;
        border-radius: 0.5vw;
        font-size: 1.2vw;
        border-width: 0.1vw;
        margin-top: auto; 
    }


    .wrapper_component{
        padding: 2vw 0 4vw 0;
    }
}


.course-bundle {
    display: flex;
    flex-direction: column;
    gap: 10vw;
    padding: 10vw 4vw;
     
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
}

.course-bundle__card {
    position: relative;
    box-sizing: border-box;
}

.course-bundle__card--main {
    background: radial-gradient(128.42% 100% at 47.76% 0%, #00cdc3 0%, #009088 100%);
    border-radius: 4vw;
    padding: 6vw;
    margin-top: 35vw; 
}

.course-bundle__tablet-wrapper {
    position: absolute;
    top: -42vw;
    left: 50%;
    transform: translateX(-50%);
    width: 85vw;
    z-index: 2;
}

.course-bundle__tablet-img {
    width: 85%;
    height: auto;
    display: block;
    margin: -2% auto 0 auto;
}

.course-bundle__list {
    list-style: none;
    padding: 0;
    margin: 5vw 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 6vw;
}

.course-bundle__list-item {
    display: flex;
    align-items: center;
    gap: 4vw;
    color: #e5f0ea;
    font-size: 4.2vw;
    font-weight: 600;
    font-family: 'Outfit-Medium';
    line-height: 1.3;
    letter-spacing: 0.05vw;
}

.course-bundle__icon {
    width: 6.5vw;
    height: 6.5vw;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.course-bundle__icon svg {
    width: 100%;
    height: 100%;
}

.course-bundle__card--bonus {
    background: linear-gradient(214deg, #ffe95a 0%, #ff8c00 100%);
    border-radius: 4vw;
    padding: 6vw;
    min-height: 53vw;
    overflow: hidden;
}

.course-bundle__bonus-text {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    width: 65%;
}

.course-bundle__bonus-hl {
    font-family: 'Outfit-Bold';
    color: #000000;
    font-size: 4.7vw;
    font-weight: 600;
    margin-bottom: 0vw;
    letter-spacing: 0.05vw;
}

.course-bundle__bonus-title {
    color: #000000;
    font-size: 4.7vw;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.05vw;
}

.course-bundle__amp {
    font-size: 4.5vw;
}

.course-bundle__break {
    display: block;
}

.course-bundle__bonus-sub {
    color: #000000;
    font-size: 3.7vw;
    font-weight: 400;
    margin-top: 1vw;
    letter-spacing: 0.05vw;
}

.course-bundle__bonus-visuals {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.course-bundle__phone-img {
    position: absolute;
    bottom: 0vw;
    right: 0vw;
    width: 100%;
    z-index: 2;
}

.course-bundle__gift {
    position: absolute;
    z-index: 1;
}

.course-bundle__gift--1 {
    bottom: 5vw;
    left: 4vw;
    width: 15vw;
    transform: rotate(-10deg);
}

.course-bundle__gift--2 {
    top: 19vw;
    right: 3vw;
    width: 11vw;
    transform: rotate(27deg);
}

.course-bundle__gift--3 {
    display: none;
}


.pricing__price-details--green {
    color: #05fbd6 !important;
}

@media (min-width: 800px) {
    .course-bundle {
        padding: 4vw 0;
        gap: 2vw;
        max-width: 85vw;
        margin: 0 auto;
    }

    .course-bundle__card {
        border-radius: 1vw;
        border-width: 0.1vw;
    }

    .course-bundle__card--main {
        margin-top: 0;
        padding: 2vw 3vw;
        display: flex;
        align-items: center;
        min-height: 22vw;
        margin-right: 13%;
    }

    .course-bundle__tablet-wrapper {
        top: 50%;
        left: auto;
        right: 0vw;
        transform: translateY(-50%);
        width: 48vw;
    }

    .course-bundle__list {
        margin: 0;
        width: 45%;
        gap: 1.5vw;
    }

    .course-bundle__list-item {
        font-size: 1.4vw;
        gap: 1.5vw;
        letter-spacing: 0.02vw;
    }

    .course-bundle__icon {
        width: 2.6vw;
        height: 2.6vw;
    }

    .course-bundle__card--bonus {
        padding: 4vw 3vw;
        min-height: 18vw;
        display: flex;
        align-items: center;
    }

    .course-bundle__bonus-text {
        width: auto;
        display: block;
    }

    .course-bundle__tablet-img{
        width: 72%;
        margin-left: auto;
        position: relative;
        margin-right: 0;
        right: -20%;
    }

    .course-bundle__bonus-hl {
        font-size: 2.2vw;
        margin-bottom: 0;
        display: block;
    }

    .course-bundle__bonus-title {
        font-size: 2.6vw;
        display: block;
        margin-left: 5vw;
        margin-top: 0.5vw;
    }

    .course-bundle__amp {
        font-size: 2.6vw;
    }

    .course-bundle__break {
        display: none;
    }

    .course-bundle__bonus-sub {
        font-size: 1.5vw;
        display: block;
        margin-top: 1vw;
        margin-left: 28vw;
    }

    .course-bundle__phone-img {
        bottom: 0;
        right: 7vw;
        width: 31vw;
    }

    .course-bundle__gift{
        display: none;
    }
    .gift-pk-1{
        display: block;
        bottom: 0vw;
        left: 2vw;
        width: 4vw;
        position: absolute;
    }

    .gift-pk-2 {
        display: block;
        top: 3vw;
        right: 24vw;
        width: 5vw;
        position: absolute;
    }

    .gift-pk-3 {
        display: block;
        bottom: 2vw;
        right: 2vw;
        width: 5vw;
        position: absolute;
    }
}