/* ============================================================
   Contact page — Malawi Immigration Sacco
   ============================================================ */

/* ---------------- Layout ---------------- */
.mis-contact-layout{display:grid;grid-template-columns:0.95fr 1.25fr;gap:64px;align-items:start;}

/* ---------------- Info cards ---------------- */
.mis-contact-info{display:grid;gap:20px;}
.mis-contact-card{display:flex;gap:18px;align-items:flex-start;padding:26px;background-color:#fff;border:1px solid #e9e9e9;border-radius:18px;transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease;}
.mis-contact-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,16,12,.08);border-color:#1b5e20;}
.mis-contact-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background-color:#e8f5e9;color:#1b5e20;font-size:22px;flex:none;}
.mis-contact-icon svg{width:24px;height:24px;fill:#1b5e20;}
.mis-contact-card h4{margin:2px 0 6px;font-family:"Sora",sans-serif;font-size:16px;font-weight:600;letter-spacing:-.3px;color:#2d1f13;}
.mis-contact-card p{margin:0;font-family:"Manrope",sans-serif;font-size:15px;font-weight:400;line-height:1.75;color:#5b5b5a;}
.mis-contact-card a{color:#1b5e20;font-weight:600;text-decoration:none;}
.mis-contact-card a:hover{text-decoration:underline;}

/* ---------------- Form ---------------- */
.mis-contact-form{background-color:#fff;border:1px solid #e9e9e9;border-radius:24px;padding:44px;box-shadow:0 20px 50px rgba(20,16,12,.06);}
.mis-contact-form-head{margin-bottom:32px;}
.mis-contact-form-head h3{margin:0 0 8px;font-family:"Sora",sans-serif;font-size:26px;font-weight:600;line-height:1.25;letter-spacing:-.8px;color:#2d1f13;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-contact-form-head p{margin:0;font-family:"Manrope",sans-serif;font-size:14px;font-weight:400;line-height:1.7;color:#717170;}
.mis-contact-form .mis-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.mis-contact-form .mis-field-full{grid-column:1/-1;}
.mis-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:8px;}
.mis-form-success{display:none;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background-color:#e8f5e9;color:#1b5e20;font-family:"Manrope",sans-serif;font-size:14px;font-weight:600;line-height:1.6;}
.mis-form-success svg{width:18px;height:18px;fill:#1b5e20;flex:none;}
.mis-form-success.show{display:flex;}

/* ---------------- Map strip ---------------- */
.mis-map-strip{margin-top:90px;}
.mis-map-strip iframe{display:block;width:100%;height:420px;border:0;border-radius:24px;box-shadow:0 20px 50px rgba(20,16,12,.1);}

/* ---------------- Responsive ---------------- */
@media(max-width:1024px){
.mis-contact-layout{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:767px){
.mis-contact-form{padding:28px 20px;}
.mis-contact-form .mis-form-grid{grid-template-columns:1fr;}
.mis-form-actions{flex-direction:column;align-items:stretch;}
.mis-form-actions .mis-btn{width:100%;}
.mis-map-strip{margin-top:60px;}
.mis-map-strip iframe{height:300px;}
}