 // Add subtle hover effects with JavaScript for enhanced interactivity
        document.addEventListener('DOMContentLoaded', function() {
            const cards = document.querySelectorAll('.process-card');
            
            cards.forEach(card => {
                card.addEventListener('mouseenter', function() {
                    this.style.zIndex = '10';
                });
                
                card.addEventListener('mouseleave', function() {
                    this.style.zIndex = '1';
                });
            });
            
            // Add a scroll animation trigger
            const observerOptions = {
                threshold: 0.2
            };
            
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = '1';
                    }
                });
            }, observerOptions);
            
            // Observe each card for scroll animations
            cards.forEach(card => {
                observer.observe(card);
            });
        });