.hover-section:hover {
        color: #000;
    }

    .mega-menu__category-content .flyout-section {
        padding-left: 20px;
    }

    .mega-dropdown a.nav-link.dropdown-toggle {
        position: relative;
    }

    .mega-dropdown .dropdown-menu:before {
        background: none;
        border: none;
        content: "";
    }

    .mega-dropdown a.nav-link.dropdown-toggle[aria-expanded=true]:before {
        background: linear-gradient(135deg, #00bfe9, #00bfe9 50%, #00bfe9 0, #00bfe9 0, #00bfe9 0, rgba(0, 191, 233, 0) 51%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0));
        border-bottom: 0 solid #fff;
        border-right: 0 solid #00bfe9;
        content: "";
        height: 17px;
        left: 35%;
        position: absolute;
        #top: 50px;
        bottom: -20px;
        transform: rotate(45deg);
        width: 17px;
        z-index: 100;
    }

    .mega-menu {
        width: 100%;
        max-width: 100vw;
        #max-width: 900px;
        left: 0;
        right: 0;
        top: 100%;
        margin: auto;

        #position: absolute;

        #width: auto;
        #min-width: 200px;
        #max-width: 100vw;
        #display: flex;
        #flex-wrap: wrap;

        #border-top: 2px solid #007bff;
        #background: #fff;
        #box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }

    .mega-menu-outer {
        display: inline-block;
    }

    .mega-dropdown {
        position: relative;
    }

    .mega-menu__category-header {
        font-size: 1rem;
    }

    .dropdown-menu a.mega-menu__category-link:hover {
        color: #00bfe9;
    }

    .dropdown-menu a.mega-menu__category-link {
        font-size: 1rem;
    }

    .mega-dropdown .dropdown-menu {
        width: 100%;
        border: none;
        padding: 1rem 1.5rem;
    }

    .mega-dropdown.nav-item {
        position: initial;
    }

    .mega-dropdown .dropdown-menu {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        position: absolute !important;
        top: 100%;
        border: none;
        border-top: 4px solid #00bfe9;
        border-radius: 0;
        background: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
        margin-top: -5px;
        padding: 1.5rem;
    }

    .mega-dropdown .dropdown-menu .col-md-3 {
        padding: 0 1.5rem;
    }

    .mega-dropdown h6 {
        margin-bottom: 0.75rem;
        font-weight: 600;
    }

    .mega-dropdown .dropdown-item {
        padding: 0.25rem 0;
    }