.navbar {
    padding: 20px 10%;
    height: 81px;
    background-color: transparent !important;
    position: fixed;
    width: 100%;
    z-index: 999;

}


.navbar.scrolled {
    backdrop-filter: blur(10px)
}


.navbar .navbar-brand {
    width:60px
}
.navbar .navbar-brand img {
    width: 100%;
    object-fit: cover;
}

.navbar .nav-link {
    color: var(--light-blue)
}


.navbar .nav-link.pricing{
    background-color: var(--white);
    border-radius: 20px;
    padding: 5px 15px;
    color:var(--black)
}
.navbar .nav-link.active {
    font-weight: bold;
    color: var(--yellow) !important;

}

.navbar .navbar-toggler{
    color: var(--white) !important;
}
.navbar .navbar-toggler:focus{
    box-shadow: none;
}
.navbar .navbar-collapse{
    transition: all 0.1s ease-in-out;
}


.navbar .navbar-collapse.collapse.show .nav-link.pricing{
    background-color: transparent;
    color: var(--white);
    padding: 0;
}



@media only screen and (max-width: 991px) {
    .navbar {
        padding: 20px 0;

    }
    .navbar .navbar-brand{
        width: 35px;
    }
    .navbar .navbar-collapse.collapse.show{
        background: linear-gradient(180deg, rgb(0, 0, 0) 0%, var(--gray) 100%);
        padding: 10px 3%;
    }
}