.service-card {
            transition: all 0.5s ease;
            transform: translateY(50px);
            opacity: 0;
        }
        
        .service-card.visible {
            transform: translateY(0);
            opacity: 1;
        }
        
        .floating-element {
            animation: float 6s ease-in-out infinite;
        }
        
        .floating-element-delayed {
            animation: float 6s ease-in-out 2s infinite;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(5deg); }
        }
        
        .gradient-bg {
            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #60a5fa 100%);
        }
        
        .services-hero {
            background: linear-gradient(135deg, rgba(30, 58, 138, 0.9) 0%, rgba(59, 130, 246, 0.8) 100%), url('assets/media/aviation2-ingprojex.webp');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        
        .nav-dot {
            transition: all 0.3s ease;
        }
        
        .nav-dot.active {
            background-color: #3b82f6;
            transform: scale(1.2);
        }
        
        .service-icon {
            transition: all 0.3s ease;
        }
        
        .service-card-hover:hover .service-icon {
            transform: scale(1.1) rotate(5deg);
        }

        /* IMPROVED: Better mobile responsiveness */
        @media (max-width: 768px) {
            .aviation-hero {
                background-attachment: scroll;
            }
        }