/* =============================================================================
   MAKKAN BLOCKS — dark footer + homepage sections (99acres-style)
   Literal colours (no var dependency) so load order never matters.
   ========================================================================== */

/* Hide the old plain Elementor footer — replaced by .mk-footer below */
.elementor-16870{ display:none !important; }

.mk-container{ max-width:1200px; margin:0 auto; padding-left:20px; padding-right:20px; }

/* ---------------- Homepage sections ------------------------------------ */
.mk-home-extra{ font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.mk-home-extra *{ box-sizing:border-box; }
.mk-sec{ padding:58px 0; }
.mk-types-sec{ background:#ffffff; }
.mk-localities-sec{ background:#f5f7fa; }
.mk-why-sec{ background:#ffffff; }
.mk-sec-head{ text-align:center; max-width:640px; margin:0 auto 38px; }
.mk-eyebrow{ display:inline-block; color:#2fa84f; font-weight:700; font-size:.78rem;
  letter-spacing:.14em; text-transform:uppercase; margin-bottom:10px; }
.mk-sec-head h2{ font-family:'Plus Jakarta Sans','Inter',sans-serif; font-weight:800;
  color:#12233b; font-size:clamp(1.5rem,2.4vw,2.05rem); letter-spacing:-.02em; margin:0 0 10px; }
.mk-sec-head p{ color:#6b7c93; font-size:1.02rem; margin:0; line-height:1.55; }

/* Property type cards */
.mk-type-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:18px; }
.mk-type-card{ display:flex; flex-direction:column; align-items:center; text-align:center;
  gap:12px; padding:26px 14px; background:#fff; border:1px solid #e6ebf1; border-radius:16px;
  text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.mk-type-card:hover{ transform:translateY(-6px); border-color:#cfe0f2;
  box-shadow:0 18px 40px -16px rgba(14,76,138,.28); }
.mk-type-ic{ width:64px; height:64px; border-radius:50%; display:flex; align-items:center;
  justify-content:center; background:linear-gradient(135deg,#eaf1f8,#dcebfb); color:#0e4c8a; font-size:1.5rem; }
.mk-type-card:hover .mk-type-ic{ background:linear-gradient(135deg,#0e4c8a,#12609f); color:#fff; }
.mk-type-name{ font-weight:700; color:#12233b; font-size:.98rem; }
.mk-type-go{ font-size:.78rem; font-weight:600; color:#2fa84f; opacity:0; transform:translateY(4px);
  transition:.2s ease; }
.mk-type-card:hover .mk-type-go{ opacity:1; transform:none; }
.mk-type-go i{ font-size:.7rem; margin-left:3px; }

/* Locality chips */
.mk-loc-grid{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.mk-loc-chip{ display:inline-flex; align-items:center; gap:8px; padding:12px 22px; background:#fff;
  border:1px solid #e6ebf1; border-radius:999px; color:#12233b; font-weight:600; font-size:.95rem;
  text-decoration:none; transition:all .18s ease; }
.mk-loc-chip i{ color:#2fa84f; }
.mk-loc-chip:hover{ background:#0e4c8a; border-color:#0e4c8a; color:#fff; transform:translateY(-2px);
  box-shadow:0 10px 22px -10px rgba(14,76,138,.5); }
.mk-loc-chip:hover i{ color:#fff; }

/* Why-us cards */
.mk-why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.mk-why-card{ text-align:center; padding:30px 22px; border-radius:16px; background:#f8fafc;
  border:1px solid #eef2f7; transition:transform .2s ease, box-shadow .2s ease; }
.mk-why-card:hover{ transform:translateY(-5px); box-shadow:0 18px 40px -18px rgba(16,32,55,.22); }
.mk-why-ic{ width:66px; height:66px; margin:0 auto 16px; border-radius:18px; display:flex;
  align-items:center; justify-content:center; font-size:1.6rem; color:#fff;
  background:linear-gradient(135deg,#0e4c8a,#12609f); box-shadow:0 10px 22px -8px rgba(14,76,138,.45); }
.mk-why-card:nth-child(2) .mk-why-ic{ background:linear-gradient(135deg,#2fa84f,#37bd59); box-shadow:0 10px 22px -8px rgba(47,168,79,.45); }
.mk-why-card:nth-child(4) .mk-why-ic{ background:linear-gradient(135deg,#2fa84f,#37bd59); box-shadow:0 10px 22px -8px rgba(47,168,79,.45); }
.mk-why-card h3{ font-family:'Plus Jakarta Sans','Inter',sans-serif; font-weight:700; color:#12233b;
  font-size:1.1rem; margin:0 0 8px; }
.mk-why-card p{ color:#6b7c93; font-size:.92rem; line-height:1.55; margin:0; }

/* CTA band */
.mk-cta-band{ background:linear-gradient(120deg,#0b3b6c,#0e4c8a 55%,#12609f);
  padding:44px 0; color:#fff; }
.mk-cta-inner{ display:flex; align-items:center; justify-content:space-between; gap:26px; flex-wrap:wrap; }
.mk-cta-text h2{ font-family:'Plus Jakarta Sans','Inter',sans-serif; font-weight:800; color:#fff;
  margin:0 0 6px; font-size:clamp(1.4rem,2.2vw,1.85rem); }
.mk-cta-text p{ margin:0; color:#cfe0f2; font-size:1rem; }
.mk-cta-btn{ display:inline-flex; align-items:center; gap:10px; background:#2fa84f; color:#fff;
  font-weight:700; padding:15px 30px; border-radius:999px; text-decoration:none; white-space:nowrap;
  box-shadow:0 12px 26px -10px rgba(47,168,79,.6); transition:all .18s ease; }
.mk-cta-btn:hover{ background:#26913f; transform:translateY(-2px); color:#fff; }

/* ---------------- Dark footer ------------------------------------------ */
.mk-footer{ background:#0b1f38; color:#9fb0c6; border-top:4px solid #2fa84f;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.mk-footer *{ box-sizing:border-box; }
.mk-footer-main{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr; gap:36px; padding:56px 20px 40px; }
.mk-flogo{ font-family:'Plus Jakarta Sans','Inter',sans-serif; font-weight:800; font-size:1.5rem;
  letter-spacing:-.01em; color:#fff; margin-bottom:14px; }
.mk-flogo span{ color:#2fa84f; }
.mk-footer-brand p{ color:#8ea3bd; line-height:1.65; font-size:.92rem; margin:0 0 18px; }
.mk-social{ display:flex; gap:10px; }
.mk-social a{ width:38px; height:38px; border-radius:50%; display:flex; align-items:center;
  justify-content:center; background:rgba(255,255,255,.08); color:#cdd9e8; transition:all .18s ease; }
.mk-social a:hover{ background:#2fa84f; color:#fff; transform:translateY(-3px); }
.mk-footer-col h4{ color:#fff; font-family:'Plus Jakarta Sans','Inter',sans-serif; font-weight:700;
  font-size:1rem; margin:0 0 16px; }
.mk-footer-col ul{ list-style:none; margin:0; padding:0; }
.mk-footer-col li{ margin-bottom:11px; }
.mk-footer-col a{ color:#9fb0c6; text-decoration:none; font-size:.92rem; transition:color .16s ease; }
.mk-footer-col a:hover{ color:#fff; padding-left:3px; }
.mk-footer-contact{ margin-top:16px; display:flex; flex-direction:column; gap:10px; }
.mk-footer-contact a, .mk-footer-contact span{ color:#9fb0c6; font-size:.9rem; text-decoration:none;
  display:flex; align-items:center; gap:9px; }
.mk-footer-contact i{ color:#2fa84f; width:15px; }
.mk-footer-contact a:hover{ color:#fff; }
.mk-footer-bottom{ background:#081627; border-top:1px solid rgba(255,255,255,.06); padding:18px 20px; }
.mk-footer-bottom-inner{ display:flex; align-items:center; justify-content:space-between; gap:14px;
  flex-wrap:wrap; font-size:.86rem; color:#7e93ad; }
.mk-footer-legal{ display:flex; gap:20px; flex-wrap:wrap; }
.mk-footer-legal a{ color:#7e93ad; text-decoration:none; transition:color .16s ease; }
.mk-footer-legal a:hover{ color:#fff; }

/* ---------------- Responsive ------------------------------------------- */
@media (max-width:1024px){
  .mk-type-grid{ grid-template-columns:repeat(3,1fr); }
  .mk-why-grid{ grid-template-columns:repeat(2,1fr); }
  .mk-footer-main{ grid-template-columns:1fr 1fr 1fr; }
  .mk-footer-brand{ grid-column:1 / -1; }
}
@media (max-width:640px){
  .mk-sec{ padding:44px 0; }
  .mk-type-grid{ grid-template-columns:repeat(2,1fr); }
  .mk-why-grid{ grid-template-columns:1fr; }
  .mk-footer-main{ grid-template-columns:1fr 1fr; gap:26px; padding:40px 20px 30px; }
  .mk-cta-inner{ flex-direction:column; text-align:center; }
  .mk-footer-bottom-inner{ flex-direction:column; text-align:center; }
}

/* =============================================================================
   FOOTER v2 — 99acres-style rich footer, WHITE links (override earlier rules)
   ========================================================================== */
.mk-footer a{ color:#c3d1e2 !important; text-decoration:none; transition:color .15s ease; }
.mk-footer a:hover{ color:#ffffff !important; }

/* Link section */
.mk-footer-links{ padding:46px 20px 30px; }
.mk-fl-full{ padding-bottom:26px; margin-bottom:26px; border-bottom:1px solid rgba(255,255,255,.09); }
.mk-fl-full h5, .mk-fl-col h5{ color:#fff; font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-weight:700; font-size:.8rem; letter-spacing:.07em; text-transform:uppercase; margin:0 0 16px; }
.mk-fl-cloud{ column-count:5; column-gap:26px; list-style:none; margin:0; padding:0; }
.mk-fl-cloud li{ break-inside:avoid; margin-bottom:11px; line-height:1.3; }
.mk-fl-cols{ display:grid; grid-template-columns:repeat(5,1fr); gap:26px; }
.mk-fl-col ul{ list-style:none; margin:0; padding:0; }
.mk-fl-col li{ margin-bottom:11px; line-height:1.3; }
.mk-fl-col a, .mk-fl-cloud a{ font-size:.85rem; color:#93a6c0 !important; }
.mk-fl-col a:hover, .mk-fl-cloud a:hover{ color:#fff !important; }
@media(max-width:1024px){ .mk-fl-cloud{ column-count:3; } .mk-fl-cols{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:640px){ .mk-fl-cloud{ column-count:2; } .mk-fl-cols{ grid-template-columns:repeat(2,1fr); } }

/* Main row */
.mk-footer-main{ display:grid; grid-template-columns:1.8fr 1fr 1.15fr .9fr 1.25fr; gap:34px;
  padding:42px 20px 40px; }
.mk-footer-col h4{ color:#fff !important; font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-weight:700; font-size:1rem; margin:0 0 16px; }
.mk-footer-col ul{ list-style:none; margin:0; padding:0; }
.mk-footer-col li{ margin-bottom:11px; }
.mk-footer-col a{ font-size:.92rem; }
.mk-footer-brand p{ color:#8ea3bd !important; }
.mk-flogo{ color:#fff !important; } .mk-flogo span{ color:#2fa84f !important; }
.mk-footer-contact a, .mk-footer-contact span{ color:#c3d1e2 !important; }
.mk-footer-contact i{ color:#2fa84f !important; }
.mk-foot-btn{ display:inline-block; margin-top:16px; background:#2fa84f; color:#fff !important;
  padding:12px 24px; border-radius:9px; font-weight:700; font-size:.92rem; text-align:center;
  box-shadow:0 10px 22px -10px rgba(47,168,79,.6); transition:all .18s ease; }
.mk-foot-btn:hover{ background:#26913f; transform:translateY(-2px); color:#fff !important; }
.mk-footer-legal a{ color:#8397b0 !important; } .mk-footer-legal a:hover{ color:#fff !important; }
.mk-footer-bottom-inner span{ color:#8397b0; }

@media(max-width:1024px){
  .mk-footer-links{ grid-template-columns:1fr 1fr; }
  .mk-fl-cloud{ column-count:2; }
  .mk-footer-main{ grid-template-columns:1fr 1fr 1fr; }
  .mk-footer-brand{ grid-column:1 / -1; }
}
@media(max-width:640px){
  .mk-footer-links{ grid-template-columns:1fr; padding:34px 20px 24px; }
  .mk-fl-cloud{ column-count:2; }
  .mk-footer-main{ grid-template-columns:1fr 1fr; }
}