/* Styles for the sidebar menu */
#sidebar-menu {
    position: fixed;
    top: 0;
    left: -250px; /* Initially hidden */
    width: 250px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
}

/* Media query for responsiveness */
@media (max-width: 768px) {
    #sidebar-menu {
        width: 200px; /* Adjust as needed */
        left: -200px; /* Initially hidden */
    }
}

/* Styles for the button to toggle the menu */
.menu-toggle-btn {
    position: fixed;
    top: 20px;
    left: 20px;
    cursor: pointer;
    z-index: 9999;
}

/* Styles for the content to shift when menu is opened */
.content-shift {
    transition: margin-left 0.3s ease;
}

/* Styles to shift content when menu is opened */
.menu-open .content-shift {
    margin-left: 250px; /* Width of the menu */
}

/* Media query for responsiveness */
@media (max-width: 768px) {
    .menu-open .content-shift {
        margin-left: 200px; /* Adjust as needed */
    }
}