/* Container untuk subjudul */
.subtitles {
  position: relative;
  width: 100%;
  height: 70px; /* lebih tinggi agar tidak memotong teks */
  overflow: hidden;
}

/* Style setiap teks subjudul */
.subtitle {
  position: absolute;
  opacity: 0;
  width: 100%;
  left: 0;
  font-size: 1.8rem;
  font-weight: 500;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
  animation: slideSequence 15s linear infinite;
  white-space: nowrap; /* pastikan teks tidak terpotong ke bawah */
}

/* Animasi utama */
@keyframes slideSequence {
  0%   { transform: translateX(120%); opacity: 0; }
  5%   { transform: translateX(0); opacity: 1; }
  25%  { transform: translateX(0); opacity: 1; }
  35%  { transform: translateX(-120%); opacity: 0; }
  100% { transform: translateX(-120%); opacity: 0; }
}

/* Delay agar tidak overlap */
.subtitle:nth-child(1) { animation-delay: 0s; }
.subtitle:nth-child(2) { animation-delay: 5s; }
.subtitle:nth-child(3) { animation-delay: 10s; }