html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.text-gray-500 {
  color: #4b5563;
}

body {
  font-family: 'Poppins', sans-serif;
}

.max-w-7xl,
[class~="max-w-[110rem]"] {
  max-width: min(100%, 120rem) !important;
}

[class~="w-[calc(100%-2rem)]"] {
  width: 100% !important;
}

a[href^="https://wa.me/"] {
  right: max(1.5rem, calc((100vw - 120rem) / 2 + 1.5rem)) !important;
}

/* Pulsing ring behind the "View 3D Animation" play button */
@keyframes ping-slow {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

.animate-ping-slow {
  animation: ping-slow 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}

/* Spinning animation for loading */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.animate-spin {
  animation: spin 1s linear infinite;
}