/* Mobile Fixes CSS */

/* Disable sal.js animations on mobile devices */
@media (max-width: 767px) {
  /* Reset all data-sal attributes */
  [data-sal],
  [data-sal-delay],
  [data-sal-duration],
  [data-sal-easing] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Hide all sal animation placeholders */
  .sal-animate,
  [data-sal="fade"],
  [data-sal="slide-up"],
  [data-sal="slide-down"],
  [data-sal="slide-left"],
  [data-sal="slide-right"],
  [data-sal="zoom-in"],
  [data-sal="zoom-out"] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    visibility: visible !important;
  }

  /* Ensure elements with sal animations are properly displayed on mobile */
  .hero-content,
  .hero-image,
  .about-feature,
  .service-card,
  .team-card,
  .review-card,
  .faq-card,
  .price-plan-card,
  .process-step,
  .timeline-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    visibility: visible !important;
  }
}