/* Increase the slider handle size and adjust colors */
.custom-slider .rc-slider-handle {
    width: 20px;
    height: 20px;
    border: solid 2px #3498db; /* Adjust color as needed */
    background-color: #3498db;
    margin-top: -8px; /* Align handle with slider bar */
    opacity: 1;
}

.custom-slider .rc-slider-rail {
    height: 8px;
    background-color: #d3d3d3; /* Rail color */
}

.custom-slider .rc-slider-track {
    height: 8px;
    background-color: #3498db; /* Track color */
}

/* Hide any slider marks and labels */
.custom-slider .rc-slider-mark {
    display: none;
}
.custom-slider .rc-slider-mark-text {
    display: none;
}