#logo-ass {
    width: 100px;
    height: auto;
    filter: brightness(10);
}

.navbar {
    box-shadow: 0px 2px 12px 0px rgb(0 0 0 / 20%);
    /* background-color: #fff; */
}

.navbar li a {
    white-space: nowrap;
    color: var(--color-white);
}

.nav-bar-scrolled {
    background-color: var(--color-white);
    transition: background-color 300ms linear;
}

.nav-bar-scrolled li a {
    color: var(--color-black);
    transition: color 500ms linear;
}

.nav-bar-scrolled #logo-ass {
    filter: unset;
}

@media (min-width: 1200px) {
    .navbar li {
        margin-left: 1em;
        margin-right: 1em;
    }

    .custom-nav-link {
        padding-top: 13px;
    }
}

@media (max-width: 1199px) {
    #logo-ass {
        filter: unset;
    }

    .custom-navbar {
        z-index: 1;
        --bs-bg-opacity: 1;
        background-color: var(--color-white) !important;
    }

    .custom-navbar .navbar-toggler {
        /* color: rgba(255, 255, 255, 0.55); */
        /* border-color: rgba(255, 255, 255, 0.1); */
        color: #313131;
    }

    .navbar li {
        margin-left: 0em;
    }

    .navbar li>a {
        color: #313131;
    }

    
}

.dropbtn {
    color: var(--color-white);
}

.nav-bar-scrolled li .dropbtn {
    color: var(--color-black);
    transition: color 500ms linear;
}