/* How it works slider styles */
@media (max-width: 768px) {
  .steps-container {
    display: flex;
    gap: 1rem;
  }

  .how-it-works-slider-container {
    position: relative;
    padding: 0;
    margin: 0 auto;
  }

  .how-it-works-slider {
    overflow-x: auto;
    overflow-y: visible; /* Changed from hidden to visible */
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    scroll-snap-type: x mandatory;
    /* Add touch-action to allow vertical scrolling */
    touch-action: pan-y pinch-zoom;
  }

  .how-it-works-slider::-webkit-scrollbar {
    display: none;
  }

  .how-it-works-slider__track {
    display: flex;
    padding: 1rem 0;
    /* Add touch-action to allow vertical scrolling */
    touch-action: pan-y pinch-zoom;
  }

  .how-it-works-slider__track.active {
    cursor: grabbing;
  }

  .how-it-works-slider__item {
    flex: 0 0 280px;
    scroll-snap-align: center;
    margin-right: 1rem;
  }

  .step-card {
    height: 100%;
  }

  /* Hide buttons on mobile */
  .how-it-works-slider-button {
    display: none;
  }
}

/* Desktop styles */
@media (min-width: 769px) {
  .how-it-works-slider-button {
    display: none;
  }

  .how-it-works-slider {
    overflow: visible;
  }

  .how-it-works-slider-container {
    padding: 0;
  }
}