/*=========================================== HEADER ===========================================*/
.header-area{ position:fixed; top:0; left:0; width:100%; z-index:1040; transition:transform .35s ease, background .35s ease, box-shadow .35s ease; }
.header-area.hide{ transform:translateY(-110%); }
.header-area.show{ transform:translateY(0); }
.header-area.scrolled{ background:rgba(255,255,255,.96); backdrop-filter:blur(18px); box-shadow:0 10px 35px rgba(0,0,0,.08); }
.header-wrapper{ display:flex; align-items:center; justify-content:space-between; background:rgba(18,25,42,.88); backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.08); padding:15px 28px; box-shadow:0 15px 45px rgba(0,0,0,.18)
    transition:.35s; }
.header-area.sticky .header-wrapper{ border-radius:0; }
.logo{ display:flex; align-items:center; }
.logo img{ height:70px; transition:.35s; }
.logo:hover img{ transform:scale(1.05); }
.desktop-nav{ margin:auto; }
.desktop-nav ul{ display:flex; align-items:center; gap:34px; list-style:none; margin:0; padding:0; }
.desktop-nav a{ position:relative; color:#fff; text-decoration:none; font-size:15px; font-weight:600; transition:.35s; }
.desktop-nav a::after{ content:""; position:absolute; left:50%; bottom:-8px; width:0; height:2px; background:#F8C43A;
    transform:translateX(-50%); transition:.35s; }
.desktop-nav a:hover{ color:#F8C43A; }
.desktop-nav a:hover::after{ width:100%; }
.desktop-btn{ margin-left:35px; }
.order-btn{ display:inline-flex; align-items:center; justify-content:space-between; gap:15px; text-decoration:none;
    background:linear-gradient(135deg,#FFD84D,#F4B400); color:#162033; font-size:16px; font-weight:700; padding:8px 8px 8px 22px;
    border-radius:60px; transition:.35s; }
.order-btn:hover{ color:#162033; transform:translateY(-3px); box-shadow:0 16px 35px rgba(244,180,0,.28); }
.order-btn span{ white-space:nowrap; }
.btn-icon{ width:42px; height:42px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; transition:.35s;}
.order-btn:hover .btn-icon{ transform:translateX(5px); }
.menu-toggle{ display:none; width:48px; height:48px; border:none; border-radius:12px; background:#F8C43A; padding:0; transition:.35s; }
.menu-toggle span{ display:block; width:22px; height:2px; background:#162033; margin:5px auto; transition:.3s; }
.menu-toggle:hover{ transform:scale(1.05); }
.mobile-menu{ width:330px !important; background:#162033; color:#fff; }
.mobile-menu .offcanvas-header{ padding:22px; border-bottom:1px solid rgba(255,255,255,.08); }
.mobile-logo{ height:55px; }
.mobile-menu .offcanvas-body{ display:flex; flex-direction:column; padding:0 22px 30px; }
.mobile-menu ul{ list-style:none; margin:0; padding:0; }
.mobile-menu li{ border-bottom:1px solid rgba(255,255,255,.06); }
.mobile-link{ display:block; padding:18px 0; color:#fff; text-decoration:none; font-size:16px; font-weight:600; transition:.35s; }
.mobile-link:hover{ color:#F8C43A; padding-left:10px; }
.mobile-btn{ margin-top:30px; width:100%; justify-content:space-between; }
/*===================================== RESPONSIVE ======================================*/
@media(max-width:991px){
    .header-area{ top:0; }
    .header-wrapper{ border-radius:0; padding:14px 18px; }
    .logo img{ height:55px; }
    .desktop-nav, .desktop-btn{ display:none; }
    .menu-toggle{ display:block; }
}
@media(max-width:576px){
    .header-wrapper{ padding:12px 15px; }
    .logo img{ height:79px; }
    .mobile-menu{ width:100% !important; }
    .mobile-menu .offcanvas-header{ padding:18px; }
    .mobile-menu .offcanvas-body{ padding:0 18px 25px; }
    .mobile-link{ padding:16px 0; font-size:15px; }
    .mobile-btn{ margin-top:22px; }
    .order-btn{ padding:7px 7px 7px 18px; font-size:15px; }
    .btn-icon{ width:40px; height:40px; }
}
section{ scroll-margin-top:120px; }
/*====================================== HERO SECTION ======================================*/
.hero-section{ position:relative; padding: 110px 0 40px; overflow:hidden; }
.hero-section::before{ content:""; position:absolute; right:-220px; top:-180px; width:750px; height:750px; border-radius:50%;
    background:radial-gradient(circle, rgba(255,193,7,.16) 0%, rgba(255,193,7,0) 72%); z-index:0; }
.hero-section::after{ content:""; position:absolute; left:-180px; bottom:-180px; width:480px; height:480px; border-radius:50%;
    background:radial-gradient(circle, rgba(77,115,255,.08) 0%, transparent 70%); }
.hero-content{ position:relative; z-index:2; max-width:680px; }
.hero-badge{ display:inline-flex; align-items:center; gap:10px; padding:12px 22px; background:#fff; border-radius:60px;
    box-shadow:0 15px 35px rgba(0,0,0,.06); margin-bottom:28px; font-size:15px; font-weight:600; color:#243045; }
.hero-badge i{ color:#F4B400; }
.hero-content h1{ font-size:45px; line-height:1.08; font-weight:800; color:#1b2436; margin-bottom:28px; }
.hero-content h1 span{ display:block; color:#F4B400; }
.hero-changing-text{ min-height:40px; margin-bottom:14px; }
.hero-changing-text span{ font-size:25px; font-weight:700; color:#d62828; }
.hero-content p{ font-size:19px; line-height:1.9; color:#5c6676; margin-bottom:38px; }
.hero-buttons{ display:flex; align-items:center; gap:18px; }
.hero-btn{ display:flex; align-items:center; gap:14px; padding:8px 8px 8px 24px; background:linear-gradient(135deg,#FFD84F,#F4B400);
    color:#182235; text-decoration:none; border-radius:60px; font-weight:700; transition:.35s; }
.hero-btn i{ width:46px; height:46px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.hero-btn:hover{ color:#182235; transform:translateY(-5px); box-shadow:0 18px 40px rgba(244,180,0,.28); }
.video-btn{ color:#182235; text-decoration:none; font-weight:700; transition:.3s; }
.video-btn:hover{ color:#F4B400; }
.hero-images{ position:relative; min-height:450px; display:flex; justify-content:center; align-items:center; }
.hero-circle{ position:absolute; width:450px; height:450px; border-radius:50%;
    background:radial-gradient(circle, #fff3c7 0%, #fff9ea 45%, transparent 72%); }
.veggie-img{ position:absolute; width:520px; z-index:1; animation:veggieFloat 6s ease-in-out infinite; }
.product-img{ position:absolute; width:360px; z-index:2; filter:drop-shadow(0 30px 40px rgba(0,0,0,.18)); 
    animation:productFloat 4s ease-in-out infinite; }
@keyframes productFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-18px); } }
@keyframes veggieFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(10px); } }
@media (max-width:1199px){
    .hero-section{ padding:35px 0; }
    .hero-content h1{ font-size:30px; }
    .hero-changing-text span{ font-size:22px; }
    .hero-content p{ font-size:16px; }
    .hero-images{ min-height:560px; }
    .hero-circle{ width:440px; height:440px; }
    .veggie-img{ width:440px; }
    .product-img{ width:310px; }
}
@media (max-width:991px){
    .hero-section{ padding:30px 0; }
    .hero-images{ min-height:500px; margin-bottom:40px; }
    .hero-circle{ width:400px; height:400px; }
    .veggie-img{ width:390px; }
    .product-img{ width:300px; }
    .hero-content{ text-align:center; max-width:100%; }
    .hero-badge{ margin:0 auto 25px; }
    .hero-content h1{ font-size:30px; }
    .hero-changing-text{ min-height:23px; }
    .hero-changing-text span{ font-size:26px; }
    .hero-content p{ max-width:700px; margin:0 auto 35px; }
    .hero-buttons{ justify-content:center; }
}
@media (max-width:767px){
    .hero-section{ padding:25px 0; }
    .hero-images{ min-height:340px; margin-bottom:35px; }
    .hero-circle{ width:350px; height:350px; }
    .veggie-img{ width:280px; }
    .product-img{ width:300px; }
    .hero-content h1{ font-size:25px; line-height:1.2; }
    .hero-changing-text span{ font-size:22px; }
    .hero-content p{ font-size:14px; line-height:1.8; }
    .hero-buttons{ flex-direction:row; align-items:center; gap:16px; }
    .hero-btn{ justify-content:center; }
    .video-btn{ display:flex; align-items:center; justify-content:center; padding:12px 24px; border:2px solid #F4B400; border-radius:50px; }
}
@media (max-width:480px){
    .hero-section{ padding-top:45px; }
    .hero-images{ min-height:350px; margin-bottom: 0px; }
    .hero-circle{ width:240px; height:240px; }
    .veggie-img{ width:350px; }
    .product-img{ width:300px; }
    .hero-badge{ font-size:13px; padding:10px 18px; }
    .hero-content h1{ font-size:23px; margin-bottom: 10px; }
    .hero-changing-text span{ font-size:16px; }
    .hero-content p{ font-size:14px; text-align: justify; }
    .hero-btn{ padding:8px 8px 8px 18px; }
    .hero-btn i{ width:40px; height:40px; }
}
/*========================================= CELLULAR HEALTH SECTION =========================================*/
.risk-section{ padding:40px 0; background:#FFFDF9; position:relative; overflow:hidden; }
.risk-section::before{ content:""; position:absolute; width:380px; height:380px; background:#FFF6DA; border-radius:50%; filter:blur(90px);
    left:-140px; top:50px; opacity:.65; }
.risk-section::after{ content:""; position:absolute; width:320px; height:320px; background:#FFF8EA; border-radius:50%; filter:blur(90px);
    right:-120px; bottom:-70px; opacity:.8; }
.section-heading{margin-bottom: 0px; max-width:850px; margin:auto; position:relative; z-index:2; }
.section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 20px; background:#FFF6DA; color:#D89A00; border-radius:40px;
    font-weight:600; margin-bottom:24px; }
.section-badge i{ font-size:18px; }
.section-heading h2{ font-size:45px; font-weight:800; color:#1E293B; line-height:1.15; margin-bottom:20px; }
.section-heading h2 span{ display:block; color:#F4B400; }
.section-heading p{ font-size:21px; line-height:1.8; color:#667085; font-weight:500; max-width:760px; margin:auto; }
.risk-slider{ position:relative; overflow:hidden; border-radius:32px; box-shadow:0 28px 70px rgba(0,0,0,.08); transition:.45s; }
.risk-slider:hover{ transform:translateY(-8px); box-shadow:0 35px 80px rgba(0,0,0,.14); }
.risk-slider img{ width:100%; height:550px; object-fit:cover; transition:7s; } .carousel-item.active img{ transform:scale(1.08); }
.slider-overlay{ position:absolute; inset:0; background:linear-gradient( to top, rgba(15,23,42,.90), rgba(15,23,42,.20), transparent ); }
.slider-caption{ position:absolute; left:45px; bottom:45px; color:#fff; z-index:5; max-width:520px; animation:captionUp .8s ease; }
.slider-caption span{ display:inline-flex; align-items:center; gap:10px; padding:10px 18px; border-radius:50px; background:rgba(255,255,255,.18);
    backdrop-filter:blur(10px); font-size:15px; margin-bottom:18px; }
.slider-caption h3{ font-size:46px; font-weight:800; line-height:1.15; margin:0; }
.carousel-control-prev, .carousel-control-next{ width:30px !important; height:30px !important; top:50% !important; transform:translateY(-50%);
    background:rgba(255,255,255,.92); border-radius:50%; opacity:1 !important; }
.carousel-control-prev{ left:35px; } .carousel-control-next{ right:35px; }
.carousel-control-prev-icon, .carousel-control-next-icon{ filter:invert(1); width:19px; height:19px; }
.risk-highlight{ margin-top:55px; background:linear-gradient(135deg,#FFF8E4,#FFF2C8); border-radius:28px; padding:40px 45px; text-align:center; 
    box-shadow:0 20px 55px rgba(0,0,0,.07); border:1px solid rgba(244,180,0,.15); transition:.4s; }
.risk-highlight:hover{ transform:translateY(-6px); box-shadow:0 30px 70px rgba(0,0,0,.10); }
.risk-highlight h3{ font-size:36px; font-weight:800; color:#1E293B; margin-bottom:18px; }
.risk-highlight h3 span{ color:#F4B400; }
.risk-highlight p{ font-size:19px; color:#667085; line-height:1.9; max-width:900px; margin:auto; }
@keyframes captionUp{ from{ opacity:0; transform:translateY(35px); } to{ opacity:1; transform:translateY(0); } }
.section-badge{ transition:.35s; }
.section-badge:hover{ background:#F4B400; color:#fff; }
.section-badge:hover i{ color:#fff; }
.carousel-item{ transition:transform .8s ease-in-out; } [data-aos]{ transition-duration:.9s!important; }
@media (max-width:991px){
    .risk-section{ padding:40px 0; }
    .risk-section::before, .risk-section::after{ width:180px; height:180px; }
    .section-heading{ margin-bottom:40px !important; }
    .section-heading h2{ font-size:30px; }
    .section-heading p{ font-size:16px; line-height:1.7; }
    .section-badge{ padding:9px 18px; margin-bottom:18px; }
    .risk-slider{ border-radius:24px; }
    .risk-slider img{ height:420px; }
    .slider-caption{ left:28px; right:28px; bottom:30px; max-width:100%; }
    .slider-caption span{ font-size:13px; padding:8px 16px; margin-bottom:12px; }
    .slider-caption h3{ font-size:32px; }
    .carousel-control-prev, .carousel-control-next{ width:25px !important; height:25px !important; }
    .carousel-control-prev{ left:18px; }
    .carousel-control-next{ right:18px; }
    .risk-highlight{ margin-top:35px; padding:30px 28px; border-radius:22px; }
    .risk-highlight h3{ font-size:28px; }
    .risk-highlight p{ font-size:17px; line-height:1.8; }
}
@media (max-width:575px){
    .risk-section{ padding:25px 0; }
    .risk-section::before, .risk-section::after{ width:120px; height:120px; }
    .section-heading{ margin-bottom:28px !important; }
    .section-badge{ font-size:13px; padding:8px 15px; gap:8px; margin-bottom:15px; }
    .section-heading h2{ font-size:23px; line-height:1.3;margin-bottom: 10px; }
    .section-heading p{ font-size:14px; line-height:1.7; }
    .risk-slider{ border-radius:18px; }
    .risk-slider img{ height:260px; }
    .slider-caption{ left:18px; right:18px; bottom:20px; }
    .slider-caption span{ font-size:11px; padding:7px 14px; margin-bottom:8px; }
    .slider-caption h3{ font-size:24px; line-height:1.35; }
    .carousel-control-prev, .carousel-control-next{ width:25px !important; height:25px !important; }
    .carousel-control-prev{ left:10px; }
    .carousel-control-next{ right:10px; }
    .carousel-control-prev-icon, .carousel-control-next-icon{ width:12px; height:12px; }
    .risk-highlight{ margin-top:25px; padding:22px 18px; border-radius:18px; }
    .risk-highlight h3{ font-size:22px; line-height:1.35; margin-bottom:12px; }
    .risk-highlight p{ font-size:15px; line-height:1.8; }
}
/*========================================== PRODUCT SECTION ===========================================*/
.product-section{ padding:40px 0; position:relative; overflow:hidden;
 background: radial-gradient(circle at top left,#fff8e6 0%,transparent 35%), radial-gradient(circle at bottom right,#fff3d4 0%,transparent 35%), #fffdf9;}
.product-section::before{ content:""; position:absolute; width:380px; height:380px; background:#FFE5A8; border-radius:50%; filter:blur(120px);
    top:-150px; left:-120px; opacity:.55; }
.product-section::after{ content:""; position:absolute; width:320px; height:320px; background:#FFF4C8; border-radius:50%; filter:blur(120px);
    right:-100px; bottom:-100px; opacity:.5; }
.intro-heading{ display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; }
.heading-brand{ display:flex; align-items:center; gap:18px; }
.heading-logo{object-fit: cover; height:60px; width:auto; display:block; }
.product-section .section-heading{ max-width:840px; margin:auto; margin-bottom:70px; position:relative; z-index:2; }
.section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:50px; background:#FFF2CB; color:#C89200;
    font-weight:700; margin-bottom:22px; }
.section-badge i{ font-size:16px; }
.product-section h2{ font-size:45px; font-weight:800; color:#17223b; margin-bottom:18px; }
.heading-logo{ width:260px; display:block; margin:0 auto 20px; transition:.35s; }
.heading-logo:hover{ transform:scale(1.03); }
.product-section .section-heading p{ font-size:20px; color:#657187; margin:0; font-weight:500; }
.product-top{ margin-bottom:65px; }
.product-box{ background:#fff; border-radius:35px; padding:45px; text-align:center; position:relative; overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.08); border:1px solid rgba(244,180,0,.18); transition:.4s; }
.product-box:hover{ transform:translateY(-8px); box-shadow:0 35px 70px rgba(0,0,0,.12); }
.product-box::before{ content:""; position:absolute; width:340px; height:340px; background:radial-gradient(circle,#FFF6DA,#FFE59D);
    border-radius:50%; left:50%; top:43%; transform:translate(-50%,-50%); }
.product-box .product-img{ width:320px; position:relative; z-index:2; filter:drop-shadow(0 25px 35px rgba(0,0,0,.18));
    animation:productFloat 4s ease-in-out infinite; }
@keyframes productFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } }
.uniwave-box{ background:linear-gradient(135deg,#16233d,#243d63); border-radius:35px; padding:45px; text-align:center; color:#fff; height:100%;
    position:relative; overflow:hidden; box-shadow:0 25px 60px rgba(0,0,0,.15); transition:.4s; }
.uniwave-box:hover{ transform:translateY(-8px); } .uniwave-box::before{display: none; content:""; position:absolute; width:240px; height:240px;
    border-radius:50%; background:rgba(255,255,255,.04); right:-80px; top:-80px; }
.uniwave-top{ display:block; color:#FFD562; font-size:22px; font-weight:700; margin-bottom:30px; position:relative; z-index:2; }
.uniwave-logo{ width:100%; max-width:100%; margin:0 auto 28px; display:block; position:relative; z-index:2; }
.uniwave-box h4{ font-size:34px; color:#fff; font-weight:800; position:relative; z-index:2; }
.uniwave-box p{ color:#D9E0EE; font-size:17px; line-height:1.9; position:relative; z-index:2; }
.ingredient-row{ position:relative; z-index:2; }
.ingredient-card{ background:#fff; border-radius:24px; padding:24px 28px; display:flex; align-items:center; gap:20px; height:100%;
    border:1px solid #F4E4B4; box-shadow:0 18px 45px rgba(0,0,0,.06); transition:.35s; overflow:hidden; position:relative; }
.ingredient-card::before{ content:""; position:absolute; left:0; top:0; width:5px; height:100%; background:#F4B400; transition:.35s; }
.ingredient-card:hover{ transform:translateY(-8px); box-shadow:0 28px 60px rgba(0,0,0,.12); } .ingredient-card:hover::before{ width:100%; opacity:.05;}
.ingredient-card img{ width:72px; height:72px; object-fit:contain; flex-shrink:0; transition:.35s; position:relative; z-index:2;
    background: #f8c43a; border-radius: 50%; }
.ingredient-card:hover img{ transform:scale(1.08) rotate(-6deg); }
.ingredient-card h5{ margin:0; font-size:18px; font-weight:700; color:#1A2238; line-height:1.45; position:relative; z-index:2; }
.ingredient-card:hover h5{ color:#C89200; }
/*=========================== PRODUCT SECTION RESPONSIVE ============================*/
@media (max-width:1199px){
    .product-section{ padding:40px 0; }
    .product-section h2{ font-size:30px; }
    .heading-logo{ width:220px; }
    .product-box .product-img{ width:260px; }
    .uniwave-logo{ width:260px; }
    .uniwave-box h4{ font-size:30px; }
    .ingredient-card h5{ font-size:20px; }
}
@media (max-width:991px){
    .product-section{ padding:35px 0; }
    .product-section .section-heading{ margin-bottom:45px; }
    .product-section h2{ font-size:30px; }
    .heading-logo{ width:190px; margin-bottom:15px; }
    .product-section .section-heading p{ font-size:17px; }
    .product-top{ margin-bottom:40px; }
    .product-box, .uniwave-box{ padding:35px 25px; border-radius:28px; }
    .product-box{ margin-bottom:10px; }
    .product-box::before{ width:250px; height:250px; }
    .product-box .product-img{ width:220px; }
    .uniwave-top{ font-size:20px; margin-bottom:20px; }
    .uniwave-logo{ width:220px; margin-bottom:18px; }
    .uniwave-box h4{ font-size:26px; }
    .uniwave-box p{ font-size:16px; line-height:1.8; }
    .ingredient-row{ margin-top:10px; }
    .ingredient-card{ padding:22px; }
    .ingredient-card img{ width:62px; height:62px; }
    .ingredient-card h5{ font-size:18px; }
}
@media (max-width:575px){
    .product-box::before{top: 50%;}
    .product-section{ padding:25px 0; }
    .section-badge{ font-size:11px; padding:8px 16px; margin-bottom:0px; }
    .product-section h2{ font-size:23px; margin-bottom: 0px; }
    .heading-logo{ width:170px; }
    .product-section .section-heading p{ font-size:15px; line-height:1.7; }
    .product-box, .uniwave-box{ padding:25px 20px; border-radius:22px; }
    .product-box::before{ width:200px; height:200px; }
    .product-box .product-img{ width:300px; }
    .uniwave-top{ font-size:18px; margin-bottom:15px; }
    .uniwave-logo{ width:180px; margin-bottom:15px; }
    .uniwave-box h4{ font-size:22px; margin-bottom:12px; }
    .uniwave-box p{ font-size:15px; line-height:1.7; }
    .ingredient-card{ flex-direction:column; text-align:center; gap:18px; padding:22px 18px; }
    .ingredient-card::before{ width:100%; height:5px; }
    .ingredient-card img{ width:70px; height:70px; }
    .ingredient-card h5{ font-size:16px; line-height:1.5; }
}
@media(max-width:576px){
    .intro-heading{ flex-direction:row; gap:5px; }
    .heading-brand{ gap:12px; }
    .heading-logo{ height: 61px; }
}
/*================================================== BENEFITS SECTION ==================================================*/
.benefits-section{ position:relative; padding:40px 0; overflow:hidden;
    background: radial-gradient(circle at top right,#FFF6DB 0%,transparent 35%), 
    radial-gradient(circle at bottom left,#FFF2CF 0%,transparent 35%), #FFFDFA; }
.benefits-section::before{ content:""; position:absolute; width:380px; height:380px; border-radius:50%; background:#FFE8AA; filter:blur(120px);
    left:-140px; top:-120px; opacity:.45; }
.benefits-section::after{ content:""; position:absolute; width:320px; height:320px; border-radius:50%; background:#FFF2C9; filter:blur(110px);
    right:-120px; bottom:-100px; opacity:.55; }
.benefits-section .section-heading{ max-width:760px; margin:auto; position:relative; z-index:2; }
.benefits-logo{ width:250px; margin-bottom:18px; transition:.35s; }
.benefits-logo:hover{ transform:scale(1.03); }
.benefits-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:50px; background:#FFF3D3;
    color:#C48A00; font-weight:700; margin-bottom:22px; }
.benefits-section .section-badge i{ font-size:17px; }
.benefits-section h2{ font-size:45px; font-weight:900; color:#16223A; margin-bottom:18px; }
.benefits-section h2 span{ display:inline; color:#D89A00; }
.benefits-product{ position:relative; text-align:center; padding:40px; }
.product-glow{ position:absolute; width:360px; height:360px; border-radius:50%; background: radial-gradient(circle,#FFF5D4,#FFD76E);
    left:50%; top:50%; transform:translate(-50%,-50%); filter:blur(2px); }
.benefits-product-img{ width:340px; position:relative; z-index:2; filter:drop-shadow(0 30px 40px rgba(0,0,0,.16));
    animation:benefitFloat 4s ease-in-out infinite; }
@keyframes benefitFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } }
.benefits-card{ background:rgba(255,255,255,.88); backdrop-filter:blur(18px); border-radius:34px; padding:35px; border:1px solid rgba(214,170,38,.18);
    box-shadow:0 25px 60px rgba(0,0,0,.08); position:relative; overflow:hidden; }
.benefit-item{ display:flex; align-items:center; gap:18px; padding:18px 0; border-bottom:1px solid #ECECEC; transition:.35s; position:relative; z-index:2;}
.benefit-item:last-child{ border:none; }
.benefit-item span{ width:26px; height:26px; min-width:26px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,#FFD66A,#D89A00); color:#fff; font-size:18px; box-shadow:0 12px 25px rgba(216,154,0,.28); transition:.35s; }
.benefit-item h5{ margin:0; font-size:16px; line-height:1.55; color:#16223A; font-weight:700; }
.benefit-item:hover{ transform:translateX(10px); }
.benefit-item:hover span{ transform:rotate(-8deg) scale(1.08); }
.benefit-item:hover h5{ color:#D89A00; }
/*========================================= BENEFITS RESPONSIVE =========================================*/
@media (max-width:1199px){
    .benefits-section{ padding:35px 0; }
    .benefits-section h2{ font-size:30px; }
    .benefits-logo{ width:220px; }
    .benefits-product-img{ width:280px; }
    .product-glow{ width:300px; height:300px; }
    .benefit-item h5{ font-size:18px; }
}
@media (max-width:991px){
    .benefits-section{ padding:30px 0; }
    .benefits-section .section-heading{ margin-bottom:40px; }
    .benefits-logo{ width:180px; margin-bottom:15px; }
    .benefits-section h2{ font-size:30px; }
    .benefits-section p{ font-size:16px; line-height:1.8; }
    .benefits-product{ padding:10px 0 0px; margin-bottom:15px; }
    .benefits-product-img{ width:220px; }
    .product-glow{ width:240px; height:240px; }
    .benefits-card{ padding:28px; border-radius:26px; }
    .benefit-item{ padding:15px 0; }
    .benefit-item span{ width:46px; height:46px; min-width:46px; font-size:16px; }
    .benefit-item h5{ font-size:17px; line-height:1.5; }
}
@media (max-width:575px){
    .benefits-section{ padding:25px 0; }
    .benefits-section .section-badge{ font-size:11px; padding:8px 10px; margin-bottom:10px; }
    .benefits-logo{ width:250px; }
    .benefits-section h2{ font-size:23px; }
    .benefits-section p{ font-size:14px; line-height:1.7; }
    .benefits-product{ padding:10px 0; }
    .benefits-product-img{ width:170px; }
    .product-glow{ width:180px; height:180px; }
    .benefits-card{ padding:20px; border-radius:20px; }
    .benefit-item{ gap:14px; padding:14px 0; }
    .benefit-item span{ width:40px; height:40px; min-width:40px; font-size:14px; }
    .benefit-item h5{ font-size:15px; line-height:1.5; }
    .benefit-item:hover{ transform:none; }
}
/*======================= HOW IT WORKS SECTION ==================*/
.how-section{ position:relative; padding:40px 0; overflow:hidden;
 background: radial-gradient(circle at top left,#FFF7DD 0%,transparent 35%), radial-gradient(circle at bottom right,#FFF3CF 0%,transparent 35%), #FFFDFA;}
.how-section::before{ content:""; position:absolute; width:380px; height:380px; background:#FFE6A5; border-radius:50%; filter:blur(120px);
    left:-150px; top:-150px; opacity:.45; }
.how-section::after{ content:""; position:absolute; width:320px; height:320px; background:#FFF4CC; border-radius:50%; filter:blur(120px);
    right:-120px; bottom:-100px; opacity:.45; }
.how-section .section-heading{ max-width:760px; margin:auto; margin-bottom:0px; position:relative; z-index:2; }
.how-logo{ width:240px; margin-bottom:18px; transition:.35s; }
.how-logo:hover{ transform:scale(1.03); }
.how-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:50px; background:#FFF3D0;
    color:#C58B00; font-weight:700; margin-bottom:22px; }
.how-section .section-badge i{ font-size:16px; }
.how-section h2{ font-size:45px; font-weight:900; color:#18233B; margin-bottom:12px; }
.how-section .section-heading p{ font-size:16px; color:#5E6A80; margin:0; }
.how-content{ background: rgba(255, 255, 255, .88);text-align: justify; backdrop-filter: blur(18px); border-radius: 34px; padding: 22px;
    border: 1px solid rgba(214, 170, 38, .18); box-shadow: 0 25px 60px rgba(0, 0, 0, .08); }
.how-content h3{ font-size:36px; font-weight:800; color:#18233B; line-height:1.4; margin-bottom:22px; }
.how-content p{ font-size:16px; line-height:1.9; color:#667387; margin-bottom:10px; }
.how-content strong{ color:#C58B00; font-weight:700; }
.video-box{ background:#fff; border-radius:30px; padding:16px; box-shadow:0 30px 70px rgba(0,0,0,.08); border:1px solid rgba(212,164,0,.18);
    overflow:hidden; transition:.4s; position:relative; }
.video-box::before{ content:""; position:absolute; inset:0; border-radius:30px; padding:2px;
    background:linear-gradient(135deg,#FFD86E,#FFF8E5,#FFD86E); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude; }
.video-box:hover{ transform:translateY(-8px); box-shadow:0 40px 80px rgba(0,0,0,.14); }
.video-box iframe{ border-radius:22px; }
.use-box{ display:flex; align-items:center; gap:25px; padding:30px 35px; border-radius:28px; margin-top:70px;
    background:linear-gradient(135deg,#FFF8E4,#FFF2C8); border:1px solid rgba(214,170,38,.25); box-shadow:0 20px 50px rgba(0,0,0,.06); transition:.4s;}
.use-box:hover{ transform:translateY(-6px); box-shadow:0 30px 60px rgba(0,0,0,.12); }
.use-icon{ width:78px; height:78px; min-width:78px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,#FFD45F,#C98D00); color:#fff; font-size:30px; box-shadow:0 18px 35px rgba(212,164,0,.28); }
.use-box h4{ font-size:28px; color:#18233B; font-weight:800; margin-bottom:10px; }
.use-box p{ margin:0; color:#5F6B81; line-height:1.8; font-size:17px; }
/*=================== HOW SECTION RESPONSIVE =======================*/
@media (max-width:1199px){
    .how-section{ padding:40px 0; }
    .how-section h2{ font-size:40px; }
    .how-logo{ width:210px; }
    .how-content h3{ font-size:32px; }
    .use-box h4{ font-size:24px; }
}
@media (max-width:991px){
    .how-box{margin-top: 25px !important;}
    .how-content{margin-top: 20px;}
    .use-box{margin-top: 21px !important;}
    .how-section{ padding:30px 0; }
    .how-section .section-heading{ margin-bottom:0px; }
    .how-logo{ width:180px; margin-bottom:15px; }
    .how-section h2{ font-size:30px; }
    .how-section .section-heading p{ font-size:14px; }
    .how-content{ text-align:justify; margin-bottom:5px; }
    .how-content h3{ font-size:30px; margin-bottom:18px; }
    .how-content p{ font-size:16px; margin-bottom:18px; }
    .video-box{ border-radius:24px; padding:12px; }
    .video-box iframe{ border-radius:18px; }
    .video-tag{ top:18px; left:18px; padding:8px 14px; font-size:13px; }
    .use-box{ margin-top:45px; padding:25px; border-radius:24px; gap:18px; }
    .use-icon{ width:65px; height:65px; min-width:65px; font-size:24px; }
    .use-box h4{ font-size:24px; }
    .use-box p{ font-size:16px; }
}
@media (max-width:575px){
    .how-section .section-heading{margin-bottom: 0px !important;}
    .how-section{ padding:25px 0; }
    .how-section .section-badge{ padding:8px 16px; font-size:13px; margin-bottom:15px; }
    .how-logo{ width:150px; }
    .how-section h2{ font-size:23px; }
    .how-section .section-heading p{ font-size:15px; line-height:1.7; }
    .how-content{ text-align:justify; }
    .how-content h3{ font-size:24px; line-height:1.45; }
    .how-content p{ font-size:15px; line-height:1.8; }
    .video-box{ padding:8px; border-radius:20px; }
    .video-box iframe{ border-radius:14px; }
    .video-tag{ top:12px; left:12px; padding:7px 12px; font-size:12px; }
    .video-tag i{ margin-right:5px; }
    .use-box{ flex-direction:column; text-align:center; gap:18px; padding:22px 18px; border-radius:20px; margin-top:35px; }
    .use-icon{ width:58px; height:58px; min-width:58px; font-size:22px; }
    .use-box h4{ font-size:22px; margin-bottom:8px; }
    .use-box p{ font-size:15px; line-height:1.7; }
}
/*====================== TESTIMONIAL SECTION ===========================*/
.testimonial-section{ position:relative; padding:40px 0; overflow:hidden;
 background: radial-gradient(circle at top right,#FFF6DE 0%,transparent 35%), radial-gradient(circle at bottom left,#FFF1CB 0%,transparent 35%), #FFFDFA;}
.testimonial-section::before{ content:""; position:absolute; width:380px; height:380px; border-radius:50%; background:#FFE7A7;
    filter:blur(120px); top:-160px; left:-140px; opacity:.45; }
.testimonial-section::after{ content:""; position:absolute; width:320px; height:320px; border-radius:50%; background:#FFF3CF;
    filter:blur(120px); bottom:-120px; right:-120px; opacity:.5; }
.testimonial-section .section-heading{ max-width:760px; margin:auto; position:relative; z-index:2; }
.testimonial-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:40px; background:#FFF3D1;
    color:#C58B00; font-weight:700; margin-bottom:22px; }
.testimonial-section .section-badge i{ color:#F4B400; }
.testimonial-section h2{ font-size:45px; font-weight:800; color:#17233B; line-height:1.2; }
.testimonial-section h2 span{ display:inline; color:#D89A00; }
.testimonialSwiper{ padding:5px ; }
.testimonialSwiper .swiper-slide{ height:auto; }
.testimonial-card{ background:rgba(255,255,255,.92); backdrop-filter:blur(16px); border-radius:30px; overflow:hidden; height:100%;
    border:1px solid rgba(212,170,38,.18); box-shadow:0 20px 55px rgba(0,0,0,.08); transition:.4s; display:flex; flex-direction:column; }
.testimonial-card:hover{ transform:translateY(-10px); box-shadow:0 35px 70px rgba(0,0,0,.14); }
.testimonial-card iframe{ border:0; } .before-after{ display:flex; gap:10px; padding:15px; background:#fff; }
.before-box, .after-box{ position:relative; flex:1; overflow:hidden; border-radius:18px; }
.before-box img, .after-box img{ width:100%; height:240px; object-fit:cover; transition:.4s; }
.before-box span, .after-box span{ position:absolute; left:12px; top:12px; background:rgba(0,0,0,.72); color:#fff; padding:6px 14px;
    border-radius:30px; font-size:13px; font-weight:600; }
.after-box span{ background:#D89A00; }
.testimonial-card:hover .before-box img, .testimonial-card:hover .after-box img{ transform:scale(1.06); }
.testimonial-content{ padding:28px; display:flex; flex-direction:column; flex-grow:1; }
.quote-icon{ width:60px; height:60px; border-radius:50%; background:linear-gradient(135deg,#FFD96E,#C58B00); color:#fff; display:flex;
    align-items:center; justify-content:center; font-size:22px; margin-bottom:20px; box-shadow:0 12px 25px rgba(212,170,38,.30); }
.testimonial-content p{ color:#5D677B; font-size:16px; line-height:1.9; margin-bottom:24px; flex-grow:1; }
.testimonial-content strong{ color:#C58B00; }
.testimonial-content h5{ margin-bottom:5px; color:#17233B; font-size:20px; font-weight:700; }
.testimonial-content span{ color:#C58B00; font-size:15px; font-weight:600; }
.testimonialSwiper .swiper-pagination{ bottom:0 !important; }
.swiper-pagination-bullet{ width:10px; height:10px; background:#C8C8C8; opacity:1; transition:.35s; }
.swiper-pagination-bullet-active{ width:34px; border-radius:30px; background:#F4B400; }
/*================ TESTIMONIAL RESPONSIVE =======================*/
@media(max-width:1199px){
    .testimonial-section{ padding:40px 0; }
    .testimonial-section h2{ font-size:48px; }
    .testimonial-section h2 span{ font-size:22px; }
}
@media(max-width:991px){
    .testimonial-section{ padding:35px 0; }
    .testimonial-section .section-heading{ margin-bottom:25px !important; }
    .testimonial-section h2{ font-size:38px; }
    .testimonial-section h2 span{ font-size:18px; margin-top:10px; }
    .testimonial-card{ border-radius:24px; }
    .testimonial-content{ padding:24px; }
    .testimonial-content p{ font-size:15px; line-height:1.8; }
    .testimonial-content h5{ font-size:18px; }
    .quote-icon{ width:52px; height:52px; font-size:18px; margin-bottom:16px; }
    .before-after img{ height:220px; } .testimonialSwiper{ padding-bottom:5px; }
}
@media(max-width:575px){
    .testimonial-section{ padding:25px 0; }
    .testimonial-section .section-badge{ padding:8px 16px; font-size:13px; margin-bottom:15px; }
    .testimonial-section h2{ font-size:30px; }
    .testimonial-section h2 span{ font-size:16px; line-height:1.7; }
    .testimonial-card{ border-radius:20px; }
    .testimonial-card iframe{ border-radius:14px; }
    .before-after img{ height:200px; }
    .testimonial-content{ padding:20px; }
    .quote-icon{ width:45px; height:45px; font-size:16px; margin-bottom:14px; }
    .testimonial-content p{ font-size:14px; line-height:1.8; margin-bottom:18px; }
    .testimonial-content h5{ font-size:17px; } .testimonial-content span{ font-size:14px; }
    .testimonialSwiper{ padding-bottom:5px; }
}
/*=========================================== PARTNERS SECTION ===========================================*/
.partners-section{ position:relative; padding:50px 0; overflow:hidden;
 background: radial-gradient(circle at top left,#FFF7E3 0%,transparent 35%), radial-gradient(circle at bottom right,#FFF2D3 0%,transparent 35%), #FFFDFA;}
.partners-section::before{ content:""; position:absolute; width:360px; height:360px; background:#FFE8A7; border-radius:50%;
    filter:blur(120px); top:-150px; left:-150px; opacity:.45; }
.partners-section::after{ content:""; position:absolute; width:320px; height:320px; background:#FFF1CC; border-radius:50%; filter:blur(120px);
    right:-120px; bottom:-120px; opacity:.45; }
.partners-section .section-heading{ max-width:760px; margin:auto; position:relative; z-index:2; }
.partners-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; background:#FFF4DA; color:#C58B00;
    border-radius:40px; font-weight:700; margin-bottom:22px; }
.partners-section .section-badge i{ color:#F4B400; }
.partners-section h2{ font-size:45px; font-weight:800; color:#17233B; line-height:1.2; margin-bottom:18px; }
.partners-section h2 span{ display:block; color:#D89A00; }
.partnersSwiper{ margin-top:55px; padding:10px 5px; }
.partnersSwiper .swiper-wrapper{ align-items:center; }
.partnersSwiper .swiper-slide{ height:auto; }
.partner-card{ height:150px; background:#fff; border-radius:22px; display:flex; justify-content:center; align-items:center; padding:15px;
    border:1px solid rgba(214,170,38,.15); box-shadow:0 12px 30px rgba(0,0,0,.08); transition:.35s; }
.partner-card:hover{ transform:translateY(-8px); box-shadow:0 20px 45px rgba(0,0,0,.12); border-color:#D89A00; }
.partner-card img{ width:auto; max-width:100%; max-height:100%; object-fit:contain; transition:.35s; }
.partner-card:hover img{ transform:scale(1.08); }
.partner-trust{ margin-top:55px; display:flex; justify-content:center; gap:24px; flex-wrap:wrap; }
.partner-trust div{ display:flex; align-items:center; gap:12px; padding:15px 24px; background:#fff; border-radius:40px;
    border:1px solid rgba(214,170,38,.15); box-shadow:0 12px 30px rgba(0,0,0,.08); font-weight:700; color:#17233B; transition:.35s; }
.partner-trust div:hover{ background:#FFF8EA; transform:translateY(-4px); }
.partner-trust i{ color:#D89A00; font-size:20px; }
/*================================== PARTNERS RESPONSIVE ====================================*/
@media(max-width:991px){
    .partners-section{ padding:40px 0; }
    .partners-section h2{ font-size:35px; }
    .partnersSwiper{ margin-top:40px; }
    .partner-card{ padding:20px; border-radius:18px; }
    .partner-trust{ margin-top:35px; gap:15px; }
    .partner-trust div{ padding:12px 18px; font-size:15px; }
}
@media(max-width:575px){
    .partners-section{ padding:25px 0; }
    .partners-section .section-badge{ font-size:12px; padding:8px 16px; }
    .partners-section h2{ font-size:23px; }
    .partner-card{ padding:15px; border-radius:16px; }
    .partner-trust{ flex-direction:column; gap:12px; align-items:center; }
    .partner-trust div{ width:100%; justify-content:center; }
}
/*================================= COMPARISON SECTION ===================================*/
.comparison-section{ position:relative; padding:50px 0; overflow:hidden;
 background: radial-gradient(circle at top left,#FFF7DE 0%,transparent 35%), radial-gradient(circle at bottom right,#FFF2D2 0%,transparent 35%), #FFFDFA;}
.comparison-section::before{ content:""; position:absolute; width:360px; height:360px; background:#FFE7A8; border-radius:50%; filter:blur(120px);
    left:-140px; top:-120px; opacity:.45; }
.comparison-section::after{ content:""; position:absolute; width:320px; height:320px; background:#FFF2C9; border-radius:50%; filter:blur(120px);
    right:-100px; bottom:-120px; opacity:.45; }
.comparison-section .section-heading{ max-width:760px; margin:auto; position:relative; z-index:2; }
.comparison-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:40px; background:#FFF3D2;
    color:#C58B00; font-weight:700; margin-bottom:22px; }
.comparison-section .section-badge i{ color:#F4B400; }
.comparison-section h2{ font-size:45px; font-weight:800; color:#17233B; margin-bottom:18px; }
.comparison-section h2 span{ color:#D89A00; }
.comparison-section p{ max-width:650px; margin:auto; color:#667387; font-size:18px; line-height:1.8; }
.comparison-table{ background:#fff; border-radius:30px; overflow:hidden; box-shadow:0 25px 60px rgba(0,0,0,.08); border:1px solid rgba(214,170,38,.15);
    margin-top:55px; position:relative; z-index:2; }
.comparison-header{ display:grid; grid-template-columns:1fr 1fr; }
.comparison-title{ padding:24px; text-align:center; font-size:24px; font-weight:800; }
.other-title{ background:#F5F5F5; color:#666; border-right:1px solid #EAEAEA; }
.nutri-title{ background:linear-gradient(135deg,#F4B400,#D89A00); color:#fff; }
.comparison-row{ display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #EFEFEF; }
.comparison-left, .comparison-right{ display:flex; align-items:center; gap:16px; padding:24px 30px; font-size:18px; font-weight:600; line-height:1.6;}
.comparison-left{ border-right:1px solid #EFEFEF; color:#6A7285; background:#FCFCFC; }
.comparison-right{ color:#16233B; background:#fff; }
.comparison-left i{ width:42px; height:42px; min-width:42px; display:flex; align-items:center; justify-content:center; border-radius:50%;
    background:#FFE7E7; color:#E53935; font-size:18px; }
.comparison-right i{ width:42px; height:42px; min-width:42px; display:flex; align-items:center; justify-content:center; border-radius:50%;
    background:linear-gradient(135deg,#FFD96F,#D89A00); color:#fff; font-size:18px; box-shadow:0 10px 25px rgba(216,154,0,.25); }
.comparison-row{ transition:.35s; } .comparison-row:hover{ background:#FFFDF6; }
.comparison-row:hover .comparison-right{ background:#FFFCF2; }
.comparison-row:hover .comparison-right i{ transform:scale(1.08); }
.comparison-row:hover .comparison-left i{ transform:rotate(-12deg); }
.comparison-left i, .comparison-right i{ transition:.35s; }
.comparison-highlight{ margin-top:45px; padding:28px 35px; border-radius:24px; background:linear-gradient(135deg,#FFF6DD,#FFE39A); display:flex;
    align-items:center; justify-content:center; gap:18px; box-shadow:0 18px 45px rgba(0,0,0,.08); transition:.4s; }
.comparison-highlight:hover{ transform:translateY(-6px); box-shadow:0 28px 55px rgba(0,0,0,.12); }
.comparison-highlight i{ font-size:34px; color:#D89A00; }
.comparison-highlight h4{ margin:0; font-size:30px; font-weight:800; color:#17233B; }
/*================================= COMPARISON RESPONSIVE =====================*/
@media (max-width:1199px){
    .comparison-section{ padding:40px 0; }
    .comparison-section h2{ font-size:40px; }
    .comparison-title{ font-size:22px; }
    .comparison-left, .comparison-right{ font-size:17px; padding:22px 24px; }
    .comparison-highlight h4{ font-size:26px; }
}
@media (max-width:991px){
    .comparison-section{ padding:40px 0; }
    .comparison-section .section-heading{ margin-bottom:40px !important; }
    .comparison-section h2{ font-size:35px; }
    .comparison-section p{ font-size:16px; }
    .comparison-table{ margin-top:40px; border-radius:24px; }
    .comparison-title{ font-size:20px; padding:18px; }
    .comparison-left, .comparison-right{ padding:18px; gap:14px; font-size:15px; line-height:1.6; }
    .comparison-left i, .comparison-right i{ width:38px; height:38px; min-width:38px; font-size:15px; }
    .comparison-highlight{ margin-top:35px; padding:22px; border-radius:20px; gap:14px; }
    .comparison-highlight i{ font-size:28px; } .comparison-highlight h4{ font-size:22px; }
}
@media (max-width:575px){
    .comparison-section{ padding:25px 0; }
    .comparison-section .section-badge{ font-size:13px; padding:8px 16px; margin-bottom:15px; }
    .comparison-section h2{ font-size:23px; }
    .comparison-section p{ font-size:15px; line-height:1.7; }
    .comparison-table{ margin-top:30px; border-radius:20px; }
    .comparison-header{ grid-template-columns:1fr; }
    .other-title{ border-right:none; border-bottom:1px solid #ececec; }
    .comparison-title{ font-size:18px; padding:16px; }
    .comparison-row{ grid-template-columns:1fr; }
    .comparison-left{ border-right:none; border-bottom:1px solid #EFEFEF; background:#FAFAFA; }
    .comparison-left, .comparison-right{ padding:16px; gap:12px; font-size:14px; line-height:1.6; }
    .comparison-left i, .comparison-right i{ width:34px; height:34px; min-width:34px; font-size:14px; }
    .comparison-highlight{ flex-direction: row; text-align: justify; gap:12px; padding:20px 16px; border-radius:18px; margin-top:28px; }
    .comparison-highlight i{ font-size:24px; } .comparison-highlight h4 { font-size: 16px; line-height:1.5; }
}
/*============================================= OFFERS SECTION =============================================*/
.offers-section{ position:relative; padding:50px 0; overflow:hidden;
 background: radial-gradient(circle at top left,#FFF7E6 0%,transparent 38%), radial-gradient(circle at bottom right,#FFF1CC 0%,transparent 35%), #FFFCF8;}
.offers-section::before{ content:""; position:absolute; width:380px; height:380px; background:#FFE7A3; border-radius:50%; 
    filter:blur(120px); top:-160px; left:-160px; opacity:.45; }
.offers-section::after{ content:""; position:absolute; width:320px; height:320px; background:#FFF2CF; border-radius:50%; filter:blur(120px);
    bottom:-140px; right:-140px; opacity:.45; }
.offers-section .section-heading{ max-width:820px; margin:auto; position:relative; z-index:2; }
.offers-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:40px; background:#FFF4DD;
    color:#D49700; font-weight:700; margin-bottom:22px; }
.offers-section .section-badge i{ color:#F5B400; }
.offers-section h2{ font-size:45px; font-weight:800; color:#17233B; line-height:1.2; margin-bottom:18px; }
.offers-section h2 span{ display:block; color:#D49700; margin-top:10px; font-size:34px; font-weight:700; }
.offerSwiper{ margin-top:50px; padding:15px 8px 50px; }
.offer-card{ position:relative; background:#fff; border-radius:30px; padding:35px 30px 32px; text-align:center;
    border:1px solid rgba(214,170,38,.15); box-shadow:0 20px 45px rgba(0,0,0,.08); transition:.4s; overflow:hidden; height:100%; }
.offer-card::before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:linear-gradient(90deg,#FFD84D,#F4B400); }
.offer-card:hover{ transform:translateY(-10px); box-shadow:0 30px 60px rgba(0,0,0,.13); }
.offer-badge{ position:absolute; top:20px; right:-38px; background:#1FA84F; color:#fff; font-size:12px; font-weight:700; padding:8px 45px;
    transform:rotate(45deg); letter-spacing:.5px; z-index:5; }
.premium-badge{ background:linear-gradient(135deg,#FFD84D,#F4B400); color:#17233B; }
.offer-image{ height:240px; display:flex; align-items:center; justify-content:center; margin-bottom:25px; }
.offer-image img{position: relative;z-index: 2; max-width:100%; max-height:240px; object-fit:contain; transition:.45s; }
.offer-card:hover .offer-image img{ transform:scale(1.06); } .offer-glow{ position: absolute; width: 261px; height: 261px; 
    border-radius: 50%; background: radial-gradient(circle, #FFF5D4, #FFD76E); left: 50%; top: 25%; 
    transform: translate(-50%, -50%); filter: blur(2px); }
.offer-content h3{ font-size:21px; font-weight:800; color:#D49700; margin-bottom:14px; line-height:1.3; text-align: left; }
.offer-price{text-align: left; font-size:21px; font-weight:800; color:#17233B; margin-bottom:10px; }
.offer-list{ list-style:none; padding:0; margin:0 0 30px; text-align:left; }
.offer-list li{ display:flex; align-items:center; gap:12px; margin-bottom:16px; color:#4E5A70; font-size:17px; font-weight:500; }
.offer-list li i{ color:#25B45A; font-size:20px; flex-shrink:0; }
.offer-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:16px 20px; border-radius:14px;
    background:linear-gradient(135deg,#FFD84D,#F4B400); color:#17233B; text-decoration:none; font-weight:800; font-size:17px; transition:.35s;}
.offer-btn:hover{ color:#17233B; transform:translateY(-3px); box-shadow:0 12px 25px rgba(244,180,0,.35); }
.offer-btn i{ transition:.3s; }
.offer-btn:hover i{ transform:translateX(5px); }
.featured-offer{ border:2px solid #F4B400; transform:scale(1.03); }
/*================================ OFFERS RESPONSIVE ===================================*/
@media(max-width:991px){
    .offers-section .section-badge{margin-bottom: 16px;}
    .offers-section{ padding:40px 0; }
    .offers-section h2{ font-size:40px; }
    .offers-section h2 span{ font-size:24px; }
    .offerSwiper{ margin-top:25px; padding-bottom:55px; }
    .offer-card{ border-radius:24px; padding:28px 24px; }
    .offer-image{ height:230px; margin-bottom:20px; }
    .offer-image img{ max-height:230px; }
    .offer-content h3{text-align: center; font-size:21px;margin-top: 30px; }
    .offer-price{ text-align: center; font-size:22px; margin-bottom:20px; }
    .offer-list li { display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 16px; color: #4E5A70;
        font-size: 14px; font-weight: 500; }
    .offer-list li{ font-size:16px; margin-bottom:14px; }
    .featured-offer{ transform:none; }
}
@media(max-width:575px){
    .offers-section{ padding:30px 0; }
    .offers-section .section-badge{ font-size:13px; padding:8px 16px; }
    .offers-section h2{ font-size:30px; }
    .offers-section h2 span{ font-size:18px; margin-top:8px; }
    .offerSwiper{ padding-bottom:50px; }
    .offer-card{ border-radius:20px; padding:22px 18px; }
    .offer-image{ height:230px; margin-bottom:18px; }
    .offer-image img{ max-height:230px; }
    .offer-price{ font-size:22px; }
    .offer-list{ margin-bottom:22px; }
    .offer-list li{ font-size:15px; gap:10px; }
    .offer-list li i{ font-size:18px; }
    .offer-btn{width: 150px; padding:15px; font-size:16px; }
    .offer-badge{ font-size:10px; padding:7px 42px; right:-40px; }
    .featured-offer{ transform:none; }
}
/*==================================== WHY WAIT SECTION ====================================*/
.whywait-section{ position:relative; padding:50px 0; overflow:hidden;
 background: radial-gradient(circle at top left,#FFF8EA 0%,transparent 38%), radial-gradient(circle at bottom right,#FFF3D6 0%,transparent 35%), #FFFCF8;}
.whywait-section::before{ content:""; position:absolute; width:360px; height:360px; background:#FFE39B; border-radius:50%; filter:blur(130px);
    top:-180px; left:-160px; opacity:.45; }
.whywait-section::after{ content:""; position:absolute; width:300px; height:300px; background:#FFF2CC; border-radius:50%; filter:blur(120px);
    bottom:-120px; right:-120px; opacity:.45; }
.whywait-section .section-heading{ position:relative; z-index:2; max-width:850px; margin:auto; }
.whywait-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:50px; background:#FFF4DE;
    color:#D79B00; font-weight:700; margin-bottom:22px; }
.whywait-section .section-badge i{ color:#F4B400; }
.whywait-section h2{ font-size:45px; font-weight:800; color:#17233B; line-height:1.2; margin-bottom:18px; }
.whywait-section h2 span{ display:block; color:#D79B00; font-size:35px; margin-top:10px; }
.why-card{ position:relative; background:#fff; border-radius:28px; padding:35px 30px; text-align:center; overflow:hidden;
    height:100%; border:1px solid rgba(214,170,38,.12); box-shadow:0 18px 45px rgba(0,0,0,.08); transition:.4s; }
.why-card::before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px;
    background:linear-gradient(90deg,#FFD84D,#F4B400); }
.why-card:hover{ transform:translateY(-10px); box-shadow:0 28px 60px rgba(0,0,0,.12); }
.why-image{ /**height:180px;**/ display:flex; align-items:center; justify-content:center; /**margin-bottom:28px;**/ }
.why-image img{ max-width:100%; max-height:170px; object-fit:contain; transition:.45s; }
.why-card:hover .why-image img{ transform:scale(1.08); }
.why-content h4{ display:flex; align-items:center; justify-content:center; gap:12px; font-size:14px; font-weight:800; color:#17233B;
    /**margin-bottom:18px;**/ line-height:1.3; }
.why-content h4 i{ color:#F4B400; font-size:24px; }
.why-content p{ margin:0; color:#667085; line-height:1.9; font-size:17px; }
.why-cta{ margin-top:41px; padding:55px 40px; text-align:center; background:#fff; border-radius:32px; border:1px solid rgba(214,170,38,.12);
    box-shadow:0 22px 55px rgba(0,0,0,.08); position:relative; overflow:hidden; }
.why-cta::before{ content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,216,77,.08),transparent); pointer-events:none; }
.why-stars{ display:flex; justify-content:center; gap:8px; margin-bottom:20px; }
.why-stars i{ color:#F4B400; font-size:20px; }
.why-cta h3{ font-size:35px; font-weight:800; color:#17233B; margin-bottom:18px; }
.why-cta p{ max-width:720px; margin:0 auto 30px; font-size:18px; line-height:1.9; color:#6C7485; }
.why-btn{ display:inline-flex; align-items:center; gap:12px; padding:18px 40px; border-radius:60px; text-decoration:none; font-size:18px;
    font-weight:800; color:#17233B; background:linear-gradient(135deg,#FFD84D,#F4B400); transition:.35s; }
.why-btn:hover{ color:#17233B; transform:translateY(-4px); box-shadow:0 15px 35px rgba(244,180,0,.35); }
.why-btn i{ transition:.35s; }
.why-btn:hover i{ transform:translateX(6px); }
/*=================================== WHY WAIT RESPONSIVE =========================================*/
@media(max-width:991px){
    .whywait-section{ padding:40px 0; }
    .whywait-section h2{ font-size:30px; }
    .whywait-section h2 span{ font-size:24px; }
    .why-card{ padding:28px 24px; border-radius:24px; }
    .why-image{ height:150px; margin-bottom:20px; }
    .why-image img{ max-height:140px; }
    .why-content h4{ font-size:24px; gap:10px; }
    .why-content h4 i{ font-size:22px; }
    .why-content p{ font-size:16px; }
    .why-cta{ margin-top:50px; padding:40px 30px; border-radius:26px; }
    .why-cta h3{ font-size:34px; } .why-cta p{ font-size:16px; margin-bottom:24px; }
}
@media(max-width:575px){
    .whywait-section{ padding:30px 0; }
    .whywait-section::before, .whywait-section::after{ display:none; }
    .whywait-section .section-badge{ padding:8px 16px; font-size:13px; }
    .whywait-section h2{ font-size:23px; margin-bottom:12px; }
    .whywait-section h2 span{ font-size:21px; margin-top:8px; }
    .why-card{ padding:22px 18px; border-radius:20px; }
    .why-image{ height:120px; margin-bottom:18px; }
    .why-image img{ max-height:110px; }
    .why-content h4{ font-size:14px; flex-direction:row; gap:8px; }
    .why-content h4 i{ font-size:24px; }
    .why-content p{ font-size:15px; line-height:1.8; }
    .why-cta{ margin-top:40px; padding:30px 20px; border-radius:20px; }
    .why-stars{ margin-bottom:15px; } .why-stars i{ font-size:17px; }
    .why-cta h3{ font-size:18px; line-height:1.3; margin-bottom:14px; }
    .why-cta p{ font-size:15px; line-height:1.8; margin-bottom:22px; }
    .why-btn{ width:50%; justify-content:center; padding:15px 20px; font-size:16px; }
}
/*============================================= FAQ SECTION ==================================================*/
.faq-section{ position:relative; padding:50px 0; background:#FFFCF8; overflow:hidden; }
.faq-section::before{ content:""; position:absolute; width:340px; height:340px; background:#FFF2D0; border-radius:50%; filter:blur(120px); 
    top:-150px; left:-150px; opacity:.45; }
.faq-section::after{ content:""; position:absolute; width:280px; height:280px; background:#FFE7A0; border-radius:50%; filter:blur(110px);
    bottom:-120px; right:-120px; opacity:.35; }
.faq-section .section-heading{ max-width:760px; margin:auto; position:relative; z-index:2; }
.faq-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:40px; background:#FFF4DD;
    color:#D89A00; font-weight:700; margin-bottom:20px; }
.faq-section .section-badge i{ color:#F4B400; }
.faq-section h2{ font-size:45px; font-weight:800; color:#17233B; line-height:1.2; margin-bottom:18px; }
.faq-section h2 span{ display:block; color:#D89A00; margin-top:8px; font-size:34px; }
.faq-section .section-heading p{ max-width:650px; margin:auto; color:#667085; font-size:18px; line-height:1.8; }
.faq-accordion{ margin-top:15px; }
.faq-accordion .accordion-item{ border:1px solid #EFE6D2; border-radius:18px !important; background:#fff; overflow:hidden; margin-bottom:18px; }
.faq-accordion .accordion-header{ margin:0; }
.faq-accordion .accordion-button{ background:#fff; color:#17233B; font-size:19px; font-weight:700; padding:24px 28px; border:none; box-shadow:none;
    transition:none; }
.faq-accordion .accordion-button:focus{ box-shadow:none; }
.faq-accordion .accordion-button:not(.collapsed){ background:#FFFDF8; color:#D89A00; border-left:5px solid #F4B400; }
.faq-accordion .accordion-button::after{ width:36px; height:36px; border-radius:50%; background-color:#FFF4DD; background-size:14px;
    background-position:center; transition:transform .25s ease; }
.faq-accordion .accordion-button:not(.collapsed)::after{ background-color:#FFD84D; transform:rotate(180deg); }
.faq-accordion .accordion-body{ padding:0 28px 24px 33px; color:#667085; line-height:1.9; font-size:16px; background:#FFFDF8; }
.collapsing{ transition:height .25s ease; }
.accordion{ --bs-accordion-border-width:0; --bs-accordion-border-color:transparent; --bs-accordion-btn-focus-box-shadow:none; 
    --bs-accordion-inner-border-radius:18px; }
/*========================================= FAQ RESPONSIVE =========================================*/
@media(max-width:991px){
    .faq-section{ padding:40px 0; }
    .faq-section::before, .faq-section::after{ width:180px; height:180px; }
    .faq-section h2{ font-size:40px; }
    .faq-section h2 span{ font-size:24px; }
    .faq-section .section-heading p{ font-size:16px; }
    .faq-accordion .accordion-button{ padding:22px 22px; font-size:17px; }
    .faq-accordion .accordion-button::after{ width:32px; height:32px; background-size:13px; }
    .faq-accordion .accordion-body{ padding:0 22px 22px 27px; font-size:15px; line-height:1.8; }
}
@media(max-width:575px){
    .faq-section{ padding:30px 0; } .faq-section::before, .faq-section::after{ display:none; }
    .faq-section .section-badge{ padding:8px 16px; font-size:13px; }
    .faq-section h2{ font-size:23px; margin-bottom:12px; }
    .faq-section h2 span{ font-size:23px; margin-top:6px; }
    .faq-section .section-heading p{ font-size:15px; line-height:1.7; }
    .faq-accordion{ margin-top:10px; }
    .faq-accordion .accordion-item{ border-radius:16px !important; margin-bottom:14px; }
    .faq-accordion .accordion-button{ padding:18px 18px; font-size:16px; line-height:1.5; }
    .faq-accordion .accordion-button::after{ width:28px; height:28px; background-size:12px; }
    .faq-accordion .accordion-body{ padding:0 18px 18px 18px; font-size:14px; line-height:1.8; }
}
/*================================================== FINAL JOURNEY SECTION ==================================================*/
.journey-section{ position:relative; padding:50px 0; overflow:hidden;
 background: radial-gradient(circle at top left,#FFF8EA 0%,transparent 38%), radial-gradient(circle at bottom right,#FFF3D8 0%,transparent 35%), #FFFCF8;}
.journey-section::before{ content:""; position:absolute; width:340px; height:340px; border-radius:50%; background:#FFE8A8; filter:blur(120px);
    top:-170px; left:-170px; opacity:.45; }
.journey-section::after{ content:""; position:absolute; width:280px; height:280px; border-radius:50%; background:#FFF0C8; filter:blur(110px);
    bottom:-120px; right:-120px; opacity:.45; }
.journey-section .section-heading{ position:relative; z-index:2; max-width:900px; margin:auto; }
.journey-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; background:#FFF4DE;
    border-radius:50px; color:#D89A00; font-weight:700; margin-bottom:20px; }
.journey-section .section-badge i{ color:#F4B400; }
.journey-section h2{ font-size:45px; font-weight:800; color:#17233B; line-height:1.2; margin-bottom:18px; }
.journey-section h2 span{ display:block; color:#D89A00; font-size:34px; margin-top:10px; }
.journey-box{ position:relative; z-index:2; background:#fff; border:1px solid rgba(244,180,0,.18); border-radius:32px; padding:55px; overflow:hidden;}
.journey-box::before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:linear-gradient(90deg,#FFD84D,#F4B400); }
.journey-product{ display:flex; justify-content:center; align-items:center; }
.journey-product img{ max-width:100%; max-height:470px; object-fit:contain; transition:.45s; }
.journey-box:hover .journey-product img{ transform:scale(1.05); }
.journey-content{ padding-left:20px; } .journey-content h3{ font-size:27px; font-weight:800; color:#17233B; margin-bottom:22px; line-height:1.25;
    text-align: left; } .journey-content p{text-align: justify; font-size:16px; color:#667085; line-height:1.9; margin-bottom:18px; }
.journey-content strong{ color:#17233B; font-weight:700; }
.journey-highlight{ margin-top:45px; display:flex; justify-content:center; align-items:center; gap:14px; padding:22px 30px; background:#FFF6E5;
    border-radius:60px; border:1px solid rgba(244,180,0,.18); position:relative; z-index:2; }
.journey-highlight i{ font-size:24px; color:#F4B400; flex-shrink:0; }
.journey-highlight span{ font-size:21px; color:#17233B; font-weight:600; line-height:1.6; text-align:center; }
.journey-highlight strong{ color:#D89A00; }
/*========================================= JOURNEY RESPONSIVE =========================================*/
@media(max-width:991px){
    .journey-section{ padding:40px 0; }
    .journey-section::before, .journey-section::after{ width:180px; height:180px; }
    .journey-section h2{ font-size:35px; }
    .journey-section h2 span{ font-size:24px; }
    .journey-box{ padding:40px 35px; border-radius:28px; }
    .journey-product{ margin-bottom:35px; }
    .journey-product img{ max-height:340px; }
    .journey-content{ padding-left:0; text-align:center; }
    .journey-content h3{ font-size:18px; }
    .journey-content p{ font-size:16px; }
    .journey-highlight{ margin-top:35px; padding:18px 24px; border-radius:24px; }
    .journey-highlight span{ font-size:18px; }
}
@media(max-width:575px){
    .journey-section{ padding:30px 0; }
    .journey-section::before, .journey-section::after{ display:none; }
    .journey-section .section-badge{ padding:8px 16px; font-size:12px; }
    .journey-section h2{ font-size:23px; margin-bottom:0; }
    .journey-section h2 span{ font-size:21px; margin-top:6px; }
    .journey-box{ padding:25px 20px; border-radius:22px; }
    .journey-product{ margin-bottom:25px; }
    .journey-product img{ max-height:240px; }
    .journey-content{ text-align:center; }
    .journey-content h3{ font-size:16px; margin-bottom:15px; }
    .journey-content p{ font-size:15px; line-height:1.8; margin-bottom:15px; }
    .journey-highlight{ flex-direction:row; gap:10px; margin-top:25px; padding:18px; border-radius:20px; text-align:center; }
    .journey-highlight i{ font-size:22px; } .journey-highlight span{ font-size:16px; line-height:1.7; }
}
/*================================================== CONTACT SECTION ==================================================*/
.contact-section{ position:relative; padding:50px 0; overflow:hidden; 
    background: radial-gradient(circle at top left,#FFF8EA 0%,transparent 35%), 
    radial-gradient(circle at bottom right,#FFF3D8 0%,transparent 35%), #FFFCF8; }
.contact-section::before{ content:""; position:absolute; width:350px; height:350px; border-radius:50%; background:#FFE9B5; filter:blur(130px); 
    top:-170px; left:-170px; opacity:.45; }
.contact-section::after{ content:""; position:absolute; width:280px; height:280px; border-radius:50%; background:#FFF1D2; filter:blur(110px);
    bottom:-130px; right:-130px; opacity:.4; }
.contact-section .section-heading{ position:relative; z-index:2; max-width:820px; margin:auto; }
.contact-section .section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 22px; border-radius:50px; background:#FFF4DE;
    color:#D89A00; font-weight:700; margin-bottom:20px; }
.contact-section .section-badge i{ color:#F4B400; }
.contact-section h2{ font-size:45px; font-weight:800; color:#17233B; margin-bottom:18px; }
.contact-section .section-heading p{ color:#667085; font-size:16px; line-height:1.9; }
.contact-box{ position:relative; z-index:2; background:#fff; border-radius:32px; border:1px solid rgba(244,180,0,.15); padding:55px; overflow:hidden; }
.contact-box::before{ content:""; position:absolute; left:0; top:0; width:100%; height:6px; background:linear-gradient(90deg,#FFD84D,#F4B400); }
.contact-details{ display:flex; flex-direction:column; gap:30px; }
.contact-item{ display:flex; gap:20px; align-items:flex-start; }
.contact-icon{ width:60px; height:60px; flex-shrink:0; border-radius:18px; background:#FFF6E5; display:flex; align-items:center;
    justify-content:center; color:#D89A00; font-size:22px; }
.contact-item h5{ font-size:20px; font-weight:700; color:#17233B; margin-bottom:8px; }
.contact-item p{ margin:0; color:#667085; line-height:1.8; font-size:16px; }
.contact-social{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:35px; }
.contact-social a{ width:42px; height:42px; border-radius:50%; background:#3B231A; color:#fff; text-decoration:none; display:flex;
    align-items:center; justify-content:center; font-size:20px; transition:.3s; }
.contact-social a:hover{ background:#F4B400; color:#17233B; transform:translateY(-3px); }
.form-group{ margin-bottom:20px; }
.contact-form-area .form-control{ height:58px; border-radius:14px; border:1px solid #E6E1D8; box-shadow:none; padding:15px 18px;
    font-size:16px; color:#17233B; }
.contact-form-area textarea.form-control{ height:auto; min-height:170px; resize:none; padding-top:18px; }
.contact-form-area .form-control:focus{ border-color:#F4B400; box-shadow:none; }
.contact-form-area .form-control::placeholder{ color:#999; }
.contact-btn{ border:none; background:linear-gradient(135deg,#FFD84D,#F4B400); color:#17233B; font-weight:700; font-size:17px; padding:16px 38px;
    border-radius:50px; transition:.35s; display:inline-flex; align-items:center; gap:12px; }
.contact-btn:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(244,180,0,.28); }
.contact-btn i{ transition:.3s; }
.contact-btn:hover i{ transform:translateX(4px); }
/*========================================= CONTACT RESPONSIVE =========================================*/
@media(max-width:991px){
    .contact-section{ padding:40px 0; }
    .contact-section::before, .contact-section::after{ width:180px; height:180px; }
    .contact-section h2{ font-size:40px; }
    .contact-box{ padding:40px 35px; border-radius:28px; }
    .contact-details{ margin-bottom:45px; }
    .contact-item{ gap:16px; }
    .contact-icon{ width:54px; height:54px; font-size:20px; }
    .contact-item h5{ font-size:18px; }
    .contact-item p{ font-size:15px; }
    .contact-social{ justify-content:center; margin-bottom:30px; }
    .contact-social a{ width:48px; height:48px; font-size:18px; }
    .contact-btn{ width:100%; justify-content:center; }
}
@media(max-width:575px){
    .contact-section{ padding:30px 0; }
    .contact-section::before, .contact-section::after{ display:none; }
    .contact-section .section-badge{ padding:8px 16px; font-size:12px; }
    .contact-section h2{ font-size:23px; }
    .contact-section .section-heading p{ font-size:12px; line-height:1.8; }
    .contact-box{ padding:25px 20px; border-radius:22px; }
    .contact-details{ gap:22px; margin-bottom:35px; }
    .contact-item{ gap:14px; align-items:flex-start; }
    .contact-icon{ width:46px; height:46px; border-radius:14px; font-size:18px; }
    .contact-item h5{ font-size:17px; margin-bottom:5px; }
    .contact-item p{ font-size:14px; line-height:1.7; }
    .contact-social{ justify-content:center; gap:10px; margin-bottom:25px; }
    .contact-social a{ width:42px; height:42px; font-size:16px; }
    .form-group{ margin-bottom:16px; }
    .contact-form-area .form-control{ height:52px; font-size:15px; padding:12px 15px; }
    .contact-form-area textarea.form-control{ min-height:140px; padding-top:15px; }
    .contact-btn{ width:100%; justify-content:center; padding:15px 20px; font-size:16px; }
    .contact-box .col-lg-7{margin-top: 25px;}
}
/*================================================== ORDER CONTACT MODAL ==================================================*/
.order-modal{ position:relative; border:none; border-radius:28px; overflow:hidden; background:#fff; padding:35px 30px; }
.order-modal::before{ content:""; position:absolute; left:0; top:0; width:100%; height:6px; background:linear-gradient(90deg,#FFD84D,#F4B400); }
.order-close{ position:absolute; right:18px; top:18px; width:40px; height:40px; border:none; border-radius:50%;
    background:#FFF4DE; color:#D89A00; font-size:18px; transition:.3s; }
.order-close:hover{ background:#F4B400; color:#fff; }
.order-modal-header{ text-align:center; margin-bottom:30px; }
.order-modal-header h3{ font-size:30px; font-weight:800; color:#17233B; margin-bottom:10px; }
.order-modal-header p{ margin:0; color:#667085; font-size:16px; line-height:1.7; }
.order-modal-icons{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.order-modal-icons a{ text-decoration:none; display:flex; flex-direction:column; align-items:center; justify-content:center;
    padding:18px 10px; border-radius:18px; border:1px solid #EFE6D2; background:#FFFDF8; transition:.35s; }
.order-modal-icons a i{ width:68px; height:68px; border-radius:50%; background:#FFF4DE; color:#D89A00; display:flex; align-items:center;
    justify-content:center; font-size:28px; margin-bottom:12px; transition:.35s; }
.order-modal-icons a span{ color:#17233B; font-size:15px; font-weight:600; }
.order-modal-icons a:hover{ border-color:#F4B400; transform:translateY(-5px); }
.order-modal-icons a:hover i{ background:#F4B400; color:#fff; }
.modal.fade .modal-dialog{ transform:scale(.85); transition:transform .3s ease; }
.modal.show .modal-dialog{ transform:scale(1); } .modal-backdrop.show{ opacity:.65; backdrop-filter:blur(4px); }
.order-modal .modal-dialog{ max-width:520px; }
/*========================================= ORDER MODAL RESPONSIVE =========================================*/
@media(max-width:991px){
    .order-modal{ padding:30px 25px; border-radius:24px; }
    .order-modal-header{ margin-bottom:25px; }
    .order-modal-header h3{ font-size:26px; }
    .order-modal-header p{ font-size:15px; }
    .order-modal-icons{ gap:16px; }
    .order-modal-icons a{ padding:16px 8px; }
    .order-modal-icons a i{ width:60px; height:60px; font-size:24px; margin-bottom:10px; }
    .order-modal-icons a span{ font-size:14px; }
}
@media(max-width:575px){
    .modal-dialog{ max-width:94%; margin:1rem auto; }
    .order-modal{ padding:25px 18px; border-radius:22px; }
    .order-close{ width:34px; height:34px; top:14px; right:14px; font-size:15px; }
    .order-modal-header{ margin-bottom:20px; }
    .order-modal-header h3{ font-size:22px; margin-bottom:8px; }
    .order-modal-header p{ font-size:14px; line-height:1.6; }
    .order-modal-icons{ display:grid; grid-template-columns:repeat(3,minmax(120px,1fr)); gap:18px; }
    .order-modal-icons a{ padding:14px 8px; border-radius:16px; }
    .order-modal-icons a i{ width:52px; height:52px; font-size:20px; margin-bottom:8px; }
    .order-modal-icons a span{ font-size:13px; }
}
@media(max-width:360px){
    .order-modal-icons{ gap:10px; }
    .order-modal-icons a{ padding:12px 6px; }
    .order-modal-icons a i{ width:46px; height:46px; font-size:18px; }
    .order-modal-icons a span{ font-size:12px; }
}