.double_range_slider_box {
    position: relative;
    width: 100%;
    height: 87px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    padding-bottom: 35px;
}
  
.double_range_slider {
    width: 90%;
    height: 1px;
    position: relative;
    background-color: #E0E0E0;
    border-radius: 20px;
}

  .range_track {
    height: 100%;
    position: absolute;
    border-radius: 20px;
    background-color: #95d564;
  }
  
  .minvalue {
    position: absolute;
    padding: 6px 15px;
    background: #F5F5F5;
    border-radius: 0;
    color: #000000;
    top: 62px;
    transform: translate(0, -100%);
    left: 0;
    font-size: 12px;
    transition: left 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: left, transform;
    border: 1px solid #E0E0E0;
}

  .maxvalue {
    position: absolute;
    padding: 6px 15px;
    background: #0e5f59;
    border-radius: 1rem;
    color: white;
    top: 0;
    transform: translate(0, 100%);
    right: 0;
    font-size: 1rem;
    transition: right 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: right, transform;
  }  

  /*  #### */

  .double_range_slider input {
    position: absolute;
    width: 100%;
    height: 1px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    top: 50%;
    transform: translateY(-50%);
  }
  .double_range_slider input::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 3px solid #002C53;
    background-color: #F9F9F9;
    pointer-events: auto;
    -webkit-appearance: none;
    cursor: pointer;
    margin-bottom: 1px;
  }
  .double_range_slider input::-moz-range-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 3px solid #cbffa3;
    background-color: #95d564;
    pointer-events: auto;
    -moz-appearance: none;
    cursor: pointer;
    margin-top: 30%;
  }
  
  .minvalue::before {
    font: normal normal normal 14px/1 FontAwesome;
    /* content: "\f106"; */
    content: "";
    position: absolute;
    top: -14px;
    left: 33%;
    color: #e0e0e0 !important;
    background: url('../images/uparrow_v2.png') no-repeat center center;
    width: 14px;
    height: 14px;
  }