:root {
            --ghara-green: #2D8A3C;
            --ghara-orange: #F58220;
            --ghara-dark: #1a1a1a;
            --ghara-light: #f4fdf6;
        }

        body { font-family: 'Plus Jakarta Sans', sans-serif; overflow-x: hidden; }

        /* --- 1. Top Announcement Bar --- */
        .announcement-bar {
            background: linear-gradient(135deg, var(--ghara-green) 0%, #1e5e29 100%);
            color: white;
            padding: 10px 0;
            font-size: 14px;
            font-weight: 500;
        }

        .offer-badge {
            background: var(--ghara-orange);
            color: white;
            padding: 3px 12px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 12px;
            margin-right: 10px;
            text-transform: uppercase;
        }

        /* --- 2. Advanced Navbar --- */
        .navbar-main {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
            padding: 15px 0;
            transition: 0.4s all;
        }

        .navbar-main.scrolled {
            padding: 8px 0;
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);
        }

       /* ===== LOGO SIZE FIX ===== */

.navbar-main .navbar-brand img{
height:110px !important;
width:auto !important;
max-height:none !important;
transition:0.3s;
}

/* Scroll hone par bhi bada rahe */
.navbar-main.scrolled .navbar-brand img{
height:90px !important;
}

/* Hover Effect */
.navbar-brand img:hover{
transform:scale(1.05);
}

/* Tablet */
@media (max-width:992px){

.navbar-main .navbar-brand img{
height:75px !important;
}

}

/* Mobile */

@media (max-width:576px){

.navbar-main .navbar-brand img{
height:60px !important;
}

}

        /* --- 3. Navigation Links & Hover --- */
        .nav-link {
            color: var(--ghara-dark) !important;
            font-weight: 600;
            font-size: 15px;
            padding: 10px 15px !important;
            transition: 0.3s;
        }

        .nav-link:hover, .nav-link.active {
            color: var(--ghara-green) !important;
        }

        /* Mega Dropdown Style */
        .dropdown-menu {
            border: none;
            box-shadow: 0 20px 50px rgba(0,0,0,0.15);
            border-radius: 15px;
            padding: 20px;
            min-width: 280px;
        }

        .dropdown-item {
            padding: 10px 15px;
            border-radius: 8px;
            font-weight: 500;
            transition: 0.2s;
        }

        .dropdown-item:hover {
            background: var(--ghara-light);
            color: var(--ghara-green);
            transform: translateX(5px);
        }

        /* --- 4. Counter Badge --- */
        .counter {
            background: var(--ghara-orange);
            color: white;
            font-size: 10px;
            padding: 2px 6px;
            border-radius: 50px;
            position: absolute;
            top: 0;
            right: 0;
        }

        /* --- 5. Action Buttons --- */
        .btn-portal {
            border: 2px solid var(--ghara-green);
            color: var(--ghara-green);
            border-radius: 12px;
            font-weight: 700;
            margin-right: 10px;
            padding: 10px 20px;
        }

        .btn-portal:hover {
            background: var(--ghara-green);
            color: white;
        }

        .btn-cta {
            background: var(--ghara-orange);
            color: white !important;
            border-radius: 12px;
            font-weight: 700;
            padding: 10px 24px;
            box-shadow: 0 8px 20px rgba(245, 130, 32, 0.3);
            transition: 0.3s;
        }

        .btn-cta:hover {
            transform: translateY(-3px);
            background-color: #2D8A3C;
            box-shadow: 0 12px 25px rgba(245, 130, 32, 0.4);
        }

        /* Mobile Responsive */
        @media (max-width: 991px) {
            .navbar-collapse {
                max-height: 80vh;
                overflow-y: auto;
                background: white;
                margin-top: 20px;
                padding: 20px;
                border-radius: 20px;
            }
        }
    /* --- Updated Bada & Bold Announcement Bar --- */
.announcement-bar {
    background: linear-gradient(90deg, #2D8A3C 0%, #1e5e29 100%);
    color: white;
    padding: 14px 0; /* Padding badha di gayi hai */
    font-size: 16px; /* Font size bada kiya gaya hai */
    font-weight: 500;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.offer-badge {
    background: #F58220;
    color: white;
    padding: 5px 15px; /* Badge ka size bada kiya */
    border-radius: 8px; /* Thoda modern square-round look */
    font-weight: 800;
    font-size: 13px;
    margin-right: 12px;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    display: inline-block;
}

.announcement-bar b {
    color: #ffda00; /* Bhubaneswar ko highlight karne ke liye */
    font-weight: 700;
}

.trial-link {
    background: rgba(255, 255, 255, 0.1);
    padding: 6px 15px;
    border-radius: 50px;
    transition: 0.3s;
}

.trial-link:hover {
    background: #F58220;
    color: white !important;
}

/* Mobile responsive font adjust */
@media (max-width: 768px) {
    .announcement-bar {
        font-size: 13px;
        padding: 12px 0;
    }
    .offer-badge {
        padding: 3px 8px;
        font-size: 10px;
    }
}
.navbar-brand img{
height:95px;
width:auto;
}

.navbar{
padding:8px 0;
}
.navbar-brand img{
height:95px;
width:auto;
}

@media (max-width:992px){
.navbar-brand img{
height:70px;
}
}

@media (max-width:576px){
.navbar-brand img{
height:55px;
}
}
.navbar-brand img{
height:95px;
width:auto;
transition:0.3s;
}

.navbar-brand img:hover{
transform:scale(1.05);
}




































/*HERO SECTION*/


        /* --- Hero Section Styling --- */
        .hero-section {
            position: relative;
            padding: 100px 0 140px 0;
            background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.8)), 
                        url('https://img.freepik.com/free-photo/healthy-indian-food-background_23-2148821557.jpg'); /* Home-style food background */
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .hero-title {
            font-size: 3.8rem;
            font-weight: 800;
            color: var(--ghara-dark);
            line-height: 1.1;
            margin-bottom: 25px;
        }

        .hero-title span { color: var(--ghara-green); }

        .hero-subtext {
            font-size: 1.15rem;
            color: #555;
            line-height: 1.8;
            margin-bottom: 35px;
            border-left: 4px solid var(--ghara-orange);
            padding-left: 20px;
        }

        /* --- Lead Form Glassmorphism --- */
        .lead-form-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(15px);
            padding: 35px;
            border-radius: 30px;
            border: 1px solid rgba(255,255,255,0.3);
            box-shadow: 0 25px 50px rgba(0,0,0,0.1);
            position: relative;
            z-index: 2;
        }

        .form-control, .form-select {
            border: 2px solid #eee;
            padding: 12px 20px;
            border-radius: 12px;
            margin-bottom: 15px;
            transition: 0.3s;
        }

        .form-control:focus {
            border-color: var(--ghara-green);
            box-shadow: none;
        }

        /* --- Buttons --- */
        .btn-main {
            background: var(--ghara-green);
            color: white;
            padding: 15px 35px;
            border-radius: 50px;
            font-weight: 700;
            text-decoration: none;
            display: inline-block;
            transition: 0.3s;
            border: none;
        }

        .btn-main:hover {
            background: #F58220;
            transform: translateY(-5px);
            color: white;
        }

        .btn-trial {
            background: var(--ghara-orange);
            width: 100%;
            color: white;
            font-weight: 700;
            padding: 15px;
            border-radius: 12px;
            border: none;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        

        /* Mobile Responsive */
        @media (max-width: 991px) {
            .hero-title { font-size: 2.5rem; text-align: center; }
            .hero-subtext { text-align: center; border-left: none; padding-left: 0; }
            .hero-btns { text-align: center; }
            .counter-box { border-right: none; border-bottom: 1px solid #eee; padding: 20px 0; }
            .trust-strip { margin-top: 20px; }
        }











        /* ===== HERO BUTTONS ===== */

.hero-btns{
margin-top:25px;
}

/* Main Button */

.btn-main{

background:#F58220;
color:white;
padding:12px 26px;
border-radius:50px;
font-weight:700;
font-size:15px;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:8px;
transition:0.3s;
box-shadow:0 6px 18px rgba(245,130,32,0.35);

}

.btn-main:hover{

background:#2D8A3C;
color:white;
transform:translateY(-3px);
box-shadow:0 10px 22px rgba(0,0,0,0.2);

}

/* Outline Button */

.btn-outline-green{

border:2px solid #2D8A3C;
color:#2D8A3C;
background:transparent;
display:inline-flex;
align-items:center;
gap:8px;
transition:0.3s;

}

.btn-outline-green:hover{

background:#2D8A3C;
color:white;
transform:translateY(-3px);

}

/* Icon Styling */

.hero-btns i{

font-size:15px;

}

/* Mobile Responsive */

@media(max-width:576px){

.hero-btns{
flex-direction:column;
}

.btn-main,
.btn-outline-green{
width:100%;
justify-content:center;
}

}



/* ===== TRUST STRIP SECTION ===== */
.trust-section{
    background-color:#f4fdf6 ;
}
.trust-strip{

background: linear-gradient(135deg,#2D8A3C,#1e5e29);
border-radius:20px;
overflow:hidden;
color:white;

}

/* Counter Box */

.counter-box{

padding:40px 20px;
text-align:center;
transition:0.4s;
border-right:1px solid rgba(255,255,255,0.15);

}

.counter-box:last-child{
border-right:none;
}

/* Hover Effect */

.counter-box:hover{

background:#F58220;
transform:translateY(-6px);

}

/* Icons */

.trust-icon{

font-size:30px;
margin-bottom:10px;
color:white;

}

/* Counter Number */

.counter-number{

display:block;
font-size:36px;
font-weight:700;

}

/* Counter Text */

.counter-text{

font-size:15px;
opacity:0.9;

}

/* Shadow */

.trust-strip.shadow{

box-shadow:0 20px 50px rgba(0,0,0,0.15);

}

/* Mobile Responsive */

@media (max-width:768px){

.counter-box{

border-right:none;
border-bottom:1px solid rgba(255,255,255,0.2);

}

.counter-box:last-child{
border-bottom:none;
}

}


/* --- Hero Section Specific Title (Screenshot Style) --- */
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');

.custom-hero-title {
    font-size: 3.8rem; /* Desktop par bada impact */
    font-weight: 800;
    color: #1a1a1a; /* Pure Black from screenshot */
    line-height: 1.2;
    margin-bottom: 25px;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.custom-hero-title span {
    color: #F58220; /* Brand Orange from screenshot */
    font-family: 'Gochi Hand', cursive; /* Handwritten feel */
    font-size: 4.2rem; /* Handwriting font thoda bada lagna chahiye */
    display: inline-block;
    transform: rotate(-2deg); /* Halka sa tilt for "handwritten" look */
}

.custom-hero-subtext {
    font-size: 1.2rem;
    color: #444;
    line-height: 1.8;
    max-width: 600px;
    border-left: 5px solid #F58220; /* Orange accent line */
    padding-left: 20px;
    margin-bottom: 35px;
}

.custom-hero-subtext b {
    color: #2D8A3C; /* Brand Green color for name */
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .custom-hero-title {
        font-size: 2.8rem;
        text-align: center;
    }
    .custom-hero-title span {
        font-size: 3.2rem;
        display: block; /* Mobile par highlighted word alag line me dikhega */
    }
    .custom-hero-subtext {
        text-align: center;
        border-left: none;
        padding-left: 0;
        margin: 0 auto 30px;
    }
}





















/* --- Why Choose Us Section Styles --- */
.why-us-section {
    background-color: whitesmoke;
    padding: 80px 0;
}

.section-title {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--ghara-dark);
}

.section-title span {
    color: var(--ghara-green);
}

.section-subtitle {
    max-width: 700px;
    font-size: 1.1rem;
    color: #666;
    margin-top: 15px;
}

/* Why Card Styling */
.why-card {
    background: white;
    padding: 40px 30px;
    border-radius: 25px;
    text-align: center;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(0,0,0,0.05);
}

.why-icon {
    width: 80px;
    height: 80px;
    background: var(--ghara-light);
    color: var(--ghara-green);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 0 auto 25px;
    transition: 0.4s;
}

.why-card h4 {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 15px;
    color: var(--ghara-dark);
}

.why-card p {
    color: #777;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Hover & Active States */
.why-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 20px 40px rgba(45, 138, 60, 0.1);
    border-color: var(--ghara-green);
}

.why-card:hover .why-icon {
    background: var(--ghara-green);
    color: white;
    transform: rotateY(180deg);
}

/* Special styling for the active/highlighted card */
.active-card {
    border: 2px solid var(--ghara-orange);
    position: relative;
}

.active-card::before {
    content: 'Most Loved';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--ghara-orange);
    color: white;
    padding: 4px 15px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}


























.quick-trust-section{

padding:70px 0;
background:#f4fdf6;

}

/* Trust Card */

.trust-box{

background:white;
padding:35px 25px;
border-radius:15px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:0.4s;

}

/* Hover */

.trust-box:hover{

transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,0.15);

}

/* Icon */

.trust-box i{

font-size:36px;
color:#2D8A3C;
margin-bottom:12px;

}

/* Title */

.trust-box h5{

font-weight:700;
margin-bottom:8px;

}

/* Text */

.trust-box p{

font-size:14px;
color:#666;

}

/* Mobile */

@media(max-width:768px){

.quick-trust-section{
padding:50px 0;
}

}
/* ===== CTA SECTION ===== */

.btn-cta{

background: linear-gradient(135deg,#F58220,#ff9b45);
color:white;
font-weight:700;
border-radius:50px;
padding:14px 32px;
font-size:16px;
display:inline-block;
text-decoration:none;
transition:all 0.35s ease;
box-shadow:0 10px 25px rgba(245,130,32,0.35);

}

/* Hover Effect */

.btn-cta:hover{

background:linear-gradient(135deg,#2D8A3C,#1e5e29);
transform:translateY(-4px);
box-shadow:0 15px 35px rgba(0,0,0,0.25);
color:white;

}

/* CTA Text */

.text-center p{

font-size:17px;
letter-spacing:0.3px;

}

/* Mobile Responsive */

@media(max-width:768px){

.btn-cta{

padding:12px 26px;
font-size:15px;

}

}
   
/* --- Global Custom Title Design (Screenshot Style) --- */
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap'); 

.custom-title {
    font-size: 3.2rem; /* Mobile ke liye adjust ho jayega */
    font-weight: 800;
    color: #1a1a1a; /* Black color from your screenshot */
    font-family: 'Plus Jakarta Sans', sans-serif;
    margin-bottom: 5px;
}

.custom-title span {
    color: #F58220; /* Brand Orange */
    font-family: 'Gochi Hand', cursive; /* Handwritten feel from screenshot */
    display: inline-block;
    padding-left: 8px;
}

.title-underline {
    width: 60px;
    height: 4px;
    background: #F58220;
    margin: 0 auto 20px;
    border-radius: 10px;
}

.section-subtitle {
    max-width: 750px;
    font-size: 1.1rem;
    color: #555;
    line-height: 1.6;
    font-weight: 500;
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    .custom-title {
        font-size: 2.2rem;
    }
    .custom-title span {
        display: block; /* Mobile par do line me title aane par bhi acha dikhega */
        padding-left: 0;
    }
}

















/* Features Section Background Image Pattern */
/* --- Custom Title Design (Screenshot Style) --- */
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap'); /* For Handwritten feel */

.custom-title {
    font-size: 3.5rem;
    font-weight: 800;
    color: #1a1a1a; /* Black from screenshot */
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.custom-title span {
    color: #F58220; /* Orange from screenshot */
    font-family: 'Gochi Hand', cursive; /* Makes 'Features' look like 'Meal Plan' */
    margin-left: 10px;
}

.title-underline {
    width: 80px;
    height: 4px;
    background: #F58220;
    margin: 10px auto;
    border-radius: 10px;
}

/* --- Premium Feature Cards --- */
.features-section {
    background-color: white;
    padding: 100px 0;
}

.feature-card {
    background:white;
    padding: 40px 30px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.03);
    transition: all 0.4s ease;
    height: 100%;
}

.feature-icon {
    width: 70px;
    height: 70px;
    background: #f4fdf6; /* Light green tint */
    color: #2D8A3C;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 25px;
    transition: 0.4s;
}

.feature-card h3 {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #1a1a1a;
}

.feature-card p {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Hover Effects */
.feature-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.08);
    border-color: #2D8A3C;
}

.feature-card:hover .feature-icon {
    background: #2D8A3C;
    color: #fff;
    transform: scale(1.1) rotate(10deg);
}

/* Highlighted Card (Optional) */
.h-active {
    border: 1px solid rgba(245, 130, 32, 0.3);
    background: linear-gradient(to bottom, #fff, #fffaf5);
}


















/* Who We Serve Styles */
/* --- Who We Serve Styling --- */
.who-we-serve {
    background-color: whitesmoke;
    overflow: hidden;
}

.serve-card {
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    height: 100%;
    transition: all 0.4s ease;
    border: 1px solid #f1f1f1;
}

.serve-img {
    height: 200px;
    overflow: hidden;
}

.serve-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.serve-body {
    padding: 30px 20px;
    text-align: center;
    position: relative;
}

.serve-icon-box {
    width: 55px;
    height: 55px;
    background: #F58220; /* Brand Orange */
    color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin: -60px auto 20px;
    position: relative;
    box-shadow: 0 8px 20px rgba(245, 130, 32, 0.3);
}

.serve-card h4 {
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.serve-card p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
}

/* Hover Effects */
.serve-card:hover {
    transform: translateY(-12px);
    border-color: #2D8A3C;
    box-shadow: 0 20px 40px rgba(45, 138, 60, 0.1);
}

.serve-card:hover .serve-img img {
    transform: scale(1.1);
}

.active-serve {
    border: 2px solid #2D8A3C;
}

/* Stats Styling */
.stat-item h2 {
    font-size: 2.8rem;
    font-weight: 800;
    color: #2D8A3C; /* Brand Green */
    margin-bottom: 5px;
}

.stat-item span {
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 1px;
}













/* --- How It Works Styling --- */
.how-it-works {
    background-color: #fdfdfd;
    position: relative;
}

.process-wrapper {
    position: relative;
}

.step-card {
    background: #fff;
    padding: 40px 25px;
    border-radius: 25px;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: 0.4s all ease;
    border: 1px solid #f0f0f0;
    height: 100%;
}

.step-number {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 2.5rem;
    font-weight: 900;
    color:#F58220 ; /* Very light green number */
    transition: 0.4s;
}

.step-icon-circle {
    width: 80px;
    height: 80px;
    background: #f4fdf6;
    color: #2D8A3C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 0 auto 25px;
    border: 2px solid #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    transition: 0.4s;
}

.step-card h4 {
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.step-card p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
}

/* Hover Effects */
.step-card:hover {
    transform: translateY(-10px);
    border-color: #F58220; /* Changes to Orange on hover */
    box-shadow: 0 20px 40px rgba(245, 130, 32, 0.1);
}

.step-card:hover .step-icon-circle {
    background: #F58220;
    color: #fff;
    transform: rotateY(180deg);
}

.step-card:hover .step-number {
    color: rgba(245, 130, 32, 0.1);
}



















/* --- Pricing Section Styling --- */
.pricing-section {
    background: whitesmoke; /* Very light orange tint */
}

.pricing-card {
    background: #fff;
    padding: 50px 30px;
    border-radius: 30px;
    border: 1px solid #eee;
    text-align: center;
    position: relative;
    transition: all 0.4s ease;
    height: 100%;
}

/* Featured Plan (Middle Card) */
.featured-plan {
    border: 2px solid #2D8A3C; /* Brand Green from Logo */
    transform: scale(1.05);
    box-shadow: 0 20px 40px rgba(45, 138, 60, 0.1);
}

.popular-tag {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #2D8A3C;
    color: #fff;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.plan-header h3 {
    font-size: 1.8rem;
    font-weight: 800;
    color: #1a1a1a;
    margin: 15px 0 10px;
}

.plan-header p {
    color: #777;
    font-size: 0.95rem;
    margin-bottom: 30px;
}

/* Badges */
.plan-badge-lite { background: #f0f0f0; color: #666; padding: 4px 12px; border-radius: 6px; font-size: 0.75rem; font-weight: 700; }
.plan-badge-orange { background: #fff1e6; color: #F58220; padding: 4px 12px; border-radius: 6px; font-size: 0.75rem; font-weight: 700; }

/* Features List */
.plan-features {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    text-align: left;
}

.plan-features li {
    margin-bottom: 15px;
    font-size: 0.95rem;
    color: #444;
    display: flex;
    align-items: center;
}

.plan-features li i {
    color: #2D8A3C;
    margin-right: 12px;
    font-size: 1.1rem;
}

.plan-features li.disabled {
    color: #ccc;
}

.plan-features li.disabled i {
    color: #ccc;
}

/* Buttons */
.btn-plan-outline {
    display: block;
    padding: 15px;
    border: 2px solid #2D8A3C;
    color: #2D8A3C;
    text-decoration: none;
    border-radius: 15px;
    font-weight: 700;
    transition: 0.3s;
}

.btn-plan-outline:hover {
    background: #2D8A3C;
    color: #fff;
}

.btn-plan-fill {
    display: block;
    padding: 16px;
    background: #2D8A3C;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(45, 138, 60, 0.2);
}

.btn-plan-fill:hover {
    background: #1e5e29;
    transform: translateY(-3px);
}


/* Responsive Fixes */
@media (max-width: 991px) {
    .featured-plan { transform: scale(1); margin: 30px 0; }
}
















/* --- Premium Menu Section Styles --- */
.weekly-menu-section {
    background: #ffffff;
}

/* Tabs Styling */
.custom-menu-pills {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 100px;
    display: inline-flex;
    border: 1px solid #eee;
}

.custom-menu-pills .nav-link {
    border-radius: 100px;
    padding: 14px 40px;
    font-weight: 700;
    color: #555;
    transition: 0.4s ease;
}

.custom-menu-pills .nav-link.active {
    background: #2D8A3C; /* Logo Green */
    color: white;
    box-shadow: 0 10px 20px rgba(45, 138, 60, 0.2);
}

/* Premium Card Design */
.premium-menu-card {
    background: #fff;
    border-radius: 35px;
    padding: 20px;
    border: 1px solid #f1f1f1;
    position: relative;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
}

.day-tag {
    position: absolute;
    top: 35px;
    left: 35px;
    background: #F58220; /* Logo Orange */
    color: white;
    padding: 6px 22px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.8rem;
    z-index: 5;
    box-shadow: 0 5px 15px rgba(245, 130, 32, 0.3);
}

.dinner-tag { background: #1a1a1a; } /* Dinner tag thoda alag black rakha hai */

.meal-img {
    width: 100%;
    height: 220px;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 25px;
}

.meal-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.7s;
}

.meal-body h4 {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.meal-items-list {
    list-style: none;
    padding: 0;
}

.meal-items-list li {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.meal-items-list li i {
    font-size: 6px;
    color: #2D8A3C;
    margin-right: 12px;
}

/* Hover Effects */
.premium-menu-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 40px 80px rgba(0,0,0,0.08);
    border-color: #2D8A3C;
}

.premium-menu-card:hover .meal-img img {
    transform: scale(1.1);
}

.highlight-border { border-bottom: 4px solid #F58220; }

/* Premium CTA Button */
.btn-full-menu {
    display: inline-block;
    padding: 18px 45px;
    background: #F58220;
    color: white;
    border-radius: 100px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.4s;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.btn-full-menu:hover {
    background: #2D8A3C;
    color: white;
    transform: translateY(-5px);
}

























/* --- Delivery Areas Styling --- */
.delivery-section {
    background: whitesmoke;
    overflow: hidden;
}

/* Availability Card (Left Side) */
.availability-card {
    background: #ffffff;
    padding: 40px;
    border-radius: 35px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
}

.availability-card h3 {
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.input-group-premium {
    display: flex;
    background: #f8f9fa;
    padding: 8px;
    border-radius: 100px;
    border: 1px solid #eee;
}

.form-control-premium {
    background: transparent;
    border: none;
    padding: 10px 20px;
    flex: 1;
    outline: none;
    font-weight: 500;
}

.btn-check-availability {
    background: #2D8A3C; /* Logo Green */
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 100px;
    font-weight: 700;
    transition: 0.3s;
}

.btn-check-availability:hover {
    background: #F58220; /* Logo Orange */
    transform: scale(1.05);
}

/* Area Chips (Right Side) */
.area-chip {
    background: #fff;
    padding: 15px;
    border-radius: 20px;
    text-align: center;
    font-weight: 700;
    color: #444;
    border: 1px solid #eee;
    transition: 0.3s;
    cursor: default;
}

.area-chip:hover {
    background: #f4fdf6;
    border-color: #2D8A3C;
    color: #2D8A3C;
    transform: translateY(-5px);
}

.highlight-chip {
    border: 2px dashed #F58220;
    color: #F58220;
}

/* Stats Styling */
.stats-row h4 {
    font-size: 2rem;
    font-weight: 800;
    color: #2D8A3C;
    margin-bottom: 0;
}

.stats-row span {
    font-size: 0.8rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.trust-icons span {
    font-size: 0.85rem;
    color: #666;
    font-weight: 600;
}




















/* --- Brand Story Styling --- */
.brand-story-section {
    background-color: #fff;
    overflow: hidden;
}

.story-image-container {
    position: relative;
    padding: 20px;
}

.main-story-img {
    width: 100%;
    border-radius: 40px 100px 40px 100px; /* Unique Artistic Shape */
    height: 500px;
    object-fit: cover;
    position: relative;
    z-index: 2;
}

.story-shape-blob {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 80%;
    height: 80%;
    background: #fff1e6; /* Light Orange Tint */
    border-radius: 50%;
    z-index: 1;
    filter: blur(40px);
}

.experience-badge {
    position: absolute;
    bottom: 50px;
    left: -10px;
    background: #F58220; /* Brand Orange */
    color: white;
    padding: 20px 30px;
    border-radius: 20px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    text-align: center;
    box-shadow: 0 15px 30px rgba(245, 130, 32, 0.3);
}

.experience-badge .num { font-size: 2rem; font-weight: 800; line-height: 1; }
.experience-badge .txt { font-size: 0.8rem; font-weight: 600; text-transform: uppercase; }

/* Content Styling */
.story-lead {
    font-size: 1.25rem;
    color: #1a1a1a;
    line-height: 1.6;
}

.story-body {
    font-size: 1rem;
    color: #666;
    line-height: 1.8;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    color: #444;
    padding: 10px;
}

/* Premium Button */
.btn-read-story {
    display: inline-block;
    padding: 16px 40px;
    background: #F58220; /* Brand Green */
    color: white;
    border-radius: 100px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.4s;
    box-shadow: 0 10px 20px rgba(45, 138, 60, 0.2);
}

.btn-read-story:hover {
    background: #2D8A3C;
    color: white;
    transform: translateX(10px);
}

/* Responsive */
@media (max-width: 991px) {
    .main-story-img { height: 350px; border-radius: 40px; }
    .experience-badge { bottom: 20px; left: 10px; padding: 15px 20px; }
}




























/* --- Special Trial Banner Styling --- */
.trial-cta-section {
    background: #fff;
    padding-bottom: 80px; /* Space for Footer */
}

.cta-banner-wrapper {
    background: linear-gradient(135deg, #2D8A3C 0%, #1e5e29 100%); /* Brand Green Gradient */
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(45, 138, 60, 0.25);
}

/* Decorative Shapes */
.shape-1, .shape-2 {
    position: absolute;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
}
.shape-1 { width: 300px; height: 300px; top: -100px; right: -50px; }
.shape-2 { width: 150px; height: 150px; bottom: -50px; left: 50px; }

/* Headline & Text */
.cta-headline {
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1.2;
}

.cta-headline span {
    color: #F58220; /* Brand Orange */
}

.cta-subtext {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1rem;
    max-width: 600px;
    margin-top: 15px;
}

/* Offer Badge with Pulse */
.offer-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(245, 130, 32, 0.2);
    border: 1px solid #F58220;
    color: #F58220;
    padding: 6px 15px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
}

.pulse-dot {
    height: 8px;
    width: 8px;
    background-color: #F58220;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    box-shadow: 0 0 0 rgba(245, 130, 32, 0.4);
    animation: pulse-orange 1.5s infinite;
}

@keyframes pulse-orange {
    0% { box-shadow: 0 0 0 0 rgba(245, 130, 32, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(245, 130, 32, 0); }
    100% { box-shadow: 0 0 0 0 rgba(245, 130, 32, 0); }
}

/* Buttons */
.btn-trial-main {
    display: block;
    background: #fff;
    color: #2D8A3C;
    padding: 18px 30px;
    border-radius: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1.1rem;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.btn-trial-main:hover {
    background: #F58220;
    color: #fff;
    transform: translateY(-5px);
}

.btn-whatsapp-cta {
    display: block;
    background: #25D366; /* WhatsApp Green */
    color: white;
    padding: 18px 30px;
    border-radius: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1.1rem;
}

.btn-whatsapp-cta:hover {
    background: #128C7E;
    color: white;
    transform: translateY(-5px);
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .cta-headline { font-size: 2rem; }
    .cta-banner-wrapper { border-radius: 30px; margin: 0 10px; }
}






















/* --- Dashboard Preview Styles --- */
.dashboard-preview-section {
    background-color: whitesmoke;
    overflow: hidden;
}

/* Mockup Layout */
.dashboard-mockup-wrapper {
    position: relative;
    padding: 20px;
}

.dashboard-card {
    background: #fff;
    border-radius: 30px;
    padding: 30px;
    position: relative;
    z-index: 5;
    border: 1px solid rgba(0,0,0,0.05);
}

.avatar-circle {
    width: 45px;
    height: 45px;
    background: #2D8A3C;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}

.meal-count-badge {
    background: #fff5ed;
    border: 1px solid #F58220;
    padding: 8px 15px;
    border-radius: 15px;
    text-align: center;
}

.meal-count-badge .count {
    display: block;
    font-size: 1.2rem;
    font-weight: 800;
    color: #F58220;
    line-height: 1;
}

.meal-count-badge .label {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #F58220;
}

/* Calendar Dots */
.calendar-dots .dot {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    background: #f8f9fa;
    color: #999;
}

.dot.delivered { background: #e7f3e9; color: #2D8A3C; }
.dot.active-today { background: #2D8A3C; color: #fff; box-shadow: 0 5px 15px rgba(45, 138, 60, 0.3); }
.dot.paused { background: #F58220; color: #fff; }
.dot.pending { border: 1px solid #ddd; background: transparent; }

/* Feature Boxes */
.feat-box {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 20px;
    transition: 0.3s;
    height: 100%;
}

.feat-box i {
    font-size: 1.8rem;
    color: #2D8A3C;
    margin-bottom: 15px;
}

.feat-orange i { color: #F58220; }

.feat-box h5 { font-weight: 800; font-size: 1.1rem; }
.feat-box p { font-size: 0.85rem; color: #666; margin-bottom: 0; }

.feat-box:hover {
    background: #fff;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05);
    transform: translateY(-5px);
}

/* CTA Button */
.btn-dashboard-main {
    display: inline-block;
    padding: 18px 45px;
    background: #F58220;
    color: white;
    border-radius: 100px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.4s;
}

.btn-dashboard-main:hover {
    background: #2D8A3C;
    transform: translateX(10px);
}

/* BG Orbs */
.bg-circle-green { position: absolute; top: -20px; left: -20px; width: 150px; height: 150px; background: rgba(45, 138, 60, 0.1); border-radius: 50%; filter: blur(40px); }
.bg-circle-orange { position: absolute; bottom: -20px; right: -20px; width: 150px; height: 150px; background: rgba(245, 130, 32, 0.1); border-radius: 50%; filter: blur(40px); }























/* --- Hygiene & Quality Styling --- */
.hygiene-section {
    background-color: #f8fdf9; /* Very light mint/green for hygiene feel */
}

.promise-card {
    background: #fff;
    padding: 40px 25px;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #eef5ef;
    transition: all 0.4s ease;
    height: 100%;
    position: relative;
    z-index: 1;
}

.promise-icon {
    width: 80px;
    height: 80px;
    background: #fff;
    color: #2D8A3C; /* Logo Green */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 0 auto 25px;
    box-shadow: 0 10px 20px rgba(45, 138, 60, 0.1);
    position: relative;
}

/* Pulse Animation for the first icon */
.pulse-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #2D8A3C;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

@keyframes pulse-ring {
    0% { transform: scale(0.8); opacity: 0.8; }
    100% { transform: scale(1.5); opacity: 0; }
}

.promise-card h4 {
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.promise-card p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
}

.promise-card:hover {
    transform: translateY(-10px);
    background: #2D8A3C;
    border-color: #2D8A3C;
}

.promise-card:hover h4, 
.promise-card:hover p {
    color: #fff;
}

.promise-card:hover .promise-icon {
    background: #F58220; /* Logo Orange */
    color: #fff;
}

/* Process Banner */
.process-banner {
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}

.hygiene-badge-large {
    display: inline-block;
    padding: 30px;
    border: 2px dashed rgba(245, 130, 32, 0.5);
    border-radius: 50%;
    color: #F58220;
    text-align: center;
}

.hygiene-badge-large i { font-size: 3rem; margin-bottom: 10px; }
.hygiene-badge-large span { display: block; font-size: 0.8rem; font-weight: 700; color: #fff; text-transform: uppercase; }

.btn-hygiene-cta {
    display: inline-block;
    padding: 14px 35px;
    background: #F58220;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}

.btn-hygiene-cta:hover {
    background: #2D8A3C;
    color: #fff;
    transform: scale(1.05);
}


















/* --- Premium Testimonials with Images --- */
.testimonial-section {
    background: white;
    position: relative;
}

.testimonial-card {
    background: #fff;
    padding: 50px 30px 30px;
    border-radius: 35px;
    border: 1px solid #f0f0f0;
    text-align: center;
    position: relative;
    transition: all 0.5s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 40px; /* Space for profile image overlapping */
}

/* Overlapping Profile Image */
.user-profile-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.user-profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.border-orange {
    border-color: #F58220 !important;
}

.rating-stars i {
    color: #ffc107;
    font-size: 0.85rem;
}

.review-quote {
    font-size: 1.05rem;
    color: #444;
    font-style: italic;
    line-height: 1.7;
    margin: 20px 0;
}

.user-meta h5 {
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 5px;
}

/* Persona Labels */
.label-student {
    background: #eef7ef;
    color: #2D8A3C;
    padding: 4px 15px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
}

.label-pro {
    background: #fff4ec;
    color: #F58220;
    padding: 4px 15px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 700;
}

.google-badge {
    position: absolute;
    bottom: 20px;
    right: 25px;
    font-size: 1.2rem;
    opacity: 0.2;
}

/* Hover Effect */
.testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(0,0,0,0.07);
    border-color: #2D8A3C;
}

.featured-review {
    border: 2px solid #2D8A3C;
    background: #f4fdf6; /* Light green tint for center card */
}

/* CTA Button */
.btn-review-more {
    display: inline-block;
    padding: 15px 45px;
    background: #F58220;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}

.btn-review-more:hover {
    background: #2D8A3C;
    transform: scale(1.05);
}








/* --- FAQ Accordion Premium Styling --- */
.faq-section {
    background-color: #fff;
}

.custom-faq-accordion .accordion-item {
    border: none;
    margin-bottom: 15px;
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    border: 1px solid #f0f0f0;
}

.custom-faq-accordion .accordion-button {
    padding: 22px 25px;
    font-weight: 700;
    color: #1a1a1a;
    background-color: #fff;
    font-size: 1.1rem;
    box-shadow: none;
    transition: 0.3s;
}

.custom-faq-accordion .accordion-button:not(.collapsed) {
    color: #2D8A3C; /* Brand Green */
    background-color: #f8fdf9;
}

.custom-faq-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a1a1a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.custom-faq-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232D8A3C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.custom-faq-accordion .accordion-body {
    padding: 10px 25px 25px;
    color: #666;
    line-height: 1.7;
    background-color: #f8fdf9;
}

/* Hover Effect */
.accordion-item:hover {
    border-color: #2D8A3C;
    transform: translateY(-2px);
    transition: 0.3s;
}






















/* --- Final Conversion Section Styling --- */
.final-cta-section {
    background-color: whitesmoke;
    padding-bottom: 100px;
}

.final-banner-card {
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%);
    border-radius: 50px;
    padding: 40px 0;
    box-shadow: 0 40px 80px rgba(0,0,0,0.15);
}

.final-headline {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2;
}

.final-headline span {
    color: #F58220; /* Brand Orange */
}

.final-subtext {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

.final-badge {
    display: inline-block;
    background: rgba(245, 130, 32, 0.15);
    color: #F58220;
    padding: 8px 20px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.9rem;
    border: 1px solid #F58220;
}

/* Floating Images */
.floating-img-1, .floating-img-2 {
    position: absolute;
    width: 150px;
    height: 150px;
    opacity: 0.6;
    transition: 0.5s;
}

.floating-img-1 { top: -20px; left: -20px; transform: rotate(-15deg); }
.floating-img-2 { bottom: -20px; right: -20px; transform: rotate(15deg); }

.final-banner-card:hover .floating-img-1 { transform: rotate(0deg) scale(1.1); opacity: 0.9; }
.final-banner-card:hover .floating-img-2 { transform: rotate(0deg) scale(1.1); opacity: 0.9; }

/* Buttons Custom Styling */
.btn-final-trial {
    background: #F58220;
    color: white;
    padding: 18px 40px;
    border-radius: 100px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
    border: 2px solid #F58220;
}

.btn-final-trial:hover {
    background: transparent;
    color: #F58220;
    transform: translateY(-5px);
}

.btn-final-subscribe {
    background: #2D8A3C;
    color: white;
    padding: 18px 40px;
    border-radius: 100px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
    border: 2px solid #2D8A3C;
}

.btn-final-subscribe:hover {
    background: transparent;
    color: #2D8A3C;
    transform: translateY(-5px);
}

/* Responsive */
@media (max-width: 768px) {
    .final-headline { font-size: 1.8rem; }
    .final-banner-card { border-radius: 30px; }
}






















/* --- Ultra Premium Corporate Footer --- */
.ultra-premium-footer {
    background: #0a0a0a; /* True Deep Black */
    color: #ffffff;
    font-family: 'Inter', sans-serif; /* Modern clean font */
    position: relative;
}

/* Brand Styles */
.f-logo { font-weight: 900; font-size: 2rem; letter-spacing: -1.5px; margin-bottom: 5px; }
.f-logo span { color: #F58220; }
.f-tagline { color: #2D8A3C; font-weight: 700; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 20px; }
.f-desc { color: #777; font-size: 0.9rem; line-height: 1.8; margin-bottom: 25px; }

/* Titles - No Underline, Bold & Clean */
.f-header {
    color: #fff;
    font-size: 0.95rem;
    font-weight: 800;
    margin-bottom: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Navigation Lists */
.f-list { list-style: none; padding: 0; }
.f-list li { margin-bottom: 14px; }
.f-list a {
    color: #666;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.f-list a:hover {
    color: #fff;
    padding-left: 12px;
}

/* Contact Nodes */
.f-contact-node { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 25px; }
.f-contact-node i { color: #2D8A3C; font-size: 1.1rem; margin-top: 4px; }
.node-text small { display: block; color: #444; font-weight: 700; font-size: 0.65rem; text-transform: uppercase; margin-bottom: 2px; }
.node-text a, .node-text p { color: #aaa; text-decoration: none; font-weight: 600; font-size: 0.95rem; margin: 0; }
.node-text a:hover { color: #F58220; }

/* Social Buttons */
.f-social-links { display: flex; gap: 15px; }
.s-btn {
    width: 42px; height: 42px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; color: #888; text-decoration: none;
    transition: 0.4s;
}
.s-btn:hover { background: #fff; color: #000; transform: translateY(-5px); }
.wa-btn:hover { background: #25D366; color: #fff; border-color: #25D366; }

/* Bottom Bar */
.f-copyright { color: #444; font-size: 0.85rem; margin: 0; }
.f-copyright strong { color: #666; }
.f-legal-links a { color: #444; font-size: 0.8rem; text-decoration: none; margin-left: 30px; transition: 0.3s; }
.f-legal-links a:hover { color: #F58220; }

/* Desktop Right-Shift Logic */
@media (min-width: 992px) {
    .offset-lg-1 { margin-left: 8.333333%; }
}









































/*ABOUT us page*/
:root {
    --p-green: #2D8C3C;
    --p-orange: #F26522;
    --soft-bg: #fdfdfd;
}

.premium-about-hero {
    background-color: var(--soft-bg);
}

/* Background Glows */
.glow-element {
    position: absolute;
    width: 400px;
    height: 400px;
    filter: blur(120px);
    opacity: 0.15;
    z-index: 1;
}
.glow-green { top: -10%; left: -10%; background: var(--p-green); }
.glow-orange { bottom: -10%; right: -5%; background: var(--p-orange); }

/* Typography */
.main-heading {
    letter-spacing: -2px;
    line-height: 1;
}
.text-green { color: var(--p-green); }
.text-orange { color: var(--p-orange); }
.italic-font { font-style: italic; font-family: 'Georgia', serif; }

.premium-label {
    background: rgba(45, 140, 60, 0.1);
    color: var(--p-green);
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.location-tag {
    color: var(--p-green);
    font-weight: 700;
    position: relative;
}

/* Image Masking Effect */
.image-mask {
    width: 100%;
    height: 500px;
    border-radius: 60% 40% 70% 30% / 40% 50% 60% 70%; /* Organic Shape */
    overflow: hidden;
    border: 10px solid white;
    transition: 0.5s ease-in-out;
}
.image-mask:hover {
    border-radius: 40% 60% 30% 70% / 60% 40% 70% 30%;
}

/* Floating Elements */
.floating-badge {
    position: absolute;
    top: 20%;
    left: -30px;
    background: white;
    padding: 20px;
    border-radius: 15px;
    z-index: 5;
}

.wa-float-card {
    position: absolute;
    bottom: 10%;
    right: 5%;
    background: #25D366;
    color: white;
    padding: 12px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    z-index: 5;
    transition: 0.3s transform;
}
.wa-float-card:hover { transform: translateY(-5px); color: white; }

/* Buttons */
.btn-premium-green {
    background: var(--p-green);
    color: white;
    padding: 16px 35px;
    border-radius: 8px;
    font-weight: 600;
    border: none;
    transition: 0.4s;
}
.btn-premium-green:hover {
    background: #1e5e28;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(45, 140, 60, 0.3);
}

.btn-premium-outline {
    border: 2px solid #ddd;
    padding: 16px 35px;
    border-radius: 8px;
    color: #444;
    font-weight: 600;
    transition: 0.4s;
}
.btn-premium-outline:hover {
    border-color: var(--p-orange);
    color: var(--p-orange);
}

.x-small { font-size: 0.75rem; }
.bg-orange { background: var(--p-orange); }

/* Responsive adjustments */
@media (max-width: 991px) {
    .image-mask { height: 350px; margin-top: 40px; }
    .floating-badge { left: 10px; top: -20px; }
    .main-heading { font-size: 3rem; }
}
:root {
    --brand-green: #2D8C3C;
    --brand-orange: #F26522;
}

/* Base Pill Button Styling */
.btn-brand-pill-green {
    background-color: var(--brand-green);
    color: white !important;
    padding: 14px 35px;
    border-radius: 50px; /* Perfect Pill Shape */
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid var(--brand-green);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

.btn-brand-pill-green:hover {
    transform: translateY(-5px) scale(1.03);
    background-color: #247030;
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.3);
}

/* Outline Pill Button Styling */
.btn-brand-pill-orange-outline {
    background-color: transparent;
    color: var(--brand-orange) !important;
    padding: 14px 35px;
    border-radius: 50px; /* Perfect Pill Shape */
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.4s ease;
    border: 2px solid var(--brand-orange);
}

.btn-brand-pill-orange-outline:hover {
    background-color: var(--brand-orange);
    color: white !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(242, 101, 34, 0.2);
}

/* Micro-interaction for the arrow icon */
.btn-brand-pill-green i {
    transition: transform 0.3s ease;
}

.btn-brand-pill-green:hover i {
    transform: translateX(5px);
}



























/* ===== BRAND STORY ===== */

.brand-story{

padding:100px 0;
background:whitesmoke;

}

/* Title */

.story-title{

font-size:40px;
font-weight:700;
margin-bottom:20px;

}

.story-title span{

color:#F58220;

}

/* Text */

.story-text{

color:#555;
line-height:1.7;
margin-bottom:15px;

}

/* Image */

.story-image img{

border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.15);

}

/* Points */

.story-points{

margin-top:20px;
display:flex;
flex-wrap:wrap;
gap:15px;

}

.point{

background:#f4fdf6;
padding:10px 15px;
border-radius:8px;
font-weight:600;
display:flex;
align-items:center;
gap:8px;
transition:0.3s;

}

.point i{

color:#2D8A3C;

}

.point:hover{

background:#F58220;
color:white;
transform:translateY(-3px);

}

/* Mobile */

@media(max-width:768px){

.story-title{
font-size:30px;
}

.brand-story{
padding:60px 0;
}

}


/* ===== UNIVERSAL SECTION TITLE ===== */

.section-heading{

font-size:48px;
font-weight:800;
line-height:1.2;
margin-bottom:20px;

}

/* Colors */

.section-heading .black{
color:#1a1a1a;
}

.section-heading .green{
color:#2D8A3C;
}

.section-heading .orange{
color:#F58220;
font-style:italic;
}

/* Optional spacing */

.section-heading span{
margin-right:6px;
}

/* Responsive */

@media(max-width:768px){

.section-heading{
font-size:32px;
}

}


/* ===== STORY TITLE (PREMIUM DESIGN) ===== */

.story-heading{

font-size:48px;
font-weight:800;
line-height:1.2;
margin-bottom:25px;
letter-spacing:-0.5px;

}

/* Colors */

.story-heading .black{
color:#1a1a1a;
}

.story-heading .green{
color:#2D8A3C;
}

.story-heading .orange{
color:#F58220;
font-style:italic;
}

/* Spacing */

.story-heading span{
margin-right:6px;
}

/* Responsive */

@media(max-width:768px){

.story-heading{
font-size:32px;
}













}

























/* ===== WHAT SECTION ===== */

.what-section{

padding:100px 0;
background:white;

}

/* Text */

.what-text{

color:#555;
line-height:1.7;
margin-bottom:15px;

}

/* Image */

.what-image img{

border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.15);

}

/* Points */

.what-points{

margin-top:20px;
display:flex;
flex-wrap:wrap;
gap:15px;

}

.what-points .point{

background:white;
padding:10px 16px;
border-radius:10px;
font-weight:600;
display:flex;
align-items:center;
gap:8px;
transition:0.3s;
box-shadow:0 8px 20px rgba(0,0,0,0.08);

}

/* Icon */

.what-points i{

color:#2D8A3C;

}

/* Hover */

.what-points .point:hover{

background:#F58220;
color:white;
transform:translateY(-4px);

}

.what-points .point:hover i{
color:white;
}

/* Mobile */

@media(max-width:768px){

.what-section{
padding:60px 0;
}

}



























/* ===== WHY WE STARTED ===== */

.why-started{
padding:100px 0;
background:#f4fdf6;
}

/* Title */

.why-heading{
font-size:48px;
font-weight:800;
margin-bottom:25px;
}

/* Colors */

.why-heading .black{
color:#1a1a1a;
}

.why-heading .green{
color:#2D8A3C;
}

.why-heading .orange{
color:#F58220;
font-style:italic;
}

/* Text */

.why-text{
color:#555;
line-height:1.7;
margin-bottom:15px;
}

/* Image */

.why-image img{
border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
}

/* Points */

.why-points{
margin-top:20px;
display:flex;
flex-wrap:wrap;
gap:15px;
}

.why-points .point{
background:white;
padding:10px 16px;
border-radius:10px;
font-weight:600;
display:flex;
align-items:center;
gap:8px;
transition:0.3s;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

/* Icon */

.why-points i{
color:#2D8A3C;
}

/* Hover */

.why-points .point:hover{
background:#F58220;
color:white;
transform:translateY(-4px);
}

.why-points .point:hover i{
color:white;
}

/* Mobile */

@media(max-width:768px){

.why-heading{
font-size:32px;
}

.why-started{
padding:60px 0;
}

}





















/* ===== MVG SECTION ===== */

.mvg-section{

padding:100px 0;
background:white;

}

/* Card */

.mvg-card{

background:white;
padding:35px 25px;
border-radius:18px;
text-align:center;
transition:0.4s;
box-shadow:0 10px 25px rgba(0,0,0,0.08);

}

/* Icon */

.mvg-card i{

font-size:40px;
color:#2D8A3C;
margin-bottom:15px;

}

/* Title */

.mvg-card h5{

font-weight:700;
margin-bottom:10px;

}

/* Text */

.mvg-card p{

font-size:14px;
color:#666;

}

/* Hover Effect */

.mvg-card:hover{

transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,0.15);
background:#2D8A3C;
color:white;

}

.mvg-card:hover i{
color:#F58220;
}

.mvg-card:hover p{
color:white;
}

/* Mobile */

@media(max-width:768px){

.mvg-section{
padding:60px 0;
}

}













:root {
    --brand-green: #2D8C3C;
    --brand-orange: #F26522;
}

.text-green { color: var(--brand-green); }
.text-orange { color: var(--brand-orange); }
.bg-green { background-color: var(--brand-green); }
.bg-orange { background-color: var(--brand-orange); }

/* Commitment Image Tag */
.experience-tag {
    position: absolute;
    bottom: 20px;
    right: -20px;
    z-index: 5;
}

/* Process Steps Styling */
.step-number {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 1.5rem;
    font-weight: 800;
    border-radius: 50%;
    margin: 0 auto;
}

.process-card {
    transition: all 0.3s ease;
    border-bottom: 4px solid transparent;
}

.border-hover-green:hover {
    transform: translateX(10px);
    border-color: var(--brand-green);
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.1) !important;
}

.border-hover-orange:hover {
    transform: translateX(-10px);
    border-color: var(--brand-orange);
    box-shadow: 0 15px 30px rgba(242, 101, 34, 0.1) !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .experience-tag { right: 0; }
    .process-card:hover { transform: translateY(-5px); }
    .step-number { margin-bottom: 15px; }
}





















/* ===== FOOD PHILOSOPHY ===== */

.food-philosophy{

padding:100px 0;
background:linear-gradient(135deg,#f4fdf6,#ffffff);

}

/* Intro Text */

.philosophy-text{

max-width:700px;
margin:auto;
color:#555;
line-height:1.7;

}

/* Card */

.philosophy-card{

background:white;
padding:35px 25px;
border-radius:18px;
transition:0.4s;
box-shadow:0 10px 25px rgba(0,0,0,0.08);

}

/* Icon */

.philosophy-card i{

font-size:40px;
color:#2D8A3C;
margin-bottom:15px;

}

/* Title */

.philosophy-card h5{

font-weight:700;
margin-bottom:10px;

}

/* Text */

.philosophy-card p{

font-size:14px;
color:#666;

}

/* Hover */

.philosophy-card:hover{

transform:translateY(-10px);
background:#2D8A3C;
color:white;
box-shadow:0 20px 45px rgba(0,0,0,0.15);

}

.philosophy-card:hover i{
color:#F58220;
}

.philosophy-card:hover p{
color:white;
}

/* Mobile */

@media(max-width:768px){

.food-philosophy{
padding:60px 0;
}

}










/* ===== WHO WE SERVE ===== */

.who-serve{

padding:100px 0;
background:whitesmoke;

}

/* Intro Text */

.serve-text{

max-width:700px;
margin:auto;
color:#555;
line-height:1.7;

}

/* Card */

.serve-card{

background:#f4fdf6;
padding:30px 20px;
border-radius:16px;
text-align:center;
transition:0.4s;
box-shadow:0 10px 25px rgba(0,0,0,0.08);

}

/* Icon */

.serve-card i{

font-size:34px;
color:#2D8A3C;
margin-bottom:12px;

}

/* Title */

.serve-card h6{

font-weight:700;
margin-bottom:5px;

}

/* Text */

.serve-card p{

font-size:14px;
color:#666;

}

/* Hover */

.serve-card:hover{

background:#2D8A3C;
color:white;
transform:translateY(-10px);

}

.serve-card:hover i{
color:#F58220;
}

.serve-card:hover p{
color:white;
}

/* CTA */

.serve-cta{

font-size:18px;
color:#1a1a1a;

}

/* Mobile */

@media(max-width:768px){

.who-serve{
padding:60px 0;
}

}
















/* ===== DIFFERENCE SECTION ===== */

.difference-section{

padding:100px 0;
background:linear-gradient(135deg,#ffffff,#f4fdf6);

}

/* Card */

.diff-card{

background:white;
padding:30px 22px;
border-radius:18px;
text-align:center;
transition:0.4s;
box-shadow:0 10px 25px rgba(0,0,0,0.08);

}

/* Icon */

.diff-card i{

font-size:36px;
color:#2D8A3C;
margin-bottom:12px;

}

/* Title */

.diff-card h6{

font-weight:700;
margin-bottom:8px;

}

/* Text */

.diff-card p{

font-size:14px;
color:#666;

}

/* Hover */

.diff-card:hover{

transform:translateY(-10px);
background:#2D8A3C;
color:white;
box-shadow:0 20px 45px rgba(0,0,0,0.15);

}

.diff-card:hover i{
color:#F58220;
}

.diff-card:hover p{
color:white;
}

/* Mobile */

@media(max-width:768px){

.difference-section{
padding:60px 0;
}

}





















/* ===== HYGIENE SECTION UPDATES ===== */

.hygiene-section {
    padding: 100px 0;
    background: whitesmoke;
}

.hygiene-text {
    max-width: 700px;
    margin: auto;
    color: #555;
    line-height: 1.7;
}

/* Image Container */
.hygiene-img-box {
    width: 100%;
    height: 160px; /* Fixed height for consistency */
    overflow: hidden;
    border-radius: 12px;
}

.hygiene-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

/* Card Improvements */
.hygiene-card {
    background: white;
    padding: 15px; /* Thoda tight padding for images */
    border-radius: 18px;
    text-align: center;
    transition: 0.4s;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    height: 100%;
}

.hygiene-card p {
    margin-top: 15px;
    font-size: 1rem;
    color: #333;
}

/* Hover Effects */
.hygiene-card:hover {
    background: #2D8A3C;
    transform: translateY(-10px);
}

.hygiene-card:hover p {
    color: white; /* Text color change on hover */
}

.hygiene-card:hover img {
    transform: scale(1.1); /* Subtle zoom on image */
}

/* CTA */
.btn-hygiene {
    background: #F58220;
    color: white;
    padding: 14px 28px;
    border-radius: 40px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.btn-hygiene:hover {
    background: #2D8A3C;
    transform: translateY(-3px);
    color: white;
}

/* Mobile */
@media(max-width:768px) {
    .hygiene-section {
        padding: 60px 0;
    }
    .hygiene-img-box {
        height: 140px;
    }
}



















/* ===== SERVICE PROMISE ===== */

.service-promise{

padding:100px 0;
background:linear-gradient(135deg,#ffffff,#f4fdf6);

}

/* Image */

.promise-image img{

border-radius:20px;
box-shadow:0 20px 50px rgba(0,0,0,0.15);

}

/* Text */

.promise-text{

color:#555;
line-height:1.7;
margin-bottom:20px;

}

/* Points */

.promise-points{

display:flex;
flex-direction:column;
gap:12px;

}

.promise-points .point{

background:white;
padding:12px 18px;
border-radius:10px;
font-weight:600;
display:flex;
align-items:center;
gap:10px;
transition:0.3s;
box-shadow:0 8px 20px rgba(0,0,0,0.08);

}

/* Icon */

.promise-points i{

color:#2D8A3C;

}

/* Hover */

.promise-points .point:hover{

background:#2D8A3C;
color:white;
transform:translateX(5px);

}

.promise-points .point:hover i{
color:#F58220;
}

/* Mobile */

@media(max-width:768px){

.service-promise{
padding:60px 0;
}

}














/* Screenshot Inspired Typography */
.screenshot-title {
    line-height: 1.1;
}

.screenshot-title .dark-text {
    color: #212529; /* Dark color from */
    font-weight: 800;
    font-size: 2.2rem;
}

.screenshot-title .green-text {
    color: #2D8C3C; /* Brand Green from */
    font-weight: 800;
    font-size: 2.2rem;
}

.screenshot-title .orange-italic-text {
    color: #F26522; /* Brand Orange from */
    font-weight: 800;
    font-style: italic; /* Italic style as seen in */
    font-size: 3.2rem;
    display: inline-block;
    margin-top: 5px;
}

/* Divider */
.custom-divider {
    width: 60px;
    height: 4px;
    background: #F26522;
    border-radius: 2px;
}

/* Image Card Styling */
.hygiene-card {
    background: white;
    padding: 15px;
    border-radius: 18px;
    transition: 0.4s;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.hygiene-img-box {
    width: 100%;
    height: 160px;
    overflow: hidden;
    border-radius: 12px;
}

.hygiene-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.hygiene-card:hover {
    background: #2D8A3C;
    transform: translateY(-10px);
}

.hygiene-card:hover p {
    color: white;
}

.hygiene-card:hover img {
    transform: scale(1.1);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .screenshot-title .dark-text, .screenshot-title .green-text { font-size: 1.8rem; }
    .screenshot-title .orange-italic-text { font-size: 2.5rem; }
}











/* Typography from Screenshots */
.screenshot-title .dark-text {
    color: #212529; /* Dark charcoal black */
    font-weight: 800;
    font-size: 2rem;
}

.screenshot-title .green-text {
    color: #2D8C3C; /* Brand Green */
    font-weight: 800;
    font-size: 2.8rem;
    display: inline-block;
    margin-top: 5px;
}

.custom-divider {
    width: 60px;
    height: 4px;
    background: #F26522; /* Brand Orange */
    border-radius: 2px;
}

/* Area Chips Styling */
.area-chip {
    display: inline-block;
    padding: 12px 25px;
    background: #f4fdf6;
    color: #2D8C3C;
    border: 1px solid #2D8C3C;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.95rem;
    transition: 0.3s;
    cursor: default;
}

.area-chip:hover {
    background: #2D8C3C;
    color: white;
    transform: translateY(-3px);
}

.area-chip.highlight-orange {
    border-color: #F26522;
    color: #F26522;
    background: rgba(242, 101, 34, 0.05);
}

.area-chip.highlight-orange:hover {
    background: #F26522;
    color: white;
}

/* CTA Button Styles */
.btn-delivery-check {
    background: #F26522; /* Brand Orange */
    color: white;
    padding: 15px 35px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    box-shadow: 0 10px 20px rgba(242, 101, 34, 0.2);
}

.btn-delivery-check:hover {
    background: #212529;
    color: white;
    transform: translateY(-3px);
}

/* Mobile Tweak */
@media (max-width: 768px) {
    .screenshot-title .green-text { font-size: 2rem; }
    .area-chip { padding: 8px 18px; font-size: 0.85rem; }
}













/* Typography from Screenshots */
/* ===== FOUNDER SECTION STYLES ===== */

.founder-section {
    padding: 80px 0;
    overflow: hidden;
}

/* Screenshot Inspired Typography */
.screenshot-title {
    line-height: 1.1;
    margin-bottom: 0;
}

.screenshot-title .dark-text {
    color: #212529; /* Deep Charcoal Black */
    font-weight: 800;
    font-size: 2.2rem;
    letter-spacing: -0.5px;
}

.screenshot-title .green-text {
    color: #2D8C3C; /* Brand Green */
    font-weight: 800;
    font-size: 2.8rem;
}

.screenshot-title .orange-italic-text {
    color: #F26522; /* Brand Orange */
    font-weight: 800;
    font-style: italic; /* Swaad is Italic as per screenshot */
    font-size: 3rem;
    display: inline-block;
}

/* Message Content Styling */
.message-content .lead {
    font-size: 1.25rem;
    color: #333;
    border-left: 4px solid #F26522; /* Sincere Quote Border */
    padding-left: 20px;
}

.message-content p.text-muted {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #666 !important;
}

/* Founder Image and Badge */
.founder-img-wrapper {
    max-width: 450px;
    margin: 0 auto;
}

.founder-img {
    border: 10px solid #fff;
    transition: transform 0.4s ease;
}

.founder-img-wrapper:hover .founder-img {
    transform: scale(1.03);
}

.founder-badge {
    position: absolute;
    bottom: -15px;
    right: -10px;
    background-color: #F26522; /* Brand Orange */
    min-width: 160px;
    z-index: 2;
}

.bg-orange {
    background-color: #F26522 !important;
}

/* Founder Signature */
.founder-signature {
    padding-top: 20px;
}

.text-orange {
    color: #F26522 !important;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .screenshot-title {
        text-align: center !important;
    }
    .screenshot-title .dark-text { font-size: 1.8rem; }
    .screenshot-title .green-text { font-size: 2.2rem; }
    .screenshot-title .orange-italic-text { font-size: 2.5rem; }
    
    .message-content .lead {
        text-align: center;
        border-left: none;
        border-top: 2px solid #F26522;
        padding-left: 0;
        padding-top: 20px;
    }
    
    .message-content p.text-muted {
        text-align: center;
    }
    
    .founder-signature {
        text-align: center;
    }
    
    .founder-badge {
        right: 50%;
        transform: translateX(50%);
    }
}













/* ===== FINAL CTA STYLES ===== */

.final-cta-section {
    background-color: white;
}

.cta-card {
    background: linear-gradient(135deg, #212529 0%, #2D8C3C 100%); /* Premium Dark to Green Gradient */
    border-radius: 40px;
    border: 5px solid rgba(255, 255, 255, 0.1);
}

/* Typography Harmony */
.cta-title .white-text {
    color: #ffffff;
    font-weight: 800;
    font-size: 2.2rem;
}

.cta-title .green-text-bright {
    color: #4ade80; /* Brighter green for dark background */
    font-weight: 800;
    font-size: 2.2rem;
}

.cta-title .orange-italic-text {
    color: #F26522; /* Brand Orange */
    font-weight: 800;
    font-style: italic;
    font-size: 3rem;
}

.cta-subtext {
    max-width: 600px;
    font-size: 1.1rem;
    opacity: 0.9;
    color: #e0e0e0;
}

/* Button Styling */
.btn-light-brand {
    background-color: #ffffff;
    color: #2D8C3C;
    transition: 0.3s;
}

.btn-light-brand:hover {
    background-color: #F26522;
    color: white;
    transform: translateY(-5px);
}

.btn-orange-brand {
    background-color: #F26522;
    color: white;
    transition: 0.3s;
}

.btn-orange-brand:hover {
    background-color: #d95a1d;
    transform: translateY(-5px);
}

.btn-outline-white-brand {
    border: 2px solid #ffffff;
    color: #ffffff;
    transition: 0.3s;
}

.btn-outline-white-brand:hover {
    background-color: #ffffff;
    color: #212529;
    transform: translateY(-5px);
}

/* Mobile Tweak */
@media (max-width: 768px) {
    .cta-title .white-text, .cta-title .green-text-bright { font-size: 1.6rem; }
    .cta-title .orange-italic-text { font-size: 2.2rem; }
    .cta-card { border-radius: 30px; padding: 30px 20px !important; }
}
















/* FAQ Header Styles */
.screenshot-title .dark-text {
    color: #212529;
    font-weight: 800;
    font-size: 2rem;
}

.screenshot-title .green-text {
    color: #2D8C3C;
    font-weight: 800;
    font-size: 2.5rem;
}

.screenshot-title .orange-italic-text {
    color: #F26522;
    font-weight: 800;
    font-style: italic;
    font-size: 2.5rem;
}

.header-bar-small {
    width: 50px;
    height: 4px;
    background: #F26522;
    border-radius: 10px;
}

/* Accordion Customization */
.accordion-button:not(.collapsed) {
    color: #2D8C3C; /* Green when open */
    background-color: #f4fdf6;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(45, 140, 60, 0.1);
}

.accordion-item {
    border: 1px solid #eee !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F26522'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Hover Effect */
.accordion-item:hover {
    border-color: #2D8C3C !important;
    transition: 0.3s;
}














































/*HOW IT WORKS PAGE*/


/* ===== HERO SECTION CSS ===== */

/* Typography Harmony */
.hero-title-main .dark-text {
    color: #212529;
    font-weight: 800;
    font-size: 2.2rem;
    letter-spacing: -0.5px;
}

.hero-title-main .green-text {
    color: #2D8C3C;
    font-weight: 800;
    font-size: 2.2rem;
}

.hero-title-main .orange-italic-text {
    color: #F26522;
    font-weight: 800;
    font-style: italic;
    font-size: 2.8rem;
    display: inline-block;
}

.hero-subtitle {
    font-size: 1.1rem;
    line-height: 1.5;
}

.intro-text {
    font-size: 1rem;
    line-height: 1.7;
    max-width: 600px;
}

/* Step Graphic Mini Layout */
.step-dot {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: white;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.step-connector {
    height: 2px;
    background: #eee;
    flex-grow: 1;
    margin: 0 10px;
    margin-bottom: 20px;
}

/* Image Container & Effects */
.hero-img-container {
    padding: 20px;
}

.img-bg-blob {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #2d8c3c;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    opacity: 0.05;
    z-index: -1;
    transform: scale(1.2);
}

.main-hero-img {
    transition: transform 0.5s ease;
}

.main-hero-img:hover {
    transform: scale(1.02);
}

.floating-trust-card {
    position: absolute;
    bottom: 20px;
    left: -20px;
    border-left: 5px solid #2D8C3C;
    min-width: 200px;
}

/* Button Styling */
.btn-brand-orange { background-color: #F26522; color: white; }
.btn-brand-orange:hover { background-color: #d95a1d; color: white; transform: translateY(-3px); }

.btn-brand-green { background-color: #2D8C3C; color: white; }
.btn-brand-green:hover { background-color: #246e30; color: white; transform: translateY(-3px); }

.btn-outline-dark { border: 2px solid #212529; color: #212529; }
.btn-outline-dark:hover { background-color: #212529; color: white; }

/* Utilities */
.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }
.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.text-green { color: #2D8C3C; }

/* Animation */
@keyframes fadeInUpDown {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.animate-up-down {
    animation: fadeInUpDown 3s infinite ease-in-out;
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .hero-title-main .dark-text, .hero-title-main .green-text { font-size: 1.8rem; }
    .hero-title-main .orange-italic-text { font-size: 2.2rem; }
    .floating-trust-card { left: 10px; bottom: 10px; min-width: 180px; }
}




















/* Typography Consistency */
.screenshot-title .dark-text {
    color: #212529;
    font-weight: 800;
    font-size: 2rem;
}

.screenshot-title .green-text {
    color: #2D8C3C;
    font-weight: 800;
    font-size: 2.5rem;
}

.screenshot-title .orange-italic-text {
    color: #F26522;
    font-weight: 800;
    font-style: italic;
    font-size: 2.8rem;
}

/* Card Styling */
.step-summary-card {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 25px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.step-summary-card:hover {
    transform: translateY(-10px);
    border-color: #2D8C3C;
    box-shadow: 0 15px 40px rgba(45, 140, 60, 0.1);
}

/* Icon Wrapper Styles */
.step-icon-wrapper {
    width: 70px;
    height: 70px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }

.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }

/* Highlight for the last card */
.border-orange-glow:hover {
    border-color: #F26522;
    box-shadow: 0 15px 40px rgba(242, 101, 34, 0.1);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .screenshot-title .green-text { font-size: 2rem; }
    .screenshot-title .orange-italic-text { font-size: 2.2rem; }
}
















/* Typography Harmony */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.8rem; }

/* Timeline Core */
.timeline-container { overflow: hidden; }

.timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e9ecef;
    transform: translateX(-50%);
    z-index: 1;
}

/* Step Cards */
.step-card {
    position: relative;
    z-index: 5;
    transition: 0.4s ease;
}

.step-card:hover { transform: translateY(-5px); }

.border-start-green { border-left: 6px solid #2D8C3C; }
.border-start-orange { border-left: 6px solid #F26522; }

.step-number {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 800;
}

.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }

/* Images */
.step-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border: 8px solid white;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .timeline-line { display: none; }
    .step-img { height: 200px; }
    .text-lg-end { text-align: left !important; }
    .pe-lg-5 { padding-right: 15px !important; }
}


















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.8rem; }

/* Meal Card Styling */
.meal-card {
    transition: 0.4s ease;
    background: white;
}

.meal-card:hover {
    transform: translateY(-10px);
}

.meal-img-box {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.meal-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.meal-tag {
    position: absolute;
    top: 15px;
    right: 15px;
    color: white;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
}

/* Highlighted Combo Card */
.border-green-focus {
    border: 2px solid #2D8C3C !important;
}

.bg-light-green {
    background-color: rgba(45, 140, 60, 0.03);
}

/* CTA Button */
.btn-explore-meals {
    display: inline-block;
    background-color:#F26522;
    color: white;
    padding: 15px 40px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

.btn-explore-meals:hover {
    background-color:  #2D8C3C;
    color: white;
    transform: translateY(-3px);
}

/* Colors */
.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }
.bg-dark { background-color: #212529; }



/* Centered Screenshot Title Style */
.screenshot-title {
    line-height: 1.2;
    margin-bottom: 0;
}

.screenshot-title .dark-text {
    color: #212529;
    font-weight: 800;
    font-size: 2.2rem;
}

.screenshot-title .green-text {
    color: #2D8C3C;
    font-weight: 800;
    font-size: 2.5rem;
}

.screenshot-title .orange-italic-text {
    color: #F26522;
    font-weight: 800;
    font-style: italic; /* Swaad/Preference logic */
    font-size: 2.5rem;
}

.description-text {
    font-size: 1.05rem;
    color: #666;
    line-height: 1.7;
}















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

.description-text { font-size: 1.05rem; color: #666; line-height: 1.7; }

/* Plan Card Styling */
.plan-card {
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.plan-card:hover {
    transform: translateY(-10px);
}

.plan-badge {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.bg-orange-light { background-color: rgba(242, 101, 34, 0.1); }
.text-orange { color: #F26522; }

/* Premium Highlight (Monthly Combo) */
.border-green-premium {
    border: 3px solid #2D8C3C !important;
}

.popular-tag {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #2D8C3C;
    color: white;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: bold;
}

/* Button Styling */
.btn-green { background-color: #2D8C3C; transition: 0.3s; }
.btn-green:hover { background-color: #246e30; transform: scale(1.05); }

.btn-outline-orange { border: 2px solid #F26522; color: #F26522; transition: 0.3s; }
.btn-outline-orange:hover { background-color: #F26522; color: white; }

/* Trust Note */
.border-start-orange {
    border-left: 6px solid #F26522;
}












/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Form Styles */
.custom-input {
    border-radius: 12px;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    background-color: #fcfcfc;
}

.custom-input:focus {
    border-color: #2D8C3C;
    box-shadow: 0 0 0 0.25rem rgba(45, 140, 60, 0.1);
}

.delivery-form-wrapper {
    border-top: 8px solid #2D8C3C;
}

/* Info Card & Area Checker */
.bg-light-green { background-color: rgba(45, 140, 60, 0.05); }

.border-orange-dashed {
    border: 2px dashed #F26522;
}

.rounded-pill-start { border-radius: 50px 0 0 50px !important; }
.rounded-pill-end { border-radius: 0 50px 50px 0 !important; }

/* Buttons */
.btn-brand-orange { background-color: #F26522; color: white; transition: 0.3s; }
.btn-brand-orange:hover { background-color: #d95a1d; color: white; }

.btn-brand-green { background-color: #2D8C3C; color: white; transition: 0.3s; }
.btn-brand-green:hover { background-color: #246e30; color: white; transform: scale(1.02); }

/* Icons */
.text-orange { color: #F26522; }
.text-green { color: #2D8C3C; }
/* Special Orange Action Button */
.btn-brand-orange-action {
    background-color: #F26522; /* Aapka Brand Orange */
    border: none;
    transition: all 0.3s ease;
}

.btn-brand-orange-action:hover {
    background-color: #2D8C3C; /* Hover karne par Green ho jayega (Trust Color) */
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(242, 101, 34, 0.2);
}

.btn-brand-orange-action:active {
    transform: translateY(-1px);
}
















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Icon Boxes */
.conf-icon {
    min-width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

/* Order Card Styling */
.order-summary-card {
    border-top: 8px solid #F26522; /* Orange Top Border */
}

.verified-badge {
    position: absolute;
    top: -15px;
    right: 30px;
    background: #2D8C3C;
    color: white;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.summary-item {
    font-size: 1rem;
    padding: 10px 0;
    border-bottom: 1px dashed #eee;
}

/* Orange Action Button */
.btn-brand-orange-final {
    background-color: #F26522;
    border: none;
    transition: 0.3s ease;
}

.btn-brand-orange-final:hover {
    background-color: #2D8C3C; /* Hover Green for Trust */
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(242, 101, 34, 0.2);
}

/* Colors */
.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }
.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }
.bg-dark { background-color: #212529; }





















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Prep Visuals Gallery */
.prep-gallery {
    min-height: 400px;
    padding-bottom: 50px;
}

.gallery-img { position: absolute; }

.top-left { top: 0; left: 0; width: 200px; z-index: 5; }
.bottom-left { bottom: 0; left: 30px; width: 220px; z-index: 4; }
.right-large { top: 50%; right: -20px; transform: translateY(-50%); width: 350px; z-index: 3; }

.border-orange-top { border-top: 5px solid #F26522; }

/* Highlight Cards */
.prep-highlight-card {
    transition: 0.3s ease;
}

.prep-highlight-card:hover {
    transform: translateY(-5px) scale(1.02);
    border-color: rgba(45, 140, 60, 0.2) !important;
}

.icon-box {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    min-width: 60px;
}

.border-green-premium {
    border: 3px solid #2D8C3C !important;
}

/* Floating Animation */
@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-10px) rotate(15deg); }
}

.floating-fresh-leaf {
    position: absolute;
    top: 30px;
    right: 50px;
    z-index: 6;
}

.animate-float {
    animation: float 4s infinite ease-in-out;
}

/* Utilities */
.bg-light-green { background-color: rgba(45, 140, 60, 0.05); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.05); }
.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }
.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }

/* Mobile */
@media (max-width: 991px) {
    .prep-gallery { min-height: 350px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
    .gallery-img { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; transform: none !important; width: 45% !important; margin: 0; }
    .right-large { width: 90% !important; margin-top: 20px; }
    .floating-fresh-leaf { top: 10px; right: 10px; }
}






















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Delivery Highlight Cards */
.border-start-green { border-left: 5px solid #2D8C3C; }
.border-start-orange { border-left: 5px solid #F26522; }

.delivery-highlights .bg-light {
    background-color: #fcfcfc !important;
    transition: 0.3s;
}

.delivery-highlights .bg-light:hover {
    background-color: #ffffff !important;
    transform: scale(1.03);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
}

/* Delivery Visuals */
.delivery-visual-card img {
    transition: transform 0.5s ease;
}

.delivery-visual-card:hover img {
    transform: scale(1.05);
}

.delivery-status-box {
    position: absolute;
    bottom: 20px;
    right: -20px;
    min-width: 180px;
    border-bottom: 4px solid #2D8C3C;
}

.status-circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.pulse {
    box-shadow: 0 0 0 0 rgba(45, 140, 60, 0.7);
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 140, 60, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(45, 140, 60, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 140, 60, 0); }
}

@keyframes bounce-slow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.animate-bounce-slow {
    animation: bounce-slow 4s infinite ease-in-out;
}

/* Colors */
.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }
.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }

/* Mobile */
@media (max-width: 991px) {
    .delivery-status-box { right: 10px; bottom: 10px; }
    .screenshot-title .green-text, .screenshot-title .orange-italic-text { font-size: 2rem; }
}


















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Image Styling */
.main-enjoy-img {
    border: 10px solid white;
}

.happiness-badge {
    position: absolute;
    top: 20px;
    right: -10px;
    border-left: 5px solid #F26522;
}

/* Benefit Items */
.benefit-item {
    transition: 0.3s ease;
}

.benefit-item:hover {
    transform: translateX(10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
}

.benefit-icon {
    font-size: 1.5rem;
    min-width: 40px;
    text-align: center;
}

.border-start-green-thick { border-left: 6px solid #2D8C3C !important; }
.border-start-orange-thick { border-left: 6px solid #F26522 !important; }

/* Final Green Button */
.btn-brand-green {
    background-color: #F26522;
    border: none;
    transition: 0.3s;
}

.btn-brand-green:hover {
    background-color: #2D8C3C; /* Hover Orange for Action */
    transform: scale(1.02);
}

/* Float Animation */
@keyframes floatY {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.animate-float {
    animation: floatY 4s infinite ease-in-out;
}

/* Utilities */
.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }

/* Mobile Adjustment */
@media (max-width: 991px) {
    .happiness-badge { right: 10px; top: 10px; }
    .benefit-item:hover { transform: none; }
}





















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Feature Items */
.feature-item-box {
    transition: 0.3s ease;
    cursor: default;
}

.feature-item-box:hover {
    background-color: #ffffff !important;
    transform: translateX(10px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.feature-icon-sm {
    width: 35px;
    height: 35px;
    min-width: 35px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.highlight-feature {
    border: 1px solid rgba(45, 140, 60, 0.2) !important;
}

/* Dashboard Mockup */
.mock-dashboard {
    max-width: 550px;
    margin: 0 auto;
}

.dot { width: 10px; height: 10px; border-radius: 50%; }

.border-green { border: 2px solid #2D8C3C; }
.border-orange { border: 2px solid #F26522; }

.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }

/* Color Utilities */
.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }
.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }

/* Mobile Adjustment */
@media (max-width: 991px) {
    .feature-item-box:hover { transform: none; }
    .mock-dashboard { margin-top: 30px; }
}


















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Control Card UI */
.flex-control-card {
    border-bottom: 8px solid #F26522; /* Orange Accent */
}

.control-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-switch {
    width: 3rem !important;
    height: 1.5rem !important;
    cursor: pointer;
}

.custom-switch:checked {
    background-color: #F26522;
    border-color: #F26522;
}

/* Point Numbers */
.point-number {
    width: 40px;
    height: 40px;
    min-width: 40px;
    background: #212529;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9rem;
}

/* Colors & Borders */
.border-start-orange-thick { border-left: 6px solid #F26522 !important; }
.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }
.bg-orange { background-color: #F26522; }

/* Mobile */
@media (max-width: 991px) {
    .flex-control-card { margin-bottom: 30px; }
    .ps-lg-4 { padding-left: 0 !important; }
}
















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Renewal Feature Cards */
.renewal-feature-card {
    transition: 0.3s ease;
}

.renewal-feature-card:hover {
    background-color: #ffffff !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.renewal-icon {
    min-width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

/* Renewal Alert Card UI */
.border-green-top {
    border-top: 8px solid #2D8C3C;
}

.renewal-timer-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #F26522;
    color: white;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(242, 101, 34, 0.2);
}

.alert-icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-light-orange { background-color: rgba(242, 101, 34, 0.08); }

/* Animation */
@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.animate-spin-slow {
    animation: spin-slow 8s linear infinite;
}

/* Final Button Style */
.btn-brand-orange-final {
    background-color: #F26522;
    border: none;
    transition: 0.3s;
}

.btn-brand-orange-final:hover {
    background-color: #2D8C3C;
    transform: scale(1.03);
}

/* Colors */
.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }
.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }
.bg-dark { background-color: #212529; }

/* Mobile Adjustment */
@media (max-width: 991px) {
    .renewal-alert-card { margin-top: 40px; }
    .renewal-feature-card:hover { transform: none; }
}















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Support Cards */
.support-channel-card {
    transition: 0.3s ease;
    border: 1px solid #eee;
}

.support-channel-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
}

.support-icon {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.border-bottom-green { border-bottom: 5px solid #2D8C3C; }
.border-bottom-orange { border-bottom: 5px solid #F26522; }
.border-bottom-dark { border-bottom: 5px solid #212529; }

/* Support Trust Box */
.support-bg-circle {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 150px;
    height: 150px;
    background: rgba(45, 140, 60, 0.05);
    border-radius: 50%;
}

.btn-whatsapp-support {
    background-color: #25D366; /* Official WhatsApp Green */
    border: none;
    transition: 0.3s;
}

.btn-whatsapp-support:hover {
    background-color: #128C7E;
    transform: scale(1.03);
}

/* Animations */
@keyframes bounce-slow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.animate-bounce-slow {
    animation: bounce-slow 3s infinite ease-in-out;
}

/* Colors */
.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }
.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }

/* Mobile */
@media (max-width: 991px) {
    .support-trust-box { margin-top: 30px; }
}










/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Advantage Pills */
.advantage-pill {
    transition: 0.3s;
}
.advantage-pill:hover {
    transform: translateX(10px);
}
.bg-light-green { background-color: rgba(45, 140, 60, 0.05); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.05); }
.border-start-green-thick { border-left: 5px solid #2D8C3C; }
.border-start-orange-thick { border-left: 5px solid #F26522; }

/* Comparison Table */
.comparison-table-wrapper {
    border: 1px solid #eee;
}

.table thead th {
    font-size: 1.1rem;
    letter-spacing: 1px;
}

.table tbody td {
    padding: 20px 15px;
    font-size: 0.95rem;
    border-bottom: 1px solid #f1f1f1;
}

.table tbody tr:last-child td {
    border-bottom: none;
}

/* Colors */
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.bg-green { background-color: #2D8C3C; }
.bg-orange { background-color: #F26522; }

/* Mobile */
@media (max-width: 991px) {
    .comparison-table-wrapper { margin-top: 30px; font-size: 0.85rem; }
    .table thead th { font-size: 0.9rem; }
}





















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* Audience Card Styling */
.audience-card {
    transition: all 0.4s ease;
    border: 1px solid rgba(0,0,0,0.03) !important;
}

.audience-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
    background-color: #ffffff !important;
}

.audience-icon {
    width: 65px;
    height: 65px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
}

/* Background Colors */
.bg-light-green { background-color: rgba(45, 140, 60, 0.08); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.08); }

.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }

/* Mobile */
@media (max-width: 768px) {
    .audience-card { padding: 30px 20px !important; }
}



















/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.2rem; }

/* Accordion Styling */
.custom-faq-accordion .accordion-item {
    border: 1px solid #eee !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

.custom-faq-accordion .accordion-button {
    padding: 20px;
    background-color: #ffffff;
    transition: 0.3s;
}

.custom-faq-accordion .accordion-button:not(.collapsed) {
    background-color: #fdfaf5;
    color: #2D8C3C !important;
    box-shadow: none;
}

.custom-faq-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(45, 140, 60, 0.1);
}

.custom-faq-accordion .accordion-button::after {
    background-size: 1rem;
}

/* Sidebar Box */
.bg-light-orange { background-color: rgba(242, 101, 34, 0.05); }
.text-orange { color: #F26522; }
.btn-brand-green { background-color: #2D8C3C; border: none; }

/* Sticky Side for Desktop */
@media (min-width: 992px) {
    .faq-header-sticky {
        position: sticky;
        top: 100px;
    }
}
















/* =========================
   FINAL CTA SECTION
========================= */

.final-cta-section{
  padding:100px 0;
  background:linear-gradient(135deg,#f4fdf6,#ffffff);
}

.cta-box{
  background:linear-gradient(135deg,#ffffff,#f9fff9);
  border-radius:24px;
  padding:60px 40px;
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
}

/* TITLE */

.cta-title{
  font-size:58px;
  font-weight:800;
  line-height:1.1;
  margin-bottom:20px;
}

.cta-title .black{
  color:#1a1a1a;
}

.cta-title .green{
  color:#2D8A3C;
}

.cta-title .orange{
  color:#F58220;
  font-style:italic;
}

/* SUBTEXT */

.cta-subtext{
  max-width:850px;
  margin:0 auto 30px;
  color:#555;
  line-height:1.8;
  font-size:17px;
}

/* BUTTON GROUP */

.cta-buttons{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}

/* BUTTONS */

.btn-cta-main,
.btn-cta-outline,
.btn-cta-light,
.btn-whatsapp{
  padding:14px 24px;
  border-radius:14px;
  font-weight:700;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:0.3s;
}

/* Main */

.btn-cta-main{
  background:#F58220;
  color:white;
}

.btn-cta-main:hover{
  background:#2D8A3C;
  color:white;
  transform:translateY(-4px);
}

/* Outline */

.btn-cta-outline{
  border:2px solid #2D8A3C;
  color:#2D8A3C;
}

.btn-cta-outline:hover{
  background:#2D8A3C;
  color:white;
}

/* Light */

.btn-cta-light{
  background:white;
  color:#1a1a1a;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.btn-cta-light:hover{
  transform:translateY(-4px);
}

/* WhatsApp */

.btn-whatsapp{
  background:#25D366;
  color:white;
}

.btn-whatsapp:hover{
  transform:translateY(-4px);
  color:white;
}

/* MOBILE */

@media(max-width:768px){

  .cta-title{
    font-size:36px;
  }

  .final-cta-section{
    padding:60px 0;
  }

  .cta-box{
    padding:40px 20px;
  }

}
















































/*SUBSCRIPTION PLANS*/
/* --- Root Colors --- */
:root {
    --green-main: #2D8C3C;
    --orange-main: #F26522;
    --dark-grey: #212529;
}

/* --- Typography (Screenshot Proportions) --- */
.hero-title {
    font-size: 3.2rem; /* Exact balanced size from your image */
    font-weight: 800;
    color: var(--dark-grey);
    line-height: 1.2;
}

.hero-title .text-green { color: var(--green-main); }
.hero-title .text-orange { 
    color: var(--orange-main); 
    font-family: 'Serif', Georgia, serif; 
    font-style: italic; 
}

.hero-subtitle {
    font-size: 1.2rem;
    font-weight: 500;
    color: #333;
    line-height: 1.5;
    border-left: 4px solid var(--green-main);
}

.hero-description {
    font-size: 1.05rem;
    line-height: 1.6;
    max-width: 600px;
}

.badge-tag {
    display: inline-block;
    background-color: #E8F5E9;
    color: var(--green-main);
    padding: 5px 15px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
}

/* --- Buttons --- */
.btn-green-fill {
    background-color: var(--green-main);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
    display: inline-block;
    border: none;
}

.btn-green-fill:hover {
    background-color: #247030;
    color: white;
    transform: translateY(-2px);
}

.btn-orange-outline {
    border: 2px solid var(--orange-main);
    color: var(--orange-main);
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
    display: inline-block;
}

.btn-orange-outline:hover {
    background-color: var(--orange-main);
    color: white;
}

.whatsapp-cta {
    color: var(--green-main);
    font-weight: 700;
    text-decoration: none;
    font-size: 1.1rem;
}

/* --- Visual Card --- */
.pricing-preview-card {
    border: 1px solid #eee !important;
}

.meal-box-visual {
    height: 220px;
}

.meal-box-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tab-btn {
    border: none;
    background: transparent;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 0.9rem;
    border-radius: 50px;
    color: #666;
    transition: 0.3s;
}

.tab-btn.active {
    background-color: var(--green-main);
    color: white;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .hero-title { font-size: 2.2rem; }
    .hero-subtitle { font-size: 1.1rem; }
}















/* --- Highlights Strip Styling --- */
.pricing-highlights {
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

.icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }

.text-green { color: #2D8C3C; }
.text-orange { color: #F26522; }

.highlight-text h6 {
    font-size: 1.05rem;
    color: #212529;
}

.highlight-text small {
    font-size: 0.85rem;
    font-weight: 500;
}

/* Hover Effect */
.highlight-item {
    transition: transform 0.3s ease;
}

.highlight-item:hover {
    transform: translateY(-3px);
}

/* Mobile Adjustments */
@media (max-width: 576px) {
    .highlight-item {
        justify-content: flex-start !important;
        padding-left: 15px;
    }
}




















/* --- Your Provided Typography Sizes --- */
.screenshot-title .dark-text { 
    color: #212529; 
    font-weight: 800; 
    font-size: 2.2rem; 
}

.screenshot-title .green-text { 
    color: #2D8C3C; 
    font-weight: 800; 
    font-size: 2.5rem; 
}

.screenshot-title .orange-italic-text { 
    color: #F26522; 
    font-weight: 800; 
    font-style: italic; 
    font-size: 2.5rem; 
}

/* --- Card & Button Styling --- */
.meal-type-card {
    transition: 0.3s ease;
    background: #fff;
    border: 1px solid #eee !important;
}

.meal-type-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
}

.active-card {
    border-color: #2D8C3C !important;
}

.meal-icon-box {
    width: 55px; height: 55px;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; margin: 0 auto;
}

.bg-light-green { background-color: #e8f5e9; }
.bg-light-orange { background-color: #fff3e0; }
.bg-brand-green { background-color: #2D8C3C; }

.btn-meal-outline {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    border: 2px solid #2D8C3C;
    color: #2D8C3C;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.9rem;
    transition: 0.3s;
}

.btn-meal-outline:hover {
    background: #2D8C3C;
    color: white;
}

.btn-meal-fill {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: #F26522;
    color: white;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.9rem;
    border: 2px solid #F26522;
}
































/* --- Trial Section Styling --- */
.trial-intro {
    font-size: 1.1rem;
    max-width: 800px;
    line-height: 1.6;
}

.trial-card {
    position: relative;
    transition: 0.4s;
    border: 1px solid #eee !important;
}

.trial-card:hover {
    transform: translateY(-10px);
}

.border-green-bold {
    border: 2px solid #2D8C3C !important;
}

.trial-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #2D8C3C;
    color: white;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.trial-badge.bg-orange { background: #F26522; }

.trial-title {
    font-size: 1.6rem;
    font-weight: 800;
    color: #212529;
    line-height: 1.3;
}

.trial-features li {
    font-size: 0.95rem;
    margin-bottom: 12px;
    color: #555;
    font-weight: 500;
}

/* --- Buttons --- */
.btn-trial-fill {
    background: #2D8C3C;
    color: white;
    padding: 12px;
    border-radius: 12px;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid #2D8C3C;
    transition: 0.3s;
}

.btn-trial-fill:hover {
    background: #F26522;
    border-color: #F26522;
    color: white;
}

.btn-trial-whatsapp {
    background: transparent;
    color: #2D8C3C;
    padding: 12px;
    border-radius: 12px;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid #2D8C3C;
    transition: 0.3s;
}

.btn-trial-whatsapp:hover {
    background: #e8f5e9;
    color: #2D8C3C;
}

/* Pulse for Combo */
@keyframes pulse-lite {
    0% { box-shadow: 0 0 0 0 rgba(45, 140, 60, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(45, 140, 60, 0); }
    100% { box-shadow: 0 0 0 0 rgba(45, 140, 60, 0); }
}
.animate-pulse { animation: pulse-lite 2s infinite; }


















/* --- Your Exact Title Sizes Integrated --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Weekly Card Specifics --- */
.weekly-intro {
    font-size: 1.1rem;
    max-width: 750px;
}

.weekly-card {
    transition: 0.3s ease;
    background: #fff;
    border: 1px solid #eee !important;
}

.weekly-card:hover {
    border-color: #2D8C3C !important;
    transform: translateY(-5px);
}

.bg-light-orange-card {
    background-color: #fff9f6;
}

.border-orange-light {
    border: 1.5px solid rgba(242, 101, 34, 0.3) !important;
}

.duration-tag {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #f1f1f1;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 800;
    color: #666;
    letter-spacing: 0.5px;
}

.duration-tag.bg-orange {
    background: #F26522;
    color: white;
}

.plan-list li {
    font-size: 0.9rem;
    margin-bottom: 10px;
    color: #444;
}

/* --- Buttons --- */
.btn-weekly-outline {
    display: inline-block;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #2D8C3C;
    color: #2D8C3C;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
}

.btn-weekly-outline:hover {
    background: #2D8C3C;
    color: white;
}

.btn-weekly-fill {
    display: inline-block;
    padding: 12px;
    border-radius: 8px;
    background: #F26522;
    color: white;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid #F26522;
}

.btn-weekly-fill:hover {
    background: #d4551a;
    border-color: #d4551a;
}



















/* --- Monthly Pricing Section --- */
.pricing-card {
    transition: 0.4s ease;
    border: 1px solid #eee !important;
    position: relative;
}

.pricing-card:hover {
    transform: translateY(-10px);
}

.featured-card {
    border: 2px solid #2D8C3C !important;
    transform: scale(1.05);
    z-index: 2;
}

.featured-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #F26522;
    color: white;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.plan-name { font-size: 1.5rem; font-weight: 800; color: #212529; }

.price-display .currency { font-size: 1.5rem; vertical-align: top; font-weight: 700; color: #212529; }
.price-display .amount { font-size: 2.8rem; font-weight: 900; color: #2D8C3C; }
.price-display .period { font-size: 1rem; color: #666; font-weight: 600; }

.plan-features-list li {
    font-size: 0.95rem;
    margin-bottom: 12px;
    color: #444;
}

/* --- Buttons --- */
.btn-plan-outline {
    display: inline-block;
    padding: 14px;
    border-radius: 12px;
    border: 2px solid #2D8C3C;
    color: #2D8C3C;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
}

.btn-plan-outline:hover { background: #2D8C3C; color: white; }

.btn-plan-fill {
    display: inline-block;
    padding: 16px;
    border-radius: 12px;
    background: #2D8C3C;
    color: white;
    font-weight: 700;
    text-decoration: none;
    border: none;
    transition: 0.3s;
}

.btn-plan-fill:hover { background: #F26522; transform: scale(1.02); }

@keyframes pulse-orange {
    0% { box-shadow: 0 0 0 0 rgba(242, 101, 34, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(242, 101, 34, 0); }
    100% { box-shadow: 0 0 0 0 rgba(242, 101, 34, 0); }
}
.animate-pulse-btn:hover { animation: pulse-orange 2s infinite; }

/* Responsive Adjustments */
@media (max-width: 991px) {
    .featured-card { transform: scale(1); margin: 20px 0; }
    .price-display .amount { font-size: 2.2rem; }
}





















/* --- Your Specified Header Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Table Styling --- */
.custom-comparison-table thead th {
    font-size: 1rem;
    font-weight: 800;
    color: #333;
    border-bottom: 2px solid #eee;
}

.custom-comparison-table tbody td {
    padding: 18px 15px;
    font-size: 0.95rem;
    color: #555;
    border-bottom: 1px solid #f1f1f1;
}

.bg-light-green-header {
    background-color: rgba(45, 140, 60, 0.05) !important;
}

.bg-orange {
    background-color: #F26522 !important;
}

.text-green { color: #2D8C3C !important; }

/* --- Table Buttons --- */
.btn-table-sm {
    display: inline-block;
    padding: 8px 16px;
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    border: 1.5px solid #2D8C3C;
    color: #2D8C3C;
    transition: 0.3s;
}

.btn-table-sm:hover {
    background: #2D8C3C;
    color: white;
}

.btn-green-solid {
    background: #2D8C3C;
    color: white;
}

/* Mobile Scroll Hint */
.table-responsive {
    border: 1px solid #eee;
}




















/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Value Card Styling --- */
.value-card {
    transition: 0.3s ease;
    border: 1px solid #efefef !important;
}

.value-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.05) !important;
    border-color: #2D8C3C !important;
}

.value-card h6 {
    font-size: 1.1rem;
    color: #212529;
}

.value-card p {
    font-size: 0.88rem;
    line-height: 1.4;
}

/* --- Icon Box Design --- */
.icon-box-sm {
    width: 48px; height: 48px;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem; flex-shrink: 0;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }

/* --- Image Visual Area --- */
.value-visual {
    position: relative;
    height: 450px;
}

.value-visual img {
    height: 100%; object-fit: cover;
}

.visual-overlay {
    position: absolute; bottom: 0; left: 0; right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    color: white;
}
























/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Addon Item Styling --- */
.addon-item {
    background: #fff;
    transition: 0.3s;
    border: 1px solid #eee !important;
}

.addon-item:hover {
    border-color: #2D8C3C !important;
    background-color: #f8f9fa;
}

/* --- Future Card Styling --- */
.border-dashed {
    border: 2px dashed #ddd !important;
    background-color: #fafafa;
    opacity: 0.8;
}

.future-card h5 {
    font-size: 1.15rem;
    color: #333;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }

/* --- Badge Colors --- */
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
















/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Comparison Specifics --- */
.bg-light-green-subtle {
    background-color: rgba(45, 140, 60, 0.05);
}

.text-green { color: #2D8C3C !important; }

.btn-green {
    background-color:  #F26522 ;
    color: white;
    transition: 0.3s;
}

.btn-green:hover {
    background-color: #2D8C3C  ;
    color: white;
    transform: translateY(-3px);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .benefits-comparison .p-5 { padding: 2rem !important; }
}























/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { 
    color: #212529; 
    font-weight: 800; 
    font-size: 2.2rem; 
}

.screenshot-title .green-text { 
    color: #2D8C3C; 
    font-weight: 800; 
    font-size: 2.5rem; 
}

.screenshot-title .orange-italic-text { 
    color: #F26522; 
    font-weight: 800; 
    font-style: italic; 
    font-size: 2.5rem; 
}

/* --- Helper Card Specifics --- */
.helper-card {
    transition: 0.3s ease;
    border: 1px solid #eee !important;
}

.helper-card:hover {
    transform: scale(1.03);
}

.border-green-bold {
    border: 2px solid #2D8C3C !important;
}

.bg-light-green-subtle {
    background-color: rgba(45, 140, 60, 0.03);
}

.helper-list li {
    font-size: 0.95rem;
    color: #444;
}

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }





















/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Tracking Feature Styling --- */
.feat-icon {
    font-size: 1.5rem;
    min-width: 40px;
}

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-green { background-color: #2D8C3C; }

/* --- Dashboard Mockup --- */
.dashboard-mockup {
    border: 1px solid #eee !important;
    max-width: 380px;
    margin: 0 auto;
}

.btn-orange {
    background-color: #F26522;
    color: white;
    padding: 12px;
    border: none;
    transition: 0.3s;
}

.btn-orange:hover {
    background-color: #d4551a;
    color: white;
}















/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Billing Card Styling --- */
.billing-card {
    background: #fff;
    transition: 0.3s;
    border: 1px solid #eee !important;
}

.billing-card:hover {
    border-color: #2D8C3C !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
}

.border-green-light {
    border: 1.5px solid rgba(45, 140, 60, 0.3) !important;
}

.bg-light-green-subtle {
    background-color: rgba(45, 140, 60, 0.03);
}

.italic-note {
    font-style: italic;
    font-size: 0.95rem;
}

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
























/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Policy Card Styling --- */
.policy-card {
    transition: 0.3s ease;
    border: 1px solid #eee !important;
}

.policy-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.06) !important;
}

.bg-light-green-subtle {
    background-color: rgba(45, 140, 60, 0.05);
}

.border-dashed-green {
    border: 2px dashed rgba(45, 140, 60, 0.2);
}

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

























/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Notes Styling --- */
.notes-container {
    background: #fcfcfc;
    border: 1px solid #eee !important;
}

.note-item i {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.note-item p {
    line-height: 1.5;
}

.extra-small {
    font-size: 0.8rem;
}

.italic {
    font-style: italic;
}

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }



















/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Accordion Customization --- */
.accordion-item {
    border-bottom: 1px solid #f1f1f1 !important;
}

.accordion-button:not(.collapsed) {
    background-color: rgba(45, 140, 60, 0.05);
    color: #2D8C3C;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.accordion-button {
    padding: 20px;
    font-size: 1rem;
    color: #333;
}

.accordion-body {
    background-color: #fff;
    line-height: 1.6;
}


























/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Button Styling --- */
.btn-green-solid { background-color: #2D8C3C; color: white; border: none; transition: 0.3s; }
.btn-green-solid:hover { background-color: #1e6029; color: white; transform: translateY(-3px); }

.btn-orange-solid { background-color: #F26522; color: white; border: none; transition: 0.3s; }
.btn-orange-solid:hover { background-color: #d4551a; color: white; transform: scale(1.02); }

.btn-whatsapp { background-color: #25D366; color: white; border: none; }
.btn-whatsapp:hover { background-color: #128C7E; color: white; }

/* --- Form Styling --- */
.lead-form-card {
    border: 1px solid rgba(0,0,0,0.05) !important;
}

.form-control, .form-select {
    background-color: #f8f9fa;
    border: 1px solid #eee;
}

.form-control:focus, .form-select:focus {
    border-color: #2D8C3C;
    box-shadow: 0 0 0 0.25rem rgba(45, 140, 60, 0.1);
}

.italic-note { font-style: italic; font-size: 0.9rem; }



















































/*WEEKLY MEAL PLANS*/
/* --- Your Finalized Typography --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Colors & Buttons --- */
.text-green { color: #2D8C3C !important; }
.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-orange { background-color: #F26522 !important; }

.btn-green-solid {
    background-color: #2D8C3C;
    color: white;
    transition: 0.3s;
}
.btn-green-solid:hover { background-color: #1e6029; color: white; transform: translateY(-3px); }

.btn-outline-orange {
    border: 2px solid #F26522;
    color: #F26522;
    transition: 0.3s;
}
.btn-outline-orange:hover { background-color: #F26522; color: white; }

/* --- Visuals --- */
.menu-visual-wrapper {
    padding: 20px;
}

.main-meal-img {
    transform: rotate(2deg);
    transition: 0.5s ease;
}

.main-meal-img:hover {
    transform: rotate(0deg);
}

.floating-menu-card {
    bottom: -10px;
    left: -20px;
    width: 240px;
    z-index: 10;
    border: 1px solid #eee;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

/* Mobile Adjustments */
@media (max-width: 991px) {
    .screenshot-title .dark-text { font-size: 1.8rem; }
    .screenshot-title .green-text, .screenshot-title .orange-italic-text { font-size: 2.1rem; }
    .floating-menu-card { display: none; } /* Mobile par saaf dikhne ke liye */
}








/* --- Promise Strip Styling --- */
.promise-strip {
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

.promise-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.promise-text h6 {
    color: #333;
    letter-spacing: -0.2px;
}

/* Mobile responsive font sizing */
@media (max-width: 768px) {
    .promise-text h6 { font-size: 0.85rem !important; }
    .promise-text span { font-size: 0.75rem !important; }
    .promise-icon { width: 35px; height: 35px; font-size: 0.9rem; }
}














/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Principle Card Styling --- */
.principle-card {
    transition: 0.3s ease;
    background-color: #fff;
    border: 1px solid #f1f1f1 !important;
}

.principle-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
}

.principle-icon {
    width: 60px; height: 60px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; margin: 0 auto;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.principle-card h5 { font-size: 1.1rem; color: #333; }
.principle-card p { font-size: 0.88rem; line-height: 1.5; }











/* --- Your Specified Typography --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Professional Tab Styling --- */
.menu-pill-bg {
    background-color: #ffffff;
    border: 1px solid #eee;
}

.nav-pills .nav-link {
    color: #555;
    padding: 12px 20px;
    transition: 0.3s ease;
    font-size: 1.05rem;
}

.nav-pills .nav-link.active {
    background-color: #2D8C3C !important; /* Brand Green */
    color: white !important;
    box-shadow: 0 4px 12px rgba(45, 140, 60, 0.2);
}

.nav-pills .nav-link:not(.active):hover {
    color: #F26522; /* Hover par Brand Orange */
    background-color: rgba(242, 101, 34, 0.05);
}

/* --- Content Area Styling --- */
.border-dashed {
    border: 2px dashed #ddd !important;
}

.italic {
    font-style: italic;
}

/* Mobile responsive tabs */
@media (max-width: 768px) {
    .nav-pills .nav-link {
        font-size: 0.85rem;
        padding: 10px 5px;
    }
}
















/* --- Your Specified Typography --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Table Styling --- */
.bg-light-green-subtle { background-color: rgba(45, 140, 60, 0.05); }
.bg-light-orange-subtle { background-color: rgba(242, 101, 34, 0.05); }

.table thead th {
    border-bottom: 2px solid #eee;
    color: #444;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.table tbody td {
    padding: 20px 10px;
    border-bottom: 1px solid #f8f8f8;
}

/* --- Mobile Card Styling --- */
.mobile-day-card {
    border: 1px solid #eee !important;
    transition: 0.3s;
}

.mobile-day-card:active {
    background-color: #fcfcfc;
}

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }



















/* --- Your Specified Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Day Card Styling --- */
.day-card {
    transition: 0.3s ease;
    border: 1px solid #eee !important;
    text-align: left;
}

.day-card:hover {
    transform: translateY(-5px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.06) !important;
}

.border-green-bold {
    border: 2px solid #2D8C3C !important;
}

.bg-light-green-subtle {
    background-color: rgba(45, 140, 60, 0.04);
}

.bg-green { background-color: #2D8C3C; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.extra-small { font-size: 0.75rem; }
.italic { font-style: italic; }

















/* --- Your Finalized Typography --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Today's Card Styling --- */
.today-card {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.03) !important;
}

.meal-highlight-box {
    transition: 0.3s;
    border: 1px solid transparent;
}

.meal-highlight-box:hover {
    border-color: rgba(45, 140, 60, 0.2);
    transform: scale(1.02);
}

/* --- VS Circle & Live Dot --- */
.vs-circle {
    width: 50px;
    height: 50px;
    background: #fff;
    border: 2px solid #f1f1f1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 900;
    color: #ddd;
    z-index: 2;
    position: relative;
}

.live-dot {
    height: 10px;
    width: 10px;
    background-color: #F26522;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    animation: blink 1.5s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.deco-icon {
    position: absolute;
    right: -20px;
    top: -20px;
    font-size: 10rem;
    color: rgba(0,0,0,0.02);
    transform: rotate(-15deg);
}

/* --- Colors --- */
.bg-light-green-subtle { background-color: rgba(45, 140, 60, 0.05); }
.bg-light-orange-subtle { background-color: rgba(242, 101, 34, 0.05); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.btn-green-solid { background-color: #2D8C3C; color: #fff; }
.btn-orange-solid { background-color: #F26522; color: #fff; }




















/* --- Your Specified Typography --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Health Card Styling --- */
.health-card {
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.02) !important;
}

.health-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(45, 140, 60, 0.08) !important;
}

.health-icon {
    width: 55px;
    height: 55px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 1.4rem;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.extra-small {
    font-size: 0.85rem;
    line-height: 1.6;
}




















/* --- Finalized Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Colors & Icons --- */
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }

/* --- Section Styling (image_2.png as theme) --- */
.signature-content-wrapper {
    background-color: transparent !important; /* Visual is image based */
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
}

.signature-card {
    transition: 0.3s ease;
    border: 1px solid #eee !important;
}

/* Glass effect for cards over background image_2.png */
.bg-white-glass {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(5px);
}

.signature-card:hover {
    background: #fff !important;
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.06) !important;
}

.dish-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin: 0 auto;
}

.extra-small {
    font-size: 0.85rem;
    line-height: 1.6;
}






















/* --- Finalized Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Benefit Card Styling --- */
.benefit-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid transparent !important;
}

.benefit-card:hover {
    transform: translateY(-10px);
    background-color: #ffffff !important;
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
}

.bg-light-green-subtle { background-color: rgba(45, 140, 60, 0.05); }
.bg-light-orange-subtle { background-color: rgba(242, 101, 34, 0.05); }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.extra-small {
    font-size: 0.88rem;
    line-height: 1.6;
}

.italic { font-style: italic; }























/* --- Finalized Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Flexibility Card Styling --- */
.flexibility-card {
    border: 1px solid #eee !important;
}

.bg-light-green-subtle { background-color: rgba(45, 140, 60, 0.05); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.deco-info-icon {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 3rem;
    color: rgba(0,0,0,0.02);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .flexibility-card { padding: 25px !important; }
    .deco-info-icon { display: none; }
}













/* --- Finalized Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Preference Box Styling --- */
.preference-box {
    transition: 0.3s ease;
    background-color: #fff;
    border: 1px solid #eee !important;
}

.preference-box:hover {
    border-color: #2D8C3C !important;
    transform: translateY(-5px);
}

.pref-icon {
    width: 50px; height: 50px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto;
    font-size: 1.2rem;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.btn-outline-green {
    border:black;
    background-color: #F26522;
    color: white;
    transition: 0.3s;
}

.btn-outline-green:hover {
    background-color: #2D8C3C;
    color: #fff;
}

.extra-small { font-size: 0.85rem; line-height: 1.6; }
.italic { font-style: italic; }










/* --- Finalized Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Audience Card Styling --- */
.audience-card {
    background: #fdfdfd;
    border: 1px solid #f1f1f1 !important;
    transition: all 0.3s ease;
}

.audience-card:hover {
    background: #fff;
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 35px rgba(45, 140, 60, 0.08) !important;
}

.audience-icon {
    width: 60px; height: 60px;
    border-radius: 20px;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.08); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.08); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.italic { font-style: italic; }





























/* --- Finalized Typography Sizes --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Colors & Sub-titles --- */
.text-green { color: #2D8C3C !important; }
.text-danger { color: #dc3545 !important; } /* Use a softer red */
.bg-light-green { background-color: rgba(45, 140, 60, 0.05); }

/* --- Comparison Components --- */
.border-green {
    border: 3px solid #2D8C3C !important;
}

.comparison-card {
    border: 1px solid #eee !important;
    transition: 0.3s ease;
}

/* Glass effect for active thali theme */
.comparison-card:hover {
    transform: translateY(-5px);
    border-color: #2D8C3C !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

.comparison-list li i {
    flex-shrink: 0;
    width: 25px;
    text-align: center;
}

.comparison-list li span {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #444;
}

/* --- VS Circle & Line (Professional flow) --- */
.vs-circle-large {
    width: 70px;
    height: 70px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 900;
    color: #aaa;
    font-size: 1.4rem;
    position: relative;
    z-index: 2;
}

.vs-line {
    width: 3px;
    height: 100px;
    background-color: #eee;
    margin-top: -35px;
    position: relative;
    z-index: 1;
}

.btn-green-solid {
    background-color: #F26522;
    color: white;
    border: none;
    transition: 0.3s;
}
.btn-green-solid:hover {
    background-color: #1e6029;
    color: white;
}













/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- CTA Glass Box Styling --- */
.cta-glass-box {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(0,0,0,0.05) !important;
}

/* --- Floating Background Decorations --- */
.floating-blob {
    position: absolute;
    width: 200px; height: 200px;
    border-radius: 50%;
    filter: blur(60px);
    z-index: 1;
    opacity: 0.15;
}
.blob-1 { background: #2D8C3C; top: -100px; right: -50px; }
.blob-2 { background: #F26522; bottom: -100px; left: -50px; }

/* --- Button Styling --- */
.btn-premium-green {
    background: linear-gradient(135deg, #2D8C3C 0%, #1e6029 100%);
    color: white; border: none; transition: 0.4s;
}
.btn-premium-orange {
    background: linear-gradient(135deg, #F26522 0%, #d14d10 100%);
    color: white; border: none; transition: 0.4s;
}
.btn-ghost-dark {
    background: transparent;
    border: 2px solid #212529;
    color: #212529;
    transition: 0.4s;
}

.btn-premium-green:hover, .btn-premium-orange:hover {
    transform: translateY(-5px) scale(1.05);
    color: white;
    box-shadow: 0 15px 30px rgba(0,0,0,0.15) !important;
}

.btn-ghost-dark:hover {
    background: #212529;
    color: #fff;
}

/* --- Responsive Layout --- */
@media (max-width: 768px) {
    .cta-button-group .btn { width: 100%; margin-bottom: 10px; }
    .screenshot-title .green-text, .screenshot-title .orange-italic-text { font-size: 2rem; }
}






















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Accordion Customization --- */
.custom-faq .accordion-item {
    border-color: #eee !important;
    transition: 0.3s ease;
}

.custom-faq .accordion-button {
    background-color: #ffffff;
    box-shadow: none !important;
    font-size: 1.05rem;
}

.custom-faq .accordion-button:not(.collapsed) {
    color: #2D8C3C;
    background-color: rgba(45, 140, 60, 0.03);
}

.custom-faq .accordion-button:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232D8C3C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.custom-faq .accordion-item:hover {
    border-color: #2D8C3C !important;
    transform: translateX(5px);
}










/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Bento Card Base --- */
.bento-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.transition-hover:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
}

/* --- Special Trial Feature Card --- */
.trial-feature {
    background: linear-gradient(135deg, #F26522 0%, #ff8e5a 100%);
}

.floating-dish-element {
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 10rem;
    color: rgba(255, 255, 255, 0.1);
    transform: rotate(-15deg);
}

/* --- UI Elements --- */
.icon-box {
    width: 65px; height: 65px;
    border-radius: 20px;
    display: flex; align-items: center; justify-content: center;
}

.icon-circle {
    width: 45px; height: 45px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.1); }
.bg-light-green-subtle { background-color: rgba(45, 140, 60, 0.05); }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Mobile Adjustments */
@media (max-width: 768px) {
    .bento-card { padding: 30px !important; }
}






























/*DELIVERY AREA MAP*/
/* --- Global Brand Typography --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Hero Layout --- */
.delivery-hero { min-height: 85vh; display: flex; align-items: center; }

/* --- Floating Badge --- */
.serving-badge {
    position: absolute;
    top: 50px; right: 80px;
    background: #fff;
    padding: 12px 25px;
    border-radius: 50px;
    z-index: 10;
    border-bottom: 4px solid #2D8C3C;
}
.serving-badge span { font-weight: 800; font-size: 0.8rem; color: #333; letter-spacing: 0.5px; }

/* --- Visual Effects --- */
.hero-map-wrapper { border: 1px solid rgba(0,0,0,0.05); position: relative; }

.floating-pin {
    position: absolute;
    color: #F26522;
    font-size: 1.8rem;
    filter: drop-shadow(0 5px 10px rgba(242, 101, 34, 0.3));
    animation: bounce 2s infinite ease-in-out;
}
.pin-1 { top: 20%; left: 30%; }
.pin-2 { bottom: 30%; right: 25%; animation-delay: 0.5s; }

.scooter-anim {
    position: absolute;
    bottom: 20px;
    left: -50px;
    color: #2D8C3C;
    font-size: 2rem;
    animation: drive 6s linear infinite;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

@keyframes drive {
    0% { left: -50px; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { left: 110%; opacity: 0; }
}
/* --- Updated Button Strategy --- */

/* 1. Orange Button (Start Your Trial / Check Area) */
.btn-orange-solid { 
    background-color: #F26522; 
    color: #fff; 
    border: 2px solid #F26522; 
    transition: all 0.3s ease;
}

.btn-orange-solid:hover { 
    background-color: #2D8C3C; 
    border-color: #2D8C3C; 
    color: #fff; 
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

/* 2. White Button (View Locations / Choose Plan) */
.btn-white-outline { 
    background-color: #ffffff; 
    color: #212529; 
    border: 2px solid #eeeeee; 
    transition: all 0.3s ease;
}

.btn-white-outline:hover { 
    background-color: #2D8C3C; 
    border-color: #2D8C3C; 
    color: #fff; 
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}


/* Responsive Adjustments */
@media (max-width: 991px) {
    .screenshot-title .dark-text, .screenshot-title .green-text, .screenshot-title .orange-italic-text { font-size: 1.9rem; }
    .delivery-hero { padding-top: 80px; }
}






















/* --- Availability Strip Styling --- */
.availability-strip {
    position: relative;
    z-index: 5;
    margin-top: -30px; /* Overlaps slightly with Hero for a modern look */
}

.badge-icon {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.bg-light-green { background-color: rgba(45, 140, 60, 0.08); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.08); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.x-small-title { font-size: 0.95rem; color: #212529; }
.extra-small { font-size: 0.75rem; letter-spacing: 0.3px; }

/* Desktop Borders for Separation */
@media (min-width: 992px) {
    .border-end-lg { border-right: 1px solid #eee !important; }
    .border-end-md { border-right: 1px solid #eee !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .border-end-md { border-right: 1px solid #eee !important; }
}

.transition-hover {
    transition: transform 0.3s ease;
    cursor: default;
}

.transition-hover:hover {
    transform: translateY(-3px);
}





















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Operational Elements --- */
.border-green-top { border-top: 5px solid #2D8C3C !important; }
.border-green { border-color: #2D8C3C !important; }
.border-orange { border-color: #F26522 !important; }

.icon-circle-lg {
    width: 60px; height: 60px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
}

.trust-bullet {
    transition: all 0.3s ease;
    height: 100%;
}

.trust-bullet:hover {
    transform: translateX(10px);
    background-color: #fff !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;
}

.extra-small { font-size: 0.8rem; line-height: 1.4; }

/* Background Accents */
.bg-light-green { background-color: rgba(45, 140, 60, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }




















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Zone Card Styles --- */
.zone-card {
    background: #fff;
    border-color: #f1f1f1 !important;
    transition: all 0.3s ease-in-out;
}

.zone-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.08) !important;
}

.zone-icon {
    width: 50px; height: 50px;
    border-radius: 15px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem;
}

.area-list li {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

/* Background Accents */
.bg-light-green { background-color: rgba(45, 140, 60, 0.08); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.08); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Button Override from previous styles */
.btn-orange-solid { background: #F26522; color: #fff; border: none; }
.btn-orange-solid:hover { background: #2D8C3C; color: #fff; }






















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Locality Chips Styling --- */
.locality-chip {
    background: #ffffff;
    color: #212529;
    padding: 12px 24px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.95rem;
    border: 1px solid #eeeeee;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: default;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

/* Orange Variety Chips */
.chip-orange {
    background: #F26522;
    color: #ffffff;
    border-color: #F26522;
}

/* Hover Effect: BOTH TURN GREEN (As requested) */
.locality-chip:hover, .chip-orange:hover {
    background-color: #2D8C3C !important;
    border-color: #2D8C3C !important;
    color: #ffffff !important;
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2) !important;
}

.extra-small { font-size: 0.85rem; }
.italic { font-style: italic; }
















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Legend Styling --- */
.status-dot {
    width: 20px; height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.dot-active { background-color: #2D8C3C; border: 3px solid #e9f5eb; }
.dot-limited { background-color: #F26522; border: 3px solid #fef0e9; }
.dot-upcoming { background-color: #ffd1b3; border: 3px solid #fff; }

.extra-small { font-size: 0.8rem; line-height: 1.4; }

/* --- Map Pulse Animations --- */
.map-pulse, .map-pulse-orange {
    position: absolute;
    width: 15px; height: 15px;
    border-radius: 50%;
    z-index: 5;
}

.map-pulse { background: #2D8C3C; }
.map-pulse-orange { background: #F26522; }

.map-pulse::after, .map-pulse-orange::after {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    border-radius: 50%;
    animation: pulse-ring 2s infinite;
}

.map-pulse::after { border: 4px solid #2D8C3C; }
.map-pulse-orange::after { border: 4px solid #F26522; }

@keyframes pulse-ring {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(3); opacity: 0; }
}

/* Pin Positions (Adjust based on your map image) */
.pulse-patia { top: 30%; left: 40%; }
.pulse-cspur { top: 45%; left: 45%; }
.pulse-vss { top: 60%; left: 55%; }

/* Button Override */
.btn-orange-solid { background: #F26522; color: #fff; border: none; transition: 0.3s; }
.btn-orange-solid:hover { background: #2D8C3C; color: #fff; transform: translateY(-3px); }



















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Form Aesthetics --- */
.form-card {
    border: 1px solid #f1f1f1 !important;
}

.form-control, .form-select {
    border: 2px solid #f8f9fa;
    background-color: #f8f9fa;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.form-control:focus, .form-select:focus {
    background-color: #fff;
    border-color: #2D8C3C;
    box-shadow: 0 0 15px rgba(45, 140, 60, 0.08);
}

/* Benefit Tags */
.border-green { border-color: #2D8C3C !important; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Button Strategy (Consistent with previous sections) */
.btn-orange-solid { 
    background-color: #F26522; 
    color: #fff; 
    border: none;
    transition: 0.3s ease;
}

.btn-orange-solid:hover { 
    background-color: #2D8C3C; 
    color: #fff;
    transform: translateY(-3px);
}

.extra-small { font-size: 0.75rem; }















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Timing Card Specifics --- */
.timing-card {
    border-color: #f1f1f1 !important;
    transition: all 0.4s ease;
    background: #fff;
    z-index: 1;
}

.timing-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.08) !important;
}

.timing-icon {
    width: 60px; height: 60px;
    border-radius: 20px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
}

.time-badge {
    font-size: 1.1rem;
    letter-spacing: 0.5px;
}

/* Background Decoration */
.bg-icon-decor {
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 8rem;
    z-index: -1;
    transform: rotate(-15deg);
}

/* Color Accents */
.bg-light-green { background-color: rgba(45, 140, 60, 0.08); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.08); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.extra-small { font-size: 0.85rem; }
.italic { font-style: italic; }




















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Policy Card Customization --- */
.policy-card {
    border: 1px solid #f1f1f1 !important;
    position: relative;
}

.policy-accent-bar {
    position: absolute;
    top: 0; left: 0;
    width: 6px; height: 100%;
    background: linear-gradient(to bottom, #2D8C3C, #F26522);
}

.policy-icon {
    font-size: 1.2rem;
    margin-top: 2px;
}

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.extra-small {
    font-size: 0.85rem;
    line-height: 1.5;
}

.bg-light {
    background-color: #f8f9fa !important;
    border: 1px dashed #ddd;
}

/* Hover Effect for Points */
.policy-card .col-md-6 {
    transition: transform 0.3s ease;
    padding: 15px;
    border-radius: 15px;
}

.policy-card .col-md-6:hover {
    background-color: #fdfaf5;
    transform: scale(1.02);
}



















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Expansion Card Styles --- */
.expansion-card {
    border-color: #f1f1f1 !important;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.expansion-card:hover {
    transform: scale(1.05);
    border-color: #2D8C3C !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
}

/* Soft Badges */
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Border Accent */
.border-green { border: 2px solid #2D8C3C !important; }

.x-small { font-size: 0.75rem; letter-spacing: 0.5px; }

/* Button Strategy */
.btn-orange-solid { 
    background-color: #F26522; 
    color: #fff; 
    border: none;
    transition: 0.3s ease;
}
.btn-orange-solid:hover { 
    background-color: #2D8C3C; 
    color: #fff;
    transform: translateY(-3px);
}





















/* --- Brand Typography (Standardized) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Focus Card Styles --- */
.focus-card {
    border: 1px solid #f1f1f1 !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.focus-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(45, 140, 60, 0.1) !important;
    border-color: #2D8C3C !important;
}

.focus-icon {
    width: 70px; height: 70px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem;
}

/* Background & Colors */
.bg-light-green { background-color: rgba(45, 140, 60, 0.08); }
.bg-light-orange { background-color: rgba(242, 101, 34, 0.08); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.extra-small { font-size: 0.85rem; line-height: 1.5; }
.x-small { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }

/* Tag Outlines */
.tag-outline {
    border: 1.5px solid #eee;
    padding: 8px 18px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #555;
    background: #fff;
    transition: 0.3s;
}

.tag-outline:hover {
    border-color: #2D8C3C;
    color: #2D8C3C;
    background: rgba(45, 140, 60, 0.05);
}




















/* --- Brand Typography --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Trust Visuals --- */
.white-ring-outer {
    border: 2px dashed rgba(255,255,255,0.3);
    padding: 20px;
    border-radius: 50%;
    display: inline-block;
}

.white-ring-inner {
    border: 4px solid #fff;
    padding: 30px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
}

.mini-badge {
    font-size: 0.85rem;
    font-weight: 700;
    z-index: 5;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Trust Items */
.trust-item {
    transition: transform 0.3s ease;
}

.trust-item:hover {
    transform: scale(1.02);
    background-color: #fff !important;
}

.border-green { border-color: #2D8C3C !important; }
.border-orange { border-color: #F26522 !important; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.extra-small { font-size: 0.85rem; }





















/* --- Brand Typography --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.5rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.5rem; }

/* --- Logistics Visuals --- */
.logistics-image-wrapper img {
    border-radius: 40px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
    border: 5px solid #fff;
    transition: transform 0.5s ease;
}

.logistics-image-wrapper:hover img {
    transform: scale(1.02);
}

.image-overlay-badge {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-weight: 700;
    font-size: 0.9rem;
}

.bg-green { background-color: #2D8C3C; }

/* Logic Cards */
.logic-card {
    transition: all 0.3s ease;
}
.logic-card:hover {
    background-color: #fff !important;
    box-shadow: 0 10px 25px rgba(45, 140, 60, 0.1) !important;
    transform: translateY(-5px);
}

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.extra-small { font-size: 0.85rem; line-height: 1.4; }










/* --- FAQ Section Styles --- */
.accordion-item {
    border-bottom: 1px solid #f1f1f1;
}

.accordion-button {
    font-size: 1.05rem;
    color: #212529;
    background-color: #fff !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    color: #2D8C3C;
    border-bottom: 1px solid rgba(45, 140, 60, 0.1);
}

/* Custom Icon Color */
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F26522'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
    background-color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.6;
}

.shadow-sm {
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}












/* --- Final CTA Styles --- */
.fw-800 { font-weight: 800; }

.btn-orange-solid-lg {
    background-color: #F26522;
    color: #fff;
    border: 2px solid #F26522;
    transition: all 0.3s ease;
}

.btn-orange-solid-lg:hover {
    background-color: #fff;
    color: #F26522;
    transform: translateY(-5px);
}

.btn-outline-white {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255,255,255,0.5);
    transition: all 0.3s ease;
}

.btn-outline-white:hover {
    background: rgba(255,255,255,0.1);
    border-color: #fff;
    color: #fff;
}

.btn-whatsapp-white {
    background: #fff;
    color: #25D366; /* WhatsApp Green */
    border: none;
    transition: all 0.3s ease;
}

.btn-whatsapp-white:hover {
    background: #F26522;
    color: #fff;
    transform: translateY(-5px);
}

/* Animations */
.bounce-animation {
    animation: bounce-marker 2s infinite;
}

@keyframes bounce-marker {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.text-white-50 { color: rgba(255,255,255,0.7) !important; }
























































/* TRIAL PAGE*/
/* --- Global Premium Typography --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.8rem; line-height: 1.1; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3.2rem; line-height: 1.1; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3.2rem; line-height: 1.1; }

/* --- Hero Specific Styles --- */
.main-img-frame {
    border: 12px solid #ffffff;
    transform: rotate(3deg);
    transition: 0.5s ease;
    z-index: 2;
}

.main-img-frame:hover {
    transform: rotate(0deg) scale(1.05);
}

/* Floating Badges Style */
.floating-element {
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.badge-trial {
    top: -20px; left: -20px;
    background: #F26522;
    color: #fff;
    width: 110px; height: 110px;
    border-radius: 50%;
    border: 5px solid #fff;
    text-align: center;
}

.offer-tag {
    bottom: 30px; right: -10px;
    background: #2D8C3C;
    color: #fff;
    padding: 12px 25px;
    border-radius: 50px;
    font-weight: 700;
}

.try-highlight {
    bottom: -15px; left: 40px;
    z-index: 11;
}

/* --- Buttons --- */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; font-size: 1.1rem;
}
.btn-orange-solid-lg:hover { background-color: #2D8C3C; color: #fff; transform: translateY(-5px); }

.btn-outline-green-lg {
    border: 2px solid #2D8C3C; color: #2D8C3C; font-size: 1.1rem;
}
.btn-outline-green-lg:hover { background-color: #2D8C3C; color: #fff; transform: translateY(-5px); }

.btn-whatsapp-circular {
    background: #25D366; color: #fff; width: 60px; height: 60px;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem; text-decoration: none; transition: 0.3s;
}

/* --- Animations --- */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}
.animate-float { animation: float 4s ease-in-out infinite; }
.animate-float-delay { animation: float 4.5s ease-in-out infinite; animation-delay: 1s; }

.bg-green { background-color: #2D8C3C; }
.x-small { font-size: 0.75rem; text-transform: uppercase; }











/* --- Highlight Strip Styles --- */
.highlight-item {
    transition: transform 0.3s ease;
}

.highlight-item:hover {
    transform: translateY(-3px);
}

.highlight-icon {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

/* Color Accents */
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); color: #2D8C3C; }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); color: #F26522; }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Responsive Adjustments */
@media (max-width: 991px) {
    .highlight-item {
        justify-content: center;
        text-align: left;
    }
}

















/* --- Title Styling (From your Screenshot) --- */
.screenshot-title .dark-text {
    color: #212529; /* Dark Black/Gray */
    font-weight: 800;
    font-size: 2.8rem;
    line-height: 1.1;
}

.screenshot-title .green-text {
    color: #2D8C3C; /* Forest Green */
    font-weight: 800;
    font-size: 3.2rem;
    line-height: 1.1;
}

.screenshot-title .orange-italic-text {
    color: #F26522; /* Branding Orange */
    font-weight: 800;
    font-style: italic;
    font-size: 3.2rem;
    line-height: 1.1;
}

/* --- Premium Benefit Cards --- */
.benefit-card-premium {
    background: #fff;
    border-color: #f1f1f1 !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
}

.benefit-card-premium:hover {
    transform: translateY(-10px);
    border-color: #2D8C3C !important;
    box-shadow: 0 20px 40px rgba(45, 140, 60, 0.1) !important;
}

.benefit-icon-wrap {
    width: 60px; height: 60px;
    background-color: #fdfaf5;
    border-radius: 20px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
}

.fw-800 { font-weight: 800; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .screenshot-title .dark-text { font-size: 2rem; }
    .screenshot-title .green-text, 
    .screenshot-title .orange-italic-text { font-size: 2.4rem; }
}






















/* --- Title Styling (Screenshot Matched) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.8rem; line-height: 1.1; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3.2rem; line-height: 1.1; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3.2rem; line-height: 1.1; }

/* --- Plan Cards --- */
.plan-card {
    transition: all 0.4s ease;
    border: 1px solid #eee !important;
    display: flex;
    flex-direction: column;
}

.featured-plan {
    border: 3px solid #2D8C3C !important;
    z-index: 5;
}

.plan-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.1) !important;
}

/* Featured Badge */
.popular-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #F26522;
    color: #fff;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
}

/* Features List */
.plan-features li {
    font-size: 0.9rem;
    margin-bottom: 12px;
    color: #555;
}

/* --- Buttons --- */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none;
}
.btn-orange-solid-lg:hover { background-color: #212529; color: #fff; }

.btn-outline-green-lg {
    border: 2px solid #2D8C3C; color: #2D8C3C;
}
.btn-outline-green-lg:hover { background: #2D8C3C; color: #fff; }

/* Utils */
.fw-800 { font-weight: 800; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }

/* Mobile Fix */
@media (max-width: 991px) {
    .scale-105 { transform: scale(1) !important; }
    .featured-plan { margin: 20px 0; }
}






















/* --- Weekly Card Styles --- */
.weekly-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid #f1f1f1 !important;
    display: flex;
    flex-direction: column;
}

.weekly-card:hover {
    transform: scale(1.03);
    box-shadow: 0 30px 60px rgba(0,0,0,0.08) !important;
}

.border-orange-2 {
    border: 2px solid #F26522 !important;
}

/* Upgrade Badge */
.upgrade-badge {
    position: absolute;
    top: -12px;
    left: 30px;
    background: #2D8C3C;
    color: #fff;
    padding: 4px 15px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 800;
}

.weekly-features li {
    font-size: 0.9rem;
    margin-bottom: 10px;
}

/* --- Buttons --- */
.btn-outline-dark-lg {
    border: 2px solid #212529; color: #212529;
}
.btn-outline-dark-lg:hover { background: #2D8C3C; color: #fff; }

.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-orange { background-color: #F26522; }

.fw-800 { font-weight: 800; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.x-small { font-size: 0.75rem; }














/* --- Offer Section Styles --- */
.offer-card {
    border-color: #f1f1f1 !important;
    transition: all 0.4s ease;
    cursor: pointer;
}

.offer-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.06) !important;
    border-color: #2D8C3C !important;
}

.offer-icon-circle {
    width: 50px; height: 50px;
    border-radius: 15px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
}

/* Colors */
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }

.fw-800 { font-weight: 800; }
.extra-small { font-size: 0.85rem; line-height: 1.5; }
.x-small { font-size: 0.7rem; letter-spacing: 0.5px; }

/* Global Styling Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.8rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3.2rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3.2rem; }


















/* --- Upgrade Section Specifics --- */
.border-green-3 { border: 2px solid #2D8C3C !important; }
.border-orange-3 { border: 2px solid #F26522 !important; }

.upgrade-card {
    transition: all 0.4s ease;
}

.upgrade-card:hover {
    transform: translateY(-5px);
}

/* Value Ribbon */
.ribbon-popular {
    position: absolute;
    top: 20px;
    right: -35px;
    background: #2D8C3C;
    color: #fff;
    padding: 5px 40px;
    transform: rotate(45deg);
    font-size: 0.7rem;
    font-weight: 800;
}

/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; line-height: 1.1; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; line-height: 1.1; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; line-height: 1.1; }

.fw-600 { font-weight: 600; }
.fw-800 { font-weight: 800; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }




















/* --- Group Section Styles --- */
.group-card {
    transition: all 0.4s ease;
    border: 1px solid #eee !important;
}

.group-card:hover {
    transform: translateY(-10px);
    border-color: #2D8C3C !important;
}

.group-icon-wrap {
    width: 65px; height: 65px;
    border-radius: 20px;
    display: flex; align-items: center; justify-content: center;
}

.promo-tag {
    position: absolute;
    top: -12px; left: 50%;
    transform: translateX(-50%);
    background: #F26522;
    color: #fff;
    padding: 4px 15px;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 800;
}

/* Color Accents */
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }

/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.border-orange-2 { border: 2px solid #F26522 !important; }

/* WhatsApp Button Original Style */
.btn-orange-solid-lg {
    background-color: #F26522; /* Branding Orange */
    color: #ffffff;
    border: none;
    transition: all 0.4s ease; /* Smooth transition for hover */
}

/* Hover Effect: Changes to Green */
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Branding Green */
    color: #ffffff;
    transform: translateY(-5px); /* Chhota sa jump effect */
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2); /* Soft green shadow */
}

/* Icon rotation on hover (Optional but looks premium) */
.btn-orange-solid-lg:hover i {
    transform: rotate(15deg);
    transition: 0.3s;
}





















/* --- Audience Card Styles --- */
.audience-card {
    transition: all 0.4s ease-in-out;
    border-color: #f1f1f1 !important;
}

.audience-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.06) !important;
}

.border-start-orange { border-left: 5px solid #F26522 !important; }
.border-start-green { border-left: 5px solid #2D8C3C !important; }

.icon-box-round {
    width: 55px; height: 55px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

/* --- WhatsApp Button with Green Hover --- */
.btn-orange-solid-lg {
    background-color: #F26522; /* Branding Orange */
    color: #ffffff;
    border: none;
    transition: all 0.4s ease;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Branding Green - Requested Change */
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }




















/* --- Inclusion Card Styles --- */
.inclusion-card {
    border-color: #f1f1f1 !important;
    transition: all 0.4s ease-in-out;
}

.inclusion-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important; /* Green Border on Hover */
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.08) !important;
}

.inclusion-icon {
    width: 50px;
    height: 50px;
    background: #fdfaf5;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* WhatsApp Button with Green Hover */
.btn-orange-solid-lg {
    background-color: #F26522;
    color: #ffffff;
    border: none;
    transition: all 0.4s ease;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Green Hover */
    color: #ffffff;
    transform: translateY(-3px);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.extra-small { font-size: 0.85rem; line-height: 1.5; }



















/* --- Persuasion Section Styles --- */
.experience-grid {
    border-color: #eee !important;
    position: relative;
    overflow: hidden;
}

.pillar-item {
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    transition: 0.3s;
}

.pillar-item:hover {
    transform: translateX(10px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.pillar-dot {
    width: 12px; height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* WhatsApp Button with Green Hover (Sanju Babu Style) */
.btn-orange-solid-lg {
    background-color: #F26522;
    color: #ffffff;
    border: none;
    transition: all 0.4s ease-in-out;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-600 { font-weight: 600; }
.fw-800 { font-weight: 800; }
.bg-green { background-color: #2D8C3C !important; }
.bg-orange { background-color: #F26522 !important; }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }
.italic { font-style: italic; }












/* --- Journey Step Styles --- */
.step-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-color: #f1f1f1 !important;
}

.step-card:hover {
    transform: translateY(-10px);
    border-color: #2D8C3C !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.06) !important;
}

.step-number-circle {
    width: 40px; height: 40px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.border-green-2 { border: 2px solid #2D8C3C !important; }

/* --- WhatsApp Button (Orange to Green Hover) --- */
.btn-orange-solid-lg {
    background-color: #F26522;
    color: #ffffff;
    border: none;
    transition: all 0.4s ease;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #ffffff;
    transform: translateY(-3px);
}

/* Typography Consistency (Screenshot Style) --- */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.bg-green { background-color: #2D8C3C !important; }
.bg-orange { background-color: #F26522 !important; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }




















/* --- Notes Section Styles --- */
.notes-wrapper {
    background: #fdfdfd;
    border-color: #eee !important;
}

.custom-notes-list i {
    font-size: 1rem;
    flex-shrink: 0;
}

.custom-notes-list span {
    line-height: 1.6;
}

/* WhatsApp Button with Green Hover */
.btn-orange-solid-lg {
    background-color: #F26522;
    color: #ffffff;
    border: none;
    transition: all 0.4s ease-in-out;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green */
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }



















/* --- FAQ Section Styles --- */
.accordion-button:not(.collapsed) {
    background-color: rgba(45, 140, 60, 0.05); /* Soft Green BG when open */
    color: #2D8C3C !important;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: #2D8C3C;
}

.accordion-item {
    border-color: #eee !important;
}

/* WhatsApp Button with Signature Green Hover */
.btn-orange-solid-lg {
    background-color: #F26522;
    color: #ffffff;
    border: none;
    transition: all 0.4s ease;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green */
    color: #ffffff;
    transform: translateY(-3px);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }




















/* --- Final CTA Specific Styles --- */
.final-cta {
    border-top: 5px solid #2D8C3C; /* Top Green Border for Premium Look */
    position: relative;
    overflow: hidden;
}

/* Button 1: Green Solid */
.btn-green-solid-lg {
    background-color: #2D8C3C;
    color: #fff;
    border: none;
    transition: all 0.3s ease;
}
.btn-green-solid-lg:hover {
    background-color: #F26522; /* Hover par Orange change */
    color: #fff;
    transform: translateY(-5px);
}

/* Button 2: Orange with Requested Green Hover */
.btn-orange-solid-lg {
    background-color: #F26522;
    color: #fff;
    border: none;
    transition: all 0.3s ease;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Sanju Babu Style: Green Hover */
    color: #fff;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.4);
}

/* Button 3: Outline Light */
.btn-outline-light:hover {
    background-color: #ffffff;
    color: #212529;
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3.2rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3.2rem; }
.fw-800 { font-weight: 800; }

/* Background Decoration (Optional SaaS look) */
.final-cta::before {
    content: '';
    position: absolute;
    top: -50%; left: -10%;
    width: 300px; height: 300px;
    background: rgba(45, 140, 60, 0.1);
    filter: blur(100px);
    border-radius: 50%;
}












































/*TESTIMONIALS PAGE*/
/* --- Hero Testimonial Specifics --- */
.hero-testimonial {
    position: relative;
}

.floating-card {
    transition: all 0.5s ease;
    animation: float 4s ease-in-out infinite;
    position: relative;
    z-index: 2;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.quote-icon {
    position: absolute;
    bottom: 20px; right: 30px;
    font-size: 2rem;
    opacity: 0.1;
}

.google-trust-badge {
    position: absolute;
    bottom: -20px;
    left: 20px;
    z-index: 3;
}

/* --- Buttons (Sanju Babu Style) --- */
.btn-green-solid-lg {
    background-color: #2D8C3C; color: #fff; border: none; transition: 0.3s;
}
.btn-green-solid-lg:hover { background-color: #F26522; color: #fff; transform: translateY(-3px); }

.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.3s;
}
.btn-orange-solid-lg:hover { 
    background-color: #2D8C3C; /* Requested Green Hover */
    color: #fff; 
    transform: translateY(-3px); 
}

/* Typography Consistency */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.8rem; line-height: 1.1; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3.2rem; line-height: 1.1; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3.2rem; line-height: 1.1; }

.fw-800 { font-weight: 800; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.italic { font-style: italic; }
.x-small { font-size: 0.85rem; }
.extra-small { font-size: 0.75rem; }



















/* --- Trust Metrics Styling --- */
.metric-item {
    padding: 10px;
    transition: all 0.3s ease;
}

.metric-item:hover {
    transform: translateY(-5px);
}

.metric-icon {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.metric-item:hover .metric-icon {
    transform: scale(1.2);
}

/* Typography & Colors */
.fw-800 { font-weight: 800; }
.dark-text { color: #212529; }
.green-text { color: #2D8C3C; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.x-small { font-size: 0.75rem; }

/* Responsive adjustments */
@media (max-width: 991px) {
    .trust-metrics .col-lg-3 { margin-bottom: 20px; }
}


















/* --- Testimonial Card Styles --- */
.testimonial-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-color: #f1f1f1 !important;
    position: relative;
}

.testimonial-card:hover {
    transform: translateY(-10px);
    border-color: #2D8C3C !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
}

.border-top-orange { border-top: 4px solid #F26522 !important; }

/* Image Style */
.testimonial-card img {
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Badge Styling */
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }

/* Typography Consistency */
.fw-800 { font-weight: 800; }
.extra-small { font-size: 0.8rem; }
.x-small { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.5px; }

/* WhatsApp Button (Green Hover) */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.3s;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; color: #fff; transform: translateY(-3px);
}





















/* --- Category Card Specifics --- */
.category-card {
    transition: all 0.4s ease-in-out;
    border-color: #eee !important;
}

.category-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.05) !important;
}

.border-bottom-orange { border-bottom: 4px solid #F26522 !important; }

.cat-icon-wrap {
    width: 50px; height: 50px;
    border-radius: 15px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
}

/* WhatsApp Button (Requested Green Hover) */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.3s;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Sanju Babu Style: Green Hover */
    color: #fff; transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.fw-600 { font-weight: 600; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }
.extra-small { font-size: 0.85rem; }
.x-small { font-size: 0.75rem; }
.italic { font-style: italic; }














/* --- Visual Card Specifics --- */
.visual-card {
    height: 350px;
    transition: all 0.4s ease;
    cursor: pointer;
}

.visual-card:hover {
    transform: scale(1.02);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

.visual-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.visual-card:hover .visual-overlay {
    opacity: 1;
}

.border-dashed {
    border: 2px dashed #2D8C3C !important;
}

.border-orange-2 {
    border: 3px solid #F26522 !important;
}

/* WhatsApp Button (Green Hover Consistency) */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.3s;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Sanju Babu Style */
    color: #fff; transform: translateY(-3px);
}

/* Typography & Colors */
.fw-800 { font-weight: 800; }
.fw-600 { font-weight: 600; }
.bg-green { background-color: #2D8C3C !important; }
.bg-orange { background-color: #F26522 !important; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.x-small { font-size: 0.75rem; font-weight: 700; }
.extra-small { font-size: 0.7rem; }


















/* --- Love Card Specifics --- */
.love-card {
    transition: all 0.4s ease-in-out;
    border-color: #eee !important;
}

.love-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.08) !important;
}

.love-icon {
    width: 55px; height: 55px;
    border-radius: 18px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
}

/* WhatsApp Button (Green Hover Consistency) */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.3s;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }















/* --- Source Card Specifics --- */
.source-card {
    transition: all 0.4s ease-in-out;
    border-color: #eee !important;
}

.source-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.06) !important;
}

.source-icon {
    width: 60px; height: 60px;
    background: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

/* Border Accents */
.border-top-fb { border-top: 4px solid #1877F2 !important; }
.border-top-wa { border-top: 4px solid #2D8C3C !important; }

/* Buttons */
.btn-green-solid-sm {
    background-color: #2D8C3C;
    color: #fff;
    border: none;
    font-weight: 700;
    font-size: 0.85rem;
    transition: 0.3s;
}

.btn-green-solid-sm:hover {
    background-color: #F26522; /* Orange Hover */
    color: #fff;
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.extra-small { font-size: 0.85rem; }



















/* --- Before & After Specifics --- */
.comparison-container {
    border-color: #eee !important;
}

.comparison-list li {
    font-size: 0.95rem;
    line-height: 1.5;
}

.bg-soft-danger { background-color: rgba(220, 53, 69, 0.1); }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }

.status-badge {
    letter-spacing: 1px;
    font-size: 0.7rem;
}

/* WhatsApp Button with Signature Green Hover */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.4s;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Green Hover */
    color: #fff; transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.fw-600 { font-weight: 600; }
.text-green { color: #2D8C3C !important; }
.text-danger { color: #dc3545 !important; }
.extra-small { font-size: 0.8rem; }

















/* --- Sincerity Section Styles --- */
.sincerity-feedback .bg-light {
    background-color: #fcfcfc !important;
    border-color: #f1f1f1 !important;
}

.sincerity-feedback .lead {
    color: #333 !important;
}

/* WhatsApp Button (Requested Green Hover) */
.btn-orange-solid-lg {
    background-color: #F26522; 
    color: #fff; 
    border: none; 
    transition: 0.4s ease-in-out;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; 
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.fw-600 { font-weight: 600; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.extra-small { font-size: 0.8rem; letter-spacing: 1px; }
.bg-soft-green { color: rgba(45, 140, 60, 0.1); }

















/* --- Feedback Process Styles --- */
.process-card {
    transition: all 0.3s ease;
    border-color: #eee !important;
    position: relative;
    z-index: 2;
}

.process-card:hover {
    transform: scale(1.03);
    border-color: #2D8C3C !important;
}

.step-number {
    width: 40px; height: 40px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto;
    font-weight: 800;
}

.method-item i {
    transition: transform 0.3s ease;
}

.method-item:hover i {
    transform: translateY(-5px);
}

/* Colors & Button (Green Hover Consistency) */
.bg-green { background-color: #2D8C3C !important; }
.bg-orange { background-color: #F26522 !important; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.3s;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green */
    color: #fff; transform: translateY(-3px);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.extra-small { font-size: 0.85rem; }
.x-small { font-size: 0.75rem; }




















/* --- Form Specific Styles --- */
#feedbackForm .form-control, 
#feedbackForm .form-select {
    border-width: 2px;
    transition: all 0.3s ease;
    font-size: 0.95rem;
}

#feedbackForm .form-control:focus, 
#feedbackForm .form-select:focus {
    background-color: #fff !important;
    border-color: #2D8C3C !important;
    box-shadow: 0 5px 15px rgba(45, 140, 60, 0.1);
}

.rating-stars i {
    cursor: pointer;
    transition: transform 0.2s;
}

.rating-stars i:hover {
    transform: scale(1.2);
}

/* WhatsApp / Submit Button (Green Hover Consistency) */
.btn-orange-solid-lg {
    background-color: #F26522; 
    color: #fff; 
    border: none; 
    transition: 0.4s ease;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; 
    transform: translateY(-3px);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.text-orange { color: #F26522 !important; }
.text-green { color: #2D8C3C !important; }
.extra-small { font-size: 0.8rem; }


























/* --- FAQ Accordion Customization --- */
.accordion-item {
    border-bottom: 1px solid #eee !important;
}

.accordion-button:not(.collapsed) {
    background-color: #f9fffb;
    color: #2D8C3C;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(45, 140, 60, 0.1);
}

.accordion-button::after {
    background-size: 1rem;
}

/* WhatsApp Button (Green Hover Consistency) */
.btn-orange-solid-lg {
    background-color: #F26522; 
    color: #fff; 
    border: none; 
    transition: 0.3s;
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; 
    transform: translateY(-3px);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }















/* --- Final CTA Styles --- */
.cta-box {
    border-color: #f1f1f1 !important;
    z-index: 1;
}

.ms-n2 { margin-left: -12px !important; }

.avatar-group img, .plus-count {
    border: 3px solid #fff;
}

.cta-bg-shape {
    position: absolute;
    width: 300px; height: 300px;
    background-color: rgba(45, 140, 60, 0.05);
    border-radius: 50%;
    top: -150px; right: -150px;
    z-index: -1;
}

/* Button Styling (Sanju Babu Style) */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.4s ease;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; transform: translateY(-3px);
}

.btn-green-solid-lg {
    background-color: #2D8C3C; color: #fff; border: none; transition: 0.4s ease;
}
.btn-green-solid-lg:hover {
    background-color: #F26522; /* Orange Hover */
    color: #fff; transform: translateY(-3px);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.extra-small { font-size: 0.8rem; }
































































/*BLOG PAGE*/
/* --- Blog Hero Specifics --- */
.blog-hero {
    background: radial-gradient(circle at top right, rgba(45, 140, 60, 0.05), transparent);
}

.blog-hero-visual img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-hero-visual:hover img {
    transform: scale(1.02);
}

.fw-500 { font-weight: 500; }
.fw-800 { font-weight: 800; }

/* Signature Colors & Button Hover (Green Hover Policy) */
.green-text { color: #2D8C3C; }
.orange-italic-text { color: #F26522; font-style: italic; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.4s;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; transform: translateY(-3px);
}

.btn-green-solid-lg {
    background-color: #2D8C3C; color: #fff; border: none; transition: 0.4s;
}
.btn-green-solid-lg:hover {
    background-color: #F26522; /* Orange Hover */
    color: #fff; transform: translateY(-3px);
}

.extra-small { font-size: 0.8rem; }
.x-small { font-size: 0.7rem; }


















/* --- Blog Category Card Styles --- */
.cat-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-color: #f1f1f1 !important;
}

.cat-card:hover {
    transform: translateY(-10px);
    border-color: #2D8C3C !important;
    box-shadow: 0 20px 40px rgba(45, 140, 60, 0.1) !important;
}

.cat-img-wrapper img {
    transition: transform 0.6s ease;
}

.cat-card:hover .cat-img-wrapper img {
    transform: scale(1.1);
}

.border-top-orange { border-top: 4px solid #F26522 !important; }

/* Overlay Styling */
.cat-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, transparent 40%);
}

/* Typography & Colors */
.bg-green { background-color: #2D8C3C !important; color: #fff; }
.bg-orange { background-color: #F26522 !important; color: #fff; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.fw-800 { font-weight: 800; }
.fw-600 { font-weight: 600; }
.extra-small { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.5px; }
.x-small { font-size: 0.8rem; }


















/* --- Article Card Specifics --- */
.article-card {
    transition: all 0.4s ease;
    border-color: #eee !important;
}

.article-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important; /* Green Border on Hover */
    box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
}

.article-img-header img {
    transition: transform 0.6s ease;
}

.article-card:hover .article-img-header img {
    transform: scale(1.05);
}

.btn-read-more {
    font-size: 0.85rem;
    transition: 0.3s;
    display: inline-block;
    
}

.btn-read-more:hover {
    letter-spacing: 0.5px;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.border-top-orange-3 { border-top: 3px solid #F26522 !important; }

/* Colors & Typography */
.bg-green { background-color: #2D8C3C !important; }
.bg-orange { background-color: #F26522 !important; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.fw-800 { font-weight: 800; }
.fw-600 { font-weight: 600; }
.extra-small { font-size: 0.75rem; }
.x-small { font-size: 0.8rem; }
/* --- Custom Load More Button Style --- */
.btn-load-more {
    background-color: #F26522; /* Primary Orange */
    color: #ffffff;
    border: 2px solid #F26522;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-size: 1rem;
    letter-spacing: 0.5px;
}

.btn-load-more:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    border-color: #2D8C3C;
    color: #ffffff;
    transform: translateY(-5px); /* Lift Effect */
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2) !important;
}

/* Icon Rotation Animation on Hover */
.btn-load-more:hover i {
    transform: rotate(180deg);
    transition: transform 0.5s ease;
}

.fw-800 { font-weight: 800; }

















/* --- Centered Featured Reads Styles --- */
.pinned-main-card {
    transition: 0.4s ease;
}

.pinned-overlay {
    position: absolute;
    bottom: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);
    transition: 0.4s ease;
}

.pinned-main-card:hover .pinned-overlay {
    background: linear-gradient(to top, rgba(45, 140, 60, 0.8) 0%, rgba(0,0,0,0.4) 100%);
}

.pinned-side-card {
    transition: all 0.3s ease;
}

.pinned-side-card:hover {
    background-color: #ffffff !important;
    border-color: #2D8C3C !important; /* Green Border */
    transform: translateY(-5px);
}

/* Button & Color Policy (Sanju Babu Style) */
.btn-green-solid-lg {
    background-color: #2D8C3C; color: #fff; border: none; transition: 0.4s;
}
.btn-green-solid-lg:hover {
    background-color: #F26522; /* Orange Hover */
    color: #fff; transform: translateY(-3px);
}

.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-orange { color: #F26522 !important; }
.text-green { color: #2D8C3C !important; }
.fw-800 { font-weight: 800; }

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }





















/* --- Local Insights Specifics --- */
.insight-card {
    transition: all 0.4s ease;
    border-color: #eee !important;
}

.insight-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.1) !important;
}

.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Local Banner Button (Green Hover Consistency) */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.3s;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; transform: translateY(-3px);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.extra-small { font-size: 0.75rem; }
.x-small { font-size: 0.85rem; }

















/* --- Healthy Tips Specifics --- */
.tip-card {
    transition: all 0.4s ease;
    border-color: #eee !important;
}

.tip-card:hover {
    background-color: #ffffff !important;
    transform: translateY(-10px);
    border-color: #2D8C3C !important;
    box-shadow: 0 20px 40px rgba(45, 140, 60, 0.1) !important;
}

.border-top-orange-3 { border-top: 3px solid #F26522 !important; }

/* Colors & Button Hover (Sanju Babu Policy) */
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }

.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.4s;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; transform: translateY(-3px);
}

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.extra-small { font-size: 0.75rem; }




















/* --- Subscription Education Styles --- */
.edu-card {
    transition: all 0.4s ease;
    border-color: #eee !important;
}

.edu-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.1) !important;
}

.border-top-orange-3 { border-top: 3px solid #F26522 !important; }

/* Colors & Typography */
.bg-green { background-color: #2D8C3C !important; }
.bg-orange { background-color: #F26522 !important; }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }

/* CTA Button Hover (Sanju Babu Policy) */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.4s;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; transform: translateY(-3px);
}

.fw-800 { font-weight: 800; }
.extra-small { font-size: 0.75rem; }
.x-small { font-size: 0.85rem; }














/* --- Popular Reads Custom Styling --- */
.popular-card {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-color: #f1f1f1 !important;
    z-index: 1;
}

.popular-card:hover {
    transform: translateY(-12px);
    border-color: #2D8C3C !important;
    box-shadow: 0 25px 50px rgba(45, 140, 60, 0.12) !important;
}

/* Big Ghost Numbers in Background */
.trending-bg-number {
    position: absolute;
    top: -10px;
    right: 10px;
    font-size: 8rem;
    font-weight: 900;
    color: #000;
    opacity: 0.03; /* Super subtle for premium feel */
    z-index: -1;
}

.icon-circle {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.5rem;
}

.border-top-orange-4 { border-top: 4px solid #F26522 !important; }

/* Colors & Typography Consistency */
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 3rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }

.fw-800 { font-weight: 800; }
.extra-small { font-size: 0.75rem; }
.x-small { font-size: 0.8rem; }















/* --- Filter Section Styles --- */
.blog-filter-section {
    transition: all 0.3s ease;
}

.search-input-group input:focus {
    background-color: #fff !important;
    border-color: #F26522 !important; /* Orange Border on Focus */
    box-shadow: 0 0 8px rgba(242, 101, 34, 0.1) !important;
}

.tag-chips-container::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome/Safari */
}

.tag-chip {
    padding: 6px 18px;
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #555;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tag-chip:hover {
    background-color: #F26522; /* Orange Hover */
    color: #fff;
    border-color: #F26522;
    transform: translateY(-2px);
}

.tag-chip.active {
    background-color: #2D8C3C; /* Green for Active */
    color: #fff;
    border-color: #2D8C3C;
}

/* Dropdown Customization */
.form-select:focus {
    border-color: #2D8C3C !important;
}

.fw-600 { font-weight: 600; }
.dark-text { color: #212529; }

















/* --- Lead Capture Custom Styles --- */
.text-green { color: #2D8C3C !important; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }

.whatsapp-card {
    transition: transform 0.4s ease;
}

.whatsapp-card:hover {
    transform: translateY(-5px);
}

.btn-orange-solid {
    background-color: #F26522;
    color: #fff;
    border: none;
    transition: 0.4s;
}

.btn-orange-solid:hover {
    background-color: #2D8C3C; /* Green Hover */
    color: #fff;
    transform: translateY(-3px);
}

.transition-hover:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* Typography Consistency */
.screenshot-title-small { font-weight: 800; font-size: 2.2rem; line-height: 1.2; }
.orange-italic-text { color: #F26522; font-style: italic; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }
.x-small { font-size: 0.85rem; }





















/* --- Internal CTA Styles --- */
.action-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.action-card:hover {
    transform: translateY(-8px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.1) !important;
}

.icon-circle {
    width: 60px; height: 60px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; font-size: 1.5rem;
}

.bg-whatsapp-light { background-color: rgba(37, 211, 102, 0.1); }
.text-whatsapp { color: #25D366 !important; }

/* Mid-Post Button Styles */
.btn-orange-solid-lg {
    background-color: #F26522; color: #fff; border: none; transition: 0.3s;
}
.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Signature Green Hover */
    color: #fff; transform: scale(1.05);
}

.border-top-orange-3 { border-top: 3px solid #F26522 !important; }
.fw-800 { font-weight: 800; }






















/* --- FAQ Custom Styling --- */
.accordion-button:not(.collapsed) {
    background-color: rgba(45, 140, 60, 0.05);
    color: #2D8C3C !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232D8C3C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.border-top-orange-soft { border-top: 1px solid rgba(242, 101, 34, 0.1); }

.fw-800 { font-weight: 800; }
.text-green { color: #2D8C3C !important; }
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }

/* Typography Consistency (Screenshot Style) */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 3rem; }




















/* --- Final CTA Custom Styles --- */
.cta-box-wrapper {
    transition: all 0.5s ease;
}

.text-orange-italic {
    color: #F26522;
    font-style: italic;
    font-weight: 800;
}

/* Button Stylings */
.btn-orange-solid-lg {
    background-color: #F26522;
    color: #fff;
    border: none;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-orange-solid-lg:hover {
    background-color: #2D8C3C; /* Switch to Green on Hover */
    color: #fff;
    transform: scale(1.05) translateY(-3px);
}

.btn-wa-glass {
    background: rgba(37, 211, 102, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(37, 211, 102, 0.3);
    color: #25D366;
    transition: 0.4s;
}

.btn-wa-glass:hover {
    background: #25D366;
    color: #fff;
    transform: translateY(-3px);
}

.btn-outline-light:hover {
    background: #fff;
    color: #2D8C3C;
    transform: translateY(-3px);
}

/* Shadow Utility */
.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }
.fw-500 { font-weight: 500; }
































































/*FAQ PAGE*/
/* --- FAQ Hero Styling --- */
.faq-main-title {
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -1px;
}

.faq-main-title .dark-text { color: #1e293b; font-size: 2.5rem; }
.faq-main-title .green-text { color: #2D8C3C; font-size: 3.2rem; }
.faq-main-title .orange-italic-text { color: #F26522; font-size: 3.2rem; font-style: italic; }

/* Help Box / Search Style */
.faq-search-box {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-search-box:focus-within {
    border-color: #2D8C3C !important;
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(45, 140, 60, 0.15) !important;
}

/* Button Colors (Sanju Babu Signature) */
.btn-green { background-color: #2D8C3C; color: #fff; }
.btn-orange-solid-lg { background-color: #F26522; color: #fff; border: none; }
.btn-orange-solid-lg:hover { background-color: #2D8C3C; transform: translateY(-3px); }

.btn-wa-light {
    background-color: #fff;
    color: #2D8C3C;
    border: 1px solid #e2e8f0;
}
.btn-wa-light:hover {
    background-color: #25D366;
    color: #fff;
    border-color: #25D366;
}

/* Utilities */
.bg-soft-green { background-color: rgba(45, 140, 60, 0.1); }
.text-green { color: #2D8C3C !important; }
.fw-800 { font-weight: 800; }
.extra-small { font-size: 0.75rem; }
.border-green-light { border-color: rgba(45, 140, 60, 0.2) !important; }
















/* --- Top FAQ Styles --- */
.accordion-button:not(.collapsed) {
    background-color: #ffffff !important;
    color: #2D8C3C !important;
    border-bottom: 1px solid #f1f1f1;
}

.accordion-button:after {
    background-size: 1rem;
}

.bg-light-soft { background-color: #fcfcfc; }
.transition-hover { transition: all 0.3s ease; border-color: #f1f1f1 !important; }
.transition-hover:hover { transform: translateY(-3px); border-color: #2D8C3C !important; box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important; }

.border-top-orange-3 { border-top: 3px solid #F26522 !important; }

/* Colors */
.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }
.bg-soft-orange { background-color: rgba(242, 101, 34, 0.1); }

/* Typography */
.screenshot-title .dark-text { color: #212529; font-weight: 800; font-size: 2.2rem; }
.screenshot-title .green-text { color: #2D8C3C; font-weight: 800; font-size: 2.6rem; }
.screenshot-title .orange-italic-text { color: #F26522; font-weight: 800; font-style: italic; font-size: 2.6rem; }















/* --- FAQ Nav Styles --- */
.faq-nav-wrapper::-webkit-scrollbar {
    display: none; /* Hide scrollbar for clean look */
}

.nav-tab {
    padding: 10px 22px;
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 700;
    color: #444;
    white-space: nowrap;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-tab:hover {
    background-color: rgba(242, 101, 34, 0.1); /* Light Orange */
    color: #F26522;
    border-color: #F26522;
    transform: translateY(-2px);
}

.nav-tab.active {
    background-color: #2D8C3C; /* Signature Green */
    color: #fff;
    border-color: #2D8C3C;
    box-shadow: 0 4px 12px rgba(45, 140, 60, 0.2);
}

/* Sticky shadow effect when scrolling */
.faq-nav-section.scrolled {
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}

.text-green { color: #2D8C3C !important; }
.fw-800 { font-weight: 800; }




















/* Title Styling - Matches your screenshot */
.dark-text { color: #212529; }
.green-text { color: #2D8C3C; }
.orange-italic-text { color: #F26522; font-style: italic; }
.fw-900 { font-weight: 900; }

.header-line {
    width: 80px;
    height: 4px;
    background: linear-gradient(to right, #2D8C3C, #F26522);
    border-radius: 10px;
}

/* FAQ Box Styling */
.faq-item-box {
    border: 1px solid #eee;
    border-radius: 20px;
    background: #fff;
    transition: all 0.3s ease;
}

.faq-item-box:hover {
    border-color: #2D8C3C;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.accordion-button {
    background-color: transparent !important;
    font-size: 1.2rem;
    color: #333;
}

.accordion-button:not(.collapsed) {
    color: #2D8C3C !important;
}

/* Removing the default arrow and centering text */
.accordion-button::after {
    display: none; /* Centered look ke liye arrow hata diya */
}

.fw-800 { font-weight: 800; }

























/* Centered Line Utility */
.header-line-center {
    width: 60px;
    height: 4px;
    background: #F26522; /* Signature Orange */
    border-radius: 5px;
}

/* FAQ Card Styles */
.faq-card-white {
    transition: all 0.3s ease;
    border-color: #eee !important;
}

.faq-card-white:hover {
    transform: translateY(-4px);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
}

.accordion-button {
    font-size: 1.15rem;
    transition: 0.3s;
}

.accordion-button:not(.collapsed) {
    color: #2D8C3C !important;
    background-color: transparent !important;
}

/* Orange highlight for the "How it works" section */
.border-top-orange-3 { border-top: 3px solid #F26522 !important; }
.text-orange { color: #F26522 !important; }

/* Centered content logic */
.accordion-button::after {
    display: none; /* Centered style me arrow ki zarurat nahi hoti */
}

.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }























/* Color Variants for Cards */
.border-top-green-3 { border-top: 3px solid #2D8C3C !important; }
.border-top-orange-3 { border-top: 3px solid #F26522 !important; }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Centered Layout Sync */
.header-line-center {
    width: 70px;
    height: 4px;
    background: linear-gradient(to right, #2D8C3C, #F26522);
    border-radius: 5px;
}

.faq-card-white {
    transition: 0.3s ease-in-out;
}

.faq-card-white:hover {
    transform: scale(1.01);
    box-shadow: 0 12px 25px rgba(0,0,0,0.06) !important;
}

.accordion-button::after {
    display: none; /* Centered style cleanup */
}

.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }




















/* Color Variants */
.border-top-green-3 { border-top: 3px solid #2D8C3C !important; }
.border-top-orange-3 { border-top: 3px solid #F26522 !important; }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Centered Layout Sync */
.header-line-center {
    width: 60px;
    height: 4px;
    background: #F26522;
    border-radius: 10px;
}

.faq-card-white {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-card-white:hover {
    transform: translateY(-5px);
    border-color: #2D8C3C !important;
}

.accordion-button::after {
    display: none; /* Centered style cleanup */
}

.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }

























/* Color Palette for Hygiene */
.border-top-green-3 { border-top: 3.5px solid #2D8C3C !important; }
.border-top-orange-3 { border-top: 3.5px solid #F26522 !important; }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Centered Layout Logic */
.header-line-center {
    width: 80px;
    height: 4px;
    background: linear-gradient(to right, #2D8C3C, #F26522);
    border-radius: 10px;
}

.faq-card-white {
    transition: 0.3s ease;
}

.faq-card-white:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(45, 140, 60, 0.08) !important;
}

.accordion-button::after {
    display: none; /* Centered clean look */
}

.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }




















/* Color Palette for Menu */
.border-top-green-3 { border-top: 4px solid #2D8C3C !important; }
.border-top-orange-3 { border-top: 4px solid #F26522 !important; }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Centered Header Match */
.header-line-center {
    width: 60px;
    height: 4px;
    background: linear-gradient(to right, #2D8C3C, #F26522);
    border-radius: 5px;
}

.faq-card-white {
    transition: all 0.3s ease-in-out;
    border: 1px solid #eee !important;
}

.faq-card-white:hover {
    transform: scale(1.02);
    border-color: #2D8C3C !important;
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.05) !important;
}

.accordion-button::after {
    display: none; /* Centered clean UI */
}

.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }

















/* Color Palette for Tracking Section */
.border-top-green-3 { border-top: 3.5px solid #2D8C3C !important; }
.border-top-orange-3 { border-top: 3.5px solid #F26522 !important; }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Centered Header Logic */
.header-line-center {
    width: 60px;
    height: 4px;
    background: linear-gradient(to right, #2D8C3C, #F26522);
    border-radius: 5px;
}

.faq-card-white {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-card-white:hover {
    transform: translateY(-4px);
    border-color: #2D8C3C !important;
}

.accordion-button::after {
    display: none; /* Centered clean look */
}

.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }













/* Color Palette for Contact Section */
.border-top-green-3 { border-top: 4px solid #2D8C3C !important; }
.border-top-orange-3 { border-top: 4px solid #F26522 !important; }

.text-green { color: #2D8C3C !important; }
.text-orange { color: #F26522 !important; }

/* Centered Header Match */
.header-line-center {
    width: 60px;
    height: 4px;
    background: linear-gradient(to right, #2D8C3C, #F26522);
    border-radius: 5px;
}

.faq-card-white {
    transition: all 0.3s ease-in-out;
    border: 1px solid #eee !important;
}

.faq-card-white:hover {
    transform: scale(1.01);
    box-shadow: 0 15px 30px rgba(0,0,0,0.05) !important;
}

.accordion-button::after {
    display: none; /* Centered clean look */
}

.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }
















/* CTA Box Container */
.cta-box {
    border: none;
}

.z-index-1 { z-index: 1; }

.cta-bg-shape {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
}

/* WhatsApp Button */
.btn-whatsapp-cta {
    background-color: #25D366;
    color: white;
    transition: all 0.3s ease;
    border: 2px solid #25D366;
}
.btn-whatsapp-cta:hover {
    background-color: #128C7E;
    transform: translateY(-3px);
    color: white;
}

/* Light/Call Button */
.btn-light-cta {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    transition: all 0.3s ease;
}
.btn-light-cta:hover {
    background-color: #f8f9fa;
    transform: translateY(-3px);
}

/* Outline Button */
.btn-outline-light-cta {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    color: white;
    transition: all 0.3s ease;
}
.btn-outline-light-cta:hover {
    border-color: white;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

/* Orange Trial Button */
.btn-orange-cta {
    background-color: #F26522;
    border: 2px solid #F26522;
    transition: all 0.3s ease;
}
.btn-orange-cta:hover {
    background-color: #d4561c;
    transform: translateY(-3px);
}

/* Typography Utility */
.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }





































































/*CONTACT PAGE*/
/* Typography & Colors */
.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }
.green-text { color: #2D8C3C; }
.text-orange { color: #F26522; }
.orange-italic { color: #F26522; font-style: italic; }
.dark-text { color: #1e293b; }

/* Hero CTA Grid Layout */
.hero-cta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    max-width: 550px;
}

.btn-cta {
    padding: 14px 20px;
    border-radius: 50px;
    font-weight: 800;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 0.95rem;
}

.btn-whatsapp { background: #25D366; color: white; }
.btn-orange { background: #F26522; color: white; }
.btn-outline { border: 2px solid #2D8C3C; color: #2D8C3C; }
.btn-light { background: #fff; border: 1px solid #ddd; }

.btn-cta:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); color: inherit; }

/* Visual Elements */
.hero-visual-card {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(15px);
    border: 2px solid #fff;
    z-index: 2;
    position: relative;
}

.glass-stat {
    background: rgba(255,255,255,0.8);
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Fast Response Badge */
.fast-response-badge {
    position: absolute;
    top: 30px;
    right: 50px;
    background: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    font-weight: 800;
    font-size: 0.85rem;
    border: 1px solid #eee;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background: #25D366;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

.floating-img { animation: float 3s ease-in-out infinite; }
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

/* Background Blurs */
.blur-circle-green { position: absolute; width: 300px; height: 300px; background: rgba(45, 140, 60, 0.1); filter: blur(80px); top: -50px; right: -50px; z-index: 1; }
.blur-circle-orange { position: absolute; width: 250px; height: 250px; background: rgba(242, 101, 34, 0.1); filter: blur(80px); bottom: -50px; left: -50px; z-index: 1; }
.btn-call-custom {
    background-color: #F26522 !important; /* Signature Orange */
    border: none !important;
    color: white !important;
    transition: all 0.4s ease-in-out !important;
}

.btn-call-custom:hover {
    background-color: #2D8C3C !important; /* Premium Green on Hover */
    color: white !important;
    transform: translateY(-5px); /* Chota sa bounce effect */
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2); /* Green shadow on hover */
}

/* Icon rotation effect on hover (Optional but cool) */
.btn-call-custom:hover i {
    transform: rotate(15deg);
    transition: 0.3s;
}




















/* Container Spacing */
.cta-strip-section {
    padding-bottom: 2rem;
}

/* Base Card Style */
.action-card-link {
    text-decoration: none !important;
    display: block;
}

.action-card {
    padding: 30px 20px;
    border-radius: 24px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.8);
}

/* Glassmorphism Backgrounds */
.bg-glass {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
}

.bg-whatsapp-gradient {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white !important;
    border: none;
}

/* Icon Wrappers */
.action-icon-wrapper {
    font-size: 2rem;
    margin-bottom: 12px;
    transition: transform 0.3s ease;
}

.bg-whatsapp-gradient .action-icon-wrapper {
    color: white;
}

/* Hover Effects (Orange to Green Logic) */
.action-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
}

.border-bottom-orange:hover {
    border-bottom: 5px solid #2D8C3C !important; /* Green hover check */
}

.action-card-link:hover .action-icon-wrapper {
    transform: scale(1.2) rotate(5deg);
}

/* Colors & Borders */
.border-bottom-orange { border-bottom: 5px solid #F26522 !important; }
.border-bottom-green { border-bottom: 5px solid #2D8C3C !important; }
.text-orange { color: #F26522; }
.text-green { color: #2D8C3C; }
.dark-text { color: #1e293b; }
.fw-900 { font-weight: 900; }

/* Mobile Optimization */
@media (max-width: 991px) {
    .action-card { padding: 20px 10px; }
    .action-icon-wrapper { font-size: 1.5rem; }
    h6 { font-size: 0.9rem; }
}




















/* Container & Card Styling */
.form-glass-card {
    background: #ffffff;
    border: 1px solid rgba(255,255,255,1);
    box-shadow: 0 50px 100px rgba(0,0,0,0.08);
}

.bg-green-gradient {
    background: linear-gradient(135deg, #2D8C3C 0%, #1e5c27 100%);
}

/* Custom Input Groups */
.form-label-custom {
    font-weight: 800;
    font-size: 0.85rem;
    color: #475569;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.input-group-custom {
    display: flex;
    align-items: center;
    background: #f8fafc;
    border: 2px solid #f1f5f9;
    border-radius: 15px;
    padding: 2px 15px;
    transition: all 0.3s ease;
}

.input-group-custom i {
    color: #94a3b8;
    margin-right: 12px;
}

.input-group-custom:focus-within {
    border-color: #2D8C3C;
    background: #fff;
    box-shadow: 0 0 15px rgba(45, 140, 60, 0.1);
}

.form-control-custom {
    border: none;
    background: transparent;
    padding: 12px 0;
    width: 100%;
    font-weight: 600;
    outline: none;
}

/* Dynamic Button - Orange to Green Logic */
.btn-dynamic-submit {
    background: #F26522; /* Default Orange */
    color: white;
    border: none;
    padding: 18px 50px;
    border-radius: 50px;
    font-weight: 900;
    font-size: 1.1rem;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    min-width: 280px;
}

.btn-dynamic-submit:hover {
    background: #2D8C3C; /* Premium Green */
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.3);
}

/* Utils */
.fw-900 { font-weight: 900; }
.bg-white-10 { background: rgba(255,255,255,0.1); }
.icon-box-sm { width: 25px; height: 25px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; }
.bg-green-soft { background: rgba(45, 140, 60, 0.1); }


















/* Premium Card Styling */
.whatsapp-premium-card {
    background: #ffffff;
    border: 1px solid #dcf8c6;
}

.whatsapp-bg-icon {
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 15rem;
    color: rgba(37, 211, 102, 0.05);
    z-index: 0;
}

/* Chips (Small Buttons) */
.btn-wa-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #f0fdf4;
    border: 1.5px solid #25D366;
    color: #128C7E;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    transition: 0.3s ease;
}

.btn-wa-chip:hover {
    background: #25D366;
    color: white;
    transform: translateY(-3px);
}

/* Main WhatsApp Button */
.btn-whatsapp-main {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: white;
    border: none;
    transition: all 0.4s ease;
}

.btn-whatsapp-main:hover {
    background: linear-gradient(135deg, #128C7E 0%, #075E54 100%);
    transform: scale(1.05);
    color: white;
}

/* Online Status Avatar */
.wa-avatar-online {
    position: relative;
}

.wa-avatar-online::after {
    content: '';
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    background: #25D366;
    border: 2px solid white;
    border-radius: 50%;
}

/* Utilities */
.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }
.fw-700 { font-weight: 700; }
.fw-600 { font-weight: 600; }
.green-text { color: #2D8C3C; }





















/* Info Card Base */
.info-card {
    background: #ffffff;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid #f1f1f1 !important;
}

.info-card:hover {
    transform: translateY(-10px);
    border-color: #2D8C3C !important;
    box-shadow: 0 20px 40px rgba(45, 140, 60, 0.1) !important;
}

/* Icon Circles with Soft Colors */
.info-icon-circle {
    width: 60px;
    height: 60px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.bg-whatsapp-light { background-color: rgba(37, 211, 102, 0.1); color: #25D366; }
.bg-orange-light { background-color: rgba(242, 101, 34, 0.1); color: #F26522; }
.bg-blue-light { background-color: rgba(13, 110, 253, 0.1); color: #0d6efd; }
.bg-gray-light { background-color: rgba(108, 117, 125, 0.1); color: #6c757d; }

.bg-success-soft { background-color: rgba(45, 140, 60, 0.1); }

/* Typography */
.fw-900 { font-weight: 900; }
.fw-800 { font-weight: 800; }
.green-text { color: #2D8C3C; }
.orange-italic { color: #F26522; font-style: italic; }

.header-line-center {
    width: 50px;
    height: 4px;
    background: #2D8C3C;
    border-radius: 10px;
}




















/* Search Box UI */
.delivery-search-box {
    border: 2px solid #f1f5f9;
    transition: all 0.3s;
}

.delivery-search-box:focus-within {
    border-color: #2D8C3C;
    box-shadow: 0 10px 30px rgba(45, 140, 60, 0.1) !important;
}

.btn-check-delivery {
    background-color: #F26522; /* Signature Orange */
    color: white;
    transition: 0.3s;
}

.btn-check-delivery:hover {
    background-color: #2D8C3C; /* Green on hover */
    color: white;
}

/* Result Cards Styling */
.result-card {
    padding: 25px;
    border-radius: 20px;
    animation: fadeInUp 0.5s ease forwards;
}

.bg-available { background-color: #e9f5ee; border: 1px solid #2D8C3C; color: #1e5c27; }
.bg-partial { background-color: #fff8f0; border: 1px solid #F26522; color: #854d0e; }
.bg-not-available { background-color: #f8fafc; border: 1px solid #cbd5e1; color: #475569; }

/* Lead Capture Form in Result */
.notify-form {
    max-width: 400px;
    margin: 15px auto 0;
}

/* Animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.border-bottom-green-2 { border-bottom: 2px solid #2D8C3C; }
.bg-orange-soft { background: rgba(242, 101, 34, 0.1); }














/* Card Core Styling */
.explore-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
}

.explore-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
    border-color: rgba(242, 101, 34, 0.2) !important;
}

/* Premium Action Buttons (Orange to Green) */
.btn-premium-action {
    background-color: #F26522 !important; /* Default Orange */
    color: white !important;
    font-weight: 800;
    padding: 12px 20px;
    border: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 15px rgba(242, 101, 34, 0.2);
}

.btn-premium-action:hover {
    background-color: #2D8C3C !important; /* Hover Green */
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(45, 140, 60, 0.3);
}

/* Link Style Hover (Optional correction) */
.btn-link-premium {
    font-size: 0.85rem;
    font-weight: 800;
    color: #475569;
    text-decoration: none;
    transition: 0.3s;
    display: inline-block;
    margin-top: 5px;
}

.btn-link-premium:hover {
    color: #2D8C3C;
    transform: translateX(3px);
}

/* Text & Headings */
.fw-900 { font-weight: 900; }
.green-text { color: #2D8C3C; }
.orange-italic { color: #F26522; font-style: italic; }
.tracking-tight { letter-spacing: -1px; }

/* Soft Badges */
.explore-badge {
    font-size: 0.7rem;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 50px;
    display: inline-block;
}
.bg-orange-soft { background: rgba(242, 101, 34, 0.1); }
.bg-green-soft { background: rgba(45, 140, 60, 0.1); }
.bg-blue-soft { background: rgba(13, 110, 253, 0.1); }
.bg-purple-soft { background: rgba(111, 66, 193, 0.1); }













/* --- 1. Typography Refinement (Chota & Premium) --- */
h2.display-4, .fs-2 {
    font-size: clamp(1.6rem, 5vw, 2.1rem) !important; /* Mobile pe chota, Desktop pe balanced */
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.8px;
    color: #1e293b;
}

.green-text { color: #2D8C3C; }
.orange-italic { color: #F26522; font-style: italic; }

/* --- 2. Unified Premium Buttons (Orange to Green) --- */
.btn-premium-action {
    background-color: #F26522 !important; /* Default Orange */
    color: #ffffff !important;
    font-weight: 800;
    font-size: 0.9rem;
    padding: 10px 22px !important;
    border: none;
    border-radius: 50px;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(242, 101, 34, 0.2);
}

.btn-premium-action:hover {
    background-color: #2D8C3C !important; /* Hover Green */
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 20px rgba(45, 140, 60, 0.3);
    color: #ffffff !important;
}

/* --- 3. Card & Interaction Styling --- */
.explore-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 24px;
    transition: all 0.4s ease;
}

.explore-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.07) !important;
    border-color: rgba(242, 101, 34, 0.15) !important;
}

.explore-badge {
    font-size: 0.65rem;
    font-weight: 900;
    padding: 4px 10px;
    border-radius: 50px;
    letter-spacing: 0.5px;
}

/* --- 4. Link & Small Utilities --- */
.btn-link-premium {
    font-size: 0.85rem;
    font-weight: 800;
    color: #64748b;
    text-decoration: none;
    transition: 0.3s;
    margin-top: 8px;
}

.btn-link-premium:hover {
    color: #2D8C3C;
    transform: translateX(3px);
}

/* Soft Backgrounds */
.bg-orange-soft { background: rgba(242, 101, 34, 0.08); text-color: #F26522; }
.bg-green-soft { background: rgba(45, 140, 60, 0.08); text-color: #2D8C3C; }
.bg-blue-soft { background: rgba(13, 110, 253, 0.08); }
.bg-purple-soft { background: rgba(111, 66, 193, 0.08); }



























/* Timing Card Styling */
.timing-card {
    transition: all 0.4s ease;
    border: 1px solid rgba(0,0,0,0.03) !important;
}

.timing-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.08) !important;
}

/* Background Large Icons */
.timing-icon-bg {
    position: absolute;
    right: -20px;
    top: -20px;
    font-size: 8rem;
    color: rgba(0,0,0,0.03);
    z-index: 0;
    transform: rotate(-15px);
}

/* Progress Bar & Colors */
.bg-orange { background-color: #F26522 !important; }
.bg-blue-soft { background: rgba(13, 110, 253, 0.1); }
.text-indigo { color: #4338ca; }

/* Status Dot Animation */
.dot-flashing {
    width: 8px;
    height: 8px;
    background-color: #2D8C3C;
    border-radius: 50%;
    display: inline-block;
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 140, 60, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(45, 140, 60, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(45, 140, 60, 0); }
}

/* Typography Overrides for this section */
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }















/* Map & Area Styling */
.map-container {
    transition: all 0.3s ease;
}

.map-container:hover {
    box-shadow: 0 30px 60px rgba(0,0,0,0.12) !important;
}

.area-item {
    background: #f8fafc;
    border: 1px solid transparent;
    transition: 0.3s;
}

.area-item:hover {
    background: #ffffff;
    border-color: #2D8C3C;
    transform: translateX(5px);
}

/* Expansion Box Style */
.border-orange-dashed {
    border: 2px dashed rgba(242, 101, 34, 0.3);
}

.text-orange { color: #F26522; }

/* Re-using your requested button style */
.btn-premium-action {
    background-color: #F26522 !important;
    color: white !important;
    font-weight: 800;
    padding: 8px 20px;
    border: none;
    border-radius: 50px;
    transition: 0.3s;
    font-size: 0.85rem;
    text-decoration: none;
}

.btn-premium-action:hover {
    background-color: #2D8C3C !important;
    transform: scale(1.05);
}

/* Heading Sizes Fix */
.fs-2 { font-size: 2rem !important; }






















/* Bulk Form Styling */
.bulk-form-card {
    border: 1px solid rgba(0,0,0,0.03);
    position: relative;
    z-index: 1;
}

.premium-input {
    background-color: #f8fafc;
    border: 2px solid transparent;
    padding: 12px 15px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s;
}

.premium-input:focus {
    background-color: #ffffff;
    border-color: #2D8C3C;
    box-shadow: 0 0 0 4px rgba(45, 140, 60, 0.1);
    outline: none;
}

.icon-sm {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

/* Re-using your requested button style */
.btn-premium-action {
    background-color: #F26522 !important;
    color: white !important;
    font-weight: 800;
    padding: 12px 25px;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    transition: 0.4s;
}

.btn-premium-action:hover {
    background-color: #2D8C3C !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(45, 140, 60, 0.2);
}

.bg-orange-soft { background: rgba(242, 101, 34, 0.1); }
.text-orange { color: #F26522; }
.green-text { color: #2D8C3C; }
.orange-italic { color: #F26522; font-style: italic; }
.fs-2 { font-size: 2rem !important; }



















/* Process Step Styling */
.process-card {
    background: #f8fafc;
    transition: all 0.4s ease;
    border: 1px solid transparent !important;
}

.process-card:hover {
    transform: translateY(-10px);
    background: #ffffff;
    border-color: #2D8C3C !important;
    box-shadow: 0 20px 40px rgba(45, 140, 60, 0.08) !important;
}

.step-number {
    width: 50px;
    height: 50px;
    background: #F26522;
    color: white;
    font-weight: 900;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 1.2rem;
    box-shadow: 0 5px 15px rgba(242, 101, 34, 0.3);
}

.process-card:hover .step-number {
    background: #2D8C3C;
    transform: rotate(10deg);
}

/* Promise Card Styling */
.promise-card {
    border: 1px dashed rgba(242, 101, 34, 0.3) !important;
}

/* Re-using your Premium Button Style */
.btn-premium-action {
    background-color: #F26522 !important;
    color: white !important;
    font-weight: 800;
    padding: 8px 22px;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-premium-action:hover {
    background-color: #2D8C3C !important;
    transform: scale(1.05);
}

/* Typography Overrides */
.fs-2 { font-size: 2rem !important; }
.green-text { color: #2D8C3C; }
.orange-italic { color: #F26522; font-style: italic; }
.bg-orange-soft { background: rgba(242, 101, 34, 0.08); }














/* Accordion Styling */
#faqAccordion .accordion-item {
    background-color: #ffffff;
    border: none;
}

#faqAccordion .accordion-button {
    background-color: #ffffff;
    box-shadow: none;
    color: #1e293b;
    transition: all 0.3s ease;
}

#faqAccordion .accordion-button:not(.collapsed) {
    color: #2D8C3C; /* Green when open */
    background-color: #f0fdf4;
}

#faqAccordion .accordion-button::after {
    background-size: 1rem;
    transition: transform 0.3s;
}

#faqAccordion .accordion-body {
    background-color: #ffffff;
    line-height: 1.6;
    font-size: 0.95rem;
}

/* Re-using your Premium Button Style */
.btn-premium-action {
    background-color: #F26522 !important;
    color: white !important;
    font-weight: 800;
    padding: 12px 30px;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    transition: 0.4s;
    display: inline-block;
}

.btn-premium-action:hover {
    background-color: #2D8C3C !important;
    transform: translateY(-3px);
}

/* Typography Utilities */
.fw-600 { font-weight: 600; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }
.green-text { color: #2D8C3C; }
.orange-italic { color: #F26522; font-style: italic; }
.fs-2 { font-size: 2rem !important; }




















/* Final CTA Specific Styles */
#final-cta {
    border-top: 1px solid rgba(0,0,0,0.05);
}

/* Primary Action Button (Solid) */
.btn-premium-action {
    background-color: #F26522 !important;
    color: white !important;
    font-weight: 800;
    font-size: 1rem;
    border: none;
    border-radius: 50px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.btn-premium-action:hover {
    background-color: #2D8C3C !important;
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.3) !important;
}

/* Secondary Action Button (Outline) */
.btn-premium-outline {
    background-color: transparent;
    color: #1e293b !important;
    font-weight: 800;
    font-size: 0.95rem;
    border: 2px solid #F26522 !important; /* Starts with Orange Border */
    border-radius: 50px;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.btn-premium-outline:hover {
    background-color: #2D8C3C !important;
    border-color: #2D8C3C !important;
    color: white !important;
    transform: translateY(-3px);
}

/* Typography Refinements */
.fs-2 { font-size: clamp(1.8rem, 5vw, 2.3rem) !important; }
.green-text { color: #2D8C3C; }
.orange-italic { color: #F26522; font-style: italic; }
.bg-green-soft { background: rgba(45, 140, 60, 0.1); }








































































































/*EXTRA STYLES FOR OTHER PAGES*/
.btn-cta-main {
    display: inline-block;
    background-color: #F26522; /* Signature Orange */
    color: #ffffff !important;
    font-size: 1.1rem;
    font-weight: 800;
    padding: 16px 45px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 8px 15px rgba(242, 101, 34, 0.2);
    text-transform: capitalize;
}

/* Hover State */
.btn-cta-main:hover {
    background-color: #2D8C3C; /* Signature Green */
    transform: translateY(-3px);
    box-shadow: 0 12px 20px rgba(45, 140, 60, 0.3);
    color: #ffffff !important;
}

/* Active State (Click karne par) */
.btn-cta-main:active {
    transform: translateY(-1px);
}












.btn-subscription-premium {
    display: inline-block;
    padding: 16px 50px;
    background-color: #F26522; /* Signature Orange */
    color: #ffffff !important;
    font-size: 1.15rem;
    font-weight: 800;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 2px solid transparent;
    cursor: pointer;
}

/* Hover State: Colors Switch & Elevation */
.btn-subscription-premium:hover {
    background-color: #2D8C3C; /* Signature Green */
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.3) !important;
    color: #ffffff !important;
}

/* Icon Animation */
.arrow-icon {
    transition: transform 0.3s ease;
}

.btn-subscription-premium:hover .arrow-icon {
    transform: translateX(8px); /* Arrow thoda aage move karega hover par */
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .btn-subscription-premium {
        padding: 14px 30px;
        font-size: 1rem;
        width: 90%; /* Mobile par full width ke paas */
    }
}











.btn-sub-main {
    display: inline-block;
    background-color: #F26522; /* Signature Orange */
    color: #ffffff !important;
    font-size: 1.1rem;
    font-weight: 800;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    border: none;
    position: relative;
    overflow: hidden;
}

/* Hover State: Orange to Green Transition */
.btn-sub-main:hover {
    background-color: #2D8C3C; /* Signature Green */
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(45, 140, 60, 0.3) !important;
}

/* Arrow Animation */
.arrow-move {
    transition: transform 0.3s ease;
}

.btn-sub-main:hover .arrow-move {
    transform: translateX(6px); /* Arrow halka sa aage move hoga */
}

/* Mobile Fix */
@media (max-width: 576px) {
    .btn-sub-main {
        width: 100%;
        font-size: 1rem;
        padding: 14px 20px !important;
    }
}



















:root {
    --h1-size: 56px;
    --h2-size: 42px;
    --h3-size: 28px;
    --h4-size: 22px;
}

/* Main hero title */
.custom-hero-title,
h1 {
    font-size: var(--h1-size);
    font-weight: 800;
    line-height: 1.2;
}

/* All section headings */
.custom-title,
h2 {
    font-size: var(--h2-size);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 14px;
}

/* Cards / section inner titles */
h3 {
    font-size: var(--h3-size);
    font-weight: 700;
    line-height: 1.3;
}

/* Small card headings */
h4 {
    font-size: var(--h4-size);
    font-weight: 600;
    line-height: 1.4;
}

/* Mobile responsive */
@media (max-width: 768px) {
    :root {
        --h1-size: 38px;
        --h2-size: 30px;
        --h3-size: 24px;
        --h4-size: 20px;
    }
}