.animate-on-scroll {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.animate__animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.hero-badge.animate__fadeInDown {
  animation-delay: 0.15s;
}

.hero-title.animate__fadeInUp {
  animation-delay: 0.3s;
}

.hero-subtitle.animate__fadeInUp {
  animation-delay: 0.45s;
}

.hero-description.animate__fadeInUp {
  animation-delay: 0.6s;
}

.hero-cta.animate__fadeInUp {
  animation-delay: 0.75s;
}

.section-title.animate__fadeInUp {
  animation-delay: 0.15s;
}

.section-subtitle.animate__fadeInUp {
  animation-delay: 0.3s;
}

.stat-card.animate__fadeInUp {
  animation-delay: 0.3s;
}

#about .section-title.animate__fadeInUp {
  animation-delay: 0.15s;
}

#about p.animate__fadeInUp {
  animation-delay: 0.3s;
}

#about .stat-card.animate__fadeInUp {
  animation-delay: 0.35s;
}

.stat-card {
  transition: transform 0.3s ease;
}

.stat-card:hover {
  transform: translateY(-5px);
}

.service-section .section-title-2 {
  animation-delay: 0.15s;
}

.service-section .service-title-2 {
  animation-delay: 0.2s;
}

.service-section .service-text-2 {
  animation-delay: 0.3s;
}

.service-section .service-card-2 {
  animation-delay: 0.35s;
  transition: transform 0.3s ease;
}

.service-section .service-card-2:hover {
  transform: translateY(-5px);
}

.service-section .feature-item-2 {
  animation-delay: 0.45s;
}

.technical-2 .service-content-2 {
  animation-delay: 0.2s;
}

.technical-2 .service-grid-2 {
  animation-delay: 0.3s;
}

.ship-owning-2 .service-content-2 {
  animation-delay: 0.2s;
}

.ship-owning-2 .service-grid-2 {
  animation-delay: 0.3s;
}

.new-building-2 .service-content-2 {
  animation-delay: 0.2s;
}

.new-building-2 .service-grid-2 {
  animation-delay: 0.3s;
}

.new-building-2 .feature-list-2 {
  animation-delay: 0.35s;
}

.chartering-2 .service-content-2 {
  animation-delay: 0.2s;
}

.chartering-2 .feature-list-2 {
  animation-delay: 0.3s;
}

.footer-brand {
  animation-delay: 0.1s;
}

.footer-brand .social-links .social-link {
  animation-delay: 0.15s;
}

.footer-section {
  animation-delay: 0.15s;
}

.footer-section .contact-item {
  animation-delay: 0.30s;
}

.footer-bottom-links {
  animation-delay: 0.3;
}

.footer-copyright {
  animation-delay: 0.4s;
}

.social-link {
  transition: transform 0.3s ease;
}

.social-link:hover {
  transform: translateY(-3px);
}