/* Custom Animations */
@keyframes scrollMovies {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes scrollLogos {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.33%); }
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

.marquee-content-movies {
  animation: scrollMovies 40s linear infinite;
  width: max-content;
}

.marquee-content-movies:hover {
  animation-play-state: paused;
}

.marquee-content-logos {
  animation: scrollLogos 30s linear infinite;
  width: max-content;
}

/* Hero Slider Fade */
.hero-slide {
  transition: opacity 1s ease-in-out;
}

.hero-slide.active {
  opacity: 1;
  z-index: 10;
}

.hero-slide:not(.active) {
  opacity: 0;
  z-index: 0;
}

/* Hero Content Transition */
.slide-content {
  transition: all 0.7s ease-out;
  transform: translateY(20px);
  opacity: 0;
}

.hero-slide.active .slide-content {
  transform: translateY(0);
  opacity: 1;
}

/* Header Scroll Class */
header.scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom-color: #edf2f7;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* FAQ Behavior */
.faq-item.active .faq-content {
  max-height: 500px;
  opacity: 1;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.faq-item.active .faq-btn {
  background-color: #FF8C00;
  color: white;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
  color: white;
}

/* Base Styles */
html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
}