/* Contact page grid */
.contact-page-wrapper { display:flex; flex-direction:column; gap:32px; margin:32px auto; max-width:1100px; padding:0 16px; }
.contact-section { display:flex; flex-wrap:wrap; gap:32px; align-items:stretch; }
.contact-left, .contact-right { flex:1 1 400px; min-width:280px; }
.contact-left { display:flex; flex-direction:column; justify-content:center; gap:16px; }


/* Contact info lists */
.contact-info { list-style:none; padding:0; margin:0 0 16px 0; }
.contact-info li { margin-bottom:8px; font-size:1em; line-height:1.5; }
.contact-info a { color:#1a5a99; text-decoration:none; }
.contact-info a:hover { text-decoration:underline; }

/* Form styling */
.contact-form { display:flex; flex-direction:column; gap:16px; }
.contact-form .form-group { display:flex; flex-direction:column; }
.contact-form label { margin-bottom:4px; font-weight:600; }
.contact-form input, .contact-form textarea { padding:8px 12px; border:1px solid #ccc; border-radius:8px; font-size:1em; }
.contact-form button { padding:12px 20px; background:#1a5a99; color:#fff; border:none; border-radius:8px; cursor:pointer; font-size:1em; transition:0.3s; }
.contact-form button:hover { background:#e94e1b; }

/* Map row */
.contact-map-row { margin-top:32px; }
.contact-map h2 { margin-bottom:16px; }
.contact-map iframe { border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.1); }

/* Responsive */
@media(max-width:768px) {
    .contact-section { flex-direction:column; }
}
</style>