/* howItWorks.css */
.step-item {
  transition: opacity 0.3s ease-in-out !important; /* Más rápido */
  will-change: opacity;
}

.step-icon {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#step-image {
  transition: opacity 0.2s ease-in-out !important; /* Cambio de imagen casi instantáneo */
}

#scroll-progress-line {
  transition: height 0.4s ease-out !important;
}

#sticky-image-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  will-change: transform;
}

.lg\:grid > .hidden.lg\:block.relative.h-full {
  height: 100%;
}