#mega-menu-wrap-nav #mega-menu-nav > li.as-mega-search-item > a.as-mega-search-trigger:focus-visible,
#mega-menu-wrap-nav #mega-menu-nav > li.as-mega-close-item > a.as-mega-close-trigger:focus-visible {
    outline: 2px solid #077ed9 !important;
    outline-offset: 4px;
}

@media screen and (min-width: 1024px) {
    #mega-menu-wrap-nav #mega-menu-nav > li.as-mega-search-item {
        margin-left: 1.25rem;
        margin-right: 0;
    }

    #mega-menu-wrap-nav #mega-menu-nav > li.as-mega-search-item > a.as-mega-search-trigger {
        background-image: url('../images/icons/ic-search--hover.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        color: transparent !important;
        display: block;
        font-size: 0 !important;
        height: 1.75rem;
        min-width: 1.75rem;
        padding-left: 0.75rem !important;
        padding-right: 0 !important;
        width: 1.75rem;
    }

    #mega-menu-wrap-nav #mega-menu-nav > li.as-mega-search-item > a.as-mega-search-trigger:hover,
    #mega-menu-wrap-nav #mega-menu-nav > li.as-mega-search-item > a.as-mega-search-trigger:focus-visible {
        background-image: url('../images/icons/ic-search.svg');
    }

    #mega-menu-wrap-nav #mega-menu-nav > li.as-mega-close-item {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    #mega-menu-wrap-nav #mega-menu-nav > li.as-mega-close-item {
        display: block !important;
        margin: 0 !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
    }

    #mega-menu-wrap-nav #mega-menu-nav > li.as-mega-close-item > a.as-mega-close-trigger {
        align-items: center;
        color: transparent !important;
        display: flex !important;
        font-size: 0 !important;
        height: 3rem !important;
        justify-content: center;
        padding: 0 !important;
        width: 3rem !important;
    }

    #mega-menu-wrap-nav #mega-menu-nav > li.as-mega-close-item > a.as-mega-close-trigger::before {
        color: #00487d;
        content: '\00d7';
        font-family: Arial, sans-serif;
        font-size: 2rem;
        line-height: 1;
    }
}