.ThemeGlobal {
    .ImcNavigation {
       --navigation-background: linear-gradient(90deg, #5f7aaa 0%, #002f55 40%, #002f55 100%);
       --navigation-container-background: transparent;
       --navigation-stacked-firstrow-background: transparent;
       --navigation-stacked-secondrow-background: transparent;
       --navigation-shadow: none;
       --navigation-max-width: 1280px;
       --navigation-padding: 0;
       --navigation-logo-padding: 30px 20px;
       --navigation-logo-width: 250px;
       --navigation-logo-height: 46px;
       --navigation-burger-margin: 0;
       --navigation-burger-padding: 13px 20px;
       --navigation-item-padding: 15px 15px 14px;
       --navigation-item-border-size: 0 0 1px 0;
       --navigation-item-line-height: 20px;
       --navigation-item-text-color: #fff;
       --navigation-item-hover-border-color: #fff;
       --navigation-item-hover-text-color: #fff;
       --navigation-item-active-border-color: #fff;
       --navigation-item-active-text-color: #fff;
       --navigation-dropdown-background: #002f55;
       --navigation-dropdown-item-text-color: #fff;
       --navigation-dropdown-item-hover-text-color: #c2c3c6;
       --navigation-dropdown-item-hover-border-color: #fff;
       --navigation-dropdown-item-hover-shadow: inset 3px 0 0 0 #fff;
       --navigation-dropdown-item-active-text-color: #c2c3c6;
       --navigation-dropdown-item-active-border-color: #fff;
       --navigation-search-result-text-color: #fff;
       --navigation-search-result-hover-background: #2c5a90;
       --navigation-search-result-match-text-color: #c8d0e3;
       --navigation-search-result-breadcrumb-text-color: #c8d0e3;
       --navigation-search-result-breadcrumb-divider-color: #c8d0e3;
       --navigation-item-badge-position-top: 6px;
       --navigation-item-badge-border: 1px solid #fff;
       --navigation-dropdown-category-switch-active-border: 1px solid transparent;
       --navigation-mobile-return-item-background: #2c5a90;
       --navigation-mobile-profile-background: #2c5a90;
       /* Second Logo */
        .Logo {
            display: flex;
            justify-content: space-between;
            align-items: center;
            &:after {
                content: 'EMPLOYEE DEVELOPMENT CENTER';
                color: #fff;
                font-family: inherit;
                font-size: 24px;
                line-height: 1.2;
                font-weight: normal;
                text-transform: uppercase;
            }
        }
        .mobileLogo {
            display: block;
            &:after {
                display: block;
            }
        }
    }

    .ImcFooter {
        --footer-background: #2c5a90;
        --footer-item-text-color: #fff;
        --footer-item-hover-text-color: rgba(255,255,255,0.6);
    }
}