/* ============================================= Aside ================================================= */

aside .mobile-menu {
    position: absolute;
    transform: translateX(100%);
    overflow-y: scroll;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

aside .mobile-menu.open {
    background: #FBFBFB;
    width: 100%;
    top: 0%;
    right: 0%;
    /* height: 100%; */
    z-index: 10000;
    transform: translateX(0%);
    /* transition: all 0.3s linear; */
}

aside .mobile-menu ul li {
    width: 100%;
}

aside .mobile-menu .mobile-menu-link {
    color: #333333;
    padding-bottom: 16px;
    border-bottom: 1px solid #B8B8B8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 16px;
    padding-left: 16px;
}

aside .mobile-menu .phone-number span,
aside .mobile-menu .email-address span {
    background-color: #FFFFFF;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    color: #08A6E2;
    /*box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;*/
    margin-left: 8px;
}

aside .mobile-menu .email-address a,
aside .mobile-menu .phone-number a {
    color: #333333;
}

aside .mobile-menu .submenu ,
aside .mobile-menu .second-submenu {
    display: none;
    background-color: #F2F2F2;
}

aside .mobile-menu .submenu a {
    color: #333333;
}

aside .mobile-menu .submenu li {
    border-bottom: 1px solid #B8B8B8;
    padding-bottom: 16px;
    padding-right: 16px;
    padding-left: 16px;
}