.navbar{
    background: #f3f1f1;
    height: 80px;
    padding: 0.5rem;
}

.nabvar-toggler{
    border: none;
}

.nabvar-toggler :focus, .btn-close:focus{
    box-shadow: none;
    outline: none;
}

.nav-link{
    color: #666777;
    font-weight: 500;
    position: relative;
}

.nav-link:hover, .nav-link.active{
    color: #000;
}



@media (min-width: 991px){
    .nav-link::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 2px;
        background-color: #009970;
        visibility: hidden;
        transition: 0.3 ease-in-out;
    }
    
    .nav-link:hover::before, .nav-link.active::before{
        width: 100%;
        visibility: visible;
    }
    .navbar-nav {
        justify-content: flex-start; /* Align items to the left in mobile view */
    }
    

}