/* Navbar background */
.navbar {
  background-color: #103E5B;
}

/* Ensure logo has padding */
.navbar-brand {
  padding-left: 1rem; /* Adds space from the left edge */
}

/* Navbar toggle button (hamburger menu) */
.navbar-toggler {
  margin-right: 1rem; /* Space between the menu and right edge */
}

/* Navigation links */
.navbar-nav .nav-link {
  color: #103E5B;
  font-weight: bold;
  /* Better spacing */
  transition: color 0.3s;
}

/* Hover effect */
.navbar-nav .nav-link:hover {
  color: #FF9929;
}

/* Style for dropdown items */
.navbar-nav .dropdown-menu .dropdown-item {
  font-weight: bold;
  color: #103E5B !important;  /* Set text color to blue */
  transition: background-color 0.3s, color 0.3s; /* Smooth hover transition */
}

/* Hover effect for dropdown items */
.navbar-nav .dropdown-menu .dropdown-item:hover {
  background-color: transparent !important;  /* Set background to orange */
  color: #FF9929 !important;  /* Ensure text is readable */
}

/* Active state for dropdown items */
.navbar-nav .dropdown-menu .dropdown-item.active {
  color: blue !important;  /* Keep the text color blue */
  background-color: transparent !important;  /* Avoid background color change */
}

/* Mobile-specific adjustments */
@media (max-width: 991px) {
  .navbar-brand {
    padding-left: 15px;
  }

  .navbar-toggler {
    margin-right: 15px;
  }
}

@media (max-width: 575px) {
  .navbar-nav .nav-link {
    font-size: 1.1rem;
    padding: 10px;
  }
}