
/* Hide scrollbars */
.js-how-slider, .js-how-tabs {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .js-how-slider::-webkit-scrollbar,
  .js-how-tabs::-webkit-scrollbar {
    display: none;
  }
  
  /* Drag cursor */
  .js-how-slider { cursor: grab; }
  .js-how-slider.is-dragging { cursor: grabbing; user-select: none; }
  
  /* Active tab */
  .how-tab.is-active {
    background: #111827;
    color: #fff;
    border-color: transparent;
  }
  
  /* Active slide vs inactive (blur/opacity) */
  .how-slide { transition: opacity .35s ease, transform .35s ease, filter .35s ease; }
  .how-slide:not(.is-active) { opacity: .45; filter: blur(2px); transform: scale(.97); }
  .how-slide.is-active { opacity: 1; filter: blur(0); transform: scale(1); }
  
  .group {
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  }

  