.text-primary {
  color: #00005b; 
  /* color: #00005b;  */
}

.bg-primary {
  background-color: #00005b;
}

.border-primary{
  border-color: #00005b;
}

.hover\:bg-primary-dark:hover {
  background-color: #2b4872;
}

.focus\:ring-primary {
  --tw-ring-color: #00005b;
}

/* Hide Scrollbar */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  scrollbar-width: none;
  -ms-overflow-style: none;
}


/* Navbar */

.active-menu {
  border-bottom: 2px solid white; /* Adds a yellow underline to the active menu */
  padding-bottom: 4px; /* Adjusts the space between the text and underline */
}

/* Optional: Add hover effect */
.menu-item:hover {
  border-bottom: 2px solid gray;
  padding-bottom: 4px;
}

.menu-item {
  border-bottom: 2px solid #00005b;
  padding-bottom: 4px;
}


/* BANNER */

.bannerslide {
  transition: transform 0.5s ease-in-out;
}

#bannerslider {
  width: 400%;
}

.bannerslide {
  width: 100vw; 
  flex-shrink: 0;
}