.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
}

.testimonial-card {
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
}

.service-card {
    transition: all 0.3s ease;
}

.service-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #3B82F6;
    outline: none;
}

/* Consultation form modal styles */
[data-name="consultation-modal-container"] {
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    animation: modal-appear 0.3s ease-out forwards;
}

@keyframes modal-appear {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-name="consultation-modal-backdrop"] {
    animation: backdrop-appear 0.2s ease-out forwards;
}

@keyframes backdrop-appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.5;
    }
}

/* Form input styles */
input, select, textarea {
    color: #333 !important;
    background-color: #fff !important;
}

select {
    -webkit-appearance: menulist !important;
    appearance: menulist !important;
}

textarea::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}