/* ===================================================
   TAQA OUTSOURCING – Animations & Transitions
   =================================================== */

/* ---- AOS-like scroll animations ---- */
[data-aos] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
[data-aos].aos-animate {
  opacity: 1;
  transform: translateY(0);
}
[data-aos][data-aos-delay="100"] { transition-delay: 0.1s; }
[data-aos][data-aos-delay="200"] { transition-delay: 0.2s; }
[data-aos][data-aos-delay="300"] { transition-delay: 0.3s; }
[data-aos][data-aos-delay="400"] { transition-delay: 0.4s; }
[data-aos][data-aos-delay="500"] { transition-delay: 0.5s; }

/* ---- Number counter pulse ---- */
@keyframes countPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.06); }
  100% { transform: scale(1); }
}
.counting { animation: countPulse 0.3s ease; }

/* ---- Fade in up ---- */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-in-up { animation: fadeInUp 0.7s ease forwards; }

/* ---- Shimmer on cards ---- */
@keyframes shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

/* ---- Gradient border animate ---- */
@keyframes gradBorder {
  0%   { border-color: var(--navy); }
  50%  { border-color: var(--orange); }
  100% { border-color: var(--navy); }
}