.floating-navbar {
    width: 100%; /* Set navbar width to 80% */
    left: 50%;
    transform: translateX(-50%); /* Center the navbar */
    z-index: 1000; /* Ensure it stays above other content */
    /*border-radius: 15px;*/
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    position: fixed; /* Initially fixed to float over the carousel */
    top: 0%; /* Initial position */
    background-color: rgba(255, 255, 255, 0.95); 
    transition: background-color 0.3s ease, box-shadow 0.3s ease, top 0.3s ease; /* Smooth transition for top */
    /* padding: 5px 10px;  */
    min-height: 50px; 
}

.floating-navbar.sticky {
    position: fixed; /* Keep fixed */
    top: 0; /* Stick to the top */
    width: 100%; /* Full width */
    /*background: #00000094;*/
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); /* Shadow effect when sticky */
    border-radius: 0; /* Remove rounded edges for full width */
}

.floating-navbar:hover {
    /*background-color: rgba(255, 255, 255, 0.9); */
}

.floating-navbar #navbarCollapse .nav-item:last-child {
    margin-right: 25px;
}

.navbar-brand img {
    height: 69px; /* Further reduce logo height */
}

.navbar-nav .nav-link {
    font-size: 12px; /* Further reduce font size for links */
    padding: 5px; /* Adjust padding for smaller spacing */
}

.navbar-dark .navbar-toggler-icon {
    background-color: #103b64
}

@media (max-width: 768px) {
    .floating-navbar {
        /* width: 90%;  */
        min-height: 50px; 
    }

    .floating-navbar .dropdown-menu {
        background-color: #000000b5;
    }

    .floating-navbar #navbarCollapse .nav-item {
        margin-left: 20px;
    }

    .navbar-toggler {
        display: block; /* Ensure it's visible on mobile */
    }
}