.hover\:animate__fadeIn {
  transition: color 0.5s, background-color 0.5s;
  color: #fff; /* Text is white by default */
 /* background-color: #333; /* Background color is dark gray by default */
}

.hover\:animate__fadeIn:hover {
  color: #007bff; 
  opacity: 1;
  animation: fadeIn 0.5s;
  /* Text turns blue on hover */
 /* background-color: #444; /* Background color changes on hover */
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.default-white {
  color: #fff; /* Text is white by default */
}

.navbar-dark .nav-link {
  color: #fff;
}

:root {
  --bs-color-1: #292a2d;
  --bs-color-2: #171717;
}

.bg-mydark-1 {
  background-color: #292a2d;
}

.bg-mydark-2 {
  background-color: #171717;
}

.neon-blue {
 color: #a3e1f6
}

.title-header {
  color: #a3e1f6
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.container-fluid {
  margin-top: 70px; /* adjust this value to match the height of your navbar */
}