header {
    background-color: #04203E;
    position: sticky !important;
    top: 0;
    z-index: 1030;
    box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.06), 0 8px 8px -5px rgba(0, 0, 0, 0.04);
    transition: ease .3s !important;
}
button,input,optgroup,select,textarea {
    color: #CCB5E4;
    font: inherit;
    margin: 0;
}
.sf-menu a {
    color: #CCB5E4;
    padding: .5em 1em;
    border-color: transparent;
}
.sf-menu ul li a,
.sf-menu li:hover > ul li a,
.sf-menu li.sfHover > ul li a {
    background-color: #04203E !important;
    color: #CCB5E4;
}
.sf-menu ul li a:hover,
.sf-menu li:hover > ul li a:hover,
.sf-menu li.sfHover > ul li a:hover {
    background-color: #031b30 !important; 
    color: #CCB5E4 !important;
}
.sf-menu>li>ul {
    border-top: 2px solid #d8c166;
    border-bottom: 2px solid #d8c166;
}
.sf-menu>li>ul a:hover,.sf-menu>li>ul a:focus {
    color: #d8c166;
}
.sf-menu ul {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}
.sf-menu ul li {
    background-color: #04203E;
    border-bottom: #04203E;
}
.sf-menu ul li:hover,.sf-menu ul li:focus {
    background-color: #04203E;
}
.sf-menu ul {
    border: none !important;
    box-shadow: none !important;
}
body {
    background-color: #f3f4f6;
}
@media (max-width: 991px) {
    .top-mobile a {
        margin-bottom: 12px;
        color: #CCB5E4;
        font-size: 15px;
}
@media (max-width: 991px) {
    header .submenu-trigger {
        background: #04203e;
     }
}