.nav-font li{
    font-size: 16px;
}
       /* Style the dropdown to open on hover */
.dropdown:hover .dropdown-menu {
display: block;
}

.dropdown-menu {
display: none;
position: absolute;
}

/* Ensure the dropdown is positioned correctly */
.dropdown:hover .dropdown-toggle {
text-decoration: none;
}

.dropdown-menu a {
white-space: nowrap;
}

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

.navbar-sticky {
position: sticky;
top: 0;
width: 100%;
z-index: 1000;
background-color: white; /* Add a shadow for effect */
animation: fadeIn 0.3s ease-in-out; /* Smooth fade-in effect */
}


@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}