.range__input[type='range'] {
    width: 100%;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
  }
  .range__input[type='range'],
  .range__input[type='range']::-webkit-slider-runnable-track,
  .range__input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
      background: none;
  }
  .range__input[type='range']::-webkit-slider-runnable-track {
    width: 200px;
    height: 1px;
    background: #003D7C;
  }
  
  .range__input[type='range']:nth-child(2)::-webkit-slider-runnable-track{
    background: none;
  }
  
  .range__input[type='range']::-webkit-slider-thumb {
    position: relative;
    height: 15px;
    width: 15px;
    margin-top: -7px;
    background: #fff;
    border: 1px solid #003D7C;
    border-radius: 25px;
    z-index: 1;
  }
  
  
  .range__input[type='range']:nth-child(1)::-webkit-slider-thumb{
    z-index: 2;
  }
  
  .range-slider{
      position: relative;
      height: 60px;
      width: 100%;
      display: inline-block;
  }
  .range-slider .range__input{
      position: absolute;
      bottom: 0;
      left: 0;
  }
  .rangeValues{
    margin-bottom: 20px !important;
  }
  .range__submit{
    background-color: var(--color-background-7);
    width: 100%;
    margin-top: 10px;
    border-radius: 20px;
    color: #fff;
    padding: 10px 0;
  }
  
  /* Proof of concept for Firefox */
  @-moz-document url-prefix() {
    .range-slider::before{
      content:'';
      width:100%;
      height:2px;
      background: #003D7C;
      display:block;
      position: relative;
      top:16px;
    }
  
    .range__input[type='range']:nth-child(1){
      position:absolute;
      top:35px !important;
      overflow:visible !important;
      height:0;
    }
  
    .range__input[type='range']:nth-child(2){
      position:absolute;
      top:35px !important;
      overflow:visible !important;
      height:0;
    }
  .range__input[type='range']::-moz-range-thumb {
    position: relative;
    height: 15px;
    width: 15px;
    margin-top: -7px;
    background: #fff;
    border: 1px solid #003D7C;
    border-radius: 25px;
    z-index: 1;
  }
  
    .range__input[type='range']:nth-child(1)::-moz-range-thumb {
        transform: translateY(-20px);    
    }
    .range__input[type='range']:nth-child(2)::-moz-range-thumb {
        transform: translateY(-20px);    
    }
  }