#logo-header {
    width: 36px;
    height: 36px;
}

@media (max-width: 992px) {
    #logo-header {
        width: 28px;
    }
}

/* nav {
    box-shadow: 0 12px 12px var(--bs-shadow-header);
} */

.nav-link {
    color: var(--bs-light-50);
}

.nav-link:hover {
    color: var(--bs-light-80);
}

.nav-link.on {
    color: var(--bs-light);
}

@media (min-width :1199px) {
    #group-btn-header {
        position: absolute;
        right: 0;
        margin-right: 0.5rem;
    }
}

.navbar-sticky {
    position: fixed;
    top: 0;
    right: 50%;
    transform: translate(50%,0%);
    z-index: 9999;
    animation: backdown .8s ease-out;
}

@media (min-width:1199px) {
    .navbar-sticky {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
}

.navbar-sticky .bg-box {
    box-shadow: 0 0 2px var(--bs-light);
    background-color: var(--bs-primary-50) !important;
    backdrop-filter: blur(8px);
}

@keyframes backdown {
    from{
        top: -10vh;
    }
    to {
        top: 0;
    }
}

.navbar-toggler {
    color: var(--bs-light-50) !important;
    box-shadow: none !important;
    border-color: var(--bs-light-50);
}

#navbar-toggler-show, .collapsed #navbar-toggler-hide {
    display: none;
}

#navbar-toggler-hide, .collapsed #navbar-toggler-show {
    display: block;
}