/* ============================================================
   CONTACT PAGE — DESKTOP ALIGNMENT FIX
   Targets desktop only (min-width: 769px).
   Corrects left-drift on all major sections.
   ============================================================ */

@media (min-width: 769px) {

    /* ── CONTACT HEADER ──────────────────────────────────── */
    .contact-header {
        text-align: center;
    }

    .contact-header .header-content {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .contact-header .cta-buttons {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }


    /* ── QUICK CONTACT CARDS ─────────────────────────────── */
    .quick-contact .container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-content: center;
        text-align: center;
    }

    .contact-card {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    /* ── FORM SECTION (left side of grid) ───────────────── */
    .form-section {
        text-align: left; /* form fields stay left-aligned — correct UX */
    }

    .form-section h2 {
        text-align: left;
    }

    /* ── RIGHT / HEADQUARTERS ────────────────────────────── */
    .right {
        text-align: left; /* details text stays left — correct */
    }

    .right h2 {
        text-align: left;
    }


    /* ── OUR OFFICES SECTION ─────────────────────────────── */
    #offices {
        text-align: center;
    }

    #offices .container {
        text-align: center;
    }

    #offices h2 {
        text-align: center;
    }

    #offices .cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        gap: 24px;
    }

    #offices .office-card {
        text-align: center;
    }

    #offices .office-card .info {
        text-align: left; /* address/phone text stays left — correct */
    }

    #offices .office-card button {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    /* ── CTA SECTION ─────────────────────────────────────── */
    #cta {
        text-align: center;
    }

    #cta h2 {
        text-align: center;
    }

    #cta .buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 16px;
        margin-left: auto;
        margin-right: auto;
    }

    #cta button {
        flex: 0 1 auto;
    }

}
/* end @media (min-width: 769px) */