/**
 * CTA Animation Fix CSS
 * Specifically targets the "Automate your Hiring" section with SVG lines and buttons
 * Prevents fast animations on mobile devices
 */

@media (max-width: 767px) {
  /* Target the CTA section with SVG animations */
  .section-space-y.px-4.px-sm-8.px-md-12.text-center.rounded-4.border.border-light {
    /* Disable all animations */
    animation: none !important;
    transition: none !important;
  }

  /* SVG lines */
  .cta-7__line {
    animation: none !important;
    transition: none !important;
    opacity: 0.4 !important;
    transform: none !important;
  }

  .cta-7__line path {
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
    animation: none !important;
    transition: none !important;
  }

  /* Animation border */
  .animation-border-360,
  .animation-border-360__inner {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  /* Button placements */
  .cta-7__btn {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  /* GSAP animated elements */
  .gsap-fade-in,
  .gsap-text-animation,
  [data-scroll-trigger] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  /* Force immediate visibility for all elements in the CTA section */
  .section-space-y.px-4.px-sm-8.px-md-12.text-center.rounded-4.border.border-light * {
    animation-duration: 0s !important;
    transition-duration: 0s !important;
    animation-delay: 0s !important;
    transition-delay: 0s !important;
  }
}