body {
      font-family: 'Roboto Condensed', sans-serif;
    }
    .navbar {
            background: rgb(0,100,90); 
background: linear-gradient(180deg, rgba(0,100,90,1) 0%, rgba(50,179,165,1) 100%);
border: 1px solid #01877c;
    }
    .navbar .nav-link,
    .navbar .navbar-brand {
      color: #fff !important;
      font-weight: 500;
    }
    .navbar .dropdown-menu {
      font-size: 16px;
    }
    .hedi {
      color: #DC143C;
      text-align: center;
      margin-top: -30px;
    }
    .barcode {
      font-family: 'Libre Barcode 39';
      font-size: 30px;
      margin-bottom: -20px;
    }
    .fade-up {
      opacity: 0;
      transform: translateY(250px);
      transition: all 0.8s ease-out;
    }
    .fade-up.visible {
      opacity: 1;
      transform: translateY(0);
    }
    .style-two {
      border: 0;
      height: 1px;
      background: #ccc;
      margin: 10px 0;
    }
.navbar .dropdown-menu {
  /*background-color: #009787;*/ /* Deep teal, can change */
  background: rgb(0,100,90); 
background: linear-gradient(180deg, rgba(50,179,165,1) 0%, rgba(0,100,90,1) 100%);
  border-radius: 5px;
  border: none;
  padding: 8px 0;
  min-width: 200px;
}
.navbar .dropdown-menu .dropdown-item {
  color: #ffffff;
  font-size: 15px;
  padding: 10px 20px;
  transition: background-color 0.2s ease;
}
.navbar .dropdown-menu .dropdown-item:hover {
  background-color:#006459;  /* Slightly lighter hover */
  color: #fff;
}
.navbar .dropdown-toggle::after {
  color: #fff;
}
.footer {
  background: linear-gradient(180deg, #007d70 0%, #37c7b8 100%);
  color: #fff;
  font-size: 14px;
  border-top: 1px solid #ccc;
}
 #searchInput::placeholder {
    color: #999; /* Change this to your desired color */
    opacity: 1;     /* Optional: Ensures full color visibility */
  }