body{
    font-family: 'Poppins', sans-serif;
}



/* ===============================
   CATEGORY BUTTONS
=================================*/
.category-btns {
    text-align: center;
    margin-bottom: 50px;
}

.category-btns a {
    border: 2px solid #ff6a00;
    padding: 10px 22px;
    border-radius: 30px;
    margin: 8px;
    display: inline-block;
    text-decoration: none;
    color: #ff6a00;
    font-weight: 500;
    transition: 0.3s;
}

.category-btns a:hover,
.category-btns a.active {
    background: #bdbdbd;
    color: #fff;
    transform: translateY(-3px);
}

/* ===============================
   PRODUCT CARD
=================================*/
.product-card {
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.4s;
    overflow: hidden;
    background: #fff;
}

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

.product-card img {
    height: 220px;
    object-fit: cover;
    width: 100%;
    transition: 0.4s;
}

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

.product-body {
    padding: 20px;
}

.product-title {
    color: #ff6a00;
    font-weight: 600;
}

.product-buttons .btn {
    border-radius: 30px;
    padding: 6px 18px;
    font-size: 14px;
}

.section-title {
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}

/* Smooth Scroll */
html {
  scroll-behavior: smooth;
}






/* ===============================
   BUTTON STYLING
================================ */
.contact-btn {
  background: linear-gradient(135deg, #0d6efd, #084298);
  border: none;
  padding: 12px 45px;
  font-weight: 600;
  letter-spacing: 0.4px;
  transition: all 0.35s ease;
}

/* Button Hover */
.contact-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(13, 110, 253, 0.4);
}

/* Button Click */
.contact-btn:active {
  transform: scale(0.96);
}
body {
    margin: 0;
    padding: 0;
}

.header_area {
    margin-top: 0 !important;
}
/* Show dropdown on hover (Desktop only) */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}
.dropdown-menu {
  border: none;
  border-radius: 0;
  padding: 0;
  min-width: 260px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.dropdown-item {
  padding: 14px 18px;
  font-size: 15px;
  color: #333;
  border-bottom: 1px solid #eee;
}

/* .dropdown-item:hover {
  background-color: #379600;
  color: #fff;
} */
/* Dropdown Item Spacing */
.dropdown-menu {
    padding: 15px 0;
    min-width: 260px;   /* makes dropdown wider */
}

.dropdown-menu .dropdown-item {
    padding: 12px 25px;   /* vertical + horizontal spacing */
    font-size: 15px;
    transition: 0.3s;
}
/* Hover effect */
/* .dropdown-item:hover {
  background-color: #379600; 
  color: #fff;
} */
/* .dropdown-menu .dropdown-item:hover {
    background-color: #f3f9ee;
    color: #2e7d32;
} */
.organic-breadcrumb3 {
  background:
    linear-gradient(rgba(0, 0, 0, 0.315), rgba(0, 0, 0, 0.315)),
    url("../img/index_all7.png") center no-repeat;
  background-size: cover;
  height: 600px;   /* Set your required height */
  display: flex;
  align-items: center;
  color: black;
}
.organic-breadcrumb3 h1 {
  color: white !important;
  font-weight: 700 !important;
 padding-bottom: 500px;
  margin-top: 150px;
}
/* ===== Company Overview Section ===== */

.aa-overview {
    padding: 100px 0;   /* top & bottom spacing */
}

.aa-section-tag {
    color: #2e7d32;      /* Green color */
    font-weight: 700;    /* Bold */
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
}

.aa-section-title {
    font-size: 42px;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
}

/* Extra space between previous section */
.about-split-section {
    padding-bottom: 80px;
}

/* Responsive */
@media (max-width: 768px) {
    .aa-overview {
        padding: 60px 0;
    }

    .aa-section-title {
        font-size: 28px;
    }

    .aa-section-tag {
        font-size: 16px !important;
    }
}
body {
    padding-top: 100px; /* adjust according to navbar height */
}
.header_area {
    z-index: 9999;
}
/* Product Card Hover Effect */
.card {
    border-radius: 15px;
    transition: all 0.4s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    
  
}

.card:hover{
    
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    transform: translateY(-10px) rotate(1deg);
}

/* Title Animation */
.card h6 {
    transition: all 0.3s ease;
}

.card:hover h6 {
    color: #198754; /* Bootstrap success green */
    transform: scale(1.05);
}

/* Optional Background Hover Overlay */
.card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, #198754, #28a745);
    transition: 0.4s ease;
    z-index: 0;
    opacity: 0.05;
}

.card:hover::before {
    height: 100%;
}
.dropdown-menu {
  border: none;
  border-radius: 0;
  padding: 0;
  min-width: 260px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

/* Dropdown items */
.dropdown-item {
  padding: 14px 18px;
  font-size: 15px;
  color: #333;
  border-bottom: 1px solid #eee;
}

/* Hover effect
.dropdown-item:hover {
  background-color: #379600; /* golden highlight */
  /* color: #fff;
} */ 

/* Remove last border */
.dropdown-item:last-child {
  border-bottom: none;
}
.product-card{
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.product-card:hover{
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.18);
}
/* Hover effect */
.dropdown-item:hover {
  background-color: #379600; /* golden highlight */
  color: #fff;
}
.dropdown-menu .dropdown-item {
    transition: all 0.3s ease;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #2ea300; /* green color */
    color: black;
}