.forminator-range-slider input[type=range] {
  background-color: transparent;
  appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background: linear-gradient(to right, red 0%, red 39.9%, yellow 40%, yellow 79.9%, green 80%, green 100%);
}

.forminator-range-slider input[type=range]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 2px solid #666;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
  position: relative;
  z-index: 2;
}

.forminator-range-slider input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 2px solid #666;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: 2;
}