* {
  font-family: "Work Sans", sans-serif;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  animation: fadeInUp 1s ease-out forwards;
}

@keyframes scroll-fadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.scroll-fadeIn {
  animation: scroll-fadeIn 1s ease-out forwards;
}

/* Keyframes for Fade-In Animation */
@keyframes fadeInSection {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.hover\:animate-fadeIn:hover {
  animation: fadeIn 0.5s ease-out forwards;
}

.hover\:scale-105:hover {
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

.hover\:shadow-lg:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Center timeline line on small screens */
.relative .absolute {
  left: 50%;
  transform: translateX(-50%);
}

/* Responsive alignment */
@media (min-width: 1024px) {
  .flex-col > .hidden {
    display: block;
  }
  .lg:flex-row > .hidden {
    display: none;
  }
}

/* Step circle hover effect */
.relative .bg-blue-600:hover {
  background-color: #2563eb;
  transform: scale(1.2);
  transition: all 0.3s ease;
}

/* Footer background and text colors */
.bg-gray-900 {
  background-color: #1f2937; /* Dark gray */
}
.text-gray-400 {
  color: #9ca3af; /* Light gray */
}
.text-gray-300 {
  color: #d1d5db; /* Slightly brighter gray */
}
.text-blue-400 {
  color: #60a5fa; /* Subtle blue for links */
}
.text-blue-400:hover {
  text-decoration: underline;
}

/* Divider and spacing */
.border-gray-700 {
  border-color: #374151; /* Medium gray for dividers */
}