.cem-menu-icon {
font-size: 24px;
padding: 10px;
cursor: pointer;
display: flex;
align-items: center;
}
.cem-menu-icon-text {
margin-left: 8px; font-size: 16px; }
.cem-menu-items {
z-index: 999;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
display: none; }
.cem-menu-logo {
display: block;
margin: 0 auto 20px;
max-width: 100%;
height: auto;
}
.cem-menu-content, .cem-submenu-section {
position: relative;
width: 100%;
height: 100%;
}
.cem-menu-item {
margin-bottom: 10px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.cem-menu-link {
flex-grow: 1; }
.cem-menu-link a {
display: inline-block;
padding: 10px; padding-left: 17%; text-decoration: none; text-align: left; }
.cem-menu-link a:hover {
background-color: transparent; }
.cem-menu-link a:hover .cem-menu-text {
color: inherit !important; text-decoration: none !important; }
.cem-submenu-toggle {
cursor: pointer;
display: inline-block;
position: absolute;
right: 10px; top: 50%;
transform: translateY(-50%);
margin-left: 10px; }
.cem-submenu-section {
display: none; }
.cem-submenu-content {
margin-top: 10px;
text-align: center; }
.cem-submenu-link a {
display: block;
padding: 10px;
text-decoration: none; text-align: center; }
.cem-submenu-link a:hover {
background-color: transparent; }
.cem-submenu-link a:hover .cem-submenu-text {
color: inherit !important; text-decoration: none !important; }
.cem-close-menu, .cem-back-menu {
font-size: 24px;
cursor: pointer;
z-index: 1001;
}