@media (min-width: 992px) {
    body.frontend:not(.course-layout) .mainNav > ul {
        container-type: inline-size;
        container-name: grant;
        position: relative;
        z-index: 10;
    }
    body.frontend:not(.course-layout) ul.has_subtree.dropdown:has(li:nth-last-child(n+17)) {
        width: 100cqw;
        display: grid !important;
        grid-template-rows: repeat(10, max-content) !important;
        left: 0;
    }
    body.frontend:not(.course-layout) .mainNav>ul li.has_subtree{
        position: initial;
    }
}