/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 05 2025 | 10:00:43 */
/* Mặc định: ẩn chữ và reset animation */
.fall-down, .slide-in-right, .slide-in-left {
  opacity: 0;
  animation: none;
}

/* Khi slide được chọn thì chạy hiệu ứng */
.flickity-slider > .is-selected .fall-down {
  animation: fallDown 1s ease-out forwards;
}

.flickity-slider > .is-selected .slide-in-right {
  animation: slideInRight 1s ease-out forwards;
  animation-delay: 0.3s;
}

.flickity-slider > .is-selected .slide-in-left {
  animation: slideInLeft 1s ease-out forwards;
  animation-delay: 0.6s;
}

/* Keyframes */
@keyframes fallDown {
  0% {
    opacity: 0;
    transform: translateY(-300px); /* Tăng độ cao rơi xuống */
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Ẩn nút prev/next */
.flickity-prev-next-button {
  display: none !important;
}

/* Thêm khoảng trống phía trên tiêu đề để tạo hiệu ứng rơi từ xa hơn */
.fall-down {
  display: inline-block;
  padding-top: 80px; /* Điều chỉnh để phù hợp khoảng rơi như hình bạn gửi */
}

/* === THÊM MỚI: chỉnh khoảng cách giữa 2 dòng mô tả === */
.slide-in-right,
.slide-in-left {
  display: block;
  margin: 0;
  line-height: 1.4; /* Giảm khoảng cách dòng */
}