.header-navigation-menu .menu li .sub-menu {
    list-style: none;
    min-width: 80px!important;
    position: absolute;
    top: calc(60% + 10px)!important;
    inset-inline-start: -20px;
    padding: 4px 0;
    background-color: var(--menu-dropdown-bg-color, --background-color);
    border: 1px solid var(--main-border-color);
    -webkit-box-shadow: 0px 2px 8px rgba(17, 24, 39, 0.12);
    box-shadow: 0px 2px 8px rgba(17, 24, 39, 0.12);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.header-navigation-menu .menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 70%!important;
}