/* تأثير تأخر ظهور النص في الصورة الثانية لمدة ثانيتين */
.hero-content .delayed-text {
  opacity: 0;
  animation: fadeInUp 1.5s ease-out forwards;
  animation-delay: 0.5s; /* تأخر لمدة نصف ثانية */
  transform: translateY(40px);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* تطبيق التأثير على العناصر المحددة */
.hero-content .delayed-title {
  animation-duration: 1.5s;
}

.hero-content .delayed-subtitle {
  animation-duration: 1.8s;
  animation-delay: 0.7s; /* تأخر طفيف أكثر للعنوان الفرعي */
}

/* تأثير إضافي على النص عند التحميل */
.hero-content .delayed-text.loaded {
  animation-play-state: running;
}