@media (max-width: 767px) {
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    will-change: auto !important;
  }

  html,
  body {
    scroll-behavior: smooth;
    overscroll-behavior: contain;
    touch-action: manipulation;
  }

  .spotlight-card,
  .premium-hover-card,
  .animated-border,
  .marquee-content,
  .mask-reveal-image {
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  #mouse-glow,
  .ambient-gradient-mesh,
  #tsparticles {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .bg-white.p-8.rounded-xl,
  .bg-slate-50.p-6,
  .bg-white.rounded-2xl {
    transform: none !important;
  }
}