/* Active nav link style for mobile only */
@media (max-width: 991.98px) {
  .navbar-nav .nav-link.active {
    background-color: #1F9BDF !important;
    color: #fff !important;   /* optional: make text white */
    border-radius: 0.375rem;  /* optional: rounded edges */
  }
}

/* Only apply on small screens (below lg breakpoint) */
@media (max-width: 991.98px) {
  .offcanvas-body .nav-link i {
    color: #1F9BDF !important;
  }
}

@media (max-width: 991.98px) {
  .dropdown-menu .dropdown-item.active,
  .dropdown-menu .dropdown-item.active:focus,
  .dropdown-menu .dropdown-item.active:hover {
    color: #FFFFFF !important;
    background-color: #1F9BDF !important;
  }
}



.dropdown-menu .dropdown-item.active {
    color: #FFFFFF !important;          /* white text */
    background-color: #1F9BDF !important; /* blue background (change if needed) */
  }