#content .content-inner .navigation-menu {
    position: relative; margin: 0; padding: 0 15px 20px; overflow: hidden; border-radius: 0;
    background: url("/assets/img/content/shared/navigation-menu-bg.webp") center / cover no-repeat;
}
#content .content-inner .navigation-menu .header {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    padding: 16px 20px; color: #fff;
    font: 700 19px/1.2 Calibri, 'Segoe UI', Arial, sans-serif;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
#content .content-inner .navigation-menu .header img {
    width: 24px; height: auto; flex: 0 0 auto;
    filter: brightness(0) saturate(1) invert(0.82) sepia(0.02) saturate(44.88) hue-rotate(3deg) brightness(0.88) contrast(0.97);   
}
#content .content-inner .navigation-menu ul {
    display: flex !important; flex-direction: column !important; gap: 0 !important;
    list-style: none; margin: 0 auto !important; padding: 12px 15px !important;
    width: 70%; max-width: 100%;   
    background: linear-gradient(#ffffff 0%, #d9d9d9 100%); border-radius: 0; text-align: center;   
}
#content .content-inner .navigation-menu ul li {
    position: relative; margin: 0 !important; padding: 0 !important; text-align: center !important;
}
#content .content-inner .navigation-menu ul li::before,
#content .content-inner .navigation-menu ul li::marker { content: none !important; display: none !important; }
#content .content-inner .navigation-menu ul li a {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 8px 12px; color: var(--brand-primary-dark, #253a4b); text-decoration: none;
    font: 700 15px/24px Calibri, 'Segoe UI', Arial, sans-serif;
    transition: color .15s ease;
}
#content .content-inner .navigation-menu ul li a::before {
    content: ""; width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto;
    background: var(--brand-primary-dark, #253a4b); transition: background .15s ease;
}
#content .content-inner .navigation-menu ul li a:hover { color: var(--brand-secondary, #c68b2d) !important; background: none !important; box-shadow: none !important; }
#content .content-inner .navigation-menu ul li a:hover::before { background: var(--brand-secondary, #c68b2d); }
@media screen and (max-width: 600px) {
    #content .content-inner .navigation-menu { padding: 0 10px 10px; }
    #content .content-inner .navigation-menu .header { font-size: 17px; padding: 10px 14px; }
    #content .content-inner .navigation-menu ul { width: 100%; }
    #content .content-inner .navigation-menu ul li a { text-align: left; }
}