@media only screen and (min-width: 1000px) {
    .ps-container {
        overflow: auto !important; /* Allow both horizontal and vertical overflow */
        width: 350px;
        height: calc(100vh - 90px); /* Adjust height to fit within the viewport */
        position: fixed; /* Fixed position for desktop */
        left: 30px; /* Positioning from left */
        top: 60px; /* Positioning from top */
    }
}

/* Styles for the sidebar on mobile */
.ps-container {
    overflow: auto !important; /* Allow scrolling on mobile */
    width: 250px;
    height: auto;
    position: fixed; /* Fixed position for mobile */
    top: 0; /* Positioning from top */
    left: 100px; /* Hide the sidebar initially */
    transition: left 0.3s ease; /* Add transition for smooth animation */
}

/* Additional styles for scrollbar on mobile */
.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail {
    display: none;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    display: none;
}