.partnerships-section {
    background-color: #f9f9f9;
    padding: 0px 20px;
    text-align: center;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Section Title */
.partnerships-section h2 {
    color: #4CAF50;
    font-size: 2rem;
    margin-bottom: 20px;
}

/* Section Description */
.section-description {
    color: #555;
    font-size: 1rem;
    max-width: 800px;
    margin: 0 auto 40px;
}

/* Partnership Grid */
.partnership-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

/* Partnership Cards */
.partnership-card {
    background: white;
    padding: 20px;
    border-radius: 8px;

    transition: transform 0.3s, box-shadow 0.3s;
}

.partnership-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.partnership-card h3 {
    color: #4CAF50;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.partnership-card p {
    color: #555;
    font-size: 1rem;
}
/* Why Partner With Us? */
.why-partner {
    background: #4CAF50;
    padding: 40px 20px;
    border-radius: 8px;
    color: white;
    margin-bottom: 40px;
}

.why-partner h3 {
    font-size: 2rem;
    margin-bottom: 20px;
}

.why-partner ul {
    list-style: none;
    padding: 0;
    font-size: 1rem;
}

.why-partner li {
    margin-bottom: 10px;
}



@media(max-width: 576px){
    .partnerships-section {
    background-color: #f9f9f9;
    padding: 0px 20px;
    text-align: center;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Section Title */
.partnerships-section h2 {
    color: #4CAF50;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

/* Section Description */
.section-description {
    color: #555;
    font-size: 1rem;
    max-width: 800px;
    margin: 0 auto 40px;
}

/* Partnership Grid */
.partnership-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

/* Partnership Cards */
.partnership-card {
    background: white;
    padding: 20px;
    border-radius: 8px;

    transition: transform 0.3s, box-shadow 0.3s;
}

.partnership-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.partnership-card h3 {
    color: #4CAF50;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

.partnership-card p {
    color: #555;
    font-size: 1rem;
}
/* Why Partner With Us? */
.why-partner {
    background: #4CAF50;
    padding: 40px 20px;
    border-radius: 8px;
    color: white;
    margin-bottom: 40px;
}

.why-partner h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.why-partner ul {
    list-style: none;
    padding: 0;
    font-size: 1rem;
}

.why-partner li {
    margin-bottom: 10px;
}

    
}

@media(max-width: 476px){
    .partnerships-section {
    background-color: #f9f9f9;
    padding: 0px 20px;
    text-align: center;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Section Title */
.partnerships-section h2 {
    color: #4CAF50;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

/* Section Description */
.section-description {
    color: #555;
    font-size: 1rem;
    max-width: 800px;
    margin: 0 auto 40px;
}

/* Partnership Grid */
.partnership-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

/* Partnership Cards */
.partnership-card {
    background: white;
    padding: 20px;
    border-radius: 8px;

    transition: transform 0.3s, box-shadow 0.3s;
}

.partnership-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.partnership-card h3 {
    color: #4CAF50;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.partnership-card p {
    color: #555;
    font-size: 1rem;
}
/* Why Partner With Us? */
.why-partner {
    background: #4CAF50;
    padding: 40px 20px;
    border-radius: 8px;
    color: white;
    margin-bottom: 40px;
}

.why-partner h3 {
    font-size: 1.3rem;
    margin-bottom: 20px;
}

.why-partner ul {
    list-style: none;
    padding: 0;
    font-size: 1rem;
}

.why-partner li {
    margin-bottom: 10px;
}

    
}


/* Products Section */
.products-section {
   margin-top:60px;
   margin-bottom:60px;
    padding: 0px 20px;
    text-align: center;
}

.container {
margin: 40px 4%;
}
@media(max-width:769px){
    .container {
margin: 40px 2%;
}

}
/* Section Title */
.products-section h2 {
    color: #4CAF50;
     font-size: 2rem;
    margin-bottom: 40px;
    font-weight: bold;
}

/* Product Grid */
.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

/* Product Cards */
.product-card {
    
    padding: 30px;
    border-radius: 12px;
 
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

.product-icon {
    font-size: 3rem;
    margin-bottom: 20px;
    color: #4CAF50;
}

.product-card h3 {
    color: #4CAF50;
    font-size:1.3rem;
    margin-bottom: 10px;
}

.product-subtitle {
    color: #777;
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.product-card p {
    color: #555;
    font-size: 1rem;
    margin-bottom: 20px;
}

.product-card ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    text-align: left;
}

.product-card ul li {
    color: #555;
    font-size: 1rem;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.product-card ul li::before {
    content: "✔";
    color: #4CAF50;
    position: absolute;
    left: 0;
    font-weight: bold;
}

.nutritional-value {
    background: #e6f2ff;
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
    text-align: left;
}

.nutritional-value h4 {
    color: #4CAF50;
    font-size: 1.3rem;
    margin-bottom: 10px;
}
            
            

        /* About Section */
        .about {
            line-height: 1.6;
            background: #f4f4f4;
            color: #333;
       
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            align-items: center;
            padding: 60px 4%;
            gap:1.5rem;
            background: #fff;
        }

        .about-one {
            max-width: 100%;
        }

        .about-one h1 {
            font-size: 2rem;
            font-weight: 600;
            color: #4CAF50; /* Deep Ocean Blue */
            margin-bottom: 20px;
        }

        .about-one p {
            font-size: 1rem;
            color: #555;
            line-height: 1.8;
        }

        .about-one p strong {
            color: #4CAF50; /* Deep Ocean Blue */
        }

        .img img {
            max-width: 100%;
           
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .about {
                grid-template-columns: repeat(1, 1fr);
                text-align: center;
                padding: 40px 4%;
            }

            .about-one {
                max-width: 100%;
                margin-bottom: 30px;
            }

            .img img {
                width: 100%;
            }

        }

        /* Responsive Design */
        @media (max-width: 576px) {
            .about {
                grid-template-columns: repeat(1, 1fr);
                text-align: center;
                padding: 40px 4%;
            }

            .about-one {
                max-width: 100%;
                margin-bottom: 30px;
            }

            .img img {
                width: 100%;
            }
              .about-one h1 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #4CAF50; /* Deep Ocean Blue */
            margin-bottom: 20px;
        }

        .about-one p {
            font-size: 1rem;
            color: #555;
            line-height: 1.8;
        }
        }

     @media (max-width: 476px) {
            .about {
                grid-template-columns: repeat(1, 1fr);
                text-align: center;
                padding: 40px 4%;
            }

            .about-one {
                max-width: 100%;
                margin-bottom: 30px;
            }

            .img img {
                width: 100%;
            }
              .about-one h1 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #4CAF50; /* Deep Ocean Blue */
            margin-bottom: 20px;
        }

        .about-one p {
            font-size: 1rem;
            color: #555;
            line-height: 1.8;
        }
        }
         .service {
            padding: 0px 4%;
            background: #fff;
            text-align: center;
        }

        .service h2 {
            font-size: 2rem;
            font-weight: 600;
            color: #4CAF50; /* Deep Ocean Blue */
            margin-bottom: 40px;
        }

        .service-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }

        .service-item {
            background: #f9f9f9;
            padding: 20px;
            border-radius: 10px;
    
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .service-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }

        .service-item i {
            font-size: 40px;
            color: #4CAF50; /* Deep Ocean Blue */
            margin-bottom: 20px;
        }

        .service-item h3 {
            font-size: 1.3rem;
            font-weight: 600;
            color: #4CAF50; /* Deep Ocean Blue */
            margin-bottom: 15px;
        }

        .service-item p {
            font-size: 16px;
            color: #555;
            line-height: 1.6;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .service {
                padding: 40px 4%;
            }

            .service h2 {
                font-size: 2rem;
            }

            .service-item h3 {
                font-size: 1.3rem;
            }

            .service-item p {
                font-size: 16px;
            }
        }
          /* Responsive Design */
        @media (max-width: 576px) {
            .service {
                padding: 40px 4%;
            }

            .service h2 {
                font-size: 1.5rem;
            }

            .service-item h3 {
                font-size: 1.3rem;
            }

            .service-item p {
                font-size: 16px;
            }
        }
      /* Blog Highlights Section */
.blog-highlights {
    padding: 60px 4%;
    background: #fff;
}

.blog-highlights h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #4CAF50; /* Deep Ocean Blue */
    margin-bottom: 40px;
    text-align: center;
}

.blog-grid {
    display: flex;
    gap: 40px;
}

.blog-item {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    flex: 0 0 calc(33.33% - 30px); /* 3 items per row */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.image-container {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.image-container img {
    width: 100%;
    height:350px;
    object-fit:cover;
    border-radius: 10px;
}

.date-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
}

.blog-item h3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #4CAF50; /* Deep Ocean Blue */
    margin-bottom: 15px;
}

.blog-item p {
    font-size:1rem;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
}

.blog-item a {
    display: inline-block;
    padding: 10px 20px;
    background: #4CAF50; /* Deep Ocean Blue */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.blog-item a:hover {
    background: #002244; /* Darker shade of blue */
}

/* Responsive Design */
@media (max-width: 768px) {
    .blog-highlights {
        padding: 40px 5%;
    }

    .blog-grid {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        gap: 20px;
        padding-bottom: 20px;
    }
.image-container img {
    width: 100%;
    height:250px;
    object-fit:cover;
    border-radius: 10px;
}
    .blog-item {
        flex: 0 0 80%; /* 1 item per row on mobile */
        scroll-snap-align: start;
    }
}

/* Responsive Design */
@media (max-width: 576px) {
    .blog-highlights {
        padding: 40px 5%;
    }

    .blog-grid {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        gap: 20px;
        padding-bottom: 20px;
    }
.image-container img {
    width: 100%;
    height:250px;
    object-fit:cover;
    border-radius: 10px;
}
    .blog-item {
        flex: 0 0 80%; /* 1 item per row on mobile */
        scroll-snap-align: start;
    }

.blog-item h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #4CAF50; /* Deep Ocean Blue */
    margin-bottom: 15px;
}

.blog-highlights h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #4CAF50; /* Deep Ocean Blue */
    margin-bottom: 40px;
    text-align: center;
}
 .testimonials h2 {
            font-size:1.5rem!important;
            font-weight: 600;
            color: #4CAF50; /* Deep Ocean Blue */
            margin-bottom: 40px;
        }
        .benefit h1 {
            font-size: 1.5rem!important;
            color: #4CAF50;
            text-align: center;
            margin-bottom: 10px;
        }
          .grid-item h2 {
            color:#4CAF50;
            font-size: 1.2rem!important;
            margin-top: 0;
        }
           .cta h2 {
            font-size: 1.5rem!important;
            font-weight: 600;
            margin-bottom: 20px;
        }
        .products-section h2 {
    color: #4CAF50;
     font-size: 1.5rem!important;
    margin-bottom: 40px;
    font-weight: bold;
}
}
          /* Testimonials Section */
        .testimonials {
            padding: 60px 4%;
            background: #fff;
            text-align: center;
        }

        .testimonials h2 {
            font-size:2rem;
            font-weight: 600;
            color: #4CAF50; /* Deep Ocean Blue */
            margin-bottom: 40px;
        }

        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }

        .testimonial-item {
            background: #f9f9f9;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .testimonial-item img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin-bottom: 20px;
        }

        .testimonial-item p {
            font-size: 16px;
            color: #555;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        .testimonial-item h4 {
            font-size: 17px;
            font-weight: 600;
            color: #4CAF50; /* Deep Ocean Blue */
        }

        /**  benefit**/
        .benefit{
            margin: 0 4%;
            margin-top: 60px;
            margin-bottom: 60px;
        }
         .benefit h1 {
            font-size: 2rem;
            color: #4CAF50;
            text-align: center;
            margin-bottom: 10px;
        }
        .grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            padding: 20px;
        }
        .grid-item {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
           
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .grid-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        .grid-item h2 {
            color:#4CAF50;
            font-size: 1.3rem;
            margin-top: 0;
        }
        .grid-item p {
            color: #555;
        }

        /* Call-to-Action Section */
        .cta {
            padding: 60px 10%;
            background: #4CAF50; /* Deep Ocean Blue */
            color: #fff;
            text-align: center;
        }

        .cta h2 {
            font-size: 2rem;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .cta p {
            font-size: 16px;
            margin-bottom: 30px;
        }

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

        .cta-buttons a {
            display: inline-block;
            padding: 12px 24px;
            background: #FFD700; /* Golden Yellow */
            color: #4CAF50; /* Deep Ocean Blue */
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            border-radius: 5px;
            transition: background 0.3s ease;
        }

        .cta-buttons a:hover {
            background: #e6b800; /* Darker shade of gold */
        }