/* Navbar styling */
.navbar-custom {
    background-color: black !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar .nav-link {
    color: white !important;
}

.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-brand img {
    position: absolute;
    top: 0;
    left: 0;
    height: 10vw; /* Fluid logo size */
    z-index: 1;
}

.nav-item {
    margin-left: 2vw; /* Fluid margin */
}

/* Responsive adjustment for the logo */
@media (max-width: 767.98px) {
    .navbar-brand img {
        height: 8vw; /* Adjust logo size on smaller screens */
    }

    .nav-item {
        margin-left: 1vw;
    }
}