.page-header {
    .ubermenu-nav {
        gap: 0;
    }

    .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
        margin-top: 0;
    }

    .ubermenu-submenu > .ubermenu-item:last-child .header-box {
        margin-bottom: 0;
    }

    .ubermenu-nav .ubermenu-submenu .ubermenu-target {
        -webkit-text-fill-color: var(--near-black);
        text-transform: capitalize;
    }

    .ubermenu .ubermenu-row:after {
        display: none;
    }

    .ubermenu-sub-indicator:before {
        content: "\e901";
        font-family: 'mws-icons';
    }

    .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
        -webkit-text-fill-color: var(--bright-blue);
        font-size: 14px;
        right: 5px;
        line-height: 1;
        transition: transform 0.3s ease-in-out;
    }

    .ubermenu-item.ubermenu-active {
        > a,
        > i {
            -webkit-text-fill-color: var(--bright-red) !important;
        }

        > i {
            &:before {
                content: "\e914";
            }
        }

        > a > .ubermenu-custom-icon > i {
            background: var(--red-linear);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }

    .ubermenu-sub-indicators .ubermenu-has-submenu-drop.ubermenu-item-level-0.ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator,
    .ubermenu-sub-indicators .ubermenu-has-submenu-drop.ubermenu-item-level-0:hover >.ubermenu-target>.ubermenu-sub-indicator {
        transform: translateY(-50%) rotate(180deg);
    }

    .ubermenu-sub-indicators .ubermenu-has-submenu-drop.ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator,
    .ubermenu-sub-indicators .ubermenu-has-submenu-drop:hover >.ubermenu-target>.ubermenu-sub-indicator {
        -webkit-text-fill-color: var(--bright-red);
    }

    .ubermenu .ubermenu-row {
        display: flex;
        flex-wrap: wrap;
    }

    .ubermenu .ubermenu-submenu .ubermenu-column {
        float: none;
    }

    .ubermenu .ubermenu-submenu .ubermenu-column > .ubermenu-submenu {
        .ubermenu-item {
            margin-bottom: 10px;
        }

        .ubermenu-item-has-icon:last-child {
            margin-top: auto;
        }
    }

    .ubermenu-nav .ubermenu-submenu .ubermenu-target.has-icon {
        background: var(--bright-blue-linear);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .ubermenu-custom-icon {
        margin-bottom: 12px;

        i {
            font-size: 36px;
            background: var(--bright-blue-linear);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }

    .ubermenu .ubermenu-item.ubermenu-in-transition>.ubermenu-submenu-type-flyout {
        overflow: initial !important;
    }

    .ubermenu-item > .ubermenu-sub-indicator {
        background: var(--bright-blue-linear, linear-gradient(90deg, #0071CE 0%, #004883 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 25px;
        width: 54px;
        height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 36px;
        z-index: 20;
        font-weight: normal;

        &:before {
            content: "\e915";
            font-family: 'mws-icons';
        }
    }

    .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close {
        display: none !important;
    }

    .ubermenu-item.link-with-arrow > .ubermenu-target:after {
        content: "\e90d";
        font-family: 'mws-icons';
        margin-left: auto;
        font-size: 30px;
        display: inline-block;
        vertical-align: middle;
        font-weight: normal;
    }

    .ubermenu-responsive.ubermenu-responsive-collapse .ubermenu-item.header-mobile-links {
        .ubermenu-submenu {
            display: block;
            margin-block: 10px;

            .ubermenu-target {
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                text-transform: capitalize;
                background: var(--bright-blue-linear, linear-gradient(90deg, #0071CE 0%, #004883 100%));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;

                &:after {
                    content: "\e90d";
                    font-family: 'mws-icons';
                    margin-left: 10px;
                    font-size: 20px;
                    display: inline-block;
                    vertical-align: middle;
                }
            }
        }
    }
}

@media (min-width: 1200px) {
    .page-header {
        .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
            position: fixed;
            left: 0;
            right: 0;
            width: 100%;
            margin: 30px auto 0;
            padding: 20px 30px;
            /* padding: 40px 50px 45px; */

            .ubermenu-row {
                width: 100%;
                margin-bottom: 0;
            }
        }

        .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-type-flyout {
            padding: 30px 25px;
            width: 300px;

            > .ubermenu-item:not(:last-child) {
                margin-bottom: 18px;
            }

            > .ubermenu-item > .ubermenu-target {
                padding-block: 0;
            }

            .ubermenu-submenu-type-flyout {
                margin-left: 40px;
            }
        }

        .ubermenu .ubermenu-item .ubermenu-submenu-drop {
            border-radius: 20px;
            background-color: var(--white);
            box-shadow: none;
            border: 3px solid var(--light-blue);
            box-shadow: 0 4px 25px 4px rgba(59, 166, 255, 0.1);
            transition: box-shadow 0.3s ease-in-out;
            margin-top: 18px;
        }

        .ubermenu .ubermenu-item .ubermenu-submenu-drop

        .ubermenu .ubermenu-autocolumn,
        .ubermenu .ubermenu-submenu-type-stack {
            padding-bottom: 0;
        }

        .ubermenu-nav .ubermenu-submenu .ubermenu-target {
            padding-inline: 0;
        }

        .ubermenu-nav .ubermenu-submenu .ubermenu-target.has-icon {
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
        }

        .ubermenu-nav .ubermenu-submenu .ubermenu-target.has-icon:hover,
        .ubermenu-target:hover > .ubermenu-custom-icon i {
            background: var(--red-linear);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            /* font-size:40px; */
        }

        .ubermenu .ubermenu-submenu .ubermenu-column > .ubermenu-submenu {
            .ubermenu-item {
                margin-bottom: 10px;
            }
    
            .ubermenu-item-has-icon:last-child {
                margin-top: auto;
            }
        }

        .ubermenu-item.link-with-arrow > .ubermenu-target:after {
            margin-left: 15px;
            display: inline-block;
            vertical-align: middle;
        }

        .ubermenu-nav .ubermenu-submenu .ubermenu-target:hover {
            -webkit-text-fill-color: var(--bright-red);
        }
    }

    

    .page-header:not(.js-scrolled) {
        .ubermenu .ubermenu-item .ubermenu-submenu-drop {
            box-shadow: 0 4px 25px 4px transparent;
        }

        .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
            width: calc(100% - 126px);
            max-width: calc(var(--container-max-width) - 126px);
        }
    }

    .ubermenu-item-has-icon > .ubermenu-target > .ubermenu-sub-indicator {
        display: none;
    }
}

@media (max-width: 1199px) {
    .page-header {
        .ubermenu-responsive.ubermenu-responsive-collapse {
            display: block;
            visibility: visible;
            max-height: none;
            background-color: var(--white);
        }

        .ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
            display: none;
        }

        .ubermenu a.ubermenu-target,
        .ubermenu-trigger-click .ubermenu-has-submenu-drop > .ubermenu-target {
            -webkit-text-fill-color: var(--near-black);
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 {
            background-color: var(--light-blue);
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0.header-mobile-links {
            background-color: var(--white);
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0.ubermenu-active {
            background-color: #FFF5F6;
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0:not(:last-child) {
            margin-bottom: 5px;
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
            padding-inline: 52px;
            padding-block: 14px;
            font-size: 20px;
            background: var(--bright-blue-linear, linear-gradient(90deg, #0071CE 0%, #004883 100%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .ubermenu .ubermenu-item-has-children,
        .ubermenu-responsive .ubermenu-item.ubermenu-has-submenu-flyout {
            position: relative;
        }

        .ubermenu-responsive.ubermenu-responsive-collapse .ubermenu-item .ubermenu-submenu {
            position: relative;
            padding-top: 0;
        }

        .ubermenu-submenu .ubermenu-item-has-icon > .ubermenu-submenu {
            display: none;
        }

        .ubermenu-responsive.ubermenu-responsive-collapse .ubermenu-item.ubermenu-active > .ubermenu-submenu {
            display: block;

            .ubermenu-item-level-0 > .ubermenu-submenu,
            .ubermenu-item-level-3 > .ubermenu-submenu,
            .ubermenu-item-level-2 > .ubermenu-submenu,
            .ubermenu-item-level-4 > .ubermenu-submenu,
            .ubermenu-item-level-6 > .ubermenu-submenu,
            .ubermenu-item-level-7 > .ubermenu-submenu {
                display: block;
            }
        }

        .ubermenu .ubermenu-item .ubermenu-submenu-drop {
            box-shadow: none;
            background-color: var(--white);
        }

        .ubermenu .ubermenu-row,
        .ubermenu .ubermenu-autocolumn,
        .ubermenu .ubermenu-submenu-type-stack {
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .ubermenu-nav .ubermenu-submenu .ubermenu-target.has-icon {
            display: flex;
            align-items: center;
            font-size: 20px;
            font-weight: 700;

            .ubermenu-target-title {
                display: inline-block;
                padding-right: 30px;
            }
        }

        .ubermenu-nav .ubermenu-submenu .ubermenu-target {
            font-size: 16px;
            padding: 12px 52px;
        }

        .ubermenu .ubermenu-submenu .ubermenu-column > .ubermenu-submenu .ubermenu-item {
            margin-bottom: 0;
        }

        .ubermenu-custom-icon {            
            margin-right: 10px;
            margin-bottom: 0;

            i {
                font-size: 30px;
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }

        .ubermenu-nav .ubermenu-submenu .ubermenu-target {
            font-weight: 500;
        }

        .ubermenu-item-has-icon.ubermenu-active {
            .ubermenu-custom-icon > i {
                background: var(--red-linear);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
        }

        .ubermenu-item-level-3 > .ubermenu-submenu {
            margin-block: 20px;
        }

        .ubermenu-item-has-icon > .ubermenu-submenu {
            margin-bottom: 10px;
            margin-top: 10px;
            padding-left: 5px;
        }
    }
}

@media (max-width: 767px) {
    .page-header {
        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
            padding-inline: 22px;
        }

        .ubermenu-item > .ubermenu-sub-indicator {
            right: 10px;
        }

        .ubermenu-nav .ubermenu-submenu .ubermenu-target {
            padding: 12px 22px;   
        }
    }
}