html{ scroll-behavior:smooth; }
body{ font-family:'Inter',sans-serif; 
    background: radial-gradient(circle at top right,#eef9ee 0%,transparent 40%), radial-gradient(circle at bottom left,#f4fff2 0%,transparent 35%), #fcfdfb;
    overflow-x:hidden; }
.section-heading p{font-size: 16px; max-width: 700px; margin: auto; }
/*======================== HEADER ========================*/
/*======================== HEADER ========================*/

.header-area{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1040;
    transition:transform .4s ease,background .4s ease,box-shadow .4s ease;
}

.header-area.hide{
    transform:translateY(-120%);
}

.header-area.scrolled{
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(20px);
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

/*======================== HEADER WRAPPER ========================*/

.header-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 28px;
    background:transparent;
    transition:.4s;
}

.header-area.scrolled .header-wrapper{
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(20px);
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

/*======================== LOGO ========================*/

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    height:72px;
    transition:.35s;
}

.logo:hover img{
    transform:scale(1.04);
}

/*======================== DESKTOP MENU ========================*/

.desktop-nav{
    margin:auto;
}

.desktop-nav ul{
    display:flex;
    align-items:center;
    gap:34px;
    list-style:none;
    margin:0;
    padding:0;
}

.desktop-nav ul li{
    list-style:none;
}

.desktop-nav a{
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    color:#1d2f22;
    position:relative;
    padding:8px 0;
    transition:.35s;
}

.desktop-nav a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-6px;
    width:0;
    height:2px;
    background:#67b63f;
    border-radius:30px;
    transform:translateX(-50%);
    transition:.35s;
}

.desktop-nav a:hover{
    color:#67b63f;
}

.desktop-nav a:hover::after{
    width:100%;
}

/*======================== ORDER BUTTON ========================*/

.desktop-btn{
    margin-left:30px;
}

.order-btn{
    display:flex;
    align-items:center;
    gap:14px;
    padding:8px 8px 8px 22px;
    background:linear-gradient(135deg,#8ad54d,#5cab30);
    border-radius:60px;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    position:relative;
    overflow:hidden;
    transition:.35s;
}

.order-btn::before{
    content:"";
    position:absolute;
    left:-70px;
    top:-20px;
    width:45px;
    height:180%;
    background:rgba(255,255,255,.35);
    transform:rotate(22deg);
    transition:1s;
}

.order-btn:hover::before{
    left:150%;
}

.order-btn:hover{
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(103,182,63,.35);
}

.order-btn .icon{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#fff;
    color:#67b63f;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    transition:.35s;
}

.order-btn:hover .icon{
    transform:translateX(5px);
}

/*======================== TOGGLE BUTTON ========================*/

.menu-toggle{
    display:none;
    width:46px;
    height:46px;
    border:none;
    border-radius:12px;
    background:#67b63f;
    cursor:pointer;
    padding:0;
    transition:.35s;
}

.menu-toggle:hover{
    transform:scale(1.05);
}

.menu-toggle span{
    display:block;
    width:22px;
    height:2px;
    background:#fff;
    margin:5px auto;
}

/*======================== MOBILE OFFCANVAS ========================*/

.mobile-menu{
    width:330px !important;
    background:#ffffff;
}

.mobile-menu .offcanvas-header{
    padding:22px;
    border-bottom:1px solid rgba(103,182,63,.15);
}

.mobile-logo{
    height:60px;
}

.mobile-menu .btn-close{
    filter:none;
}

.mobile-menu .offcanvas-body{
    display:flex;
    flex-direction:column;
    padding:10px 24px 30px;
}

.mobile-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}

.mobile-menu li{
    border-bottom:1px solid rgba(103,182,63,.10);
}

.mobile-link{
    display:block;
    padding:18px 0;
    color:#17392d;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
    transition:.3s;
}

.mobile-link:hover{
    color:#67b63f;
    padding-left:10px;
}

.mobile-btn{
    width:100%;
    justify-content:space-between;
    margin-top:28px;
}

/*======================== HERO SPACE ========================*/

.hero-section{
    padding-top:170px;
}
/******************Responsive*************************//*======================== RESPONSIVE ========================*/

@media (max-width:991px){

    .header-area{
        top:0;
    }

    .header-wrapper{
        padding:14px 20px;
    }

    .logo img{
        height:58px;
    }

    /* Hide Desktop */

    .desktop-nav,
    .desktop-btn{
        display:none;
    }

    /* Show Toggle */

    .menu-toggle{
        display:block;
    }

    /* Mobile Menu */

    .mobile-menu{
        width:320px !important;
    }

    .mobile-menu .offcanvas-header{
        padding:20px;
    }

    .mobile-menu .offcanvas-body{
        padding:10px 22px 28px;
    }

    .mobile-link{
        padding:17px 0;
        font-size:16px;
    }

    .mobile-btn{
        margin-top:25px;
    }

    .mobile-btn .icon{
        width:40px;
        height:40px;
    }

}

/*======================== MOBILE ========================*/

@media (max-width:767px){

    .header-wrapper{
        padding:12px 18px;
    }

    .logo img{
        height:54px;
    }

    .menu-toggle{
        width:44px;
        height:44px;
    }

    .menu-toggle span{
        width:20px;
    }

    .mobile-menu{
        width:300px !important;
    }

    .mobile-menu .offcanvas-header{
        padding:18px;
    }

    .mobile-logo{
        height:52px;
    }

    .mobile-link{
        font-size:15px;
        padding:16px 0;
    }

    .mobile-btn{
        padding:12px 16px;
    }

}

/*======================== SMALL MOBILE ========================*/

@media (max-width:575px){

    .header-wrapper{
        padding:12px 15px;
    }

    .logo img{
        height:50px;
    }

    .menu-toggle{
        width:42px;
        height:42px;
        border-radius:10px;
    }

    .mobile-menu{
        width:100% !important;
    }

    .mobile-menu .offcanvas-header{
        padding:18px;
    }

    .mobile-menu .offcanvas-body{
        padding:10px 18px 25px;
    }

    .mobile-logo{
        height:48px;
    }

    .mobile-link{
        font-size:15px;
        padding:15px 0;
    }

    .mobile-btn{
        margin-top:22px;
        padding:12px 16px;
        font-size:15px;
    }

    .mobile-btn .icon{
        width:38px;
        height:38px;
    }

}

/*======================== ACTIVE LINK ========================*/

.desktop-nav a.active,
.mobile-link.active{
    color:#67b63f;
}

.desktop-nav a.active::after{
    width:100%;
}

/*======================== OFFCANVAS ========================*/

.mobile-menu .offcanvas-body::-webkit-scrollbar{
    width:6px;
}

.mobile-menu .offcanvas-body::-webkit-scrollbar-thumb{
    background:#67b63f;
    border-radius:20px;
}

.mobile-menu .offcanvas-body::-webkit-scrollbar-track{
    background:#f4f4f4;
}
/*========================================= HERO SECTION ==========================================*/
.hero-section{ position:relative; padding:140px 0 120px; overflow:hidden; }
.hero-glow{ position:absolute; border-radius:50%; filter:blur(80px); z-index:-1; }
.hero-glow-1{ width:520px; height:520px; background:#dff6dc; top:-180px; right:-120px; }
.hero-glow-2{ width:350px; height:350px; background:#edfce7; left:-120px; bottom:-120px; }
.hero-content{ position:relative; }
.hero-badge{ display:inline-flex; align-items:center; gap:10px; background:#eef9eb; color:#4f9832; padding:12px 18px; border-radius:40px;
    font-weight:600; margin-bottom:28px; }
.hero-badge i{ font-size:18px; }
.hero-content h1{ font-size:45px; line-height:1.37; font-weight:800; color:#153529; margin-bottom:6px; }
.hero-content h1 span{ display:block; }
.hero-content .green{ color:#69b53d; }
.hero-content p{ font-size:20px; line-height:1.9; color:#0d100f; max-width:620px; }
.hero-highlight{ display:flex; align-items:center; gap:14px; margin:11px 0; font-size:20px; }
.hero-highlight i{ color:#ef4444; font-size:22px; }
.hero-highlight strong{ color:#ef4444; }
#typing-text{ color:#ef4444; font-weight:800; }
.typing-cursor{ display:inline-block; color:#D89A00; font-weight:700; animation:blink .8s infinite; }
@keyframes blink{ 50%{ opacity:0; } }
.hero-buttons{ display:flex; align-items:center; gap:18px; margin-top:27px; }
.hero-btn{ display:flex; align-items:center; justify-content:space-between; gap:15px; text-decoration:none;
    background:linear-gradient(135deg,#83d34b,#5cab31); color:#fff; padding:8px 8px 8px 24px; border-radius:60px; font-weight:600;
    transition:.35s;}
.hero-btn:hover{ color:#fff; transform:translateY(-4px); }
.hero-btn .icon{ width:44px; height:44px; border-radius:50%; background:#fff; color:#67b63f; display:flex; justify-content:center;
    align-items:center; transition:.35s; } .hero-btn:hover .icon{ transform:translateX(5px); }
.video-btn{ display:flex; align-items:center; gap:15px; text-decoration:none; color:#153529; font-weight:600; background: #fff; 
    border-radius: 50px; padding: 8px 21px 8px 8px; box-shadow: 0 10px 25px rgba(0, 0, 0, .08); }
.video-btn span{ width:44px; height:44px; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center;
    box-shadow:0 15px 35px rgba(0,0,0,.08); color:#69b53d; }
.hero-image{ position:relative; text-align:center; }
.image-circle{ position:absolute; width:411px; height:411px; border-radius:50%; background:radial-gradient(circle,#d7f5d0,#edfce9); top:50%;
    left:50%; transform:translate(-50%,-50%); }
.main-heart{ position:relative; width:100%; max-width:422px; z-index:2; animation:floatImage 5s ease-in-out infinite; }
.herbs{ position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); width:220px; z-index:3; }
.floating-badge{ position:absolute; right:20px; bottom:80px; background:#fff; padding:15px 20px; border-radius:18px;
    box-shadow:0 20px 45px rgba(0,0,0,.08); z-index:5; animation:badgeFloat 4s infinite; }
@keyframes floatImage{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-18px); } 100%{ transform:translateY(0); } }
@keyframes badgeFloat{ 50%{ transform:translateY(-10px); } }
.circle-small{ position:absolute; width:180px; height:180px; background:#dff5d7; border-radius:50%; right:40px; top:50px; opacity:.55; 
    animation:blob 8s infinite ease-in-out; }
.circle-small.two{ width:120px; height:120px; left:40px; bottom:70px; animation-delay:2s; }
.leaf{ position:absolute; width:38px; animation:leafFloat 5s infinite ease-in-out; }
.leaf1{ top:60px; left:70px; } .leaf2{ right:50px; top:140px; animation-delay:1.5s; }
.leaf3{ bottom:80px; left:120px; animation-delay:3s; }
.floating-badge{ position:absolute; right:20px; bottom:70px; background:#fff; padding:18px; width:120px; height:120px; border-radius:24px;
    box-shadow:0 20px 45px rgba(0,0,0,.08); display:flex; flex-direction:column; justify-content:center; align-items:center; z-index:10;
    animation:badgeFloat 4s infinite; }
.floating-badge i{ font-size:24px; color:#69b53d; margin-bottom:8px; }
.floating-badge h5{ margin:0; font-size:28px; font-weight:800; color:#17392d; }
.floating-badge span{ font-size:14px; color:#777; }
@keyframes leafFloat{ 0%{ transform:translateY(0) rotate(0); } 50%{ transform:translateY(-18px) rotate(12deg); } 100%{ transform:translateY(0) rotate(0);}}
@keyframes blob{ 50%{ transform:scale(1.15); } } @keyframes badgeFloat{ 50%{ transform:translateY(-12px); } }
.hero-features{ margin-top:0px; position:relative; z-index:30; }
.feature-wrapper{ background:#fff; border-radius:26px; padding:28px; display:flex; justify-content:space-between; box-shadow:0 20px 60px rgba(0,0,0,.08); }
.feature-box{ text-align:center; flex:1; }
.feature-box i{ width:70px; height:70px; background:#edf9e8; border-radius:50%; display:flex; justify-content:center; align-items:center; 
    margin:auto; font-size:28px; color:#69b53d; margin-bottom:16px; transition:.35s; }
.feature-box:hover i{ transform:translateY(-8px); background:#69b53d; color:#fff; }
.feature-box h6{ font-weight:700; color:#17392d; }
@media (max-width:991px){
    .hero-highlight i{display: none;}
    .hero-section{ padding:110px 0 35px; text-align:center; }
    .hero-content{ margin-bottom:0px; }
    .hero-content h1{ font-size:40px; }
    .hero-content p{ font-size:15px; margin:auto;text-align: justify; padding: 5px 0px 15px; line-height: 1.8; max-width: 359px;}
    .hero-buttons{ justify-content:center; flex-wrap:wrap; }
    .hero-highlight{ justify-content:center; }
    .hero-trust{ justify-content:center; }
    .main-heart{ max-width:400px; }
    .image-circle{ width:380px; height:380px; }
    .herbs{ width:170px;display:none; }
    .floating-badge{ right:10px; bottom:30px; width:95px; height:95px; padding:12px; }
    .floating-badge h5{ font-size:22px; }
    .feature-wrapper{ flex-wrap:wrap; gap:25px; }
    .feature-box{ width:45%; }
    .hero-btn , .video-btn{padding: 8px 11px 8px 11px; font-size: 14px; gap: 5px;}
}
@media (max-width:991px){
    .hero-section .row{ flex-direction:column-reverse; }
    .hero-image{ order:1; margin-bottom:24px; }
    .hero-content{ order:2; text-align:center; }
    .hero-trust{ display:none; }
    .hero-content h1{ font-size:35px; line-height:1.2; }
    .hero-highlight{ justify-content: center; font-size: 15px; max-width: 359px; margin: auto;}
    .main-heart{ max-width:320px; } .image-circle{ width:300px; height:300px; }
    .herbs{ width:140px; }
    .floating-badge{ width:85px; height:85px; right:10px; bottom:20px; }
    .hero-badge{ margin:auto; margin-bottom:20px; }
}
@media(max-width:991px){ .floating-badge{ display:none; } }
@media (max-width:991px){
    .feature-wrapper{ display:grid; grid-template-columns:repeat(2,1fr); gap:15px; padding:20px; }
    .feature-box{ width:100%; }
    .feature-box i{ width:60px; height:60px; font-size:22px; }
    .feature-box h6{ font-size:15px; }
}
@media (max-width:480px){
    .hero-content h1{ font-size: 24px; margin-top: 0px; }
    .hero-buttons{ gap:10px !important; }
    .hero-btn .icon, .video-btn span{ width:34px; height:34px; }
    .feature-wrapper{ gap:12px; }
    .feature-box{ padding:20px 12px; }
    .feature-box h6{ font-size:14px; }
}
/*========================================= HEALTH AWARENESS SECTION =========================================*/
.risk-section{ padding:74px 0; background:#f8fcf8; position:relative; overflow:hidden; }
.risk-section::before{ content:""; position:absolute; width:380px; height:380px; background:#dff6dc; border-radius:50%; filter:blur(90px);
    left:-140px; top:40px; opacity:.65; }
.risk-section::after{ content:""; position:absolute; width:320px; height:320px; background:#edfce7; border-radius:50%; filter:blur(90px);
    right:-120px; bottom:-70px; opacity:.8; }
.section-heading{ max-width:820px; margin:auto; position:relative; z-index:2; }
.section-badge{ display:inline-flex; align-items:center; gap:10px; padding:10px 18px; background:#edf9e8; color:#69b53d; border-radius:40px;
    font-weight:600; margin-bottom:25px; }
.section-badge i{ font-size:18px; }
.section-heading h2{ font-size:45px; font-weight:800; color:#17392d; line-height:1.15; margin-bottom:22px; }
.section-heading h2 span{ color:#69b53d; display:block; }
.risk-slider{ position:relative; overflow:hidden; border-radius:30px; box-shadow:0 25px 60px rgba(0,0,0,.08); }
.risk-slider img{ height:520px; 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(16,45,31,.88), rgba(16,45,31,.18), transparent); }
.slider-caption{ position:absolute; left:35px; bottom:35px; color:#fff; z-index:3; max-width:430px; }
.slider-caption span{ display:inline-flex; align-items:center; gap:10px; padding:10px 18px; border-radius:40px; background:rgba(255,255,255,.18);
    backdrop-filter:blur(8px); font-size:14px; margin-bottom:16px; }
.slider-caption h3{ font-size:34px; font-weight:700; margin-bottom:12px; }
.carousel-control-prev, .carousel-control-next{ width:22px !important; height:22px !important; top:50% !important;
    transform:translateY(-50%) !important; background:rgba(255,255,255,.92) !important; border-radius:50% !important; opacity:1 !important; }
.carousel-control-prev{ left:18px !important; }
.carousel-control-next{ right:18px !important; }
.carousel-control-prev-icon, .carousel-control-next-icon{ filter:invert(1) !important;width: 11px; height: 11px; }
.risk-card{ background:#fff; border-radius:28px; padding:35px; box-shadow:0 25px 55px rgba(0,0,0,.08); position:relative; overflow:hidden; }
.risk-card h4{ font-size:23px; font-weight:800; color:#69b53d; margin-bottom:15px; position:relative; z-index:2; }
.risk-item{ display:flex; align-items:center; gap:18px; padding:18px 0; border-bottom:1px solid #edf2ed; transition:.35s;
    position:relative; z-index:2; }
.risk-item:last-child{ border:none; }
.risk-item span{ width:58px; height:58px; background:#edf9e8; color:#69b53d; border-radius:50%; display:flex; justify-content:center;
    align-items:center; font-size:22px; transition:.35s; }
.risk-item h6{ margin:0; font-size:16px; font-weight:700; color:#17392d; }
.risk-item:hover{ transform:translateX(10px); }
.risk-item:hover span{ background:#69b53d; color:#fff; }
.risk-section .floating-leaf{ position:absolute; font-size:28px; color:#69b53d; opacity:.15; animation:riskFloat 8s ease-in-out infinite; }
.risk-section .leaf-left{ left:5%; top:120px; } .risk-section .leaf-right{ right:6%; bottom:120px; animation-delay:2s; }
@keyframes riskFloat{
    0%{ transform:translateY(0) rotate(0deg); } 50%{ transform:translateY(-18px) rotate(10deg); } 100%{ transform:translateY(0) rotate(0deg); }
}
.risk-slider{ transition:.5s; }
.risk-slider:hover{ transform:translateY(-8px); box-shadow:0 35px 80px rgba(0,0,0,.14); }
.risk-slider:hover img{ transform:scale(1.12); }
.slider-caption{ animation:captionUp .8s ease; }
@keyframes captionUp{ from{ opacity:0; transform:translateY(30px); } to{ opacity:1; transform:translateY(0); } }
.section-badge{ transition:.35s; }
.section-badge:hover{ background:#69b53d; color:#fff; transform:translateY(-2px); }
.section-badge:hover i{ color:#fff; }
.risk-card{ transition:.4s; }
.risk-card:hover{ transform:translateY(-8px); box-shadow:0 35px 70px rgba(0,0,0,.12); }
.risk-item{ cursor:pointer; }
.risk-item:hover h6{ color:#69b53d; }
@media(max-width:1199px){
    .section-heading h2{ font-size:45px; }
    .risk-slider img{ height:470px; }
    .risk-card{ padding:30px; } .risk-card h4{ font-size:28px; }
}
@media(max-width:991px){
    .risk-section::before, .risk-section::after{width: 287px; height: 287px;}
    .risk-section{ padding:30px 0; }
    .section-heading{ text-align:center; margin-bottom: 22px !important; }
    .section-heading h2{ font-size:35px;line-height:1.2; }
    .section-badge{ margin-bottom:14px; font-size: 12px;}
    .risk-slider{ border-radius:22px; }
    .risk-slider img{ height:280px; }
    .slider-caption{ left:20px; right:20px; bottom:28px; max-width:100%; }
    .slider-caption span{ margin-bottom: 4px; padding:8px 15px; font-size:13px; }
    .slider-caption h3{ font-size:24px; margin-bottom:8px; }
    .carousel-control-prev, .carousel-control-next{ width:42px; height:42px; }
    .carousel-control-prev{ left:12px; } .carousel-control-next{ right:12px; }
    .custom-indicators{ bottom:10px; }
    .custom-indicators button{ width:10px!important; height:10px!important;}
    .custom-indicators .active{ width:28px!important; }
    .risk-card{ margin-top:10px; padding:25px; border-radius:22px; }
    .risk-card h4{ font-size:26px; text-align:center; }
    .risk-item{ gap:15px; padding:15px 0; }
    .risk-item span{ width:50px; height:50px; font-size:18px; flex-shrink:0; }
    .risk-item h6{ font-size:16px; }
}
@media(max-width:575px){
    .section-heading h2{ font-size:25px; margin-bottom:10px; }
    .risk-slider img{ height:240px; }
    .slider-caption{ left:16px; right:16px; bottom:22px; }
    .slider-caption h3{ font-size:20px; }
    .risk-card{ padding:20px; }
    .risk-card h4{ font-size:22px; }
    .risk-item span{ width:45px; height:45px; }
    .risk-item h6{ font-size:15px; }
}
@media (max-width:575px){
    .risk-card{ display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }
    .risk-card h4{ grid-column:1/-1; text-align:center; margin-bottom:10px;}
    .risk-item{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:18px 12px;
        border-radius:18px; background:#fff; box-shadow:0 10px 25px rgba(0,0,0,.08); }
    .risk-item span{ margin-bottom:10px; }
    .risk-item h6{ font-size:15px; line-height:1.4; margin:0; }
}
[data-aos]{ transition-duration:.9s!important; }
.carousel-item{ transition:transform .8s ease-in-out; }
/*================================== PRODUCT INTRODUCTION ==================================*/
.product-intro-section{ position:relative; padding:55px 0 55px; background:linear-gradient(180deg,#ffffff 0%,#f7fcf6 100%); overflow:hidden; }
.product-intro-section::before{ content:""; position:absolute; width:550px; height:550px; border-radius:50%; background:#dff6cf;
    filter:blur(120px); left:-180px; top:-180px; opacity:.8; }
.product-intro-section::after{ content:""; position:absolute; width:500px; height:500px; border-radius:50%; background:#eefbe5; filter:blur(120px);
    right:-180px; bottom:-180px; }
.product-showcase{ position:relative; height:578px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:0px;}
.product-glow{ position:absolute; width:420px; height:420px; border-radius:50%;
    background:radial-gradient(circle,#9be35f 0%,rgba(155,227,95,.35) 40%,transparent 75%); animation:glowPulse 6s infinite ease-in-out; }
.ring{ position:absolute; border-radius:50%; border:1px solid rgba(111,184,63,.18); }
.ring1{ width:580px; height:580px;}
/**animation:rotate1 35s linear infinite;animation:rotate2 28s linear infinite;animation:rotate1 20s linear infinite;**/
.ring2{ width:470px; height:470px; animation:rotate2 28s linear infinite; }
.ring3{ width:360px; height:360px; }
.bio-logo{ width:290px; position:relative; z-index:5; margin-bottom: -21px; animation:logoFloat 5s ease-in-out infinite; }
.product-image{ width:588px; position:relative; z-index:6; filter:drop-shadow(0 35px 50px rgba(0,0,0,.18));
    animation:productFloat 5s ease-in-out infinite; }
.leaf{ position:absolute; width:55px; height:55px; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center;
    color:#6cb73e; box-shadow:0 20px 35px rgba(0,0,0,.08); font-size:22px; z-index:10; }
.leaf1{ top:170px; left:120px; animation:leafFloat 6s infinite; }
.leaf2{ top:250px; right:120px; animation:leafFloat 7s infinite; }
.leaf3{ bottom:180px; left:180px; animation:leafFloat 5s infinite; }
.leaf4{ bottom:180px; right:180px; animation:leafFloat 6.5s infinite; }
.intro-btn{ width:auto !important; display:inline-flex; align-items:center; justify-content:center; padding:8px 8px 8px 28px; margin:auto; }
.intro-btn span{ font-weight:600; } .intro-btn .icon{ width:46px; height:46px; }
.product-showcase:hover .product-image{ transform:translateY(-15px) scale(1.04); }
.product-showcase:hover .bio-logo{ transform:translateY(-8px); }
.product-showcase:hover .product-glow{ transform:scale(1.08); }
/**.product-showcase:hover .ring1{ animation-duration:18s; }
.product-showcase:hover .ring2{ animation-duration:14s; }
.product-showcase:hover .ring3{ animation-duration:10s; }**/
.bio-logo, .product-image, .product-glow, .ring{ transition:.4s; }
@keyframes productFloat{ 50%{ transform:translateY(-18px); } }
@keyframes logoFloat{ 50%{ transform:translateY(-10px); } }
@keyframes glowPulse{ 50%{ transform:scale(1.08); opacity:.7; } }
@keyframes rotate1{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@keyframes rotate2{ from{ transform:rotate(360deg); } to{ transform:rotate(0deg); } }
@keyframes leafFloat{ 50%{ transform:translateY(-18px); } }
@media (max-width:1199px){
    .product-intro-section::before,.product-intro-section::after{width: 119px; height: 119px;}
    .product-showcase{ height:480px; }
    .bio-logo{ width:240px; }
    .product-image{ width:320px; }
    .ring1{ width:500px; height:500px; }
    .ring2{ width:410px; height:410px; }
    .ring3{ width:310px; height:310px; }
    .leaf1{ left:70px; }
    .leaf2{ right:70px; }
    .leaf3{ left:120px; }
    .leaf4{ right:120px; }
}
@media (max-width:991px){
    .product-intro-section{ padding:90px 0; }
    .product-showcase{ height:450px; margin-top:20px; }
    .bio-logo{ width:190px; }
    .product-image{ width:250px; }
    .product-glow{ width:300px; height:300px; }
    .ring1{ width:380px; height:380px; }
    .ring2{ width:300px; height:300px; }
    .ring3{ width:220px; height:220px; }
    .leaf{ width:45px; height:45px; font-size:18px; }
    .leaf1{ top:110px; left:35px; }
    .leaf2{ top:180px; right:35px; }
    .leaf3{ bottom:120px; left:60px; }
    .leaf4{ bottom:120px; right:60px; }
    .intro-btn{ margin-top:15px; }
}
@media (max-width:767px){
    .product-intro-section{ padding:30px 0; }
    .product-showcase{ height:250px; }
    .bio-logo{ width:150px; margin-bottom:8px; }
    .product-image{ width:175px; }
    .product-glow{ width:220px; height:220px; }
    .leaf2, .leaf4{ display:none; }
    .leaf1{ left:5px; top:120px; }
    .leaf3{ left:auto; right:5px; bottom:80px; }
    .intro-btn{ padding:7px 7px 7px 22px; }
    .intro-btn .icon{ width:40px; height:40px; }
    .product-intro-section .section-heading h2 span {display: none;}
    .product-intro-section .section-heading h2{margin-bottom: 30px;}
}
@media (max-width:575px){
    .product-showcase{ height:304px; }
    .bio-logo{ width: 250px; }
    .product-image{ width:322px; } .product-glow{ width:190px; height:190px; }
    .ring1{ width:330px; height:330px; } .ring2{ width:280px; height:280px; }
    .ring3{ width:235px; height:235px; }
    .leaf{ display:none; } .intro-btn{ font-size:15px; }
}
.product-showcase:hover .product-image{ filter:drop-shadow(0 45px 70px rgba(90,170,45,.28)); }
.product-showcase:hover .bio-logo{ transform:translateY(-6px) scale(1.02); }
.product-showcase:hover .ring{ border-color:rgba(111,184,63,.35); }
.product-showcase:hover .product-glow{ opacity:.95; }
/*================================== BENEFITS SECTION ==================================*/
.benefits-section{ position:relative; padding:50px 0; background:linear-gradient(180deg,#ffffff 0%,#f7fcf6 100%); overflow:hidden; }
.benefits-section::before{ content:""; position:absolute; width:450px; height:450px; border-radius:50%; background:#e8f8de; filter:blur(120px);
    top:-180px; left:-180px; opacity:.8; }
.benefits-section::after{ content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:#eef9e9; filter:blur(243px);
    bottom:-180px; right:-180px; }
.benefit-box{ position:relative; display:flex; align-items:center; gap:25px; padding:30px; height:100%; background:rgba(255,255,255,.68);
    backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.65); border-radius:26px; overflow:hidden;
    transition:.45s; box-shadow: 0 15px 40px rgba(0,0,0,.05); }
.benefit-box::before{ content:""; position:absolute; left:0; top:0; width:5px; height:0; background:linear-gradient(180deg,#8fd64d,#5faa31);
    transition:.45s; border-radius:20px; }
.benefit-box:hover::before{ height:100%; }
.benefit-box::after{ content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(111,184,63,.08), transparent);
    opacity:0; transition:.45s; }
.benefit-box:hover::after{ opacity:1; }
.benefit-icon{ flex-shrink:0; width:78px; height:78px; border-radius:50%; display:flex; justify-content:center; align-items:center;
    font-size:30px; color:#fff; background:linear-gradient(135deg,#8fd64c,#5faa31); position:relative; z-index:2; transition:.45s;
    box-shadow: 0 15px 30px rgba(95,170,49,.25); }
.benefit-icon::before{ content:""; position:absolute; inset:-7px; border-radius:50%; border:2px dashed rgba(111,184,63,.25);
    animation:rotateBenefit 15s linear infinite; }
.benefit-content{ position:relative; z-index:2; }
.benefit-content h4{ font-size:22px; font-weight:700; color:#17392d; margin-bottom:10px; line-height:1.3; }
.benefit-content p{ margin:0; color:#666; line-height:1.8; font-size:16px; }
.benefit-box:hover{ transform:translateY(-10px); box-shadow: 0 30px 60px rgba(0,0,0,.10); }
.benefit-box:hover .benefit-icon{ transform:rotate(-8deg) scale(1.08); }
.benefit-box:hover .benefit-icon::before{ border-color:#6cb73e; }
@keyframes rotateBenefit{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@media(max-width:991px){
    .benefits-section::before,.benefits-section::after{width: 119px; height: 119px;}
    .benefits-section{ padding:90px 0; }
    .benefit-box{ padding:25px; }
    .benefit-icon{ width:68px; height:68px; font-size:26px; }
    .benefit-content h4{ font-size:20px; }
}
@media(max-width:767px){
    .benefits-section{ padding:25px 0; }
    .benefit-box{ flex-direction:row; text-align:left; gap:25px; }
    .benefit-box::before{ width:100%; height:2px; left:0; top:0; }
    .benefit-box:hover::before{ height:3px; }
    .benefit-icon{ width:64px; height:64px; font-size:24px; }
    .benefit-content h4{ font-size:18px; }
    .benefit-content p{ font-size:15px; }
}
@media(max-width:575px){
    .benefit-box{  border-radius:20px; }
    .benefit-icon{ width:58px; height:58px; font-size:22px; }
    .benefit-content h4{ font-size:17px; }
}
.benefit-box.alt{ background:linear-gradient(135deg,#f4fbf0,#ffffff); }
.technology-section{ position:relative; padding:50px 0; background:linear-gradient(180deg,#f7fcf6 0%,#ffffff 100%); overflow:hidden; }
.technology-section::before{ content:""; position:absolute; width:500px; height:500px; border-radius:50%; background:#e8f8de;
    filter:blur(120px); left:-180px; top:-180px; }
.technology-section::after{ content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:#eef9e9; filter:blur(243px);
    right:-180px; bottom:-180px; }
.uniwave-logo{ width:590px; position:relative; z-index:5; animation:logoFloat 5s infinite ease-in-out; filter:drop-shadow(0 25px 40px rgba(0,0,0,.15));}
.tech-float{ position:absolute; width:58px; height:58px; border-radius:50%; background:#fff; display:flex; justify-content:center;
    align-items:center; color:#69b53d; font-size:22px; box-shadow:0 20px 40px rgba(0,0,0,.08); z-index:6; }
.float-one{ top:90px; left:170px; animation:floatIcon 6s infinite; }
.float-two{ right:170px; top:180px; animation:floatIcon 7s infinite; }
.float-three{ bottom:120px; left:50%; transform:translateX(-50%); animation:floatIcon 5s infinite; }
/*================================== TECH CARDS ==================================*/
.tech-card{ background:rgba(255,255,255,.75); backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,.7); border-radius:22px; padding:30px 20px;
    text-align:center; height:100%; transition:.4s; box-shadow:0 15px 40px rgba(0,0,0,.06); }
.tech-card:hover{ transform:translateY(-10px); box-shadow:0 30px 60px rgba(0,0,0,.10); }
.tech-card i{ width:68px; height:68px; border-radius:50%; background:linear-gradient(135deg,#8fd64c,#5faa31); color:#fff; display:flex;
    justify-content:center; align-items:center; margin:auto auto 18px; font-size:24px; }
.tech-card h5{ font-size:18px; font-weight:700; color:#17392d; margin:0; }
@keyframes rotateClock{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@keyframes rotateAnti{ from{ transform:rotate(360deg); } to{ transform:rotate(0deg); } }
@keyframes techGlow{ 50%{ transform:scale(1.08); opacity:.7; } }
@keyframes logoFloat{ 50%{ transform:translateY(-12px); } }
@keyframes floatIcon{ 50%{ transform:translateY(-15px); } }
.technology-showcase:hover .uniwave-logo{ transform:scale(1.05); }
.technology-showcase:hover .tech-glow{ transform:scale(1.1); }
.technology-showcase:hover .ring-one{ animation-duration:18s; }
.technology-showcase:hover .ring-two{ animation-duration:12s; }
.technology-showcase:hover .ring-three{ animation-duration:8s; }
@media (max-width:1199px){
    .technology-section::before,.technology-section::after{width: 119px; height: 119px;}
    .uniwave-logo{ width:210px; }
    .float-one{ left:90px; }
    .float-two{ right:90px; }
}
@media (max-width:991px){
    .technology-section{ padding:90px 0; }
    .uniwave-logo{ width:180px; }
    .tech-glow{ width:250px; height:250px; }
    .tech-float{ width:48px; height:48px; font-size:18px; }
    .float-one{ top:80px; left:25px; }
    .float-two{ top:140px; right:25px; }
    .float-three{ bottom:45px; }
    .tech-card{ padding:24px 18px; }
    .tech-card h5{ font-size:17px; }
}
@media (max-width:767px){
    .technology-section{ padding:70px 0; }
    .uniwave-logo{ width:145px; }
    .tech-glow{ width:180px; height:180px; }
    .float-two, .float-three{ display:none; }
    .float-one{ left:10px; top:95px; }
    .tech-card{ border-radius:18px; padding:22px 15px; }
    .tech-card i{ width:58px; height:58px; font-size:20px; }
    .tech-card h5{ font-size:16px; }
}
@media (max-width:575px){
    .technology-section{ padding:25px 0; }
    .uniwave-logo{ width: 438px; }
    .tech-glow{ width:150px; height:150px; }
    .tech-float{ display:none; }
    .tech-card{ padding:20px 14px; }
    .tech-card i{ width:52px; height:52px; font-size:18px; }
    .tech-card h5{ font-size:15px; }
}
.tech-card{ position:relative; overflow:hidden; }
.tech-card::before{ content:""; position:absolute; left:0; top:0; width:4px; height:0;
    background:linear-gradient(180deg,#8fd64c,#5faa31); transition:.45s; }
.tech-card:hover::before{ height:100%; }
.tech-card:hover i{ transform:rotate(-10deg) scale(1.08); }
.tech-card i{ transition:.4s; }
.technology-showcase:hover .uniwave-logo{ filter:drop-shadow(0 35px 60px rgba(90,170,45,.28)); }
.technology-showcase:hover .tech-glow{ opacity:.95; } .technology-showcase:hover .ring{ border-color:rgba(111,184,63,.35); }
/*================================== VIDEO SECTION ==================================*/
.video-section{padding: 50px 0;}
.video-content{ height:100%; display:flex; flex-direction:column; justify-content:center; }
.video-content h3{ font-size:36px; font-weight:800; color:#17392d; line-height:1.4; margin-bottom:30px; max-width:700px; }
.video-content h3::before{ content:"❝"; color:#69b53d; margin-right:10px; }
.video-wrapper{ background:#fff; padding:18px; border-radius:30px; box-shadow:0 25px 70px rgba(0,0,0,.10); transition:.4s; }
.video-wrapper:hover{ transform:translateY(-8px); box-shadow:0 35px 80px rgba(0,0,0,.14); }
.video-wrapper iframe{ border:none; border-radius:22px; }
.video-person{ position:relative; overflow:hidden; border-radius:30px; background:#fff; }
.video-person img{ width:100%; display:block; border-radius:30px; }
.person-info{ position:absolute; left:50%; bottom:25px; transform:translateX(-50%); width:85%; background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px); border-radius:18px; padding:18px; text-align:center; box-shadow:0 15px 35px rgba(0,0,0,.12); }
.person-info h3{ font-size:24px; font-weight:800; color:#17392d; margin-bottom:6px; }
.person-info span{ color:#69b53d; font-size:15px; font-weight:600; }
@media(max-width:991px){
    .video-content{ margin-top:15px; }
    .video-content h3{ font-size:30px; text-align:center; }
}
@media(max-width:767px){
    .video-section{ padding:70px 0; }
    .video-person{ margin-bottom:25px; }
    .video-person h3{ font-size:24px; }
    .video-person span{ font-size:15px; }
    .video-content h3{ font-size:24px; text-align:center; margin-bottom:20px; }
    .video-wrapper{ padding:12px; border-radius:22px; }
    .video-wrapper iframe{ border-radius:15px; }
}
@media(max-width:575px){
    .video-section .col-lg-8 ,.video-section .col-lg-4{margin-top: 20px !important;}
    .video-person{margin-bottom: 0px;}
    .video-content{margin-top: 0px;}
    .video-section{ padding:25px 0; }
    .video-person{ padding:20px; }
    .video-person h3{ font-size:22px; }
    .video-content h3{ font-size:21px; line-height:1.5; }
}
/*================================== TESTIMONIAL SECTION ==================================*/
.testimonial-section{ position:relative; padding:50px 0; background:linear-gradient(180deg,#ffffff 0%,#f7fcf6 100%); overflow:hidden; }
.testimonial-section::before{ content:""; position:absolute; width:450px; height:450px; background:#e7f8dc; border-radius:50%; filter:blur(120px);
    left:-180px; top:-180px; opacity:.8; }
.testimonial-section::after{ content:""; position:absolute; width:400px; height:400px; background:#edf9e7; border-radius:50%;
    filter:blur(120px); right:-180px; bottom:-180px; }
.testimonial-overlay{ position:absolute; left:20px; right:20px; bottom:20px; background:rgba(255,255,255,.95); backdrop-filter:blur(15px);
    border-radius:50px; padding:12px 18px; display:flex; align-items:center; gap:10px; font-weight:600; color:#17392d;
    box-shadow:0 10px 25px rgba(0,0,0,.08); }
.testimonial-overlay i{ width:40px; height:40px; border-radius:50%; background:#25D366; color:#fff; display:flex; justify-content:center;
    align-items:center; font-size:20px; }
.testimonial-card:hover{ transform:translateY(-12px); box-shadow:0 35px 70px rgba(0,0,0,.12); }
.testimonial-card:hover img{ transform:scale(1.04); }
.testimonial-card{ position:relative; overflow:hidden; border-radius:28px; background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.08);
    transition:.45s; height:500px; }
.testimonial-card img{ width:100%; height:100%; object-fit:contain; object-position:top center; background:#fff; }
.testimonial-card{ height:500px; }
@media(max-width:991px){
    .testimonial-section::before,.testimonial-section::after{width: 119px;height: 119px;} .testimonial-section{ padding:50px 0; }
}
@media(max-width:767px){
    .testimonial-card{ height:420px; }
    .testimonial-section{ padding:25px 0; }
    .testimonial-card{ border-radius:20px; }
    .testimonial-overlay{ left:12px; right:12px; bottom:12px; padding:10px 14px; font-size:14px; }
    .testimonial-overlay i{ width:34px; height:34px; font-size:16px; }
}
.testimonialSwiper{ padding:20px 5px 60px; }
.swiper-pagination-bullet{ width:10px; height:10px; background:#6cb73e; opacity:.3; }
.swiper-pagination-bullet-active{ opacity:1; width:28px; border-radius:20px; }
/*================================== PARTNERS SECTION ==================================*/
.partners-section{ position:relative; padding:50px 0; background:linear-gradient(180deg,#ffffff 0%,#f8fcf7 100%); overflow:hidden; }
.partners-section::before{ content:""; position:absolute; width:500px; height:500px; border-radius:50%; background:#dff5d4; filter:blur(120px);
    top:-220px; left:-220px; }
.partners-section::after{ content:""; position:absolute; width:450px; height:450px;
    border-radius:50%; background:#edf8e8; filter:blur(120px); right:-180px; bottom:-180px; }
.partner-network{ position:relative; width:700px; height:700px; margin:0px auto 0; }
.partner-center{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:240px; height:240px; background:#fff;
    border-radius:50%; display:flex; justify-content:center; align-items:center; box-shadow: 0 30px 70px rgba(0,0,0,.10); z-index:20; }
.partner-center::before{ content:""; position:absolute; width:320px; height:320px; border-radius:50%; border:2px dashed rgba(108,183,62,.25);
    animation:partnerRotate 30s linear infinite; }
.partner-center::after{ content:""; position:absolute; width:380px; height:380px; border-radius:50%; border:1px solid rgba(108,183,62,.15); }
.partner-center img{ width:289px; animation:partnerFloat 5s ease-in-out infinite; }
.partner-item{ position:absolute; width:150px; height:150px; background:rgba(255,255,255,.92); backdrop-filter:blur(20px);
    border-radius:24px; display:flex; justify-content:center; align-items:center; padding:18px; box-shadow: 0 20px 45px rgba(0,0,0,.08);
    transition:.45s; z-index:5; }
.partner-item img{ width:100%; max-height:100%; object-fit:contain; transition:.4s; }
.partner-item:hover{ transform:translateY(-10px) scale(1.05); box-shadow: 0 35px 70px rgba(0,0,0,.12); }
.partner-item:hover img{ transform:scale(1.08); }
.p1{ left:0; top:70px; }
.p2{ right:0; top:70px; } .p3{ right:-35px; top:275px; }
.p4{ right:0; bottom:70px; } .p5{ left:0; bottom:70px; }
.p6{ left:-35px; top:275px; }
.partner-item::before{ content:""; position:absolute; width:90px; height:2px; background:linear-gradient(90deg,#9bd36a,#d6ecc7); top:50%; z-index:-1; }
.p1::before{ right:-90px; }
.p2::before{ left:-90px; }
.p3::before{ left:-90px; transform:rotate(25deg); }
.p4::before{ left:-90px; }
.p5::before{ right:-90px; }
.p6::before{ right:-90px; transform:rotate(-25deg); }
@keyframes partnerRotate{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
@keyframes partnerFloat{ 50%{ transform:translateY(-10px); } }
.partnerSwiper{ display:none; }
.partner-mobile-card{ height:150px; border-radius:22px; background:#fff; display:flex; justify-content:center; align-items:center; padding:20px;
    box-shadow:0 20px 45px rgba(0,0,0,.08); }
.partner-mobile-card img{ width:100%; max-height:90px; object-fit:contain; }
/*================== PARTNERS RESPONSIVE ===============*/
@media(max-width:991px){
    .partner-network{ display:none; }
    .partnerSwiper{ display:block; padding:10px 5px; }
}
@media (max-width:991px){
    .partners-section::after, .partners-section::before{width: 119px; height: 119px;}
    .partners-section{ padding:50px 0; }
}
@media (max-width:767px){
    .partners-section{ padding:25px 0; }
    .partners-section .section-heading h2{ font-size:25px; }
    .section-heading p{ font-size:12px; margin:auto;text-align: justify; padding: 5px 15px; line-height:1.8; max-width:351px; }
}
/*================================== OFFER SECTION ==================================*/
.offer-section{ position:relative; padding:50px 0; background:linear-gradient(180deg,#f7fcf6 0%,#ffffff 100%); overflow:hidden; }
.offer-section::before{ content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:#dff4d4; filter:blur(120px);
    top:-180px; left:-180px; opacity:.8; }
.offer-section::after{ content:""; position:absolute; width:350px; height:350px; border-radius:50%; background:#eef8ea; filter:blur(120px);
    right:-150px; bottom:-150px; }
.offer-btn{ cursor:pointer; }
.offer-btn:hover{ color:#fff; transform:translateY(-3px); box-shadow:0 20px 45px rgba(108,183,62,.45); }
.offer-btn{ display:inline-flex; align-items:center; justify-content:center; gap:12px; margin-top:25px; padding:16px 38px;
    border-radius:60px; background:linear-gradient(135deg,#79c845,#5ea72f); color:#fff; font-weight:700; font-size:17px; text-decoration:none;
    transition:.35s; box-shadow:0 15px 35px rgba(108,183,62,.35); }
.offer-btn i{ transition:.35s; }
.offer-btn:hover{ color:#fff; transform:translateY(-4px); box-shadow:0 22px 45px rgba(108,183,62,.45); }
.offer-btn:hover i{ transform:translateX(6px); }
.offer-bottom{ margin-top:69px; padding:45px; border-radius:30px; background:linear-gradient(135deg,#17392d,#28543f); color:#fff;
    box-shadow:0 30px 70px rgba(0,0,0,.12); }
.offer-bottom h3{ font-size:35px; font-weight:800; margin-bottom:18px; }
.offer-bottom h3 i{ color:#ffd54a; margin-right:10px; }
.offer-bottom p{ max-width:650px; margin:auto; font-size:16px; color:rgba(255,255,255,.85); line-height:1.8; }
.offerSwiper{ padding:15px 5px; }
.offerSwiper .swiper-slide{ height:auto; display:flex; }
/*================== OFFER RESPONSIVE ==================*/
@media (max-width:991px){
    .offer-section::before,.offer-section::after{width: 119px;height: 119px;}
    .offer-section .section-heading{margin-bottom: 2px !important;}
    .offer-section{ padding:50px 0; }
    .offer-section .section-heading h2{ font-size:35px; }
    .offer-section .section-heading p{ max-width:351px; margin:auto; }
    .offer-btn{ margin-top:20px; padding:14px 32px; font-size:16px; }
    .offer-bottom{ margin-top:22px; padding:35px 25px; }
    .offer-bottom h3{ font-size:24px; }
    .offer-bottom p{ font-size:16px; }
}
@media (max-width:767px){
    .offer-section{ padding:25px 0; }
    .offer-section .section-heading h2{ font-size:25px; line-height:1.3; }
    .offer-section .section-heading h2 span{ display:block; }
    .offer-bottom{ margin-top:22px; padding:30px 20px; border-radius:22px; }
    .offer-bottom h3{ font-size:16px; margin-bottom:10px; }
    .offer-bottom p{ font-size:14px; }
}
@media (max-width:575px){
    .offer-btn{ border-radius:50px;margin-top: 0px; }
}
/*================ OFFER CARD ================*/

.offerSwiper .swiper-slide{
    height:auto;
    display:flex;
}

.offer-card{
    position:relative;
    width:100%;
    background:#fff;
    border-radius:32px;
    padding:0 28px 30px;
    margin-top:90px;
    text-align:center;
    overflow:visible;
    box-shadow:0 25px 60px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #e8f4e1;
}

.offer-card:hover{
    transform:translateY(-10px);
    box-shadow:0 35px 70px rgba(0,0,0,.12);
}

/* Featured Card */

.offer-card.featured{

    border:2px solid #69b53d;

}

/*================ IMAGE ================*/

.offer-image{

    position:absolute;

    left:50%;

    top:-95px;

    transform:translateX(-50%);

    width:210px;

    z-index:10;

}

.offer-image img{

    width:100%;

    display:block;

    filter:drop-shadow(0 18px 28px rgba(0,0,0,.18));

    transition:.35s;

}

.offer-card:hover .offer-image img{

    transform:translateY(-8px) scale(1.03);

}

/*================ CONTENT ================*/

.offer-content{

    padding-top:197px;

}

.offer-tag{ display: none !important;

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:8px 18px;

    border-radius:40px;

    background:#eef8e9;

    color:#69b53d;

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:18px;

}

.offer-tag i{

    color:#69b53d;

}

/*================ TITLE ================*/

.offer-content h3{

    font-size:21px;

    font-weight:800;

    color:#17392d;

    margin-bottom:18px;

    line-height:1.3;/** justify-content: flex-start;  display: flex; **/

}

/*================ PRICE ================*/

.offer-price{

    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 28px;
    gap: 9px;

}

.old-price{

    font-size: 16px;
    color: #999;
    text-decoration: line-through;

}

.new-price{
    font-size: 24px;
    font-weight: 900;
    color: #69b53d;
    line-height: 1;

}

/*================ FEATURES ================*/

.offer-features{

    list-style:none;

    padding:0;

    margin:0 0 30px;

    text-align:left;

}

.offer-features li{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:17px;

    color:#444;

    margin-bottom:14px;

    font-weight:500;

}

.offer-features i{

    color:#69b53d;

    font-size:20px;

}

/*================ BUTTON ================*/

.offer-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    width:100%;

    padding:16px;

    border-radius:60px;

    background:linear-gradient(135deg,#79c845,#5ca92f);

    color:#fff;

    text-decoration:none;

    font-size:18px;

    font-weight:700;

    transition:.35s;

    box-shadow:0 15px 35px rgba(105,181,61,.30);

}

.offer-btn:hover{

    color:#fff;

    transform:translateY(-3px);

}

.offer-btn:hover i{

    transform:translateX(6px);

}

.offer-btn i{

    transition:.3s;

}

/*================ MOBILE ================*/

@media(max-width:991px){

    .offer-card{

        margin-top:80px;

        padding:0 22px 25px;

    }

    .offer-image{

        width:180px;

        top:-80px;

    }

    .offer-content{

        padding-top:120px;

    }

    .offer-content h3{

        font-size:25px;

    }

    .new-price{

        font-size:34px;

    }

}

@media(max-width:575px){

    .offerSwiper{

        padding:25px 0;

    }

    .offer-card{

        max-width:360px;

        margin: 30px auto 0;

    }

    .offer-image{

        width:165px;

        top:-72px;

    }

    .offer-content{

        padding-top:155px;

    }

    .offer-content h3{

        font-size:19px;

    }

    .old-price{

        font-size:14px;

    }

    .new-price{

        font-size:18px;

    }

    .offer-features li{

        font-size:15px;

    }

    .offer-btn{

        font-size:16px;

        padding:15px;

    }

}
/*========================= WHY BIO4CARE ==========================*/
.why-section{ position:relative; padding:50px 0; background:linear-gradient(180deg,#ffffff 0%,#f8fcf7 100%); overflow:hidden; }
.why-section::before{ content:""; position:absolute; width:450px; height:450px; background:#e4f6d9; border-radius:50%; filter:blur(120px);
    left:-180px; top:-180px; opacity:.8; }
.why-section::after{ content:""; position:absolute; width:420px; height:420px; background:#eef8ea; border-radius:50%; filter:blur(120px);
    right:-180px; bottom:-180px; }
.why-block{ margin-bottom: 40px; }
.why-image{ position:relative; border-radius:30px; overflow:hidden; background:#fff; padding:12px; box-shadow:0 30px 70px rgba(0,0,0,.08);transition:.45s;}
.why-image img{ width:100%; border-radius:22px; transition:.45s; }
.why-image::before{ content:""; position:absolute; inset:0; border-radius:30px;
    background:linear-gradient(135deg, rgba(108,183,62,.10), transparent 60%); opacity:0; transition:.45s; }
.why-image:hover::before{ opacity:1; }
.why-image:hover{ transform:translateY(-10px); box-shadow:0 40px 80px rgba(0,0,0,.12); }
.why-image:hover img{ transform:scale(1.05); }
.why-content{ position:relative; padding-left:35px; border: none; background: transparent;}
.why-content::before{ content:""; position:absolute; left:0; top:0; width:6px; height:100%; border-radius:10px;
    background:linear-gradient(180deg,#86cf4d,#5faa31); }
.why-content h3{ font-size:29px; font-weight:800; color:#17392d; margin-bottom:22px; line-height:1.3; }
.why-content p{ font-size:16px; line-height:1.9; color:#666; margin-bottom:18px; }
.why-block:hover .why-content::before{ background:linear-gradient(180deg,#5faa31,#17392d); }
.why-block:hover .why-content h3{ color:#69b53d; transition:.35s; }
/*=================== WHY BIO4CARE RESPONSIVE ====================*/
@media (max-width:991px){
    .why-section::before,.why-section::after{width: 119px;height: 119px;}
    .why-section{ padding:50px 0; }
    .why-content{ padding-left:25px; }
    .why-content h3{ font-size:30px; }
    .why-content p{ font-size:16px; line-height:1.8; }
    .why-image{ max-width:650px; margin:auto; }
}
@media (max-width:767px){
    .why-section{ padding:25px 0; }
    .why-image{ max-width:100%; padding:10px; border-radius:22px; margin-bottom:0px; }
    .why-image img{ border-radius:16px; }
    .why-content{ padding: 20px; border: none; text-align:center; background: #fff;
        box-shadow: 0 40px 80px rgba(0, 0, 0, .12); }
    .why-content::before{ width:90px; height:5px; left:50%; top:0; transform:translateX(-50%); border-radius:30px; }
    .why-content h3{ font-size:19px; margin-bottom:18px; }
    .why-content p{ font-size:15px; line-height:1.8; margin-bottom:16px; text-align: justify; }
}
@media (max-width:575px){
    .why-section{ padding:25px 0; }
    .why-image{ border-radius:18px; padding:8px; }
    .why-image img{ border-radius:14px; }
}
/*================== FAQ SECTION ==============*/
.faq-section{ position:relative; padding:50px 0; background:linear-gradient(180deg,#f8fcf7 0%,#ffffff 100%); overflow:hidden; }
.faq-section::before{ content:""; position:absolute; width:450px; height:450px; border-radius:50%; background:#e6f6dc; filter:blur(70px);
    left:-180px; top:-180px; opacity:.8; }
.faq-section::after{ content:""; position:absolute; width:400px; height:400px; border-radius:50%; background:#edf8e8; filter:blur(70px);
    right:-180px; bottom:-180px; }
.faq-section .accordion{ display:flex; flex-direction:column; gap:20px; }
.faq-section .accordion-item{ border: 1px solid #D9F0CC; border-radius:22px; overflow:hidden; border-radius: 18px !important;
    background:#fff; transition:.35s; }
.faq-section .accordion-item:hover{
    box-shadow:0 25px 55px rgba(0,0,0,.10);
}
.faq-section .accordion-button{ background:transparent; color:#17392d; font-size:20px; font-weight:700; padding:24px 30px; box-shadow:none; }
.faq-section .accordion-button:not(.collapsed){ background:#f5fbf2; color:#69b53d; }
.faq-section .accordion-button:focus{ box-shadow:none; }
.faq-section .accordion-button::after{ display:none; }
.faq-section .accordion-button::before{ content:"+"; margin-right:18px; width:34px; height:34px; border-radius:50%; background:#69b53d;
    color:#fff; display:flex; justify-content:center; align-items:center; font-size:22px; font-weight:700; transition:.35s; flex-shrink:0; }
.faq-section .accordion-button:not(.collapsed)::before{ content:"−"; background:#17392d; }
.faq-section .accordion-body{ padding:0 30px 28px 82px; font-size:17px; line-height:1.9; color:#666; }
.accordion-button:not(.collapsed){ border-left:6px solid #69b53d; }
.collapsing{ transition:none !important; }
/*==================== FAQ RESPONSIVE ================*/
@media (max-width:767px){ .accordion-button:not(.collapsed){ border-left:3px solid #69b53d; } }
@media (max-width:767px){
    .faq-section .accordion-item,
    .faq-section .accordion-button,
    .faq-section .accordion-button::before{ transition:none; }
}
@media (max-width:991px){
    .faq-section::after,.faq-section::before { width: 287px; height: 287px;}
    .faq-section .accordion-body{ padding:0 16px 16px 48px; }
    .faq-section .accordion-button{ padding:14px 16px; font-size:15px; min-height:60px; }
    .faq-section .accordion-button::before{ width:22px; height:22px; font-size:14px; }
    .faq-section{ padding:50px 0; }
    .faq-section .accordion-body{ font-size:16px; line-height:1.8; }
    .faq-section .accordion-button::before{ width:32px; height:32px; font-size:20px; }
}
@media (max-width:767px){ .faq-section .accordion-item:hover{ box-shadow:none; } }
@media (max-width:767px){
    .faq-section{ padding:25px 0; }
    .faq-section .accordion{ gap:16px; }
    .faq-section .accordion-item{ border-radius:18px; }
    .faq-section .accordion-button::before{ width:28px; height:28px; font-size:18px; margin-right:14px; }
    .faq-section .accordion-body{ font-size:15px; line-height:1.7; }
}
@media (max-width:575px){
    .faq-section{ padding:25px 0; }
    .faq-section .accordion{ gap:14px; }
    .faq-section .accordion-item{ border-radius:16px; }
    .faq-section .accordion-button{ align-items:center; }
    .faq-section .accordion-button::before{ width:26px; height:26px; font-size:16px; margin-right:12px; margin-top:2px; }
    .faq-section .accordion-body{ font-size:14px; line-height:1.7; }
}
/*========================= CONTACT SECTION ========================*/
.contact-section{ position:relative; padding:50px 0; background:linear-gradient(180deg,#ffffff 0%,#f8fcf7 100%); overflow:hidden; }
.contact-section::before{ content:""; position:absolute; width:450px; height:450px; border-radius:50%; background:#e5f6db; filter:blur(120px);
    left:-180px; top:-180px; }
.contact-section::after{ content:""; position:absolute; width:380px; height:380px; border-radius:50%; background:#eef8ea; filter:blur(120px);
    right:-180px; bottom:-180px; }
.contact-wrapper{ display:flex; flex-direction:column; gap:25px; }
.contact-box{ display:flex; align-items:flex-start; gap:22px; background:rgba(255,255,255,.82); backdrop-filter:blur(18px); 
    border-radius:24px; padding:26px; box-shadow:0 20px 45px rgba(0,0,0,.06); transition:.4s; position:relative; overflow:hidden; }
.contact-box::before{ content:""; position:absolute; left:0; top:0; width:5px; height:0;
    background:linear-gradient(180deg,#82cd49,#5ea72f);transition:.45s;}
.contact-box:hover::before{ height:100%; } .contact-box:hover{ transform:translateY(-8px); box-shadow:0 30px 65px rgba(0,0,0,.10); }
.contact-icon{ width:68px; height:68px; border-radius:50%; background:linear-gradient(135deg,#82cd49,#5ea72f); color:#fff; display:flex;
    justify-content:center; align-items:center; font-size:24px; flex-shrink:0; box-shadow:0 15px 30px rgba(108,183,62,.35); transition:.35s; }
.contact-box:hover .contact-icon{ transform:rotate(-10deg) scale(1.08); }
.contact-box h5{ font-size:22px; font-weight:700; color:#17392d; margin-bottom:10px; }
.contact-box p{ margin:0; color:#666; font-size:17px; line-height:1.8; }
.contact-card{ background:#fff; border-radius:30px; padding:45px; text-align:center;
    box-shadow:0 30px 70px rgba(0,0,0,.08); position:sticky; top:120px; }
.contact-card h3{ font-size:36px; font-weight:800; color:#17392d; margin-bottom:18px; }
.contact-card p{ color:#666; font-size:17px; line-height:1.8; margin-bottom:35px; }
.social-links{ display:flex; justify-content:center; flex-wrap:wrap; gap:16px; }
.social-links a{ width:58px; height:58px; border-radius:50%; background:#f4faf1; color:#69b53d; display:flex; justify-content:center;
    align-items:center; text-decoration:none; font-size:22px; transition:.35s; box-shadow:0 10px 25px rgba(0,0,0,.05); }
.social-links a:hover{ background:linear-gradient(135deg,#82cd49,#5ea72f); color:#fff; transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(108,183,62,.35); }
.contact-form{ margin-top:10px; }
.contact-form .form-control{ border:none; border-radius:16px; background:#f6faf5; padding:16px 20px; font-size:16px; color:#17392d;
    box-shadow:none; transition:.35s; }
.contact-form .form-control:focus{ background:#fff; border:1px solid #69b53d; box-shadow:0 0 0 4px rgba(105,181,61,.12); }
.contact-form textarea{ resize:none; }
.contact-submit{ width:100%; border:none; border-radius:50px; padding:16px; background:linear-gradient(135deg,#82cd49,#5ea72f); color:#fff;
    font-size:17px; font-weight:700; transition:.35s; box-shadow:0 15px 35px rgba(108,183,62,.30); }
.contact-submit:hover{ transform:translateY(-4px); box-shadow:0 22px 45px rgba(108,183,62,.40); }
@media(max-width:767px){
    .contact-box p{font-size: 14px;}
    .contact-box h5{font-size: 18px}
    .contact-icon{width: 45px; height: 45px; font-size: 22px;}
    .contact-section::before,.contact-section::after{width: 119px; height: 119px;}
    .contact-section{padding: 25px 0 !important;}
    .contact-card { padding: 22px 22px; margin-top: -19px; }
    .contact-card h3{ font-size: 19px; }
    .contact-form .form-control{ padding:14px 16px; font-size:15px; }
    .contact-submit{ padding:15px; font-size:16px; }
}
/*==================== ORDER MODAL =================*/
.order-modal{ border:none; border-radius:30px; overflow:hidden; background:#fff; box-shadow:0 30px 80px rgba(0,0,0,.18); }
.order-modal .modal-body{ padding:55px 45px 45px; text-align:center; position:relative; }
.modal-close{ position:absolute; right:20px; top:20px; background:#f4f4f4; border-radius:50%; width:40px; height:40px; opacity:1; transition:.35s;}
.modal-close:hover{ transform:rotate(90deg); background:#69b53d; filter:invert(1); }
.order-modal h2{ font-size:42px; font-weight:800; color:#17392d; margin-bottom:45px; }
.modal-icons{ display:grid; grid-template-columns:repeat(3,1fr); gap:35px 20px; }
.modal-icons a{ text-decoration:none; color:#444; transition:.35s; }
.modal-icons span{ display:block; margin-top:14px; font-size:17px; font-weight:600; }
.modal-icon{ width:90px; height:90px; margin:auto; border-radius:50%; display:flex; justify-content:center; align-items:center;
    font-size:40px; color:#fff; transition:.35s; box-shadow:0 18px 40px rgba(0,0,0,.12); }
.telegram{ background:#2AABEE; }
.messenger{ background:#0084FF; }
.email{ background:#222; }
.phone{ background:#111; }
.whatsapp{ background:#25D366; }
.modal-icons a:hover{ transform:translateY(-8px); }
.modal-icons a:hover .modal-icon{ transform:scale(1.08); box-shadow:0 25px 50px rgba(0,0,0,.18); }
.modal.fade .modal-dialog{ transform:translateY(30px) scale(.95); transition:.35s ease; }
.modal.show .modal-dialog{ transform:translateY(0) scale(1); }
/*============================= MOBILE ========================*/
@media (max-width:767px){
    .order-modal{ border-radius:24px; }
    .order-modal .modal-body{ padding:35px 20px; }
    .order-modal h2{ font-size:28px; margin-bottom:30px; }
    .modal-icons{ display:grid; grid-template-columns:repeat(2,1fr); gap:25px 15px; justify-items:center; }
    .modal-icons a:last-child{ grid-column:1 / 3; justify-self:center; }
    .modal-icon{ width:72px; height:72px; font-size:30px; }
    .modal-icons span{ display:block; margin-top:10px; font-size:15px; font-weight:600; }
    .modal-close{ width:36px; height:36px; }
    .testimonialSwiper {padding: 0px 5px 36px;}
}
.benefits-section .section-heading h2 , .product-intro-section .section-heading h2 , .why-section .section-heading h2 , .faq-section .section-heading h2 ,
.contact-section .section-heading h2 { display: flex; gap: 7px; white-space: nowrap; justify-content:center; }