li[data-type="range"] {
    cursor: pointer;
    transition: background-color 0.3s ease;
}

li[data-type="range"]:hover {
    background-color: #f5f5f5;
    color: #000 !important;
    width: 100px;
}

li[data-type="range"] {
    background-color: #ba0018;
    color: #ffffff;
    width: 100px;
}

.pre-inquiry-price {
    color:white !important;
}

li[data-type="range"]:hover .pre-inquiry-price {
    color:black !important;
}

li[data-type="range"].active {
    background-color: #e0f0ff;
    border: 1px solid #3399ff;
}