 // Form submission handling
        document.getElementById('contactForm').addEventListener('submit', function(e) {
            e.preventDefault();
            
            // Simple form validation
            const name = document.getElementById('fullName').value;
            const email = document.getElementById('email').value;
            const phone = document.getElementById('phone').value;
            const city = document.getElementById('city').value;
            const message = document.getElementById('message').value;
            const captcha = document.getElementById('captcha').checked;
            
            if (!name || !email || !phone || !city || !message || !captcha) {
                alert('Please fill in all required fields and confirm you are not a robot.');
                return;
            }
            
            // In a real application, you would send this data to a server
            // For this example, we'll just show a success message
            const submitBtn = document.querySelector('.submit-btn');
            const originalText = submitBtn.innerHTML;
            
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Sending...';
            submitBtn.disabled = true;
            
            // Simulate API call delay
            setTimeout(() => {
                submitBtn.innerHTML = '<i class="fas fa-check"></i> Message Sent!';
                submitBtn.style.background = 'linear-gradient(to right, #2ecc71, #27ae60)';
                
                // Reset form
                document.getElementById('contactForm').reset();
                
                // Reset button after 3 seconds
                setTimeout(() => {
                    submitBtn.innerHTML = originalText;
                    submitBtn.disabled = false;
                    submitBtn.style.background = 'linear-gradient(to right, #3498db, #2ecc71)';
                }, 3000);
            }, 1500);
        });
        
        // Add hover effect to contact cards
        document.addEventListener('DOMContentLoaded', function() {
            const contactCards = document.querySelectorAll('.contact-card');
            
            contactCards.forEach(card => {
                card.addEventListener('mouseenter', function() {
                    this.style.transform = 'translateY(-10px)';
                    this.style.boxShadow = '0 12px 25px rgba(0, 0, 0, 0.1)';
                });
                
                card.addEventListener('mouseleave', function() {
                    this.style.transform = 'translateY(0)';
                    this.style.boxShadow = '0 5px 15px rgba(0, 0, 0, 0.05)';
                });
            });
            
            // Add animation to markers
            const markers = document.querySelectorAll('.marker');
            
            setTimeout(() => {
                markers.forEach((marker, index) => {
                    setTimeout(() => {
                        marker.style.animation = 'slideInLeft 0.6s ease-out forwards';
                        marker.style.opacity = '0';
                    }, 800 + (index * 200));
                });
            }, 1000);
        });