/* .navbar {
    height: 90px;
    padding-top: 1% !important;
    padding-bottom: 1% !important;
    background-color: white;
}

.navbar-nav {
    display: flex !important;
    justify-content: center !important;
}


.nav-item {
    align-items: center;
    background-color: #003C55;
    justify-content: center;
    text-align: center;
    border: 1px solid white;
    padding-left: 5%;
    padding-right: 5%;
}


li:hover {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #f87e24;
    color: whitesmoke !important;
}

li {
    color: #fff;
    transition: 0.4s;
}

.nav-link {
    color: white !important;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}


li a {
    white-space: nowrap;
}

li:first-child {
    border-left: hidden;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

li:last-child {
    border-right: hidden;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
} */

.my-navbar-link{
    background-color: #003C55 ;
    color: white !important;
    border: 1px solid white !important;
    padding: 5px 20px;
    text-decoration: none !important;
    transition: 0.4s;
    height: 34px;
    font-size: 13px;
    line-height: 1.7;
}

.selected, .my-navbar-link:hover{
    background-color: #f87e24;
    transition: 0.4s;
}

.my-navbar-link-survey{
    background-color: #003C55 ;
    color: white !important;
    border: 1px solid white !important;
    padding: 5px 20px;
    text-decoration: none !important;
    transition: 0.4s;
    height: 34px;
    font-size: 13px;
    line-height: 1.7;
    border-right: hidden;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}
.my-navbar-link-survey:hover{
    background-color: none;
    transition: 0.4s;
}

.my-navbar{
    justify-content: center !important;
    border-bottom: 2px solid #d5d6d7 !important;
}

.my-navbar-link:first-child{
    border-left: hidden;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.my-navbar-link:last-child{
    border-right: hidden;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.my-navbar-link:not(:first-child):not(:last-child){
    border-top-right-radius: none !important;
    border-top-left-radius: none !important;
}