.navbar {
    width: 100%;
    height: 80px; 
    background-color: none;
    display: flex;
    align-items: flex-start;
    padding: 0 0px;    
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    flex-shrink: 0; 

}
    .navbar .container-fluid {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        /*padding-bottom: 50px;*/
    }

.logo {
    height: 100px;
    width:100%;
    cursor: pointer;
    margin-top:-7px;
    margin-left:-22px;
}
.separator{
    font-size:1.125;
    align-content:center;
}
/*  Navbar Left: Logo & Region Buttons */
.nav-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

/*  Region Buttons */
.regionContainer {
    display: flex;
    gap: 5px;
}

.regionBtn, .langBtn, #ContactUsBtn {
    background: none;
    border: none;
    color: #1e0b38;
    font-size: 1.125rem;
    padding: 3px 8px;
    cursor: pointer;
    text-decoration: none;
    font-family: 'NuovaVolte', sans-serif;
    line-height: 1.33;
}

    .regionBtn:hover, .langBtn:hover, #ContactUsBtn:hover {
        color: #1e0b38;
        text-decoration:underline;
    }

.lang-contact-container {
    display: flex;
    align-items: center; /* Align items vertically in the center */
    gap: 10px; /* Space between buttons */
}


.logout-link {
    color: #1e0b38 !important;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 8px;
    font-family: 'NuovaVolte', sans-serif;
    font-size: 1.125rem;
}

    .logout-link:hover {
        color: #1e0b38 !important;
    }
.active {
    color: #1e0b38;
    font-weight: bold;
    text-decoration: none;
}
.download-link {
    color: #1e0b38;
    font-weight: normal;
    text-decoration: none;
    padding: 5px 8px;
    font-family: 'NuovaVolte', sans-serif;
    font-size: 1.125rem;
}
    .download-link:hover {
        color: #1e0b38;
        text-decoration:underline;
    }