.navbar {
    border-bottom: 1px solid #333;
}

.nav-link {
    margin: 0 10px;
    font-size: 1.1rem;
}

.navbar-toggler {
    border-radius: 8px;
    padding: 8px;
    border: 1px solid white;
}



  .navbar-toggler-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="white" d="M0 4h30v2H0zm0 7h30v2H0zm0 7h30v2H0z"/></svg>');
  }
.navbar-collapse {
   
    padding: 1rem;
    z-index: 999;
}

.navbar-nav .nav-link {
    color: white !important; /* Явно задаём белый цвет */
}

.navbar-nav .nav-link:hover {
    color: #adb5bd !important; /* Светло-серый при наведении */
}