#header,
#header .header-inner {
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    border-bottom: 1px solid #e0e3e8;
}

#header.header-sticky .header-inner,
#header.header-sticky #header-wrap {
    transition: none !important;
    top: 0 !important;
    position: fixed !important;
    width: 100% !important;
}

#header.header-sticky.sticky-active .header-inner,
#header.header-sticky.sticky-active #header-wrap {
    transition: none !important;
    top: 0 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}

#header #logo a span,
#header #logo a .logo-default,
#header.header-sticky #logo a span,
#header.header-sticky.sticky-active #logo a span {
    color: #1a1a2e !important;
    display: inline-block !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
}

#header .header-inner #logo a [class*="logo-"] {
    display: inline-block !important;
}

#header #mainMenu nav > ul > li > a {
    color: #344054 !important;
    font-weight: 500;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    padding: 8px 14px !important;
    border-radius: 8px;
    transition: all 0.2s;
}

#header #mainMenu nav > ul > li > a:hover {
    color: #4154f1 !important;
    background: rgba(65,84,241,0.06);
}


#header.header {
    background-color: #f8f9fa !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    border-bottom: 1px solid #e0e3e8;
}

#header.header .logo span,
.header .logo span {
    color: #1a1a2e !important;
}

.header-nav .nav-profile span {
    color: #333 !important;
}

.header-nav .nav-link {
    color: #555 !important;
}

.header-nav .nav-link:hover {
    color: #1a1a2e !important;
}