#mobile-menu-modal {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    transition: var(--transition-slow);
}
#mobile-menu-modal.show {
    opacity: 1;
    visibility: visible;
}



#mobile-menu-modal .content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    text-align: center;
}



#mobile-menu-modal .overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: var(--overlay-color-70);
    z-index: 1;
}



#mobile-menu-modal .close {
    position: absolute;
    top: var(--spacing-12);
    right: var(--spacing-12);
    cursor: pointer;
    z-index: 2;
    transition: var(--transition-fast);
}
#mobile-menu-modal .close:hover{
    opacity: 0.6;
}



#mobile-menu-modal .content-inner {
    padding: var(--spacing-24);
    background-color: var(--white-100);
    width: 80%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: var(--transition-slow);
}
#mobile-menu-modal.show .content-inner {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}



#mobile-menu-modal .content-inner .menu a.submenu svg {display: none;}



#mobile-menu-modal .content-inner .soc br {display: none;}