body {
      background-color: #f0f2f5;
      padding-top: 65px;
    }

  /* Hover effect for navbar links */
  .navbar .nav-link:hover {
    background-color: #14532d; /* Dark green */
    color: white !important;   /* Ensures text turns white */
    border-radius: 5px;        /* Optional: makes it slightly rounded */
    transition: 0.3s ease;
  }

  /* Optional: for dropdown items hover */
  .dropdown-menu .dropdown-item:hover {
    background-color: #14532d; /* Dark green */
    color: white !important;
  }





  .zoom-expand-hover {
    transition: background-color 0.3s ease, transform 0.3s ease;
  }
  .zoom-expand-hover:hover {
    background-color: #14532d; /* Dark green */
    transform: scale(1.02); /* Slight zoom on hover */
  }
  .zoom-expand-hover:hover .card-title,
  .zoom-expand-hover:hover .card-text {
    color: white; /* Make text readable on dark background */
    transition: color 0.3s ease;
  }
/* Hover effect for all cards in sidebar */
.zoom-expand-hover:hover {
  background-color: #14532d !important; /* Dark green */
  color: white !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Make sure links and icons also turn white inside the card */
.zoom-expand-hover:hover a,
.zoom-expand-hover:hover i,
.zoom-expand-hover:hover p,
.zoom-expand-hover:hover strong {
  color: white !important;
}
/* Optional: Smooth transition on normal state too */
.zoom-expand-hover {
  transition: background-color 0.3s ease, color 0.3s ease;
}
.share-btn-after-image {
  display: inline-block;
  margin-top: 10px;
  float: right;
}