@keyframes badge-spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
      }
      .badge-spinner {
        animation: badge-spin 1s linear infinite;
      }
    


/* FAQ Accordion CSS Keyframe Animations */
@keyframes accordion-down {
  from { height: 0px; }
  to { height: var(--radix-accordion-content-height); }
}

@keyframes accordion-up {
  from { height: var(--radix-accordion-content-height); }
  to { height: 0px; }
}

/* Accordion content styling */
[role="region"] {
  overflow: hidden;
}

/* Apply animation for closing state */
[role="region"][data-state="closing"] {
  animation: accordion-up 0.2s ease-out;
}

/* Chevron icon rotation */
button[data-state] svg {
  transition: transform 0.2s ease;
}

button[data-state="open"] svg {
  transform: rotate(180deg);
}

/* Scroll animations */
.animate-on-scroll {
  opacity: 0 !important;
  transform: translateY(30px) !important;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.visible {
  opacity: 1 !important;
  transform: none !important;
}

/* Hero section animations (on page load) */
.hero-fade-up {
  opacity: 0 !important;
  transform: translateY(20px) !important;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.hero-scale-in {
  opacity: 0 !important;
  transform: scale(0.9) !important;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.hero-fade {
  opacity: 0 !important;
  transition: opacity 0.8s ease-out;
}

.hero-animate {
  opacity: 1 !important;
  transform: none !important;
}