@media (max-width: 768px) {
    
}

.navbar .container-fluid {
    align-items: end;
}

.navbar .navbar-brand {
    font-weight: bold;
    font-size: 1.576rem;
    color: #7856dd;
    margin-inline-end: 8px;
}

.offcanvas-body .navbar-nav {
    gap: 10px;
}

.navbar .nav-link {
    color: #7856dd;
}

.navbar {
    transform: translateY(-2px);
}

.nav-scroller {
    transform: translateY(-4px);
}

.mega-menu-wrapper {
    width: calc(100vw - 32px);
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100vh - 190px);
}

.mega-menu {
    padding: 8px;
    background-color: white;
}

    .mega-menu .d1-item>.mega-menu-link-item {
        width: 100%;
        color: var(--bs-light);
        background-color: var(--bs-primary);
        padding: 6px 12px;
        font-weight: bold;
        border-radius: var(--bs-border-radius);
    }

    .mega-menu .d1-list {
        padding-inline-start: 8px;
    }

    .mega-menu .list-items {
        list-style: none;
    }

    .mega-menu .list-item {
        position: relative;
    }

    .mega-menu .list-item .badge {
        position: absolute;
        left: 8px;
        top: 8px;
    }

    .mega-menu .mega-menu-link-item {
        text-decoration: none;
        display: block;
        padding: 4px;
    }