@media screen and (max-width: 1024px) {
    .sidebar {
        width: 220px !important;
    }

    .main-content {
        margin-left: 220px !important;
        width: calc(100% - 220px) !important;
    }
}

@media screen and (max-width: 768px) {
    .sidebar {
        width: 100vw !important;
        height: auto !important;
        position: relative !important;
    }

    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
}
/* Remove any unwanted shadows */
/* Ensure only the blue bar is visible */
.rc-slider {
    padding: 0 !important;
}
.rc-slider-rail {
    background-color: transparent !important;
    height: 10px !important;
}
.rc-slider-track {
    background-color: #91d5ff !important;
    height: 10px !important;
    border-radius: 5px !important;
}

/* Customize the handle */
.rc-slider-handle {
    border: 2px solid #69c0ff !important;
    height: 20px !important;
    width: 20px !important;
    background-color: white !important;
    box-shadow: 0 0 0 2px #91d5ff33;
}
.rc-slider-dot {
    display: none !important;
}