.navbar-toggler:focus {
    box-shadow: 0 0 0 0;
}

.navbar-nav a {
    color: var(--clr-1);
}

.navbar .others{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}


.dropdown:hover>.dropdown-menu,
.dropend:hover>.dropdown-menu {
    display: block;
    margin-top: 0.125em;
    margin-left: 0.125em;
    border: none;
    border-radius: 0;
}

@media screen and (min-width: 769px) {
    .dropdown:hover>.dropdown-menu{
        border: none;
        border-radius: 0;
    }
    .dropend:hover>.dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
        border: none;
        border-radius: 0;
    }

    .dropend .dropdown-toggle {
        margin-left: 0.5em;
        border: none;
        border-radius: 0;
    }
}