/* Responsive Design Overrides */

/* Tablet & Desktop */
@media (min-width: 768px) {
    .menu-btn {
        display: none;
        /* Hide hamburger on desktop */
    }

    .desktop-nav-wrapper {
        display: block;
        padding: 0;
        background: none;
        height: auto;
    }

    .site-nav {
        flex-direction: row;
        gap: 32px;
    }

    .nav-item {
        font-size: 1rem;
        opacity: 1;
        transform: none;
        font-family: var(--font-heading);
        font-weight: 600;
        color: var(--primary-blue);
        text-decoration: none;
        transition: color 0.2s;
    }

    .nav-item:hover {
        color: var(--education-blue);
    }

    /* Hero Section Desktop */
    .hero-section {
        padding: 60px 0 60px 0;
        min-height: 50vh;
        /* Make it substantial */
        display: flex;
        align-items: center;
    }

    .hero-container {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        gap: 60px;
    }

    .hero-content {
        margin: 0;
        /* Reset auto margin */
        text-align: left;
        flex: 1;
    }

    .hero-title {
        font-size: 3.5rem;
        /* Larger on desktop */
        margin-bottom: 24px;
    }

    .hero-subtitle {
        font-size: 1.25rem;
    }

    .hero-form-card,
    .hero-visual {
        flex: 0 0 400px;
        /* Fixed width for visual on desktop */
        margin: 0;
    }

    /* Services Grid Desktop (3+2) */
    .services-grid {
        grid-template-columns: repeat(6, 1fr);
        /* 6 columns total */
    }

    .services-grid>.service-card:nth-child(1),
    .services-grid>.service-card:nth-child(2),
    .services-grid>.service-card:nth-child(3) {
        grid-column: span 2;
        /* Each takes 2 cols = 3 items */
    }

    .services-grid>.service-card:nth-child(4) {
        grid-column: 2 / span 2;
        /* Start at col 2, span 2 */
    }

    .services-grid>.service-card:nth-child(5) {
        grid-column: 4 / span 2;
        /* Start at col 4, span 2 */
    }

    /* Why Us: Horizontal Connected Steps */
    .why-us-steps {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0;
    }

    /* Connecting Line */
    .why-us-steps::before {
        content: '';
        position: absolute;
        top: 40px;
        /* Center of 80px icon (padding-top included) */
        left: 15%;
        /* Start after first icon center */
        right: 15%;
        /* End before last icon center */
        height: 2px;
        background: repeating-linear-gradient(90deg, var(--border-color), var(--border-color) 8px, transparent 8px, transparent 16px);
        z-index: 1;
        transform: translateY(20px);
        /* Adjust for padding */
    }

    .step-item {
        flex: 1;
        padding: 0 20px;
    }

    /* Keep Experts Carousel as is, or adjust if needed */
    .experts-carousel {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 32px;
        justify-content: center;
        overflow: visible;
    }

    /* Footer Desktop */
    .footer-grid {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
        /* Brand wider, others feature width */
        gap: 40px;
        text-align: left;
    }

    .footer-col {
        align-items: flex-start;
    }

    .map-col {
        grid-column: span 1;
    }
}