.navbar-desktop-actions {
    gap:0 !important;
}

.navbar-desktop-actions .cls-1 {
    fill:transparent;
}

.svg-icon svg {
    width: var(--width);
    height: var(--height);
}
.subtitle {
    max-width: 100%;
    overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
    .subtitle {
        font-size: 15px !important;
        word-break: break-all;
    }
}

.navigation-menu-hover-fix .dd-menu-root-item {
    position: relative;
}

.navigation-menu-hover-fix .dd-menu-root-item::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 20px; /* Adjust this as necessary */
}

.navigation-menu-hover-fix .dd-menu-root-item:hover::after,
.navigation-menu-hover-fix .dd-menu-root-item:hover .dd-menu-dropdown {
    opacity: 1;
    transform: scale(1);
    animation: none;
    transition: none;
    pointer-events: auto;
}

.mobile-nav-menu .dd-menu-root-items {
    flex-direction: column !important;
}

.mobile-nav-menu .dd-menu-dropdown {
    position: static;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    width: auto; /* Adjust as necessary */
    box-shadow: none; /* Optional: remove if you don't want shadow on mobile */
}

.mobile-nav-menu .dd-menu-items {
    padding-left: 80px; /* Adjust as necessary for indentation */
}

.mobile-nav-menu .dd-menu-root-item {
    flex-direction: column;
    align-items: flex-start;
}