 .tab-content .h-full{
  height: auto !important;
}
        @layer base {
            body {
                @apply font-lato text-industrial overflow-x-hidden;
            }
            h1, h2, h3, h4 {
                @apply text-title;
            }
        }
        @layer components {
            .max-w-site {
                @apply max-w-[1560px] mx-auto;
            }
        }
        /* Custom scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #980a0b; }
        ::-webkit-scrollbar-thumb:hover { background: #444; }

        /* Slider transitions */
        .slide {
            opacity: 0;
            transition: opacity 1.5s ease-in-out;
            position: absolute;
            inset: 0;
        }
        .slide.active {
            opacity: 1;
            z-index: 10;
        }
        
        /* Tab transitions */
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: grid;
            animation: fadeInUp 0.4s ease-out;
        }
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Banner Text Animations */
        @keyframes slideUpFade {
            from {
                opacity: 0;
                transform: translateY(40px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .slide h2, .slide h1, .slide p, .slide .flex-btn-container {
            opacity: 0;
        }
        .slide.active h2 {
            animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            animation-delay: 0.4s;
        }
        .slide.active h1 {
            animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            animation-delay: 0.7s;
        }
        .slide.active p {
            animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            animation-delay: 1s;
        }
        .slide.active .flex-btn-container {
            animation: slideUpFade 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            animation-delay: 1.3s;
        }

        /* Section Reveal Animation */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }