
/* Smooth fade and scale effect for slider panels */
.slides li {
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 1s ease, transform 1s ease;
}

.slides li.flex-active-slide {
  opacity: 1;
  transform: scale(1);
}

/* Optional: animate text and image separately */
.slides li .ict-title,
.slides li .ict-paragraph,
.slides li .ict-image {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.slides li.flex-active-slide .ict-title,
.slides li.flex-active-slide .ict-paragraph,
.slides li.flex-active-slide .ict-image {
  opacity: 1;
  transform: translateY(0);
}
