html {
  scroll-behavior: smooth;
}
 
  html,body { font-family: 'Cairo', sans-serif; }
    /* Fixed hero heading size (ثبوت درجة الخط في الـHero) */
    .hero-heading { font-size: 48px; line-height: 1.05; }
    @media (min-width: 1024px) {
      .hero-heading { font-size: 64px; } /* still controlled but not responsive too small */
    }
    .container { width: 80% ;
    margin: auto;}
      .main-container {
    @apply container mx-auto px-6 lg:px-16 xl:px-24;
  };


























/* animate */
   .animate-spin-slow {
    animation: spin 6s linear infinite;
  }

/* keyframes About Section */
    @keyframes fade-in-up {
    0% {
      opacity: 0;
      transform: translateY(40px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .animate-fade-in-up {
    animation: fade-in-up 1s ease-out forwards;
  }