/* Custom styles for the slider */
#slider-range {
    height: 10px;
    /* Adjust the height of the track */
    background: gray;
    /* Space color (dark) */
    border-radius: 5px;
    /* Rounded corners */
}

    /* Slider Range Track */
    #slider-range .ui-slider-range {
        background: #06C258 !important;
    }

    /* Slider Handles */
    #slider-range .ui-slider-handle {
        background: #06C258 !important; 
        border: 1px solid #06C258 !important;
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important; /* Makes it round */
        top: -6px !important; /* Vertical alignment */
        cursor: pointer;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }


    /* Change handle color on hover */
        #slider-range .ui-slider-handle:hover {
            background: #ffff !important;
            border: 1px solid #06C258 !important;
        }

    /* Style for the slider handles during active state */
        #slider-range .ui-slider-handle:active {
            background: #06C258;
            /* Darker green when active */
        }