/* General Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Segoe UI', sans-serif;
}

body {
  background: white;
  color: #333;
}

/* Header Structure */
header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  padding: 15px 30px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  position: sticky;
  top: 0;
  z-index: 999;
  flex-wrap: wrap;
}

/* Logo Left */
.logo img {
  height: 85px;
  margin-left: 10px;
}

/* Navigation Center */
nav {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
}

nav a {
  color: #333;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  transition: 0.3s ease;
}

nav a::after {
  content: '';
  display: block;
  height: 2px;
  width: 0%;
  background-color: #f5c518;
  transition: width 0.3s ease;
  position: absolute;
  bottom: -5px;
  left: 0;
}

nav a:hover::after {
  width: 100%;
}

nav a:hover {
  color: #f5c518;
}

/* Dropdown */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  padding: 10px 15px;
  text-decoration: none;
  color: #333;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #d3d594;
  min-width: 180px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.15);
  z-index: 1000;
  border-radius: 10px;
  overflow: hidden;
}

.dropdown-content a {
  color: #d97706;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
  transition: background 0.3s ease;
}

.dropdown-content a:hover {
  background-color: #fff2e6;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Social Icons */
.social-icons {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-left: 20px;
}

.social-icons img {
  width: 22px;
  height: 22px;
  transition: transform 0.3s ease;
}

.social-icons img:hover {
  transform: scale(1.2);
}

/* Get In Touch Button Right */
.get-touch-btn {
  background-color: #f78a02;
  color: white;
  padding: 10px 18px;
  text-decoration: none;
  font-weight: 600;
  border-radius: 8px;
  margin-left: 20px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  font-size: 15px;
  display: inline-block;
}

.get-touch-btn:hover {
  background-color: #d46d00;
  transform: scale(1.05);
}





/* Banner */



.breadcrumb-with-banner {
  background-image: url('data:image/jpeg;base64,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'); /* Replace with actual image path */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
      padding: 30px 20px;
  position: relative;
  color: #fff;
  text-align: left;
}

.breadcrumb-with-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5); /* dark overlay for text readability */
  z-index: 0;
}

.breadcrumb-content {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
}

.breadcrumb-content h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 10px;
}

.breadcrumb-link {
  color: #fff;
  text-decoration: none;
  margin-right: 5px;
  transition: color 0.3s ease;
}

.breadcrumb-link:hover {
  color: #ffd700;
  text-decoration: none;
}

.breadcrumb-separator {
  color: #fff;
  margin: 0 5px;
  font-weight: bold;
}



/* Hero Section */
.hero-slider {
  position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden;
}

.slides {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}

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

.slides.active {
  display: block;
}

.slide-content {
  position: absolute;
  bottom: 60px;
  left: 50px;
  background: rgba(0, 0, 0, 0.5);
  padding: 25px;
  border-radius: 8px;
  color: white;
}

.slide-content h2 {
  font-size: 36px;
  margin-bottom: 10px;
}

.slide-content p {
  font-size: 18px;
}

/* Nav buttons */
.hero-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.hero-nav button {
  background: rgba(0, 0, 0, 0.6);
  border: none;
  color: white;
  padding: 15px;
  font-size: 24px;
  cursor: pointer;
}

.hero-nav button:hover {
  background: rgba(0, 0, 0, 0.8);
}



/* About Us */
.about-us {
  padding: 60px 20px;
  background-color:#fff2e6;
  font-family: 'Segoe UI', sans-serif;
}

.about-container {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.about-image {
  flex: 1 1 45%;
}

.about-image img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.about-content {
  flex: 1 1 50%;
}

.about-content h2 {
  font-size: 32px;
  margin-bottom: 20px;
  color: #5d3a00;
}

.about-content p {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 15px;
}

.about-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 24px;
  background-color: #5d3a00;
  color: white;
  text-decoration: none;
  border-radius: 30px;
  font-weight: 600;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.about-btn:hover {
  background-color: #7a5011;
  transform: scale(1.05);
}


/* Responsive for mobile */
@media screen and (max-width: 768px) {
  .about-container {
    flex-direction: column;
    text-align: center;
  }

  .about-content {
    padding-top: 20px;
  }
}

/* Introduction */



/* Rotate */

.mid-highlight {
  background-color: #fff2e6;
  padding: 60px 20px;
}

.highlight-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  gap: 40px;
}

.highlight-image {
  flex: 1 1 40%;
  animation: spin 10s linear infinite;
  max-width: 300px;
}

.highlight-image img {
  width: 100%;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.highlight-text {
  flex: 1 1 50%;
}

.highlight-text h2 {
  font-size: 30px;
  color: #150e03;
  margin-bottom: 15px;
}

.highlight-text p {
  font-size: 16px;
  color: #2a0101;
  line-height: 1.7;
}

/* Spin Animation */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Responsive */
@media screen and (max-width: 768px) {
  .highlight-container {
    flex-direction: column;
    text-align: center;
  }

  .highlight-image {
    animation: none; /* Stop spin on small screens if needed */
  }
}


/* .our-products  */
.our-products {
  padding: 60px 20px;
  text-align: center;
  background-color: #ffffff;
}

.our-products h2 {
  font-size: 32px;
  margin-bottom: 40px;
  color: #5d3a00;
}

.product-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

/* Product Card */
.product-card {
  background: linear-gradient(to top left, #f78a02, #ffc88f);
  border-radius: 16px;
  padding: 20px;
  width: calc(25% - 30px); /* 4 per row */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  text-decoration: none;
  color: inherit;
  display: block;
  opacity: 0;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
}

/* Slide Animations from Different Directions */
.product-card:nth-child(4n+1) {
  animation-name: slideFromLeft;
}
.product-card:nth-child(4n+2) {
  animation-name: slideFromTop;
}
.product-card:nth-child(4n+3) {
  animation-name: slideFromBottom;
}
.product-card:nth-child(4n+4) {
  animation-name: slideFromRight;
}

@keyframes slideFromLeft {
  from { opacity: 0; transform: translateX(-60px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes slideFromTop {
  from { opacity: 0; transform: translateY(-60px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideFromBottom {
  from { opacity: 0; transform: translateY(60px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideFromRight {
  from { opacity: 0; transform: translateX(60px); }
  to { opacity: 1; transform: translateX(0); }
}

/* Card Content */
.product-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 15px;
  transition: transform 0.4s ease;
}

.product-card h3 {
  font-size: 20px;
  color: #000;
  margin-bottom: 8px;
}

.product-card p {
  color: #0b0b0b;
  font-size: 14px;
  line-height: 1.4;
}

.product-card:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
}

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

/* Responsive Layout */
@media screen and (max-width: 1024px) {
  .product-card {
    width: calc(33.33% - 20px); /* 3 per row */
  }
}

@media screen and (max-width: 768px) {
  .product-card {
    width: calc(50% - 20px); /* 2 per row */
  }
}

@media screen and (max-width: 480px) {
  .product-card {
    width: 100%; /* 1 per row */
  }
}



/* 
Spices */
.spice-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
  padding: 40px 20px;
  background-color: #fff;
}

.spice-image img {
  width: 100%;
  max-width: 400px;
  border-radius: 10px;
}

.spice-text {
  flex: 1;
  min-width: 300px;
}

.spice-text h1 {
  font-size: 28px;
  margin-bottom: 15px;
}

.spice-text p {
  margin-bottom: 10px;
  color: #444;
  line-height: 1.6;
}

.spice-enquiry-form {
  width: 100%;
  max-width: 300px;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
}

.spice-enquiry-form h2 {
  margin-bottom: 15px;
  font-size: 20px;
}

.enquiry-form input,
.enquiry-form textarea {
  width: 100%;
  padding: 10px 12px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

.enquiry-form button {
  background-color: #c68a00;
  color: #fff;
  border: none;
  padding: 10px;
  width: 100%;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.enquiry-form button:hover {
  background-color: #a56f00;
}

/* Responsive for mobile */
@media (max-width: 768px) {
  .spice-container {
    flex-direction: column;
    align-items: center;
  }

  .spice-enquiry-form {
    max-width: 100%;
  }
}


/* Behind-spice */
.behind-spice {
  padding: 80px 20px;
  background-color: #e7cfac;
  opacity: 0;
  transform: translateY(60px);
  transition: all 1s ease;
}

.behind-spice.visible {
  opacity: 1;
  transform: translateY(0);
}

.behind-content {
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}

.behind-content.reverse .behind-text {
  order: 2;
}

.behind-content.reverse .behind-image {
  order: 1;
}

.behind-text {
  flex: 1 1 50%;
}

.behind-text h2 {
  font-size: 36px;
  margin-bottom: 20px;
  color: #d97706;
}

.behind-text p {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 15px;
}

.behind-image {
  flex: 1 1 45%;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.behind-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

@media screen and (max-width: 768px) {
  .behind-content {
    flex-direction: column;
    text-align: center;
  }

  .behind-content.reverse .behind-text,
  .behind-content.reverse .behind-image {
    order: unset;
  }
}




/* Who We Are */

.who-we-are {
  padding: 60px 20px;
  background-color: #fff9f0;
}

.who-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

.who-text {
  flex: 1;
  min-width: 280px;
}

.who-text h2 {
  font-size: 32px;
  margin-bottom: 20px;
  color: #d97706;
}

.who-text p {
  font-size: 16px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 10px;
}

.enquiry-form {
  flex: 1;
  min-width: 280px;
  max-width: 450px; /* reduced width */
  background-color: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}


.enquiry-form h3 {
  margin-bottom: 20px;
  font-size: 24px;
  color: #5d3a00;
}

.enquiry-form input,
.enquiry-form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
}

.enquiry-form button {
  background-color: #f78a02;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.enquiry-form button:hover {
  background-color: #d46d00;
}

/* Responsive */
@media (max-width: 768px) {
  .who-container {
    flex-direction: column;
  }

  .enquiry-form,
  .who-text {
    width: 100%;
  }
}



/* certificate */

.certificates {
  background: #d3d594;
  padding: 60px 20px;
  text-align: center;
}

.cert-title {
     font-size: 39px;
    color: #ab0606;
  font-weight: bold;
  margin-bottom: 40px;
}

.swiper {
  width: 90%;
  margin: auto;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  max-width: 100%;
  height: 200px;  
  object-fit: contain;
  transition: transform 0.3s;
}

.swiper-slide img:hover {
  transform: scale(1.05);
}

.swiper-button-next,
.swiper-button-prev {
  color: #e79c00;
}


/* Testimoinials */

.testimonials {
  background-color: #e9eb96;
  padding: 70px 20px;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
}

.testimonials h2 {
  font-size: 32px;
  color: #5d3a00;
  margin-bottom: 50px;
  position: relative;
}

.testimonial-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.testimonial-card {
  background-color: #ffffff;
  padding: 30px 20px;
  border-radius: 15px;
  max-width: 300px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.testimonial-card img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 15px;
  border: 3px solid #e3c09f;
}

.testimonial-card h3 {
  font-size: 18px;
  color: #333333;
  margin-bottom: 10px;
  font-weight: 600;
}

.testimonial-card p {
  font-size: 15px;
  color: #555555;
  line-height: 1.6;
}

/* Responsive design */
@media screen and (max-width: 768px) {
  .testimonial-container {
    flex-direction: column;
    align-items: center;
  }

  .testimonial-card {
    width: 90%;
    max-width: 400px;
  }
}

/* sitemap */
.sitemap-section {
  background: #fff8ef;
  padding: 60px 20px;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
}

.sitemap-section h2 {
  font-size: 34px;
  margin-bottom: 10px;
  color: #b85d00;
}

.sitemap-section p {
  font-size: 16px;
  margin-bottom: 40px;
  color: #333;
}

.sitemap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  max-width: 1000px;
  margin: auto;
}

.sitemap-link {
  background: #fff;
  padding: 18px;
  border-radius: 10px;
  text-decoration: none;
  color: #d97706;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, background 0.3s ease;
}

.sitemap-link:hover {
  background: #d97706;
  color: #fff;
  transform: translateY(-4px);
}


/* Contact us */
.contact-section {
  background: #fffef9;
  padding: 60px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.contact-container {
  max-width: 1100px;
  margin: auto;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  align-items: flex-start;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  padding: 40px;
}

.contact-info {
  flex: 1 1 40%;
}

.contact-info h2 {
  font-size: 30px;
  color: #d97706;
  margin-bottom: 20px;
}

.contact-info p {
  font-size: 15px;
  margin-bottom: 20px;
  color: #333;
}

.contact-info ul {
  list-style: none;
  padding: 0;
}

.contact-info ul li {
  margin-bottom: 12px;
  font-size: 14px;
  color: #333;
}

.contact-form {
  flex: 1 1 55%;
}

.contact-form form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.contact-form input,
.contact-form textarea {
  padding: 12px 15px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 14px;
  background: #fafafa;
}

.contact-form textarea {
  resize: vertical;
}

.contact-form button {
  padding: 12px;
  background: #d97706;
  color: white;
  font-size: 16px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.contact-form button:hover {
  background: #b25900;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-container {
    flex-direction: column;
  }
}


 /* Footer  */
.main-footer {
  background: #3c1e1e;
  color: #fff;
  padding: 60px 20px 30px;
  font-family: 'Segoe UI', sans-serif;
}

.footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  max-width: 1200px;
  margin: auto;
}

.footer-col {
  flex: 1 1 250px;
}

.footer-col h4 {
  font-size: 18px;
  margin-bottom: 20px;
  color: #fff;
  position: relative;
}

.footer-col h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 30px;
  height: 2px;
  background: #f5c518;
}

.footer-col ul {
  list-style: none;
  padding: 0;
}

.footer-col ul li {
  margin-bottom: 10px;
}

.footer-col ul li a {
  color: #ddd;
  text-decoration: none;
}

.footer-col ul li a:hover {
  color: #f5c518;
}

.footer-col p {
  color: #ccc;
  font-size: 14px;
  line-height: 1.6;
}

.footer-col i {
  color: #f5c518;
  margin-right: 8px;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: 40px;
  padding-top: 20px;
  text-align: center;
}

.footer-bottom p {
  margin: 0;
  font-size: 14px;
  color: #aaa;
}

.footer-bottom a {
  color: #f5c518;
  text-decoration: none;
}

.social-icons {
  margin-top: 10px;
}

.social-icons a {
  margin: 0 10px;
  color: #fff;
  font-size: 16px;
  transition: 0.3s;
}

.social-icons a:hover {
  color: #f5c518;
}

@media (max-width: 768px) {
  .footer-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-col {
    width: 100%;
  }

  .social-icons {
    margin-top: 15px;
  }
}