.input-nav{
     border-radius: 10px;
     outline: none;
     font-size: 1.1em;
     padding: 0 10px;
     line-height: 37px;
     transition: all .1s ease-in-out;
}
.input-nav:focus{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.img-nav{
    height: 50px;
}
.a-navbar{
    background-color: #358e9d;
    border-radius: 10px;
    padding: 13px 25px;
    color: white;
    transition: all .2s ease-in-out;
}
.a-navbar:hover{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
.b-navbar{
    background-color: #7da1c3;
    color: white;
    transition: all .2s ease-in-out;
}
.b-navbar:hover{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
header{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.nav-links
{
    z-index: 99999;
}

@media (max-width: 768px) {
    .input{

        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.profile-nav{
    height: 48px;
    width: 48px;
    object-fit: cover;
    border-radius: 50%;
}
nav{
    max-height: 100px;
}