.animate-menu-push {
left: 0;
position: relative;
transition: all 0.3s ease; 
}

.animate-menu-push.animate-menu-push-right {
left: 200px; 
}

.animate-menu {
position: fixed;
top: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease; 
z-index: 8;
}

.animate-menu-right {
right: -100%; 
}

.animate-menu-right.animate-menu-open {
right: 0; 
}

.sidebar-menu {
list-style: none;
margin: 0;
padding: 0;
background-color: #222d32; 
}

.sidebar-menu > li {
position: relative;
margin: 0;
padding: 0; 
}

.sidebar-menu li.active > .sidebar-submenu {
display: block; 
}

.sidebar-menu a {
color: #b8c7ce;
text-decoration: none; 
}

.sidebar-menu .sidebar-submenu {
display: none;
list-style: none;
padding-left: 5px;
margin: 0 1px;
background: #2c3b41; 
}

.sidebar-submenu li {
line-height: 40px;
}

.sidebar-menu-rtl {
list-style: none;
margin: 0;
padding: 0;
background-color: #222d32; 
height: 100vh;
}

.sidebar-menu-rtl > li {
position: relative;
margin: 0;
padding: 0; 
}

.sidebar-menu-rtl > li > a {
padding: 20px;
display: block;
color: #b8c7ce; 
}

.sidebar-menu-rtl li.active > .sidebar-submenu {
display: block; 
}

.sidebar-menu-rtl a {
color: #b8c7ce;
text-decoration: none; 
padding: 0px 40px;
display: block;
}

.sidebar-menu-rtl .sidebar-submenu {
display: none;
list-style: none;
padding-right: 5px;
margin: 0 1px;
background: #2c3b41; 
}