.modal-backdrop.in {
    opacity: .5;
    z-index: 0;
}

.categoryalerts-subscription-block .modal-body {
    padding: 40px;
}

/* Styling for price display in forms */
.price-display-wrapper {
    font-weight: bold;
    color: #007bff; /* Primary blue color */
    font-size: 1.1em;
    padding: 5px 0;
    display: block; /* Ensure it takes full width for better alignment */
    text-align: left; /* Center the price display */
}

/* Styling for jQuery UI slider handles */
.ui-slider .ui-slider-handle {
    border: 1px solid #ddd;
    background: #fcfcfc;
    height: 1.2em; /* Adjust size as needed */
    width: 1.2em; /* Adjust size as needed */
    border-radius: 50%; /* Make it circular */
    cursor: grab;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    background: #007bff; /* Color for the selected range */
}