/* Body Styling */
    body {
        font-family: 'Poppins', sans-serif;
        margin: 0;
        padding-top: 70px; /* Adjust for sticky navbar */
      }
  
      /* Sticky Navbar Styling */
      .sticky-nav {
        background-color: #9955bb;
        transition: background-color 0.3s ease-in-out;
      }
  
      .sticky-active {
        /* From https://css.glass */
        background: white;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        /* backdrop-filter: blur(9.2px); */
        border: 1px solid rgba(255, 255, 255, 0.28);
      }
  
      .sticky-active li a, .sticky-active .navbar-brand {
        color: #333;
      }
  
      .navbar-brand {
        font-size: 1.5rem;
        font-weight: bold;
        color: white;
        display: flex;
        margin-top: 5px;
      }
      /* Circular logo styling */
      .logo {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 15px;
      }
  
      .logo img {
        width: 100%;
        height: 100%;
        margin-top: -3px;
      }
  
      .nav-link {
        color: white;
        transition: color 0.3s ease;
      }
  
      .nav-link:hover {
        color: #ffc107;
        
      }
  
      /* Hero Section Styling */
      .hero {
        height: 100vh;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        text-align: center;
        overflow: hidden;
      }
  
      /* Sliced background */
      .image-slice {
        position: absolute;
        width: 25%; /* Adjust to create slices */
        height: 100%;
        background-size: cover;
        background-position: center;
        filter: brightness(50%);
      }
  
      /* Hero Content */
      .hero-content {
        position: relative;
        z-index: 2;
      }
  
      .hero h1 {
        font-size: 3.5rem;
        font-weight: 700;
        margin-bottom: 20px;
        text-transform: uppercase;
      }
  
      .hero p {
        font-size: 1.2rem;
        margin-bottom: 40px;
      }
  
      .hero-buttons .btn {
        padding: 12px 25px;
        font-size: 1rem;
        margin: 0 10px;
        border-radius: 50px;
        transition: background-color 0.3s ease;
        margin-bottom: 8px;
      }
  
      .btn-contact {
        background-color: #9955bb;
        
        color: white;
      }
  
      .btn-contact:hover {
        background-color: transparent;
        border-color: #9955bb;
        border: 2px solid white;
  
      }
  
      .btn-learn {
        background-color: transparent;
        border: 2px solid white;
        color: white;
      }
  
      .btn-learn:hover {
        background-color: white;
        color: #9955bb;
        border-color:#9955bb;
      }
  
      /* Body Styling */
      body {
        font-family: 'Poppins', sans-serif;
        margin: 0;
        padding: 0;
        
      }
  
      .about-section {
        padding: 80px 0;
        background-color: #fff8f0;
        position: relative;
        overflow: hidden;
      }
  
      .about-title {
        font-size: 3rem;
        font-weight: 700;
        text-align: center;
        margin-bottom: 50px;
        position: relative;
        color: #9955bb;
      }
  
      .about-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
      }
  
      .about-text {
        flex: 1;
        max-width: 500px;
      }
  
      .about-text h2 {
        font-size: 2.5rem;
        margin-bottom: 20px;
        color: #b666d2;
      }
  
      .about-text p {
        font-size: 1.2rem;
        line-height: 1.7;
      }
  
      .about-images {
        display: flex;
        gap: 20px;
      }
  
      .about-images .img-box {
        position: relative;
        overflow: hidden;
        flex: 1;
        height: 300px;
        background-color: #e0e0e0;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
      }
  
      .about-images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
      }
  
      .img-box:hover img {
        transform: scale(1.1);
      }
  
      /* Decorative Circles */
      .circle {
        position: absolute;
        border-radius: 50%;
        background-color: #edc9f9;
        z-index: 1;
      }
  
      .circle-small {
        width: 120px;
        height: 120px;
        top: -60px;
        right: 15%;
      }
  
      .circle-large {
        width: 200px;
        height: 200px;
        bottom: -100px;
        left: 10%;
      }
      
      /* Unique Dish Section Styling */
      .unique-dish {
        background-image: url('image/uniqueimd.jpg');
        background-attachment: fixed; /* Enables parallax effect */
        background-size: cover;
        background-position: center;
        padding: 100px 20px;
        color: #9955bb;
        text-align: center;
        position: relative;
        
      }
  
      .unique-dish h2 {
        font-size: 2.5rem;
        color: #9955bb;
        margin-bottom: 40px;
        position: relative;
        display: inline-block;
      }
  
      .unique-dish h2::after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 4px;
        background-color: #b666d2;
      }
  
      .dish-cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
      }
  
      .dish-card {
        background-color: white;
        border-radius: 15px;
        padding: 30px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        width: 300px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
      }
  
      .dish-card img {
        width: 100%;
        height: 225px;
        border-radius: 15px;
        transition: transform 0.3s ease-in-out;
      }
  
      .dish-card:hover img {
        transform: scale(1.05);
      }
  
      .dish-card h4 {
        font-size: 1.5rem;
        margin: 15px 0;
        color: #b666d2;
      }
  
      .dish-card p {
        font-size: 1rem;
        color: #555;
      }
  
      .contact-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #4b0082;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 50px;
        font-size: 16px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        text-decoration: none;
      }
  
      .contact-btn:hover {
        background-color: #edc9f9;
        color: black;
      }
  
      .contact-btn i {
        margin-right: 8px;
      }
  
      @media (max-width: 768px) {
        .dish-cards {
          flex-direction: column;
          align-items: center;
        }
  
        .dish-card {
          width: 100%;
        }
        .company-name {
          font-size: 18px;
        }
  
        .btn-contact {
          margin-bottom: 8px;
        }
  
        .navbar-toggler {
          border: none;
          font-weight: 500;
        }
  
      }
  
  
      /* Number section */
  
      .number-section {
        text-align: center;
        padding: 50px 0;
        background-color: #fff8f0;
      }
  
      .number-box {
        margin-bottom: 20px;
      }
  
      .number-box h2 {
        font-size: 3rem;
        letter-spacing: 0.1em;
        color: #9955bb;
        margin-bottom: 10px;
      }
  
      .number-box p {
        font-size: 1.2rem;
        color: #555;
      }
  
      /* Testimonialsection styles*/
  
      body {
              font-family: 'Poppins', sans-serif;
              background-color: #f8f9fa;
              margin: 0;
              padding: 0;
          }
  
          .testimonial-section {
              background: url('https://images.unsplash.com/photo-1480217741525-f06b2728f650?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8Y2FrZSUyMHNob3B8ZW58MHwwfDB8fHwy') no-repeat center center fixed;
              background-size: cover;
              padding: 100px 20px;
              color: #9955bb;
              text-align: center;
              position: relative;
              
          }
  
          .testimonial-section::before {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.505);
              z-index: 1;
          }
  
  
          .testimonial-section h2 {
              font-size: 36px;
              font-weight: bold;
              color: #dcd0ff;
              margin-bottom: 10px; font-size: 36px;
              font-weight: bold;
              margin-bottom: 10px;
              z-index: 2;
              position: relative;
          }
  
          .testimonial-cards {
              display: flex;
              justify-content: space-around;
              flex-wrap: wrap;
              z-index: 2;
              position: relative;
          }
  
          .testimonial-card {
              background-color: #edc9f9;
              padding: 30px;
              margin: 15px;
              border-radius: 10px;
              box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
              width: 300px;
              text-align: center;
              color: #333;
          }
  
          .testimonial-card img {
              width: 100px;
              height: 100px;
              border-radius: 50%;
              background-color: #9955bb;
              padding: 10px;
              margin-bottom: 20px;
          }
  
          .testimonial-card .name {
              font-size: 20px;
              font-weight: bold;
              margin-top: 10px;
              color: #b666d2;
          }
  
          .testimonial-card .role {
              font-size: 16px;
              color: white ;
              margin-bottom: 15px;
          }
  
          .testimonial-card p {
              font-size: 14px;
              color: black;
          }
  
          @media (max-width: 768px) {
              .testimonial-cards {
                  flex-direction: column;
              }
  
              .testimonial-card {
                  width: 100%;
                  margin: 20px 0;
              }
          }
  
          /* Product section */
  
          * {
              margin: 0;
              padding: 0;
              box-sizing: border-box;
          }
  
          body {
              font-family: 'Arial', sans-serif;
              background-color: #f8f8f8;
          }
  
          .products-section {
              padding: 50px;
              text-align: center;
              background-color: #edc9f9;
              background-size: cover;
              color:#9955bb;
          }
  
          .section-title {
              font-size: 60px;
              margin-bottom: 20px;
          }
  
          .product-categories {
              margin-bottom: 40px;
              display: inline-block;
          }
  
          .product-categories .category {
              font-size: 20px;
              
              
              margin: 0 15px;
              text-decoration: none;
              color:black;
              border-bottom: 2px solid transparent;
              transition: border-color 0.3s;
          }
  
  
          .product-categories .category:hover,
          .product-categories .category.active {
              border-bottom: 2px solid #9955bb;
              color: #9955bb;
          }
  
          #product-grids .product-grid {
              display: none;
          }
  
          #product-grids .product-grid.active {
              display: flex;
          }
  
          .product-item {
              position: relative;
              overflow: hidden;
              border-radius: 15px;
              margin-bottom: 20px;
              transition: transform 0.3s ease;
          }
  
          .product-item img {
              width: 100%;
              height: 100%;
              border-radius: 15px;
              object-fit: cover;
              transition: transform 0.3s ease;
          }
  
          .product-item:hover img {
              transform: scale(1.1);
          }
  
          .product-info {
              position: absolute;
              bottom: 20px;
              left: 20px;
              color: white;
          }
  
          .product-info .label {
              font-size: 14px;
              background-color: rgba(0, 0, 0, 0.7);
              padding: 2px 8px;
              border-radius: 4px;
              margin-bottom: 5px;
              display: inline-block;
          }
  
          .product-info .name {
              font-size: 20px;
              font-weight: bold;
          }
  
          
          /* Footer Styles */
      .footer {
        background-color: #edc9f9;
        color: black;
        padding-top: 5rem;
        padding-bottom: 4rem;
        font-family: 'Poppins', sans-serif;
      }
      .footer-title {
          font-size: 2rem;
        font-weight: 700;
        margin-bottom: 1rem;
        color: #f04e41;
        text-transform: uppercase;
      }
      .footer-logo {
        max-width: 200px;
        margin-top: 1rem;
        border: none;
        border-radius: 200%;
      }
  
      
        .social-icons a {
          font-size: 1.8rem;
          margin-right: 1rem;
          color: black;
          transition: color 0.3s ease, transform 0.3s ease, text-decoration 0.3s ease;
          position: relative;
        }
  
        .social-icons a::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -4px; /* Adjust position based on your desired distance from the icon */
          width: 0;
          height: 2px;
          background-color: #b666d2;
          transition: width 0.3s ease;
        }
  
        .social-icons a:hover {
          color: #9955bb;
        }
  
        .social-icons a:hover::after {
          width: 100%;
        }
  
      ul {
        list-style-type: none;
        padding: 0;
      }
      ul li a {
        text-decoration: none;
        color: black;
        transition: color 0.3s ease, text-decoration 0.3s ease;
        position: relative;
      }
  
      ul li a::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 2px;
        background-color: #b666d2;
        transition: width 0.3s ease;
      }
  
       ul li a:hover {
        color: #9955bb;
      } 
  
      ul li a:hover::after {
        width: 100%;
      }
  
  
      .header-logo a{
        display: flex;
        align-items: center;
        justify-content: center;
     }