#price-slider { 
margin-bottom: 30px;
height: 4px; 
}
#price-slider .noUi-connect { 
background-color: #12b0e7; 
}
#price-slider .noUi-handle {
background-color: #12b0e7;
border: 2px solid #0a82b8;
width: 20px;
height: 20px;
left: -10px;
top: -9px;
border-radius: 50%;
cursor: pointer;
box-shadow: none;
}
#price-slider .noUi-handle::before,
#price-slider .noUi-handle::after {
display: none;
}
#price-slider .noUi-handle:last-child {
left: auto;
right: -10px;
}
#price-slider .noUi-handle:focus,
#price-slider .noUi-handle:hover {
background-color: #0a82b8;
border-color: #056a94;
box-shadow: 0 0 8px rgba(18, 176, 231, 0.6);
}
.price-inputs {
margin-bottom: 30px;
}
.price-inputs input {
width: 100%;
margin-bottom: 10px;
padding: 8px 10px;
border-radius: 5px;
border: 1px solid #ccc;
box-sizing: border-box;
font-size: 15px;
font-family: 'Geom', Arial, sans-serif;
}
.price-apply {
display: inline-block;
padding: 10px 20px;
border: none;
background-color: #12b0e7;
color: white;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
font-family: 'Geom', Arial, sans-serif;
font-size: 16px;
transition: background-color 0.3s ease;
margin-bottom: 30px;
}
.price-apply:hover,
.price-apply:focus {
background-color: #000000;
outline: none;
}