.navbar {
      transition: all 0.4s ease;
    }

    .navbar-brand img {
      max-height: 50px;
    }

    .navbar-nav .nav-link {
      color: white;
      position: relative;
      padding: 10px 15px;
      transition: all 0.3s ease;
    }

    .navbar-nav .nav-link::after {
      content: '';
      position: absolute;
      width: 0;
      height: 2px;
      left: 0;
      bottom: 5px;
      background-color: #ffc107;
      transition: 0.4s;
    }

    .navbar-nav .nav-link:hover::after,
    .navbar-nav .nav-link.active::after {
      width: 100%;
    }

    .navbar-nav .nav-link:hover {
      color: #ffc107;
    }

    /* Sticky navbar shrink effect (optional) */
    .navbar.shrink {
      padding-top: 5px;
      padding-bottom: 5px;
      background-color: #212529 !important;
    }