/* --- Media Queries for Responsiveness --- */

@media (max-width: 1024px) {
    /* Adjustments for larger tablets */
    .hero-content h2 {
        font-size: 3rem;
    }
    .hero-content {
        max-width: 60%;
    }
    .hero-visual {
        width: 35%;
    }
}

@media (max-width: 768px) {
    /* General Mobile/Tablet Adjustments */
    .section-padding {
        padding: 50px 0;
    }

    /* Header & Navigation */
    .nav-content {
        flex-direction: column;
        text-align: center;
    }
    nav ul {
        flex-wrap: wrap;
        justify-content: center;
        margin: 10px 0;
    }
    nav ul li {
        margin: 5px 10px;
    }
    .nav-cta {
        display: none; /* Hide secondary CTA on small screens */
    }
    
    /* Hero Section */
    .hero-section .container {
        flex-direction: column-reverse; /* Put text above graphic */
        text-align: center;
        min-height: auto;
    }
    .hero-content, .hero-visual {
        max-width: 100%;
        width: 100%;
    }
    .hero-content h2 {
        font-size: 2.2rem;
    }
    .hero-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .hero-actions .cta-button {
        margin-right: 0;
    }

    /* About Section */
    .about-section .container {
        flex-direction: column;
        gap: 20px;
    }
    .about-image {
        order: -1; /* Place image on top */
        min-width: 100%;
    }

    /* Services Grid */
    .services-grid {
        grid-template-columns: 1fr; /* Stack services vertically */
    }

    /* Stats Section */
    .stats-grid {
        flex-direction: column;
        gap: 40px;
    }

    /* Team & Testimonials */
    .team-grid, .testimonial-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        justify-content: center;
    }
    .team-member {
        width: 100%;
    }

    /* Contact Section */
    .contact-grid {
        flex-direction: column;
    }
    .contact-info {
        order: 2;
    }
    .contact-actions {
        justify-content: center;
    }
    .newsletter-signup form {
        flex-direction: column;
    }
}