/* ==========================================================================
   Services page (Services.php)
   ========================================================================== */

@keyframes floatGentle {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(0.8deg); }
}
@keyframes floatReverse {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(7px) rotate(-1deg); }
}
@keyframes pulseGlow {
  0%, 100% { opacity: 0.35; transform: scale(1); }
  50% { opacity: 0.65; transform: scale(1.08); }
}

.animate-float-1 { animation: floatGentle 6.5s ease-in-out infinite; }
.animate-float-2 { animation: floatReverse 7.2s ease-in-out infinite 0.5s; }
.animate-float-3 { animation: floatGentle 8s ease-in-out infinite 1.2s; }
.animate-pulse-glow { animation: pulseGlow 4.5s ease-in-out infinite; }
.animation-delay-2s { animation-delay: 2s; }

.stationery-texture {
  background-image: radial-gradient(circle at 10% 20%, rgba(244, 232, 232, 0.45) 0%, transparent 40%),
                    radial-gradient(circle at 90% 80%, rgba(201, 125, 135, 0.15) 0%, transparent 45%);
}