/*
 @author Umar Riaz 
*/
.logo{
  width: 200px !important;
  height: 50px !important;
  object-fit: contain;
}
.navbar {
  background-color: white !important;
  border-bottom: 10px solid transparent; /* Ensures space for the gradient */
  border-image: linear-gradient(to right, #3db28c, #475da7);
  border-image-slice: 1;
}
.nav-item{
  width: fit-content;
  padding: 1%;
  text-align: center;
}
.nav-item:hover {
  color: black;
  border-radius: 5px;
  background: transparent;
  box-shadow: inset 10px 10px 10px rgba(0, 0, 0, 0.169), 4px 6px 12px rgba(0, 0, 0, 0.1), 4px 6px 12px rgba(0, 0, 0, 0.05), inset -10px -10px 15px rgba(255, 255, 255, 0.9);

}

.nav-item.active a {
  /* color: white !important; */
  border-radius: 16px;
  background: #27AE60;
  /* box-shadow: 4px 6px 12px rgba(132, 133, 130, 0.48); */
  box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 1px 3px 1px rgba(60,64,67,0.149);
  background-color: #c2e7ff;
}
.navbar-nav li.active a {
  color: white !important;
  border-radius: 5px;
  /* background: #8CB61D; */
  background: linear-gradient(to right, #3db28c, #475da7);
  box-shadow: 4px 6px 12px rgba(132, 133, 130, 0.48);
}