/* style.css */

.hidden {
    display: none !important;
}

.navbar-container {
    display: flex;
    flex-wrap: nowrap;   
    overflow-x: auto;    
    width: 100%;
    padding-bottom: 10px; 
}

.nav-btn {
    flex-grow: 0; 
    flex-shrink: 1;
    white-space: nowrap; 
    overflow: visible; 
    text-overflow: initial;
    margin: 0 5px; 
    padding: 8px 12px; 
}

.btn-custom-blue {
    background-color: #314e82 !important;
    border-color: #314e82 !important;
    color: #ffffff !important;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.btn-custom-blue:hover {
    background-color: #99afd7 !important;
    border-color: #99afd7 !important;
    color: #314e82 !important;
    cursor: pointer;
}

.nav-btn:hover {
    background-color: #99afd7 !important;
    border-color: #99afd7 !important;
    color: #314e82 !important;
}

.nav-btn.active {
    background-color: #314e82 !important;
    border-color: #314e82 !important;
    color: #ffffff !important;
}