@media (min-width: 64em) {
    .main-navigation li:hover .sub-menu {
        max-height: 70vh;
        overflow-y: auto !important; /* Scrollable when hovering */
    }

    .main-navigation .sub-menu::-webkit-scrollbar {
        width: 3px;
    }

    .main-navigation .sub-menu::-webkit-scrollbar-thumb {
        background: #0077be;
        border-radius: 50px;
width: 3px;
    }

    .main-navigation .sub-menu::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .main-navigation .sub-menu {
        scrollbar-color: #0077be #f1f1f1; /* For Firefox */
        scrollbar-width: thin;
    }
}

.display-none {
display: none !important;
}