.Turtleboxslider {
    -webkit-appearance: none;
    width: 100%;
  }
  .Turtleboxslider:focus {
    outline: none;
  }
  .Turtleboxslider::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #000;
  }
  .Turtleboxslider::-webkit-slider-thumb {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px;
  }
  .Turtleboxslider:focus::-webkit-slider-runnable-track {
    background: #000;
  }

  
  .TurtleboxSliderRange-wrap,
  .CardboardSliderRange-wrap {
    width: 100%;
    position: relative;
  }
  .TurtleboxSliderRange-value, 
  .CardboardSliderRange-value {
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    white-space: nowrap;
    color: #000;
  
  }
  
  
  /* Collapse */
  .TurtleboxCo2SavingCollapse,
  .CardboardCo2SavingCollapse {
    background: transparent;
    text-align: center;
    cursor: pointer;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
  }
  
  .TurtleboxCo2SavingCollapse svg,
  .CardboardCo2SavingCollapse svg {
        transform: rotate(0);
        transition: .3s;
  }
  
  .TurtleboxCo2SavingCollapse.active svg,
  .CardboardCo2SavingCollapse.active svg {
        transform: rotate(180deg);
        transition: .3s;
  }
  
  /* Style the collapsible content. Note: hidden by default */
  .TurtleboxCo2SavingCollapseContent,
  .CardboardCo2SavingCollapseContent {
        border-top: 1px solid #fff;
        padding: 0 18px;
        display: none;
        overflow: hidden;
  }