/* ----------------------------------------------------- NAVBAR -------------------------------------------- */
.navbar{
    transform: translateY(-100%);
    transition: transform 0.5s ease, box-shadow 0.25s ease;
}
.glass-navbar {
    backdrop-filter: blur(8px) saturate(180%);
    -webkit-backdrop-filter: blur(8px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.65);
}
.navbar .nav-link{
    position: relative;
    color: var(--qm);
    opacity: 1;
}
.navbar .nav-link::after{
    content: '';
    opacity: 0;
    transition: all 0.3s;
    height: 2px;
    width: 100%;
    background-color: var(--qm);
    position: absolute;
    bottom: 0;
    left: 0;
}
.navbar .nav-link:hover::after{
    opacity: 1;
}
.offcanvas,
.offcanvas * {
    pointer-events: auto !important;
}