* {
                 font-family: Merienda, cursive;
                 scroll-behavior: smooth;
                 scroll-padding-top: 65px;
         }
         /* General Styles */
         body {
            font-family: "Nunito Sans", sans-serif;
            color: #4a2c2a; /* Dark brown for text */
            background-color: #f5f5f5;
         }

         /* Hero Section */
         .hero-section {
            position: relative;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
         }
@media (max-width: 768px) {
    .hero-section {
        height: 80vh; 
        min-height: 580px; 
    }
}

/* Small mobile devices (up to 480px) */
@media (max-width: 480px) {
    .hero-section {
        height: 70vh; 
        min-height: 500px; 
    }
}
         #hero-video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
         }

         .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(74, 44, 42, 0.5); /* Dark brown overlay */
            z-index: 0;
         }

         .hero-content {
            z-index: 1;
         }

         .hero-content h1 {
            font-size: 4rem;
            font-weight: 700;
         }

         .hero-content p {
            font-size: 1.5rem;
            margin-top: 1rem;
         }

         .btn-custom {
            background-color: #a67b5b; /* Camel color */
            color: white;
            border: none;
            padding: 10px 30px;
            font-size: 1.2rem;
            transition: background-color 0.3s;
         }

         .btn-custom:hover {
            background-color: #8b5e3c; /* Darker camel color */
         }

         /* Navigation Bar */
         .navbarposition {
            position: sticky;
            top: 0px;
            left: 0px;
            z-index: 100;
         }
         .bg-brown {
            background-color: #4a2c2a; /* Dark brown */
         }

         .navbar-brand {
            font-size: 1.5rem;
            font-weight: 700;
         }

         .nav-link {
            font-size: 1.1rem;
            margin-left: 20px;
         }

         /* Featured Products Section */
         .featured-products {
            background-color: #f5f5f5; /* Light gray background */
         }

         .product-card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s;
         }

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

         .product-card img {
            height: 250px;
            object-fit: cover;
         }

         .product-card .card-body {
            background-color: white;
            padding: 20px;
         }

         .product-card h5 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #4a2c2a;
         }

         .product-card p {
            font-size: 1rem;
            color: #666;
         }
         /* About Us Section */
         .about-us {
            background-color: #ffffff; /* White background */
         }

         .text-brown {
            color: #4a2c2a; /* Dark brown for headings */
         }

         .team-member img {
            width: 150px;
            height: 150px;
            object-fit: cover;
            border: 5px solid #a67b5b; /* Camel border */
         }

         .team-member h4 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #4a2c2a;
         }

         .team-member p {
            font-size: 1rem;
            color: #666;
         }

         .text-green {
            color: #5c8d89; /* Green for sustainability icons */
         }

         .list-unstyled li {
            font-size: 1.1rem;
            color: #4a2c2a;
         }
         /* Menu Section */
         .menu {
            background-color: #f5f5f5; /* Light gray background */
         }

         .menu-item {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s;
         }

         .menu-item:hover {
            transform: translateY(-10px);
         }

         .menu-item img {
            height: 200px;
            object-fit: cover;
         }

         .menu-item .card-body {
            background-color: white;
            padding: 20px;
         }

         .menu-item h4 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #4a2c2a;
         }

         .menu-item p {
            font-size: 1rem;
            color: #666;
         }

         .modal-content {
            border-radius: 10px;
         }

         .modal-header {
            background-color: #4a2c2a; /* Dark brown */
            color: white;
         }

         .modal-footer .btn-custom {
            background-color: #a67b5b; /* Camel */
            color: white;
         }
         /* Blog Section */
         .blog {
            background-color: #ffffff; /* White background */
         }

         .blog-card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s;
         }

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

         .blog-card img {
            height: 200px;
            object-fit: cover;
         }

         .blog-card .card-body {
            background-color: white;
            padding: 20px;
         }

         .blog-card h5 {
            font-size: 1.25rem;
            font-weight: 600;
            color: #4a2c2a;
         }

         .blog-card p {
            font-size: 1rem;
            color: #666;
         }
         /* Shop Section */
         .shop {
            background-color: #f5f5f5; /* Light gray background */
         }

         .category-card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s;
         }

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

         .category-card img {
            height: 200px;
            object-fit: cover;
         }

         .category-card .card-body {
            background-color: white;
            padding: 20px;
         }

         .product-card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s;
         }

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

         .product-card img {
            height: 200px;
            object-fit: cover;
         }

         .product-card .card-body {
            background-color: white;
            padding: 20px;
         }

         .rating {
            color: #ffd700; /* Gold for stars */
         }

         .table {
            background-color: white;
            border-radius: 10px;
            overflow: hidden;
         }

         .table th,
         .table td {
            padding: 15px;
         }

         .form-control,
         .form-select {
            border-radius: 5px;
         }

         /* Subscription Service Section */
         .subscription {
            background-color: #f5f5f5; /* White background */
         }

         .subscription-card {
            border: none;
            border-radius: 10px;
            overflow: hidden;
            transition: transform 0.3s;
         }

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

         .subscription-card .card-body {
            background-color: white;
            padding: 20px;
         }

         .subscription-card h4 {
            font-size: 1.5rem;
            font-weight: 600;
            color: #4a2c2a;
         }

         .subscription-card p {
            font-size: 1rem;
            color: #666;
         }

         .price {
            font-size: 1.5rem;
            font-weight: 700;
            color: #a67b5b; /* Camel color */
         }

         .benefit i {
            color: #4a2c2a; /* Dark brown */
         }

         /* Footer Styles */
         .footer li {
            color: white;
         }
         .footer {
            background-color: #4a2c2a; /* Dark brown */
            color: white; /* Default text color for footer */
         }

         .footer h5 {
            color: white; /* Ensure headings are white */
         }

         .footer a {
            color: white; /* Ensure links are white */
            text-decoration: none;
         }

         .footer a:hover {
            color: #a67b5b; /* Camel color for hover */
         }

         .footer .text-white {
            color: white; /* Explicitly set text color to white */
         }

         .footer .fas,
         .footer .fab {
            color: white; /* Ensure icons are white */
         }