.navbar-nav {
        gap: 15px; /* Adds spacing between nav items */
      }
      .nav-link {
        padding: 0.5rem 1rem; /* Adjust padding for better click area */
      }
      .navbar-toggler {
        border: none; /* Optional: Removes border from toggler */ 
      }
      .navbar-nav .nav-link {
        padding: 0.75rem 1rem; /* Increases touch-friendly area */
      }
      @media (max-width: 991.98px) { /* Bootstrap lg breakpoint */
      .navbar-nav {
          text-align: center; /* Center-align menu items on mobile */
        }
      }