.navbar-nav .nav-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.9rem; /* Adjust font size if needed */
   
}

.navbar-nav .nav-item:not(:last-child) {
    margin-right: 0.5rem; /* Adjust spacing between links */
}

.navbar-nav .dropdown-toggle::after {
    vertical-align: 0; /* Adjust alignment of the dropdown arrow */
}

.btn-outline-primary {
    border-color: #007bff; /* Bootstrap primary color */
    color: #007bff;
}

.btn-outline-primary:hover {
    background-color: #007bff;
    color: white;
}
.opacity-50 {
    opacity: 0.5;
}
.footer h5 {
    color: #343a40; /* Dark gray heading color */
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.footer ul li {
    margin-bottom: 0.5rem;
}

.footer ul li a:hover {
    color: #007bff; /* Bootstrap primary color on hover */
}



.navbar {
    background-color: #00a79d !important; /* Replace with your picked color */
}

/* If your text links become hard to see, you might need to adjust their color */
.navbar-nav .nav-link {
    color: white !important; /* Make links white */
}

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus {
    color: white !important; /* If your brand text needs to change */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); /* Make the hamburger icon white */
}

.btn-outline-primary {
    border-color: white !important;
    color: white !important;
}

.btn-outline-primary:hover {
    background-color: white !important;
    color: #00a79d !important; /* Text color on hover */
}