@charset "utf-8";
/* CSS Document */

@media (max-width: 991px) {
      .navbar-scroll {
        background-color: #44474b;
      }
    }
    .navbar-scroll .navbar-brand {
      color: #fff;
    }

    .navbar-scrolled {
      background-color: #44474b;
    }

    .navbar-scrolled .navbar-brand,
    .navbar-scrolled .nav-link,
    .navbar-scrolled .fa-bars {
      color: #fff;
    }

li {
      display: inline-block; /* Or float: left; */
    }

    li a {
      display: block; /* Make the entire link area clickable */
      padding: 10px 20px; /* Add some spacing */
      background-color: #007bff; /* A distinct color for the box */
      color: white; /* Text color */
      text-decoration: none; /* Remove underlines */
    }

    li a:hover {
      background-color: #0056b3; /* Darker shade on hover */
    }