<div class="radikalwp-in-range"><div class="radikalwp-in-range-head"><span>بازه قیمت<//span><strong>تا ۵۰۰ هزار<//strong><//div><input type="range" min="0" max="100" value="65" class="radikalwp-in-range-input"><div class="radikalwp-in-range-ends"><span>۰<//span><span>۱۰۰<//span><//div><//div>

.radikalwp-in-range { width: 280px; font-family: inherit; }
.radikalwp-in-range-head { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 13px; }
.radikalwp-in-range-head span { color: #475569; font-weight: 600; }
.radikalwp-in-range-head strong { color: #0d9488; }
.radikalwp-in-range-input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(to left, #14b8a6 65%, #e2e8f0 65%);
  outline: none;
  cursor: pointer;
}
.radikalwp-in-range-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 4px solid #0d9488;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(13, 148, 136, .4);
  cursor: grab;
  transition: transform .2s ease;
}
.radikalwp-in-range-input::-webkit-slider-thumb:hover { transform: scale(1.15); }
.radikalwp-in-range-ends { display: flex; justify-content: space-between; margin-top: 6px; font-size: 10.5px; color: #94a3b8; }