.slider {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 10px 0;
}
  
.slider input[type="range"] {
    position: absolute;
    width: 100%;
    pointer-events: none;
    -webkit-appearance: none;
    background: transparent;
    margin: 0;
    height: 40px;
}
  
.slider input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 3;
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #0071BC;
    cursor: pointer;
    margin-top: -8px;
    border: none;
}
  
.slider input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 3;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #0071BC;
    cursor: pointer;
    border: none;
}

/* .slider input[type="range"]::-webkit-slider-runnable-track {
    background: #021B47;
} */
  
.slider-track {
    position: absolute;
    height: 5px;
    background: #0071BC;
    top: 18px;
    width: 100%;
    border-radius: 5px;
    z-index: 1;
}
  
.values {
      display: flex;
      justify-content: center;
      gap: 10px;
      justify-content: space-between;
}
  
.values input {
      width: 100px;
      text-align: center;
      font-weight: bold;
      border: none;
      background-color: transparent;
      pointer-events: none;
      user-select: none;
}
.feevalues input{
      background-color: #ffffff;
      border: 1px solid var(--Stroke-Light-Base, #EAEBF0);
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0px;
      text-transform: capitalize;
      padding: 1rem 1rem;
}
.durationValues input{
      width: 60px;
}
.singleRange input[type="range"]::-webkit-slider-thumb {
    background: #021b47 !important;
    width: 20px;
    height: 20px;
    margin-top: -8px;
}
.singleRange input[type="range"]::-webkit-slider-runnable-track {
    background: #0071bc;
    height: 5px;
}
.singleRange input[type="range"]:focus {
    outline: none;
}
.double-range-slider input[type="range"]::-webkit-slider-runnable-track {
    background: transparent;
    height: 5px;
}