.about-one .col-lg-6:first-child {
  position: sticky;
  top: 100px;
  /* adjust based on header height */
  height: fit-content;
}

@media(max-width:768px) {
  .about-one .col-lg-6:first-child {
    position: relative;
    top: 0;
    display: block;

  }

 
  .skill-one__wrapper li {
    margin-bottom: 30px;
  }

  .about-one {
    padding-top: 0;
    padding-bottom: 30px !important;
  }

}
@media(max-width:526px){
   .skill-one__wrapper {
    display: block !important;
  }

}
.about-one {
  align-items: flex-start;
}

body {
  overflow-x: hidden;
}

.about-client {
  margin-top: 90px;
}


/* ABOUT SLIDER PROCESS */

/* Section */
.bp-step-section {
  padding: 60px 20px;
  background: #f8f9fb;
}

.bp-step-container {
  max-width: 1100px;
  margin: auto;
}

/* Header */
.bp-step-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  gap: 20px;
  margin-bottom: 40px;
}

/* Wrapper */
.bp-step-titles {
  width: 260px;
  overflow: hidden;
  position: relative;
}

/* Inner slider */
.bp-step-titles-inner {
  display: flex;
  flex-direction: row;
  width: 100%;
  transition: transform 0.5s ease;
}

/* Each step */
.bp-step-titles {
  width: 100%;
  max-width: 520px;
  /* 🔥 increased for long text */
  overflow: hidden;
  position: relative;
  margin: 0 30px;
}

.bp-step-titles-inner {
  display: flex;
  transition: transform 0.5s ease;
}

.bp-step-title {
  flex: 0 0 100%;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #9aa0a6;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: normal;
  /* 🔥 allow wrapping */
  line-height: 1.4;
  padding: 10px 15px;
  /* 🔥 spacing added */
}

.bp-step-title.active {
  color: #111;
  transform: scale(1.05);
}

/* Arrows */
.bp-step-arrow {
  background: #0b1b4f;
  color: #fff;
  border: none;
  width: 45px;
  height: 45px;
  cursor: pointer;
  border-radius: 8px;
  font-size: 18px;
  transition: 0.3s;
}

.bp-step-arrow:hover {
  background: #333;
}

/* Content */
.bp-step-content {
  position: relative;
}

.bp-step-item {
  display: none;
  animation: bpFade 0.5s ease;
}

.bp-step-item.active {
  display: block;
}

/* Layout */
.bp-step-row {
  display: flex;
  align-items: center;
  gap: 40px;
}

.bp-step-col {
  flex: 1;
}

.bp-step-img img {
  width: 100%;
  border-radius: 12px;
  display: block;
}

.bp-step-text h3 {
  font-size: 28px;
  margin-bottom: 15px;
}

.bp-step-text p {
  color: #555;
  line-height: 1.6;
}

/* Animation */
@keyframes bpFade {
  from {
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

  .bp-step-titles {
    max-width: 90%;
  }

  .bp-step-title {
    font-size: 16px;
    padding: 8px 10px;
  }

  .bp-step-arrow {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }

  .bp-step-titles {
    width: 200px;
  }
}

.custom-blogs {
  padding: 60px 0 60px !important;
}


.harvest-section {
  background: #f8f9fb;
}

.harvest-section h2 {
  color: #0f1b4f;
}

/* Table */
.harvest-table table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 950px;
}

/* Header */
/* Make header sticky */
.harvest-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #0f1b4f;
  /* keep your theme color */
  color: #fff;
}

/* Optional: add shadow when stuck */
.harvest-table thead th {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* Sticky first column */
.sticky-col {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
  font-weight: 600;
  text-align: left;
  padding-left: 15px;
}

/* Category row */
.category-row td {
  background: #eaf6ee;
  color: #0f1b4f;
  font-weight: 600;
  text-align: center;
  padding: 10px 15px;
}

/* Cells */
.harvest-table td {
  height: 55px;
  border: 1px solid black;
  position: relative;
  padding: 15px;
}

/* Image cells */
.harvest-table td.has-img {
  background: #f9fbfd;
}

/* Image */
.harvest-table td.has-img img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
  margin: auto;
  transition: 0.3s ease;
  position: relative;
  z-index: 2;
}

/* Soft background highlight */
.harvest-table td.has-img::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 6px;
  background: rgba(68, 160, 91, 0.08);
}

/* Hover effect */
.harvest-table td.has-img:hover img {
  transform: scale(1.4);
}

/* Row hover */
.harvest-table tbody tr:hover {
  background: rgba(68, 160, 91, 0.05);
}


.number-texts {
  font-size: 50px;
  font-weight: 800;

  color: transparent;
  /* removes fill */
  -webkit-text-stroke: 2px #0b2b4a;
  /* outline */
  opacity: 0.7;
  line-height: 1;
  margin-bottom: 10px;
}

.product-detail-para {
  color: var(--alefox-base);
  font-weight: 600;
}

.product-list-custom {
  padding-bottom: 5px;
}

/* TABLE */
.custom-spec-table {
  border: 1px solid #0b2b4a;
}

.custom-spec-table thead {
  background: #0b2b4a;
  color: #fff;
}

.custom-spec-table td {
  font-size: 14px;
}

/* RIGHT SIDE BOX */
.uses-box {
  padding: 20px;
  height: 100%;
}

.uses-title {
  color: #0b2b4a;
  font-weight: 600;
  margin-bottom: 15px;
}

/* LIST */
.uses-list {
  padding-left: 18px;
}

.uses-list li {
  margin-bottom: 10px;
  font-size: 15px;
}

/* ===== Custom Table Styling ===== */

.custom-spec-table {
  border: 1px solid black;
  /* outer border */
  border-collapse: collapse;
}

/* Header */
.custom-spec-table thead th {
  background: #449e5b;
  /* your primary color */
  color: #fff;
  text-align: center;
  font-weight: 600;
  padding: 12px;
  border: 1px solid black;
}

/* Body cells */
.custom-spec-table tbody td {
  padding: 10px 12px;
  border: 1px solid black;
  /* full grid lines */
  font-size: 14px;
}

/* Optional: first column bold */
.custom-spec-table tbody td:first-child {
  font-weight: 600;
  color: #000000;
}

/* Optional hover */
.custom-spec-table tbody tr:hover {
  background: rgba(68, 158, 91, 0.08);
}


/* WRAPPER SCOPE */


/* HEADER */
.product-spec-section .custom-spec-table thead tr {
  background: linear-gradient(135deg, #2e7d32, #43a047);
}

.product-spec-section .custom-spec-table th {
  color: #fff;
  font-weight: 600;
  padding: 16px;
  border: none;
}

/* BODY */
.product-spec-section .custom-spec-table td {
  padding: 14px 16px;
  border-top: 1px solid #f0f0f0;
  transition: all 0.25s ease;
}

/* ROW HOVER */
.product-spec-section .custom-spec-table tbody tr:hover td {
  background: #f4fbf6;
}

/* FIRST COLUMN */
.product-spec-section .custom-spec-table td:first-child {
  font-weight: 600;
  color: #222;
}

/* RIGHT CARD */
.product-spec-section .uses-box {
  background: #ffffff;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
  border-left: 4px solid #43a047;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.product-spec-section .uses-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

/* GLOW EFFECT */
.product-spec-section .uses-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent, rgba(67, 160, 71, 0.08), transparent);
  opacity: 0;
  transition: 0.4s;
}

.product-spec-section .uses-box:hover::before {
  opacity: 1;
}

/* TITLE */
.product-spec-section .uses-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #1b3a2f;
}

/* LIST */
.product-spec-section .product-details__feature {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-spec-section .product-list-custom {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 25px;
  color: #555;
  line-height: 1.6;
  transition: all 0.25s ease;
}

/* LIST HOVER */
.product-spec-section .product-list-custom:hover {
  transform: translateX(6px);
  color: #222;
}

.product-spec-section .custom-spec-table {
  background: #fff;
  /* border-radius: 12px; */
  overflow: hidden;
  border: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* ICON */
.product-spec-section .product-details__feature__icon {
  color: #43a047;
  font-size: 22px;
  transition: all 0.3s ease;
}

/* ICON HOVER */
.product-spec-section .product-list-custom:hover .product-details__feature__icon {
  transform: scale(1.2);
}

.product-spec-section .custom-spec-table thead th:first-child {
  border-right: 2px solid rgba(255, 255, 255, 0.4);
}

.product-spec-section .custom-spec-table {
  background: #fff;
  /* border-radius: 12px; */
  overflow: hidden;
  border: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.spice-tabs {
  display: inline-flex;
  border: 1px solid #ddd;
  border-radius: 50px;
  overflow: hidden;
}

.tab-btn {
  padding: 10px 25px;
  border: none;
  background: #f5f5f5;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s;
}

.tab-btn.active {
  background: #0b1b4f;
  color: #fff;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}


/* MEGA MENU */

/* Parent */
.product-menu {
  position: relative;
}

/* Mega menu container */
.mega-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background: #fff;
  display: none;
  padding: 30px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  z-index: 999;
}

/* Show on hover */
.product-menu:hover .mega-menu {
  display: flex;
  gap: 30px;
}

/* Columns */
.mega-column {
  width: 20%;
}

/* Headings */
.mega-column h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
}

/* Links */
.mega-column ul {
  list-style: none;
  padding: 0;
}

.mega-column ul li {
  margin-bottom: 8px;
}

.mega-column ul li a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
  transition: 0.3s;
}

/* Hover effect */
.mega-column ul li a:hover {
  color: #ff6600;
  padding-left: 5px;
}

/* ========================================= */
/* DEEP NESTED HOVER DROPDOWN FIX            */
/* ========================================= */

/* Apply ONLY on screens 992px and wider (Desktop) */
@media (min-width: 992px) {

  .bp-nested-dropdown {
    position: relative !important;
  }

  /* The flyout menu styling */
  .bp-nested-dropdown>.bp-flyout {
    position: absolute !important;
    left: 100% !important;
    /* Opens to the right of the parent menu */
    top: 0 !important;
    width: 250px !important;
    background-color: #fff !important;
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.3s ease !important;
    z-index: 999 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  /* Show the flyout on hover */
  .bp-nested-dropdown:hover>.bp-flyout {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }

  /* Inner link styling to match your template */
  .bp-nested-dropdown>.bp-flyout>li>a {
    display: block !important;
    padding: 10px 20px !important;
    color: var(--alefox-text, #636363) !important;
    font-size: 15px !important;
    border-bottom: 1px solid #f2f2f2 !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
    /* line-height: 1.5 !important; */
  }

  .bp-nested-dropdown>.bp-flyout>li>a:hover {
    color: var(--alefox-base, #44a05b) !important;
    padding-left: 10px !important;
    background-color: #f6f4ec !important;
  }

}

/* --- SCROLLBAR FOR SPECIFIC MENUS ONLY --- */
.bp-nested-dropdown>.bp-flyout.scrollable-menu {
  max-height: 400px !important;
  overflow-y: auto !important;
}

.bp-nested-dropdown>.bp-flyout.scrollable-menu1 {
  max-height: 100px !important;
  overflow-y: auto !important;
}

/* Scrollbar Styling */
.bp-nested-dropdown>.bp-flyout.scrollable-menu::-webkit-scrollbar,
.bp-nested-dropdown>.bp-flyout.scrollable-menu1::-webkit-scrollbar {
  width: 6px;
}

.bp-nested-dropdown>.bp-flyout.scrollable-menu::-webkit-scrollbar-track,
.bp-nested-dropdown>.bp-flyout.scrollable-menu1::-webkit-scrollbar-track {
  background: #f2f2f2;
  border-radius: 0 0 5px 0;
}

.bp-nested-dropdown>.bp-flyout.scrollable-menu::-webkit-scrollbar-thumb,
.bp-nested-dropdown>.bp-flyout.scrollable-menu1::-webkit-scrollbar-thumb {
  background: var(--alefox-base, #44a05b);
  border-radius: 10px;
}

.bp-nested-dropdown>.bp-flyout.scrollable-menu::-webkit-scrollbar-thumb:hover,
.bp-nested-dropdown>.bp-flyout.scrollable-menu1::-webkit-scrollbar-thumb:hover {
  background: var(--bluepeak-green, #125122);
}

@media only screen and (max-width: 767px) {
.mobile-padding-left{
  padding-left: 20px;
}
.mobile-padding-left1{
  padding-left: 25px !important;
}
}

/* 1. Base setup for the icon */
@media (min-width: 992px) {
    .bp-nested-dropdown .bp-flyout li a {
        position: relative;
        display: flex !important;
        align-items: center;
        transition: all 0.3s ease;
    }

    .bp-nested-dropdown .bp-flyout li a::before {
        content: "";
        width: 0; /* Hidden by default */
        height: 20px;
        margin-right: 0;
        opacity: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transition: all 0.3s ease;
    }

    /* 2. Hover State: Show the icon */
    .bp-nested-dropdown .bp-flyout li a:hover::before {
        width: 25px; /* Reveal width */
        /* margin-right: 10px; */
        opacity: 1;
    }

    /* 3. Map your icons to the data-attributes */
    .bp-nested-dropdown .bp-flyout li a[data-icon="red-chilli"]::before {
        background-image: url('../images/newhome/navbar/red-chilli.webp');
    }

    .bp-nested-dropdown .bp-flyout li a[data-icon="turmeric-finger"]::before {
        background-image: url('../images/newhome/navbar/turmeric-finger.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="nutmeg"]::before {
        background-image: url('../images/newhome/navbar/Nutmeg.webp');
    }
    
    .bp-nested-dropdown .bp-flyout li a[data-icon="cloves"]::before {
        background-image: url('../images/newhome/navbar/Cloves.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="dry-ginger"]::before {
        background-image: url('../images/newhome/navbar/Dry-ginger.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="black-pepper"]::before {
        background-image: url('../images/newhome/navbar/black-pepper.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="green-cardamom"]::before {
        background-image: url('../images/newhome/navbar/Green-Cardamom.webp');
    }
     .bp-nested-dropdown .bp-flyout li a[data-icon="red-chilli-flakes"]::before {
        background-image: url('../images/newhome/navbar/red-Chilli-flakes.webp');
    }
     .bp-nested-dropdown .bp-flyout li a[data-icon="oregano"]::before {
        background-image: url('../images/newhome/navbar/Oregano.webp');
    }
     .bp-nested-dropdown .bp-flyout li a[data-icon="turmeric-powder"]::before {
        background-image: url('../images/newhome/navbar/Turmeric-powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="red-chilli-powder"]::before {
        background-image: url('../images/newhome/navbar/RedChilli-Powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="cumin-powder"]::before {
        background-image: url('../images/newhome/navbar/Cumin-Powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="coriander-powder"]::before {
        background-image: url('../images/newhome/navbar/Coriander-Powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="fenugreek-powder"]::before {
        background-image: url('../images/newhome/navbar/fenugreek-powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="curry-powder"]::before {
        background-image: url('../images/newhome/navbar/curry-powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="nutmeg-powder"]::before {
        background-image: url('../images/newhome/navbar/Nutmeg-Powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="black-pepper-powder"]::before {
        background-image: url('../images/newhome/navbar/Black-Pepper-Powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="ginger-powder"]::before {
        background-image: url('../images/newhome/navbar/Ginger-Powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="cumin-seed"]::before {
        background-image: url('../images/newhome/navbar/Cumin-seed.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="sesame-seed"]::before {
        background-image: url('../images/newhome/navbar/Sesame-Seed.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="fenugreek-seed"]::before {
        background-image: url('../images/newhome/navbar/Fenugreek-Seed.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="fennel-seed"]::before {
        background-image: url('../images/newhome/navbar/Fennel-Seed.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="coriander-seed"]::before {
        background-image: url('../images/newhome/navbar/Coriander-Seed.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="black-mustard-seed"]::before {
        background-image: url('../images/newhome/navbar/Black-Mustard-Seed.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="yellow-mustard-seed"]::before {
        background-image: url('../images/newhome/navbar/Yellow-Mustard-Seed.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="chia-seeds"]::before {
        background-image: url('../images/newhome/navbar/Chia-Seeds.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="black-cumin-seeds"]::before {
        background-image: url('../images/newhome/navbar/Black-Cumin-Seeds.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="flax-seeds"]::before {
        background-image: url('../images/newhome/navbar/Flax-Seeds.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="dill-seeds"]::before {
        background-image: url('../images/newhome/navbar/Dill-Seeds.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="soyabean-seed"]::before {
        background-image: url('../images/newhome/navbar/Soyabean-Seeds.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="ajwain-seed"]::before {
        background-image: url('../images/newhome/navbar/Ajwain-Seeds.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="asaliya-seeds"]::before {
        background-image: url('../images/newhome/navbar/Asaliya-Seeds.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="basmati-rice"]::before {
        background-image: url('../images/newhome/navbar/basmati-rice.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="non-basmati-rice"]::before {
        background-image: url('../images/newhome/navbar/Non-basmati-rice.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="wheat-flour"]::before {
        background-image: url('../images/newhome/navbar/Wheat-Flour.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="yellow-corn"]::before {
        background-image: url('../images/newhome/navbar/Yellow-Corn.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="millets"]::before {
        background-image: url('../images/newhome/navbar/Millets.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="sorghum"]::before {
        background-image: url('../images/newhome/navbar/Sorghum.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="roasted-gram"]::before {
        background-image: url('../images/newhome/navbar/Roasted-Gram.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="cashew"]::before {
        background-image: url('../images/newhome/navbar/Cashew.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="peanuts"]::before {
        background-image: url('../images/newhome/navbar/Peanuts.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="makhana"]::before {
        background-image: url('../images/newhome/navbar/Makhana.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="raisins"]::before {
        background-image: url('../images/newhome/navbar/Raisins.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="onion-powder"]::before {
        background-image: url('../images/newhome/navbar/Onion-Powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="onion-minced"]::before {
        background-image: url('../images/newhome/navbar/onion-minced.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="onion-chopped"]::before {
        background-image: url('../images/newhome/navbar/onion-chopped.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="onion-flakes"]::before {
        background-image: url('../images/newhome/navbar/OnionFlakes.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="onion-granules"]::before {
        background-image: url('../images/newhome/navbar/Onion-Granules.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="garlic-powder"]::before {
        background-image: url('../images/newhome/navbar/Garlic-Powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="garlic-minced"]::before {
        background-image: url('../images/newhome/navbar/Garlic-Minced.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="garlic-chopped"]::before {
        background-image: url('../images/newhome/navbar/garlic-chopped.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="garlic-flakes"]::before {
        background-image: url('../images/newhome/navbar/Garlic-Flakes.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="garlic-granules"]::before {
        background-image: url('../images/newhome/navbar/Garlic-Granules.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="kideney-beans"]::before {
        background-image: url('../images/newhome/navbar/Kidney-Beans.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="masoor-dal"]::before {
        background-image: url('../images/newhome/navbar/Masoor-Dal.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="chana-dal"]::before {
        background-image: url('../images/newhome/navbar/Chana-Dal.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="moong-dal"]::before {
        background-image: url('../images/newhome/navbar/Moong-Dal.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="urad-dal"]::before {
        background-image: url('../images/newhome/navbar/Urad-Dal.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="chickpeas"]::before {
        background-image: url('../images/newhome/navbar/Chickpeas.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="desi-chickpeas"]::before {
        background-image: url('../images/newhome/navbar/Desi-Chickpeas.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="psyllium-seed"]::before {
        background-image: url('../images/newhome/navbar/Psyllium-Seed.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="psyllium-husk"]::before {
        background-image: url('../images/newhome/navbar/Psyllium-Husk.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="psyllium-powder"]::before {
        background-image: url('../images/newhome/navbar/Psyllium-Powder.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="guar-gum-food-grade"]::before {
        background-image: url('../images/newhome/navbar/Guar-Gum-food.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="guar-gum-industrial-grade"]::before {
        background-image: url('../images/newhome/navbar/gaur-gum-industry.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="guar-seed"]::before {
        background-image: url('../images/newhome/navbar/Guar-Seed.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="guar-split"]::before {
        background-image: url('../images/newhome/navbar/Guar-Split.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="guar-churi-meal"]::before {
        background-image: url('../images/newhome/navbar/Guar-Churi-Meal.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="roasted-guar-meal-korma"]::before {
        background-image: url('../images/newhome/navbar/Roasted-Guar-Meal-Korma.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="rapeseed-meal"]::before {
        background-image: url('../images/newhome/navbar/Rapeseed-Meal.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="soybean-meal"]::before {
        background-image: url('../images/newhome/navbar/Soybean-Meal.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="castor-seed-meal"]::before {
        background-image: url('../images/newhome/navbar/Castor-Seed-Meal.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="fresh-onions"]::before {
        background-image: url('../images/newhome/navbar/Fresh-Onions.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="fresh-potatoes"]::before {
        background-image: url('../images/newhome/navbar/Fresh-potatoes.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="fresh-garlic"]::before {
        background-image: url('../images/newhome/navbar/fresh-garlic.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="green-chilli"]::before {
        background-image: url('../images/newhome/navbar/green-chilli.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="lemon"]::before {
        background-image: url('../images/newhome/navbar/lemon.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="ginger"]::before {
        background-image: url('../images/newhome/navbar/Ginger.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="pomegranate"]::before {
        background-image: url('../images/newhome/navbar/pommagranate.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="cottonseed-meal"]::before {
        background-image: url('../images/newhome/navbar/Cottonseed-Meal.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="cottonseed-cake"]::before {
        background-image: url('../images/newhome/navbar/Cottonseed-Cake.webp');
    }
    .bp-nested-dropdown .bp-flyout li a[data-icon="cottonseed-hull"]::before {
        background-image: url('../images/newhome/navbar/Cottonseed-Hull.webp');
    }











    /* Add more here for each product... */
}

/* Sticky WhatsApp Button Styles */
.sticky-whatsapp {
    position: fixed;
    bottom: 30px;
    left: 30px;
    background-color: #25D366; /* Official WhatsApp green */
    color: #FFF;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999; /* Ensures it stays on top of other elements */
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.sticky-whatsapp:hover,
.sticky-whatsapp:focus {
    background-color: #0b1b4f ; /* Darker green on hover */
    color: #FFF;
    transform: scale(1.1);
}

/* Make it slightly smaller on mobile devices */
@media (max-width: 768px) {
    .sticky-whatsapp {
        width: 50px;
        height: 50px;
        font-size: 30px;
        bottom: 20px;
        left: 20px;
    }
}