#navbar {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); /* Optional shadow for depth */
  background-color: #a7c957 !important;
}
#navbar ul {
  font-weight: 400;
}

#home-btn {
  transition: transform 0.3s ease;

}
#home-btn:hover {
  background-color: #3b3b3b;
  transform: scale(1.05);
}
.navbar-toggler {
  background-color: #ffff;
  border-radius: 15%;

}
.nav-link {
    color: rgb(24, 24, 24) !important;
}
.navbar-brand {
    color: rgb(236, 236, 236) !important;
}
.nav-link:hover {
    color: #d48e8e !important;
}
.active {
  color: #f26b6b !important;
}
@media (max-width: 991px) {
  #navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050; /* higher than most content */
  }

  body {
    padding-top: 60px; /* adjust to navbar height */
  }
}

@media (min-width: 992px) {
  #navbar {
    border-radius: 0px;
  }
}