/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .dropdown-menu {
        --bs-dropdown-link-hover-bg: var(--select-color-bg);
        --bs-dropdown-link-hover-color: white;
        --bs-dropdown-link-active-color: var(--bs-light-text-emphasis);
        --bs-dropdown-link-active-bg: var(--bs-gray);
    }

    .dropend > .dropdown-menu {
        left: 7px !important;
        margin-left: 0.7rem;
    }

    .dropdown-menu li::before {
        content: "";
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        left: 100%;
        background-color: transparent;
        pointer-events: auto;
    }

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: calc(100% + 3px);
        top: -9px;
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: var(--bs-dropdown-link-hover-bg);
    }

    .dropdown-menu > li:hover > .dropdown-item {
        color: var(--bs-dropdown-link-hover-color);
    }

    .dropdown-menu > li:hover > .submenu {
        display: block;
    }
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }

}

/* ============ small devices .end// ============ */