body {
        font-family: "Open Sans", sans-serif;
      }

      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes fadeInDown {
        from {
          opacity: 0;
          transform: translateY(-30px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes slideInLeft {
        from {
          opacity: 0;
          transform: translateX(-30px);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }

      .animate-fadeInUp {
        animation: fadeInUp 0.8s ease-out forwards;
      }

      .animate-fadeInDown {
        animation: fadeInDown 0.8s ease-out forwards;
      }

      .animate-slideInLeft {
        animation: slideInLeft 0.8s ease-out forwards;
      }

      .animate-delay-200 {
        animation-delay: 0.2s;
      }

      .animate-delay-400 {
        animation-delay: 0.4s;
      }

      .animate-delay-600 {
        animation-delay: 0.6s;
      }

      .animate-delay-800 {
        animation-delay: 0.8s;
      }

      .animate-delay-1000 {
        animation-delay: 1s;
      }

      .opacity-0 {
        opacity: 0;
      }

      .gradient-bg {
        background: linear-gradient(135deg, #000000 0%, #111111 100%);
      }

      .hover-scale {
        transition: transform 0.3s ease;
      }

      .hover-scale:hover {
        transform: scale(1.05);
      }

      .glass-effect {
        backdrop-filter: blur(10px);
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
      }

      .accordion-item {
        transition: all 0.3s ease;
      }

      .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
      }

      .accordion-content.active {
        max-height: 200px;
      }

      /* @keyframes scroll {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(-100%);
        }
      }

      .animate-scroll {
        animation: scroll 30s linear infinite;
      }

      .scroll-container:hover .animate-scroll {
        animation-play-state: paused;
      } */

      /* Add these additional animation styles */
      @keyframes pulse {
        0%,
        100% {
          opacity: 1;
        }
        50% {
          opacity: 0.5;
        }
      }

      .animate-pulse {
        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
      }

      /* Enhanced hover effects for feature cards */
      .hover-scale {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      .hover-scale:hover {
        transform: scale(1.02);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
      }

      /* Additional delay classes if needed */
      .animate-delay-800 {
        animation-delay: 0.8s;
      }

      .animate-delay-1000 {
        animation-delay: 1s;
      }

      /* Custom scrollbar styles */
      .scroll-container {
        overflow-x: auto;
        scrollbar-width: thin;
        scrollbar-color: #4b5563 transparent; /* Tailwind gray-600 */
      }

      .scroll-container::-webkit-scrollbar {
        height: 8px;
      }

      .scroll-container::-webkit-scrollbar-thumb {
        background-color: #4b5563; /* Tailwind gray-600 */
        border-radius: 4px;
      }

      .scroll-container::-webkit-scrollbar-track {
        background: transparent;
      }