{"id":5,"date":"2026-03-18T11:26:37","date_gmt":"2026-03-18T11:26:37","guid":{"rendered":"https:\/\/thehomizcapital.com\/?page_id=5"},"modified":"2026-10-29T13:38:24","modified_gmt":"2026-10-29T13:38:24","slug":"the-homiz-capital","status":"publish","type":"page","link":"https:\/\/thehomizcapital.com\/","title":{"rendered":"The Homiz Capital"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5\" class=\"elementor elementor-5\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d9e16c e-con-full e-flex e-con e-parent\" data-id=\"4d9e16c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-144f29e elementor-widget elementor-widget-html\" data-id=\"144f29e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hc-hd-host\">\n<style>\n\n  \/* The page's ORIGINAL palette, restored at the client's request: slate\n     neutrals, a blue accent, and a navy button \u2014 not the ivory + gold pass.\n     Token NAMES still say \"gold\" because every section references them; only\n     the values changed, so the revert is a single edit here. *\/\n  :root{\n    --hc-ink:#0f172a;\n    --hc-ink-2:#334155;\n    --hc-ink-3:#64748b;\n    --hc-line:#e2e8f0;\n    --hc-line-2:#eef2f6;\n    --hc-paper:#ffffff;\n    --hc-cream:#f8fafc;\n    --hc-cream-2:#f1f5f9;\n    --hc-sand:#eff6ff;\n    --hc-gold:#3b82f6;\n    --hc-gold-2:#60a5fa;\n    --hc-gold-3:#93c5fd;\n    --hc-gold-ink:#1d4ed8;\n    --hc-gold-soft:rgba(59,130,246,.10);\n    --hc-deep:#0c1017;\n    --hc-cta:#0f172a;\n    --hc-grad:linear-gradient(135deg,#2563eb 0%,#3b82f6 50%,#60a5fa 100%);\n    --hc-shadow:0 18px 44px rgba(15,23,42,.08);\n    --hc-shadow-lg:0 30px 70px rgba(15,23,42,.12);\n    --hc-sans:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n    --hc-hd-h:84px;\n  }\n  @media (max-width:1024px){ :root{ --hc-hd-h:68px; } }\n\n\n    .hc-btn{\n      display:inline-flex; align-items:center; gap:9px;\n      padding:15px 26px; border-radius:999px;\n      font:600 15px\/1 var(--hc-sans); letter-spacing:.01em;\n      text-decoration:none; cursor:pointer; border:0;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n    .hc-btn svg{ width:17px; height:17px; fill:currentColor; flex:none; }\n    \/* The theme paints `a:hover{color:#336}`, which repainted every CTA label\n       a dark blue-purple on hover \u2014 on a navy fill that read as 1.2:1. Every\n       state below therefore states its own colour explicitly. *\/\n    .hc-btn-gold,\n    .hc-btn-gold:link,\n    .hc-btn-gold:visited{\n      background:var(--hc-cta); color:#ffffff;\n      box-shadow:0 10px 26px rgba(15,23,42,.22);\n    }\n    .hc-btn-gold:hover,\n    .hc-btn-gold:focus,\n    .hc-btn-gold:active{\n      background:#1d4ed8; color:#ffffff;\n      transform:translateY(-2px);\n      box-shadow:0 16px 34px rgba(29,78,216,.34);\n    }\n    .hc-btn-gold:focus{ transform:none; }\n    .hc-btn-gold:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-btn-ghost,\n    .hc-btn-ghost:link,\n    .hc-btn-ghost:visited{\n      background:transparent; color:var(--hc-ink);\n      box-shadow:inset 0 0 0 1.5px #cbd5e1;\n    }\n    .hc-btn-ghost:hover,\n    .hc-btn-ghost:active{\n      background:#e2e8f0; color:var(--hc-ink); transform:translateY(-2px);\n      box-shadow:inset 0 0 0 1.5px #94a3b8;\n    }\n    .hc-btn-ghost:focus{ background:transparent; color:var(--hc-ink); }\n    .hc-btn-ghost:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-hd,.hc-hd *{ box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n    .hc-hd{ font-family:var(--hc-sans); }\n\n  \/* The spacer keeps the flow height that the fixed bar gives up; JS then\n     sets it to the header's measured height so the two match exactly. *\/\n  .hc-hd-spacer{ height:var(--hc-hd-h); width:100%; }\n\n  \/* Elementor pads every container by 10px, which reads as a white band\n     under the fixed header and as seams between full-bleed sections. *\/\n  body.page-id-5 .e-con{ padding-top:0; padding-bottom:0; padding-left:0; padding-right:0; }\n\n  .hc-hd{\n    position:fixed; top:0; left:0; right:0; z-index:9990;\n    font-family:var(--hc-sans);\n    background:linear-gradient(180deg, rgba(34,29,22,.95) 0%, rgba(22,19,14,.95) 100%);\n    -webkit-backdrop-filter:saturate(180%) blur(14px);\n    backdrop-filter:saturate(180%) blur(14px);\n    border-bottom:1px solid rgba(212,175,55,.22);\n    transition:background .25s ease, box-shadow .25s ease, border-color .25s ease;\n  }\n  \/* WordPress offsets the document by the admin bar but a fixed element\n     ignores that, so when logged in the bar sat over the admin bar and left\n     a 32px strip of page background under it. Push it down to match. *\/\n  body.admin-bar .hc-hd{ top:32px; }\n  @media screen and (max-width:782px){ body.admin-bar .hc-hd{ top:46px; } }\n\n  .hc-hd.is-solid{\n    background:linear-gradient(180deg,#221d16 0%,#16130e 100%);\n    border-bottom-color:rgba(212,175,55,.38);\n    box-shadow:0 10px 30px rgba(0,0,0,.42);\n  }\n\n  \/* full-bleed row so the logo sits in the top-left corner rather than\n     inset by a centred 1260px container *\/\n  .hc-hd-row{\n    max-width:none; margin:0; padding:0 26px;\n    height:var(--hc-hd-h); display:flex; align-items:center; gap:20px;\n  }\n\n  .hc-hd-brand{ display:flex; align-items:center; flex:none; text-decoration:none; }\n  .hc-hd-brand img{ height:62px; width:auto; max-width:110px; object-fit:contain; display:block; }\n\n  .hc-hd-nav{ flex:1; display:flex; justify-content:center; }\n  .hc-hd-menu{ display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0; }\n  .hc-hd-menu a{\n    display:block; padding:10px 12px; border-radius:10px;\n    font:500 14.5px\/1 var(--hc-sans); color:rgba(255,255,255,.88); text-decoration:none;\n    letter-spacing:-.005em; white-space:nowrap; transition:color .18s ease, background .18s ease;\n  }\n  .hc-hd-menu a:hover{ color:#F1D9A6; background:rgba(212,175,55,.10); }\n\n  .hc-hd-act{ display:flex; align-items:center; gap:10px; flex:none; }\n  .hc-hd-tel{\n    display:inline-flex; align-items:center; gap:8px;\n    padding:11px 15px; border-radius:999px; text-decoration:none;\n    font:600 14px\/1 var(--hc-sans); color:#ffffff;\n    box-shadow:inset 0 0 0 1.5px rgba(212,175,55,.55);\n    transition:background .18s ease;\n  }\n  .hc-hd-tel svg{ width:16px; height:16px; fill:#25D366; flex:none; }\n  .hc-hd-tel:hover{ background:rgba(0,0,0,.20); }\n  .hc-hd .hc-btn{ padding:12px 20px; font-size:14px; }\n  .hc-hd .hc-btn-gold{\n    background:linear-gradient(135deg,#F7E7CE 0%,#E3C27A 45%,#C9A13B 100%) !important; color:#1a1305 !important;\n    box-shadow:0 10px 24px rgba(201,161,59,.26) !important;\n  }\n  \/* the shared hover sets a white label \u2014 on this mint pill that is unreadable *\/\n  .hc-hd .hc-btn-gold:hover,\n  .hc-hd .hc-btn-gold:focus,\n  .hc-hd .hc-btn-gold:active{\n    background:linear-gradient(135deg,#FBF0DC 0%,#EBCD8A 45%,#D4AF37 100%) !important; color:#140f04 !important;\n  }\n\n  .hc-hd-burger{\n    display:none; width:44px; height:44px; flex:none; border:0; padding:0;\n    border-radius:12px; background:rgba(255,255,255,.12); cursor:pointer;\n    align-items:center; justify-content:center;\n  }\n  .hc-hd-burger:focus{ background:rgba(255,255,255,.12); }\n  .hc-hd-burger:focus-visible{ outline:3px solid rgba(212,175,55,.7); outline-offset:2px; }\n  \/* staggered bars \u2014 long, medium, short *\/\n  .hc-hd-burger i{ display:block; width:16px; height:2px; border-radius:2px; background:#ffffff; position:relative; }\n  .hc-hd-burger i::before,.hc-hd-burger i::after{\n    content:\"\"; position:absolute; left:0; height:2px; border-radius:2px;\n    background:#ffffff; transition:transform .22s ease, width .22s ease;\n  }\n  .hc-hd-burger i::before{ width:22px; }\n  .hc-hd-burger i::after{ width:10px; }\n  \/* the X needs all three the same length again *\/\n  .hc-hd.is-open .hc-hd-burger i::before,\n  .hc-hd.is-open .hc-hd-burger i::after{ width:20px; }\n  .hc-hd-burger i::before{ top:-6px; }\n  .hc-hd-burger i::after{ top:6px; }\n  .hc-hd.is-open .hc-hd-burger i{ background:transparent; }\n  .hc-hd.is-open .hc-hd-burger i::before{ transform:translateY(6px) rotate(45deg); }\n  .hc-hd.is-open .hc-hd-burger i::after{ transform:translateY(-6px) rotate(-45deg); }\n\n  .hc-hd-drawer{\n    display:none; border-top:1px solid rgba(212,175,55,.22); background:#1a1611;\n    padding:8px 22px 22px; max-height:calc(100vh - var(--hc-hd-h)); overflow-y:auto;\n  }\n  .hc-hd.is-open .hc-hd-drawer{ display:block; }\n  .hc-hd-drawer a{\n    display:block; padding:14px 4px; text-decoration:none;\n    font:500 16px\/1 var(--hc-sans); color:#ffffff;\n    border-bottom:1px solid rgba(255,255,255,.14);\n  }\n  .hc-hd-drawer-cta{ display:flex; gap:10px; margin-top:18px; }\n  .hc-hd-drawer-cta .hc-btn{ flex:1; justify-content:center; }\n  \/* the drawer is teal, so the light-section ghost button would read at\n     2.4:1 here \u2014 it gets a white-on-teal variant instead *\/\n  .hc-hd-drawer-cta .hc-btn-ghost{\n    color:#ffffff; background:transparent;\n    box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);\n  }\n  .hc-hd-drawer-cta .hc-btn-ghost:hover{ background:rgba(0,0,0,.20); color:#ffffff; }\n  .hc-hd-drawer-cta .hc-btn-ghost:focus{ background:transparent; color:#ffffff; }\n\n  @media (max-width:1240px){ .hc-hd-menu a{ padding:10px 8px; font-size:13.5px; } }\n  @media (max-width:1080px){\n    .hc-hd-nav{ display:none; }\n    .hc-hd-burger{ display:flex; }\n    .hc-hd-row{ gap:12px; justify-content:space-between; }\n    .hc-hd-brand img{ height:50px; max-width:90px; }\n    .hc-hd .hc-btn{ display:none; }\n  }\n  @media (max-width:520px){\n    .hc-hd-tel span{ display:none; }\n    .hc-hd-tel{ padding:11px 13px; }\n  }\n  @media (max-width:1080px){ .hc-hd-row{ padding:0 16px; } }\n<\/style>\n\n<header class=\"hc-hd\" id=\"hcHeader\">\n  <div class=\"hc-hd-row\">\n    <a class=\"hc-hd-brand\" href=\"\/\" aria-label=\"The Homiz Capital \u2014 home\">\n      <img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/10\/the-homiz-capital-logo-gold.png\" alt=\"The Homiz Capital\" width=\"105\" height=\"62\" decoding=\"async\">\n    <\/a>\n    <nav class=\"hc-hd-nav\" aria-label=\"Primary\"><ul class=\"hc-hd-menu\"><li><a href=\"#hc-top\">Home<\/a><\/li><li><a href=\"#home-loan\">Home Loan<\/a><\/li><li><a href=\"#loan-against-property\">Loan Against Property<\/a><\/li><li><a href=\"#personal-loan\">Personal Loan<\/a><\/li><li><a href=\"#loan-calculator\">EMI Calculator<\/a><\/li><\/ul><\/nav>\n    <div class=\"hc-hd-act\">\n      <a class=\"hc-hd-tel\" href=\"https:\/\/wa.me\/918951782221?text=Hi%2C%20I%20would%20like%20to%20know%20more%20about%20home%20loans%20from%20Homiz%20Capital.\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp us\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M16 3A13 13 0 0 0 4.7 22.5L3 29l6.7-1.7A13 13 0 1 0 16 3Zm0 23.7a10.7 10.7 0 0 1-5.4-1.5l-.4-.2-4 1 1.1-3.9-.3-.4A10.7 10.7 0 1 1 16 26.7Zm5.9-8c-.3-.2-1.9-.9-2.2-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7 0a8.8 8.8 0 0 1-2.6-1.6 9.7 9.7 0 0 1-1.8-2.2c-.2-.3 0-.5.1-.7l.5-.6a2.3 2.3 0 0 0 .4-.6.6.6 0 0 0 0-.6c0-.2-.7-1.7-1-2.3s-.5-.6-.7-.6h-.6a1.2 1.2 0 0 0-.9.4 3.6 3.6 0 0 0-1.1 2.7 6.2 6.2 0 0 0 1.3 3.3 14.2 14.2 0 0 0 5.4 4.8c.8.3 1.4.5 1.8.7a4.4 4.4 0 0 0 2 .1 3.3 3.3 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.2-.3-.3-.6-.4Z\"\/><\/svg><span>WhatsApp Us<\/span><\/a>\n      <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hc-cta\"><span>Check Eligibility<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n      <button class=\"hc-hd-burger\" id=\"hcBurger\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"hcDrawer\"><i><\/i><\/button>\n    <\/div>\n  <\/div>\n  <div class=\"hc-hd-drawer\" id=\"hcDrawer\">\n    <nav aria-label=\"Mobile\"><a href=\"#hc-top\">Home<\/a><a href=\"#home-loan\">Home Loan<\/a><a href=\"#loan-against-property\">Loan Against Property<\/a><a href=\"#personal-loan\">Personal Loan<\/a><a href=\"#loan-calculator\">EMI Calculator<\/a><a href=\"#why-homiz\">Why Homiz<\/a><a href=\"#faqs\">FAQs<\/a><\/nav>\n    <div class=\"hc-hd-drawer-cta\">\n      <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hc-cta\"><span>Check Eligibility<\/span><\/a>\n      <a class=\"hc-btn hc-btn-ghost\" href=\"tel:+918951782221\"><span>Call<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/header>\n\n<div class=\"hc-hd-spacer\" aria-hidden=\"true\"><\/div>\n\n<script>\n(function(){\n  \/* Elementor 4.x lazy-loads container backgrounds, and the rule cascades to\n     every DESCENDANT \u2014 so gradient badges and panels inside containers past\n     the second one compute to background-image:none until the container is\n     marked loaded. The `e-no-lazyload` class on the container does not always\n     render from _css_classes, so force the loaded state from here. *\/\n  function lazyfix(){\n    var cons = document.querySelectorAll('.e-con:not(.e-lazyloaded)');\n    for(var i = 0; i < cons.length; i++) cons[i].classList.add('e-lazyloaded');\n  }\n  lazyfix();\n  document.addEventListener('DOMContentLoaded', lazyfix);\n  window.addEventListener('load', lazyfix);\n  setTimeout(lazyfix, 300);\n  setTimeout(lazyfix, 1200);\n  setTimeout(lazyfix, 3000);\n\n  \/* ---- popup: CTA clicks only ---------------------------------------\n     This host defers inline JS until the first interaction, so Elementor's\n     popup handler binds late and the very first click anywhere on the page\n     gets replayed as a popup open.\n\n     Closing it again afterwards is NOT enough \u2014 it was still painting for\n     ~150-200ms, which reads as the popup flashing open by itself. So the\n     opener itself is wrapped: unless a CTA armed it, showPopup does nothing\n     at all and the popup never paints. The reactive close stays as a net. *\/\n  (function(){\n    var CTA = '.hc-cta, .hb-banner-btn, .hb-apply, .hz-bank-btn, .hc-mb-cta,'\n            + ' .hz-bank-more, a[href*=\"elementor-action\"]';\n    var armedUntil = 0;\n\n    function armed(){ return Date.now() < armedUntil; }\n\n    document.addEventListener('click', function(e){\n      var t = e.target;\n      var hit = t && t.closest ? t.closest(CTA) : null;\n      \/* generous window: on this host the click can be replayed only after\n         the deferred bundle has finished loading *\/\n      if(hit) armedUntil = Date.now() + 6000;\n    }, true);\n\n    \/* --- wrap BOTH openers -------------------------------------------\n       The link action goes through modules.popup.showPopup, but this popup\n       is also opened straight off documentsManager.documents[<id>].showModal\n       \u2014 which is the path the stray click actually took, so wrapping\n       showPopup alone changed nothing. Neither wrapper consumes the arm,\n       because a CTA open travels through showPopup INTO showModal. *\/\n    function guardModule(){\n      var mod = window.elementorProFrontend\n             && elementorProFrontend.modules\n             && elementorProFrontend.modules.popup;\n      if(!mod || typeof mod.showPopup !== 'function') return false;\n      if(mod.__hzGuarded) return true;\n      var open = mod.showPopup;\n      mod.showPopup = function(){\n        if(!armed()) return;\n        return open.apply(this, arguments);\n      };\n      mod.__hzGuarded = true;\n      return true;\n    }\n\n    function guardDocs(){\n      var dm = window.elementorFrontend && elementorFrontend.documentsManager;\n      var docs = dm && dm.documents;\n      if(!docs) return false;\n      var any = false;\n      for(var k in docs){\n        var d = docs[k];\n        if(!d || typeof d.showModal !== 'function') continue;\n        any = true;\n        if(d.__hzGuarded) continue;\n        (function(doc){\n          var show = doc.showModal;\n          doc.showModal = function(){\n            if(!armed()) return;\n            return show.apply(this, arguments);\n          };\n          doc.__hzGuarded = true;\n        })(d);\n      }\n      return any;\n    }\n\n    function guard(){ var a = guardModule(); var b = guardDocs(); return a && b; }\n\n    guard();\n    var tries = 0;\n    var t = setInterval(function(){\n      guard();\n      if(++tries > 600) clearInterval(t);\n    }, 20);\n    \/* documents can be registered later, so re-check around interactions *\/\n    document.addEventListener('click', guard, true);\n    window.addEventListener('load', guard);\n\n    \/* --- net: if anything still opens unasked, shut it --------------- *\/\n    var allowed = (typeof WeakSet === 'function') ? new WeakSet() : null;\n    var openNow = (typeof WeakSet === 'function') ? new WeakSet() : null;\n\n    function judge(){\n      if(!allowed) return;\n      var mods = document.querySelectorAll('.elementor-popup-modal');\n      for(var i = 0; i < mods.length; i++){\n        var m = mods[i];\n        var isOpen = getComputedStyle(m).display !== 'none';\n        if(isOpen && !openNow.has(m)){\n          openNow.add(m);\n          if(armed() || allowed.has(m)){ allowed.add(m); }\n          else {\n            var close = m.querySelector('.dialog-close-button');\n            if(close) close.click(); else m.style.display = 'none';\n          }\n        } else if(!isOpen && openNow.has(m)){\n          openNow['delete'](m);\n        }\n      }\n    }\n\n    if('MutationObserver' in window){\n      new MutationObserver(judge).observe(document.body, {\n        subtree:true, childList:true, attributes:true,\n        attributeFilter:['style','class']\n      });\n    }\n  })();\n\n  var hd = document.getElementById('hcHeader');\n  if(!hd) return;\n  \/* position:fixed is unreliable inside an Elementor container \u2014 any ancestor\n     transform makes it behave like absolute \u2014 so host the bar on <body>. *\/\n  if(hd.parentNode !== document.body) document.body.appendChild(hd);\n\n  var burger = document.getElementById('hcBurger');\n  var drawer = document.getElementById('hcDrawer');\n\n  function solid(){ hd.classList.toggle('is-solid', window.scrollY > 12); }\n  solid();\n  window.addEventListener('scroll', solid, {passive:true});\n\n  \/* Match the spacer to the bar we actually rendered \u2014 the declared token is\n     a starting guess and misses the border and any wrapped row. *\/\n  var spacer = document.querySelector('.hc-hd-spacer');\n  function sizeSpacer(){\n    if(spacer) spacer.style.height = hd.offsetHeight + 'px';\n  }\n  sizeSpacer();\n  window.addEventListener('resize', sizeSpacer);\n  window.addEventListener('load', sizeSpacer);\n  setTimeout(sizeSpacer, 400);\n\n  if(burger){\n    burger.addEventListener('click', function(){\n      var open = hd.classList.toggle('is-open');\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\n      burger.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');\n    });\n  }\n  if(drawer){\n    drawer.addEventListener('click', function(e){\n      if(e.target.tagName === 'A'){\n        hd.classList.remove('is-open');\n        if(burger) burger.setAttribute('aria-expanded','false');\n      }\n    });\n  }\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape') hd.classList.remove('is-open');\n  });\n\n  \/* Anchor jumps have to clear the fixed bar. *\/\n  document.addEventListener('click', function(e){\n    var a = e.target.closest ? e.target.closest('a[href^=\"#\"]') : null;\n    if(!a) return;\n    var id = a.getAttribute('href') || '';\n    if(id.length < 2 || id.indexOf('elementor-action') > -1) return;\n    var t;\n    try { t = document.querySelector(id); } catch(err) { return; }\n    if(!t) return;\n    e.preventDefault();\n    var y = t.getBoundingClientRect().top + window.pageYOffset - ((hd.offsetHeight || 84) + 14);\n    window.scrollTo({top: y < 0 ? 0 : y, behavior:'smooth'});\n  });\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-872fdac e-con-full e-flex e-con e-parent\" data-id=\"872fdac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bae5da0 elementor-widget elementor-widget-html\" data-id=\"bae5da0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hb-hero\" aria-label=\"Homiz Banking Hero Section\">\n  <style>\n    .hb-hero,\n    .hb-hero *{\n      box-sizing:border-box;\n      -webkit-font-smoothing:antialiased;\n    }\n\n    .hb-hero{\n      scroll-margin-top:110px;\n      --bg:#0f172a; \n      --bg2:#020617; \n      --text:#ffffff;\n      --muted:rgba(255,255,255,.68);\n      --green:#0ea5e9; \n      --green2:#38bdf8; \n      --yellow:#facc15;\n      --shadow:0 20px 50px rgba(0,0,0,.28);\n\n      position:relative;\n      width:100vw;\n      left:50%;\n      right:50%;\n      margin-left:-50vw;\n      margin-right:-50vw;\n      overflow:hidden;\n      background:\n        radial-gradient(900px 500px at 90% 16%, rgba(14,165,233,.07), transparent 60%),\n        radial-gradient(700px 420px at 10% 85%, rgba(14,165,233,.05), transparent 60%),\n        linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);\n      color:var(--text);\n      font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n      padding:30px 18px 48px;\n      min-height:0;\n      display:flex;\n      align-items:center;\n    }\n\n    .hb-hero::before{\n      content:\"\";\n      position:absolute;\n      inset:auto auto 70px -120px;\n      width:380px;\n      height:280px;\n      background:linear-gradient(135deg, rgba(14,165,233,.06), rgba(14,165,233,0));\n      transform:skew(-28deg);\n      pointer-events:none;\n      filter:blur(2px);\n    }\n\n    .hb-hero::after{\n      content:\"\";\n      position:absolute;\n      top:-80px;\n      right:-100px;\n      width:540px;\n      height:540px;\n      border-radius:50%;\n      background:\n        repeating-radial-gradient(circle at center,\n          rgba(255,255,255,.045) 0 1px,\n          transparent 1px 13px);\n      opacity:.22;\n      pointer-events:none;\n      mask-image:linear-gradient(135deg, transparent 12%, #000 48%, #000 100%);\n      -webkit-mask-image:linear-gradient(135deg, transparent 12%, #000 48%, #000 100%);\n    }\n\n    .hb-wrap{\n      position:relative;\n      z-index:2;\n      max-width:1180px;\n      margin:0 auto;\n      width:100%;\n    }\n\n    .hb-grid{\n      display:grid;\n      grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);\n      gap:44px;\n      align-items:flex-start;\n    }\n\n    .hb-left{\n      padding-top:0;\n      padding-right:8px;\n    }\n\n    .hb-title{\n      margin:0 0 28px;\n      font-weight:300;\n      line-height:1.08;\n      letter-spacing:-.03em;\n      font-size:clamp(34px,4vw,56px);\n      max-width:720px;\n    }\n\n    .hb-title .line{\n      display:block;\n    }\n\n    .hb-title .line:last-child{\n      white-space:nowrap;\n    }\n\n    .hb-word-wrap{\n      display:inline-flex;\n      align-items:baseline;\n      position:relative;\n      min-width:210px;\n      margin-left:4px;\n    }\n\n    .hb-rotating-word{ max-width:100%;\n      display:inline-block;\n      min-width:205px;\n      color:var(--green);\n      font-weight:500;\n      white-space:nowrap;\n    }\n\n    .hb-stats-desktop{\n      display:grid;\n      grid-template-columns:repeat(2,minmax(0,1fr));\n      gap:22px 30px;\n      max-width:500px;\n    }\n\n    .hb-stat{\n      display:flex;\n      align-items:flex-start;\n      gap:12px;\n    }\n\n    .hb-stat-icon{\n      width:38px;\n      height:38px;\n      border-radius:13px;\n      background:linear-gradient(135deg,var(--green),var(--green2));\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      flex:0 0 38px;\n      box-shadow:0 12px 25px rgba(14,165,233,.20);\n    }\n\n    .hb-stat-icon svg{\n      width:18px;\n      height:18px;\n      fill:#101010;\n    }\n\n    .hb-stat-value{\n      font-size:19px;\n      font-weight:800;\n      line-height:1;\n      margin-bottom:4px;\n      white-space:nowrap;\n    }\n\n    .hb-stat-value .plus{\n      color:var(--green);\n      padding-left:3px;\n    }\n\n    .hb-stat-label{\n      font-size:13px;\n      line-height:1.2;\n      color:var(--muted);\n    }\n\n    .hb-slider-wrap{\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n      width:100%;\n    }\n\n    .hb-slider-shell{\n      width:100%;\n      max-width:520px;\n      overflow:hidden;\n      border-radius:22px;\n      position:relative;\n      margin-left:auto;\n    }\n\n    .hb-slider-track{\n      display:flex;\n      width:100%;\n      transition:transform .7s cubic-bezier(.22,.61,.36,1);\n      will-change:transform;\n    }\n\n    .hb-slide-card{\n      flex:0 0 100%;\n      width:100%;\n      min-width:100%;\n      height:286px;\n      border-radius:20px;\n      overflow:hidden;\n      position:relative;\n      border:1px solid rgba(255,255,255,.14);\n      box-shadow:var(--shadow);\n      display:grid;\n      grid-template-columns:1fr .92fr;\n      align-items:center;\n      gap:10px;\n      padding:24px 22px 22px;\n    }\n\n    .hb-slide-card.one{\n      background:\n        radial-gradient(circle at 78% 58%, rgba(255,167,38,.34) 0%, rgba(255,167,38,0) 22%),\n        radial-gradient(circle at 70% 36%, rgba(120,94,255,.18) 0%, rgba(120,94,255,0) 20%),\n        linear-gradient(90deg,#2ce1bf 0%, #67e767 56%, #b0f41d 100%);\n    }\n\n    .hb-slide-card.two{\n      background:\n        radial-gradient(circle at 80% 24%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 22%),\n        radial-gradient(circle at 75% 70%, rgba(255,196,0,.18) 0%, rgba(255,196,0,0) 20%),\n        linear-gradient(90deg,#29d7f4 0%, #31e2c2 56%, #80f45f 100%);\n    }\n\n    .hb-slide-card.three{\n      background:\n        radial-gradient(circle at 76% 52%, rgba(255,153,0,.28) 0%, rgba(255,153,0,0) 22%),\n        radial-gradient(circle at 65% 30%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 20%),\n        linear-gradient(90deg,#25ddc7 0%, #5eea7e 52%, #d2ef35 100%);\n    }\n\n    .hb-banner-copy{\n      position:relative;\n      z-index:2;\n      color:#141414;\n      max-width:275px;\n    }\n\n    .hb-banner-copy h3{\n      margin:0 0 10px;\n      font-size:clamp(19px,2vw,24px);\n      line-height:1.18;\n      font-weight:900;\n      letter-spacing:-.02em;\n      color:#0f1112;\n    }\n\n    .hb-banner-copy h3 .white{\n      color:#ffffff;\n      display:block;\n    }\n\n    .hb-banner-copy p{\n      margin:0 0 18px;\n      font-size:14px;\n      line-height:1.38;\n      color:rgba(20,20,20,.86);\n      max-width:250px;\n    }\n\n    .hb-banner-btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:8px;\n      text-decoration:none;\n      background:#0e0e0f;\n      color:#fff;\n      border-radius:999px;\n      padding:10px 16px;\n      font-size:13px;\n      font-weight:700;\n      box-shadow:0 12px 24px rgba(0,0,0,.18);\n    }\n\n    .hb-banner-btn svg{\n      width:13px;\n      height:13px;\n      fill:currentColor;\n    }\n\n    .hb-banner-visual{\n      position:relative;\n      min-height:188px;\n      height:100%;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      overflow:visible;\n      padding-right:14px;\n    }\n\n    .hb-deco-glow{\n      position:absolute;\n      width:130px;\n      height:130px;\n      border-radius:50%;\n      background:rgba(91,79,255,.18);\n      filter:blur(16px);\n      top:20px;\n      right:28px;\n    }\n\n    .hb-arrow-growth{\n      position:absolute;\n      right:22px;\n      top:36px;\n      width:96px;\n      height:96px;\n      opacity:.92;\n    }\n\n    .hb-arrow-growth::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:#3fe9cd;\n      clip-path:polygon(0 68%, 56% 68%, 56% 20%, 100% 20%, 100% 0, 56% 0, 56% 48%, 0 48%);\n      transform:rotate(-32deg);\n      border-radius:12px;\n      box-shadow:0 10px 24px rgba(0,0,0,.12);\n    }\n\n    .hb-art-wrap{\n      position:relative;\n      width:100%;\n      max-width:250px;\n      height:188px;\n    }\n\n    .hb-coin{\n      position:absolute;\n      width:28px;\n      height:28px;\n      border-radius:50%;\n      background:linear-gradient(145deg,#ffce41,#ffad1f);\n      border:3px solid rgba(255,248,190,.8);\n      box-shadow:0 10px 20px rgba(255,168,0,.22);\n    }\n\n    .hb-coin::before{\n      content:\"\";\n      position:absolute;\n      inset:6px;\n      border-radius:50%;\n      border:2px solid rgba(255,248,190,.65);\n    }\n\n    .hb-mound{\n      position:absolute;\n      bottom:4px;\n      width:76px;\n      height:22px;\n      background:#41cf9f;\n      border-radius:50% 50% 45% 45%;\n    }\n\n    .hb-tree-trunk{\n      position:absolute;\n      bottom:22px;\n      left:50%;\n      width:4px;\n      height:96px;\n      background:#1d5b4d;\n      transform:translateX(-50%);\n      border-radius:4px;\n    }\n\n    .hb-branch{\n      position:absolute;\n      background:#1d5b4d;\n      height:3px;\n      transform-origin:left center;\n      border-radius:3px;\n    }\n\n    .hb-leaf{\n      position:absolute;\n      width:9px;\n      height:9px;\n      background:#5af0c8;\n      border-radius:70% 0 70% 0;\n      transform:rotate(45deg);\n    }\n\n    .hb-person{\n      position:absolute;\n      right:22px;\n      bottom:16px;\n      width:78px;\n      height:112px;\n    }\n\n    .hb-person .head{\n      position:absolute;\n      top:8px;\n      left:30px;\n      width:18px;\n      height:18px;\n      border-radius:50%;\n      background:#284ca7;\n    }\n\n    .hb-person .body{\n      position:absolute;\n      top:24px;\n      left:18px;\n      width:36px;\n      height:46px;\n      background:#284ca7;\n      border-radius:18px 18px 10px 10px;\n      transform:skew(-7deg);\n    }\n\n    .hb-person .arm1,\n    .hb-person .arm2{\n      position:absolute;\n      width:12px;\n      height:38px;\n      background:#284ca7;\n      border-radius:12px;\n    }\n\n    .hb-person .arm1{\n      top:24px;\n      left:14px;\n      transform:rotate(52deg);\n    }\n\n    .hb-person .arm2{\n      top:18px;\n      right:10px;\n      transform:rotate(-36deg);\n    }\n\n    .hb-person .leg1,\n    .hb-person .leg2{\n      position:absolute;\n      width:14px;\n      height:46px;\n      background:#f3a245;\n      border-radius:12px;\n    }\n\n    .hb-person .leg1{\n      top:60px;\n      left:24px;\n      transform:rotate(20deg);\n    }\n\n    .hb-person .leg2{\n      top:60px;\n      right:16px;\n      transform:rotate(-36deg);\n    }\n\n    .hb-person .scarf{\n      position:absolute;\n      top:26px;\n      left:38px;\n      width:26px;\n      height:9px;\n      background:#ffbe62;\n      border-radius:10px;\n      transform:rotate(38deg);\n    }\n\n    .hb-card-graphic,\n    .hb-wallet-graphic,\n    .hb-car-graphic{\n      position:relative;\n      width:100%;\n      max-width:240px;\n      height:188px;\n      margin-left:auto;\n      margin-right:auto;\n    }\n\n    .hb-big-card{\n      position:absolute;\n      left:22px;\n      top:48px;\n      width:136px;\n      height:84px;\n      border-radius:16px;\n      background:linear-gradient(145deg,#245074,#2b77a7);\n      box-shadow:0 18px 30px rgba(0,0,0,.18);\n      overflow:hidden;\n    }\n\n    .hb-big-card::before{\n      content:\"\";\n      position:absolute;\n      left:0;\n      right:0;\n      top:14px;\n      height:12px;\n      background:#12374f;\n    }\n\n    .hb-big-card::after{\n      content:\"\";\n      position:absolute;\n      left:16px;\n      bottom:16px;\n      width:54px;\n      height:7px;\n      border-radius:10px;\n      background:rgba(255,255,255,.8);\n      box-shadow:0 -14px 0 rgba(255,255,255,.65);\n    }\n\n    .hb-chip{\n      position:absolute;\n      right:28px;\n      top:68px;\n      width:24px;\n      height:18px;\n      border-radius:6px;\n      background:#ffd147;\n    }\n\n    .hb-circle-a,\n    .hb-circle-b{\n      position:absolute;\n      width:30px;\n      height:30px;\n      border-radius:50%;\n      top:90px;\n      background:#ffd147;\n      opacity:.95;\n    }\n\n    .hb-circle-a{ right:40px; }\n    .hb-circle-b{ right:22px; background:#ffef9b; }\n\n    .hb-wallet{\n      position:absolute;\n      left:24px;\n      top:68px;\n      width:132px;\n      height:74px;\n      border-radius:18px;\n      background:linear-gradient(145deg,#0f674f,#17906f);\n      box-shadow:0 18px 30px rgba(0,0,0,.18);\n    }\n\n    .hb-wallet::before{\n      content:\"\";\n      position:absolute;\n      right:-10px;\n      top:18px;\n      width:46px;\n      height:36px;\n      border-radius:12px;\n      background:linear-gradient(145deg,#15755b,#1aa27b);\n    }\n\n    .hb-wallet::after{\n      content:\"\";\n      position:absolute;\n      right:8px;\n      top:30px;\n      width:10px;\n      height:10px;\n      border-radius:50%;\n      background:#ffd44f;\n    }\n\n    .hb-cash{\n      position:absolute;\n      width:52px;\n      height:30px;\n      border-radius:8px;\n      background:linear-gradient(145deg,#daf7ef,#b5f0de);\n      border:2px solid rgba(18,72,54,.15);\n      box-shadow:0 10px 18px rgba(0,0,0,.12);\n    }\n\n    .hb-cash.one{ top:22px; left:150px; transform:rotate(-14deg); }\n    .hb-cash.two{ top:42px; left:176px; transform:rotate(8deg); }\n    .hb-cash.three{ top:98px; left:172px; transform:rotate(18deg); }\n\n    .hb-cash::before{\n      content:\"\u20b9\";\n      position:absolute;\n      inset:0;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      color:#1a6a52;\n      font-weight:800;\n      font-size:17px;\n    }\n\n    .hb-car-body{\n      position:absolute;\n      left:18px;\n      top:92px;\n      width:162px;\n      height:48px;\n      background:linear-gradient(145deg,#1f628b,#2ed2b8);\n      border-radius:22px 30px 14px 14px;\n      box-shadow:0 18px 30px rgba(0,0,0,.18);\n    }\n\n    .hb-car-body::before{\n      content:\"\";\n      position:absolute;\n      left:38px;\n      top:-22px;\n      width:76px;\n      height:28px;\n      background:linear-gradient(145deg,#35d8ba,#72ebcf);\n      border-radius:22px 20px 8px 8px;\n      transform:skew(-18deg);\n    }\n\n    .hb-car-window{\n      position:absolute;\n      top:76px;\n      width:34px;\n      height:18px;\n      background:#d7f9ff;\n      border-radius:8px;\n    }\n\n    .hb-car-window.w1{ left:68px; }\n    .hb-car-window.w2{ left:104px; width:38px; }\n\n    .hb-wheel{\n      position:absolute;\n      bottom:30px;\n      width:30px;\n      height:30px;\n      border-radius:50%;\n      background:#101d2b;\n      box-shadow:inset 0 0 0 7px #8ed1de;\n    }\n\n    .hb-wheel.wl{ left:42px; }\n    .hb-wheel.wr{ left:132px; }\n\n    .hb-speed-line{\n      position:absolute;\n      height:7px;\n      border-radius:10px;\n      background:#3de8c7;\n      transform:rotate(-28deg);\n      box-shadow:0 10px 16px rgba(0,0,0,.1);\n    }\n\n    .hb-speed-line.l1{ right:6px; top:34px; width:82px; }\n    .hb-speed-line.l2{ right:18px; top:58px; width:56px; }\n    .hb-speed-line.l3{ right:0; top:80px; width:68px; }\n\n    .hb-mini-orb{\n      position:absolute;\n      border-radius:50%;\n      background:rgba(255,255,255,.14);\n    }\n\n    .hb-mini-orb.o1{ width:16px; height:16px; right:18px; top:18px; }\n    .hb-mini-orb.o2{ width:10px; height:10px; left:12px; top:14px; }\n    .hb-mini-orb.o3{ width:22px; height:22px; right:24px; bottom:16px; opacity:.1; }\n\n    .hb-feature-icons{\n      position:absolute;\n      right:16px;\n      bottom:18px;\n      display:flex;\n      flex-direction:column;\n      gap:10px;\n      z-index:6;\n      opacity:1;\n      visibility:visible;\n      pointer-events:none;\n    }\n\n    .hb-feature-icon{\n      width:38px;\n      height:38px;\n      border-radius:12px;\n      background:rgba(255,255,255,.26);\n      border:1px solid rgba(255,255,255,.34);\n      backdrop-filter:blur(8px);\n      -webkit-backdrop-filter:blur(8px);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      box-shadow:0 10px 20px rgba(0,0,0,.16);\n    }\n\n    .hb-feature-icon svg{\n      width:17px;\n      height:17px;\n      fill:#12352d;\n    }\n\n    .hb-dots{\n      display:flex;\n      gap:9px;\n      justify-content:center;\n      align-items:center;\n      margin-top:16px;\n    }\n\n    .hb-dot{\n      width:12px;\n      height:12px;\n      border-radius:50%;\n      background:rgba(255,255,255,.76);\n      opacity:.9;\n      transition:.25s ease;\n      cursor:pointer;\n      border:0;\n      padding:0;\n    }\n\n    .hb-dot.active{\n      background:transparent;\n      border:4px solid var(--green);\n      width:20px;\n      height:20px;\n      box-shadow:0 0 0 2px rgba(14,165,233,.12);\n    }\n\n    .hb-service-grid{\n      display:grid;\n      grid-template-columns:repeat(3,minmax(0,1fr));\n      gap:22px;\n      margin-top:34px;\n    }\n\n    .hb-card{\n      position:relative;\n      min-height:208px;\n      border-radius:18px;\n      background:rgba(255,255,255,.06);\n      border:1px solid rgba(255,255,255,.18);\n      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);\n      backdrop-filter:blur(2px);\n      -webkit-backdrop-filter:blur(2px);\n      padding:20px 20px 18px;\n      overflow:visible;\n    }\n\n    .hb-card-tag{\n      position:absolute;\n      top:-13px;\n      right:12px;\n      background:var(--yellow);\n      color:#171717;\n      padding:7px 16px;\n      border-radius:999px;\n      font-size:12px;\n      font-weight:700;\n      box-shadow:0 10px 16px rgba(0,0,0,.14);\n      white-space:nowrap;\n    }\n\n    .hb-card-head{\n      display:flex;\n      align-items:center;\n      gap:12px;\n      margin-bottom:16px;\n    }\n\n    .hb-card-icon{\n      width:38px;\n      height:38px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      color:var(--green);\n      flex:0 0 38px;\n    }\n\n    .hb-card-icon svg{\n      width:30px;\n      height:30px;\n      fill:currentColor;\n    }\n\n    .hb-card h4{\n      margin:0;\n      font-size:22px;\n      line-height:1.15;\n      font-weight:800;\n      letter-spacing:-.02em;\n      color:#fff;\n    }\n\n    .hb-card p{\n      margin:0 0 22px 50px;\n      font-size:15px;\n      line-height:1.42;\n      color:var(--muted);\n      max-width:210px;\n      min-height:42px;\n    }\n\n    .hb-apply{\n      margin-left:50px;\n      display:inline-flex;\n      align-items:center;\n      gap:6px;\n      border:2px solid rgba(255,255,255,.9);\n      color:#fff;\n      text-decoration:none;\n      padding:8px 14px;\n      border-radius:999px;\n      font-size:13px;\n      font-weight:700;\n      transition:.2s ease;\n      line-height:1;\n    }\n\n    .hb-apply svg{\n      width:12px;\n      height:12px;\n      fill:currentColor;\n    }\n\n    .hb-apply:hover{\n      background:rgba(255,255,255,.06);\n      transform:translateY(-1px);\n    }\n\n    .hb-stats-mobile{\n      display:none;\n      margin-top:24px;\n      padding:14px 0 2px;\n      border-top:1px solid rgba(255,255,255,.08);\n    }\n\n    .hb-stats-mobile-track{\n      display:grid;\n      grid-template-columns:repeat(4,minmax(150px,1fr));\n      gap:14px;\n      overflow-x:auto;\n      padding-bottom:6px;\n      scroll-snap-type:x mandatory;\n    }\n\n    .hb-stats-mobile-track::-webkit-scrollbar{ display:none; }\n\n    .hb-stats-mobile .hb-stat{\n      scroll-snap-align:start;\n      min-width:150px;\n    }\n\n    .hb-stats-mobile .hb-stat-icon{\n      width:34px;\n      height:34px;\n      flex-basis:34px;\n      border-radius:12px;\n    }\n\n    .hb-stats-mobile .hb-stat-icon svg{\n      width:16px;\n      height:16px;\n    }\n\n    .hb-stats-mobile .hb-stat-value{\n      font-size:16px;\n    }\n\n    .hb-stats-mobile .hb-stat-label{\n      font-size:12px;\n      line-height:1.15;\n    }\n\n    @media (max-width:1080px){\n      .hb-hero{\n        min-height:auto;\n        padding:42px 18px 34px;\n        display:block;\n      }\n\n      .hb-grid{\n        grid-template-columns:1fr;\n        gap:22px;\n        align-items:start;\n      }\n\n      .hb-left{\n        order:2;\n        text-align:center;\n        padding-top:0;\n        padding-right:0;\n      }\n\n      .hb-title{\n        max-width:none;\n      }\n\n      .hb-title .line:last-child{\n        white-space:normal;\n      }\n\n      .hb-word-wrap{\n        min-width:170px;\n      }\n\n      .hb-rotating-word{ max-width:100%;\n        min-width:160px;\n      }\n\n      .hb-stats-desktop{\n        display:none;\n      }\n\n      .hb-slider-wrap{\n        order:1;\n      }\n\n      .hb-slider-shell{\n        max-width:100%;\n        margin-left:0;\n      }\n\n      .hb-service-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n      }\n\n      .hb-stats-mobile{\n        display:block;\n      }\n    }\n\n    @media (max-width:767px){\n      .hb-hero{\n        padding:26px 14px 22px;\n      }\n\n      .hb-slider-shell{\n        width:100%;\n        max-width: calc(100vw - 32px); \n        margin: 0 auto;\n        border-radius:18px;\n      }\n\n      .hb-slide-card{\n        display: block;\n        height:210px; \n        padding:16px 14px 10px;\n        border-radius:18px;\n        position: relative;\n      }\n\n      .hb-banner-copy{\n        position: relative;\n        z-index: 10;\n        max-width: 65%;\n        margin: 0;\n        display: block;\n      }\n\n      .hb-banner-copy h3{\n        font-size:15px;\n        margin-bottom:5px;\n        line-height:1.18;\n      }\n\n      .hb-banner-copy p{\n        font-size:11.5px;\n        margin-bottom:10px;\n        max-width:100%;\n        line-height:1.3;\n      }\n\n      .hb-banner-btn{\n        padding:8px 12px;\n        font-size:11px;\n      }\n\n      .hb-banner-visual{\n        position: absolute;\n        top: 50%;\n        right: 10px;\n        transform: translateY(-50%);\n        width: 40%;\n        height: 100%;\n        min-height:auto;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 1;\n        opacity: 0.85;\n        overflow:visible;\n      }\n\n      .hb-art-wrap,\n      .hb-card-graphic,\n      .hb-wallet-graphic,\n      .hb-car-graphic{\n        max-width:150px;\n        height:88px;\n        transform: scale(0.9);\n        transform-origin: center right;\n        margin: 0;\n        position: relative;\n        right: 0;\n        bottom: auto;\n      }\n\n      .hb-title{\n        font-size:clamp(30px,7vw,50px);\n        margin-bottom:20px;\n      }\n\n      .hb-word-wrap{\n        min-width:140px;\n      }\n\n      .hb-rotating-word{ max-width:100%;\n        min-width:132px;\n      }\n\n      .hb-service-grid{\n        gap:14px;\n        margin-top:22px;\n      }\n\n      .hb-card{\n        min-height:176px;\n        padding:15px 15px 14px;\n      }\n\n      .hb-card-tag{\n        top:-12px;\n        right:10px;\n        font-size:11px;\n        padding:5px 12px;\n      }\n\n      .hb-card-head{\n        margin-bottom:12px;\n      }\n\n      .hb-card h4{\n        font-size:18px;\n      }\n\n      .hb-card p{\n        margin-left:0;\n        margin-bottom:16px;\n        font-size:13px;\n        min-height:auto;\n      }\n\n      .hb-apply{\n        margin-left:0;\n        padding:7px 12px;\n        font-size:12px;\n      }\n\n      .hb-dots{\n        margin-top:12px;\n      }\n    }\n\n    @media (max-width:560px){\n      .hb-slider-shell{\n        max-width: calc(100vw - 28px);\n      }\n      \n      .hb-slide-card{\n        height:190px;\n        padding:12px 14px 10px;\n      }\n\n      .hb-banner-copy{\n        max-width: 70%;\n      }\n\n      .hb-banner-copy h3{\n        font-size:13.5px;\n      }\n\n      .hb-banner-copy p{\n        font-size:10.5px;\n        max-width:100%;\n      }\n\n      .hb-banner-btn{\n        padding:6px 10px;\n        font-size:10px;\n      }\n\n      .hb-banner-visual {\n        width: 35%;\n      }\n\n      .hb-art-wrap,\n      .hb-card-graphic,\n      .hb-wallet-graphic,\n      .hb-car-graphic{\n        transform: scale(0.75);\n      }\n\n      .hb-service-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n      }\n\n      .hb-card{\n        min-height:160px;\n        border-radius:16px;\n      }\n\n      .hb-card-head{\n        gap:9px;\n        margin-bottom:10px;\n      }\n\n      .hb-card-icon{\n        width:30px;\n        height:30px;\n        flex-basis:30px;\n      }\n\n      .hb-card-icon svg{\n        width:22px;\n        height:22px;\n      }\n\n      .hb-card h4{\n        font-size:17px;\n      }\n\n      .hb-card p{\n        font-size:12px;\n        line-height:1.32;\n      }\n\n      .hb-apply{\n        padding:6px 11px;\n        font-size:11.5px;\n        border-width:1.6px;\n      }\n\n      .hb-card-tag{\n        right:8px;\n        font-size:10px;\n        padding:5px 10px;\n      }\n    }\n  \n    \/* ---- the picture: two 16:9 shots, shown whole, crossfading ---------\n       Nothing is laid over them \u2014 no wash, no text. The copy lives in the\n       other column. ---------------------------------------------------- *\/\n    .hb-slider-shell{\n      aspect-ratio:16\/9 !important;\n      max-width:620px !important;\n      background:#0b1220;\n      box-shadow:0 26px 60px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.08);\n    }\n    \/* Two class-level parts on purpose: Elementor ships\n       `.elementor img{height:auto}`, which outranks a single-class rule. *\/\n    .hb-slider-shell .hb-hero-photo{\n      position:absolute; inset:0; z-index:1;\n      width:100%; height:100%;\n      object-fit:contain; object-position:center;\n      display:block;\n      opacity:0; transition:opacity .7s ease;\n    }\n    .hb-slider-shell .hb-hero-photo.is-on{ opacity:1; z-index:2; }\n\n    \/* the spare dots row left behind in the picture column *\/\n    .hb-dots--spare{ display:none !important; }\n\n    \/* ---- the copy band, now in the content column ---------------------- *\/\n    .hb-copy-vp{\n      width:100% !important; max-width:560px !important;\n      margin:22px 0 0 !important;\n      overflow:hidden !important;\n    }\n    \/* The band is pinned to its tallest panel (JS measures it), and the panels\n       sit at their natural height inside it \u2014 so the hero never resizes as the\n       copy slides; only the content inside moves. *\/\n    .hb-slider-track{ position:static !important; align-items:flex-start !important; }\n    .hb-slide-card,\n    .hb-slide-card.one,\n    .hb-slide-card.two,\n    .hb-slide-card.three{\n      background:none !important;\n      border:0 !important;\n      box-shadow:none !important;\n      height:auto !important;\n      min-height:0 !important;\n      padding:0 !important;\n      display:block !important;\n    }\n    .hb-banner-copy{\n      position:relative; z-index:2;\n      max-width:none !important;\n      margin:0 !important; padding:0 !important;\n      background:none !important; box-shadow:none !important;\n      color:#ffffff;\n    }\n    .hb-banner-copy h3{\n      color:#ffffff !important;\n      font-size:clamp(17px,1.45vw,21px) !important;\n      line-height:1.24 !important;\n      margin:0 0 7px !important;\n    }\n    .hb-banner-copy h3 .white{ color:#38bdf8 !important; display:inline !important; }\n    .hb-banner-copy p{\n      color:rgba(255,255,255,.7) !important;\n      font-size:13.5px !important;\n      line-height:1.5 !important;\n      margin:0 0 14px !important;\n      max-width:52ch !important;\n    }\n    .hb-banner-btn{\n      background:#ffffff !important; color:#0f172a !important;\n      padding:12px 20px !important; font-size:13.5px !important;\n      box-shadow:0 10px 24px rgba(0,0,0,.34);\n    }\n    .hb-banner-btn:hover,\n    .hb-banner-btn:active{ background:#e0f2fe !important; color:#0f172a !important; }\n    .hb-banner-btn:focus{ background:#ffffff !important; color:#0f172a !important; }\n\n    \/* the three hero cards' buttons \u2014 the theme repaints links on hover *\/\n    .hb-hero .hb-apply,\n    .hb-hero .hb-apply:link,\n    .hb-hero .hb-apply:visited{ color:#ffffff !important; background:transparent !important; }\n    .hb-hero .hb-apply:hover,\n    .hb-hero .hb-apply:active,\n    .hb-hero .hb-apply:focus{\n      background:#ffffff !important; color:#0f172a !important;\n      border-color:#ffffff !important;\n    }\n    .hb-hero .hb-apply:hover svg,\n    .hb-hero .hb-apply:active svg{ fill:#0f172a !important; }\n\n    \/* The active dot grows 12px -> 20px over .25s. Mid-transition the row's\n       tallest child is under 20px, so the row shrank and everything below the\n       hero shifted ~2.4px on every slide. Pin the row. *\/\n    .hb-dots{\n      min-height:20px !important;\n      align-items:center !important;\n      margin-top:14px !important;\n    }\n    .hb-dot{ flex:none; }\n\n    \/* ---- desktop: picture left, everything else right ------------------\n       The card row also has to clear the fold on a 1366x768 laptop, so the\n       picture, copy band and card padding are all trimmed here. ---------- *\/\n    @media (min-width:1025px){\n      .hb-hero{ padding-top:22px !important; padding-bottom:34px !important; }\n      \/* Stretch, so the picture panel and the content column finish level.\n         The picture keeps `contain`, so any leftover shows as the panel's own\n         dark ground rather than cropping the photograph. *\/\n      .hb-grid{\n        align-items:stretch !important; gap:44px !important;\n        grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) !important;\n      }\n      .hb-slider-wrap{ order:1 !important; justify-content:stretch !important; }\n      .hb-left{ order:2 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }\n      .hb-slider-shell{\n        max-width:100% !important; margin:0 !important;\n        height:100% !important; aspect-ratio:auto !important;\n      }\n      .hb-copy-vp{ max-width:none !important; }\n      \/* the copy's CTA rides beside the text instead of below it *\/\n      .hb-copy-row{\n        display:flex !important; align-items:center !important;\n        gap:18px !important; justify-content:flex-start !important;\n      }\n      .hb-copy-row p{ flex:1 1 auto !important; margin:0 !important; max-width:38ch !important; }\n      .hb-copy-row .hb-banner-btn{ flex:none !important; }\n      .hb-dots{ justify-content:flex-start !important; }\n      .hb-banner-btn{ padding:11px 18px !important; }\n      .hb-service-grid{ margin-top:22px !important; }\n      .hb-card{ min-height:0 !important; padding:18px 18px 16px !important; }\n      .hb-card p{ min-height:0 !important; margin-bottom:14px !important; }\n    }\n\n    @media (max-width:1024px){\n      .hb-slider-shell{ max-width:100% !important; }\n      .hb-copy-vp{ max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }\n      .hb-dots{ justify-content:center !important; }\n      \/* stacked: the copy band reads centred under the picture *\/\n      .hb-banner-copy{ text-align:center !important; width:100% !important; min-width:0 !important; }\n      .hb-banner-copy p{ margin-left:auto !important; margin-right:auto !important; }\n      .hb-banner-copy h3{ padding:0 4px !important; }\n    }\n    @media (max-width:640px){\n      .hb-copy-vp{ margin-top:16px !important; }\n      .hb-banner-copy h3{ font-size:17px !important; }\n      .hb-banner-copy p{ font-size:13px !important; margin-bottom:12px !important; }\n      \/* the three product cards want a full-width column on phones *\/\n      .hb-service-grid{ grid-template-columns:1fr !important; gap:16px !important; }\n      .hb-card{ min-height:0 !important; }\n      .hb-card p{ min-height:0 !important; margin-bottom:16px !important; }\n    }\n\n  <\/style>\n\n  <div class=\"hb-wrap\">\n\n    <div class=\"hb-grid\">\n\n      <div class=\"hb-left\">\n        <h1 class=\"hb-title\">\n          <span class=\"line\">Upgrade the Way<\/span>\n          <span class=\"line\">\n            You Choose\n            <span class=\"hb-word-wrap\">\n              <span class=\"hb-rotating-word\" id=\"hbRotatingWord\">Loans<\/span>\n            <\/span>\n          <\/span>\n        <\/h1>\n\n        <div class=\"hb-stats-desktop\">\n          <div class=\"hb-stat\">\n            <div class=\"hb-stat-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2Zm0 3a2.2 2.2 0 1 1-2.2 2.2A2.2 2.2 0 0 1 12 5Zm0 14.2a7.16 7.16 0 0 1-5.8-2.95c.03-1.93 3.87-2.99 5.8-2.99s5.77 1.06 5.8 2.99A7.16 7.16 0 0 1 12 19.2Z\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"hb-stat-value\">5.8 Lacs<span class=\"plus\">+<\/span><\/div>\n              <div class=\"hb-stat-label\">Customers Annually<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"hb-stat\">\n            <div class=\"hb-stat-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"hb-stat-value\">150<span class=\"plus\">+<\/span><\/div>\n              <div class=\"hb-stat-label\">Cities Covered<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"hb-stat\">\n            <div class=\"hb-stat-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M18 16a3 3 0 0 0-2.24 1.03l-4.15-2.07a3.33 3.33 0 0 0 0-1.92l4.15-2.07A3 3 0 1 0 15 9a3.2 3.2 0 0 0 .08.68L10.93 11.75a3 3 0 1 0 0 4.5l4.15 2.07A3 3 0 1 0 18 16Z\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"hb-stat-value\">587<span class=\"plus\">+<\/span><\/div>\n              <div class=\"hb-stat-label\">Branches<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"hb-stat\">\n            <div class=\"hb-stat-icon\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M17 9V7a5 5 0 0 0-10 0v2H5v11h14V9Zm-8 0V7a3 3 0 0 1 6 0v2Zm3 8.5a2 2 0 1 1 2-2 2 2 0 0 1-2 2Z\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"hb-stat-value\">61,000 Cr<span class=\"plus\">+<\/span><\/div>\n              <div class=\"hb-stat-label\">Disbursed Annually<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      \n        <div class=\"hb-copy-vp\">\n          <div class=\"hb-slider-track\" id=\"hbSliderTrack\">\n\n            <div class=\"hb-slide-card one\">\n              <div class=\"hb-banner-copy\">\n                <h3>Finance Your <span class=\"white\">Home Loan<\/span> for a Purchase or Resale<\/h3>\n                <div class=\"hb-copy-row\">\n                  <p>New, under-construction or ready-to-move \u2014 with the lender best suited to your file.<\/p>\n                  <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hb-banner-btn hc-cta\">\n                    Check Eligibility\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg>\n                  <\/a>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"hb-slide-card two\">\n              <div class=\"hb-banner-copy\">\n                <h3>Raise Funds with a <span class=\"white\">Loan Against Property<\/span> <\/h3>\n                <div class=\"hb-copy-row\">\n                  <p>Borrow against a residential or commercial property you already own.<\/p>\n                  <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hb-banner-btn hc-cta\">\n                    Get a Quote\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg>\n                  <\/a>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"hb-slide-card three\">\n              <div class=\"hb-banner-copy\">\n                <h3>Get Your <span class=\"white\">Personal Loan<\/span> Loaded with Benefits!<\/h3>\n                <div class=\"hb-copy-row\">\n                  <p>Fast approval, flexible tenure and a simple paperless process with Homiz Capital.<\/p>\n                  <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hb-banner-btn hc-cta\">\n                    Check Now\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg>\n                  <\/a>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"hb-dots\" id=\"hbDots\"><button class=\"hb-dot active\" aria-label=\"Slide 1\"><\/button><button class=\"hb-dot\" aria-label=\"Slide 2\"><\/button><button class=\"hb-dot\" aria-label=\"Slide 3\"><\/button><\/div>\n      <\/div>\n\n      <div class=\"hb-slider-wrap\">\n        <div class=\"hb-slider-shell\">\n          <img fetchpriority=\"high\" class=\"hb-hero-photo is-on\" data-i=\"0\" src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/home-page-loan-image.jpg\" alt=\"Home loans from The Homiz Capital\" width=\"1672\" height=\"941\" fetchpriority=\"high\" decoding=\"async\">\n          <img loading=\"lazy\" class=\"hb-hero-photo\" data-i=\"1\" src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/hero-image.jpg\" alt=\"A family outside their new home\" width=\"1672\" height=\"941\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n        <div class=\"hb-dots hb-dots--spare\" aria-hidden=\"true\"><\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"hb-service-grid\">\n      <article class=\"hb-card\">\n        <div class=\"hb-card-tag\">Quick Sanction<\/div>\n        <div class=\"hb-card-head\">\n          <div class=\"hb-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 3 3 10v2h2v8h5v-5h4v5h5v-8h2v-2Zm-2 15H7v-6h3Zm7 0h-3v-5a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v5H7v-7h10Z\"\/><\/svg><\/div>\n          <h4>Home Loan<\/h4>\n        <\/div>\n        <p>Fresh purchase, resale, balance transfer and top-up.<\/p>\n        <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hb-apply hc-cta\">Check Eligibility <svg viewBox=\"0 0 24 24\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n      <\/article>\n      <article class=\"hb-card\">\n        <div class=\"hb-card-tag\">Higher Ticket<\/div>\n        <div class=\"hb-card-head\">\n          <div class=\"hb-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 10 12 4l8 6v10h-6v-6h-4v6H4Zm12.5-7.5 3 2.2V3h-3ZM6 21h12v1H6Z\"\/><\/svg><\/div>\n          <h4>Loan Against Property<\/h4>\n        <\/div>\n        <p>Residential or commercial, for business or personal use.<\/p>\n        <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hb-apply hc-cta\">Check Eligibility <svg viewBox=\"0 0 24 24\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n      <\/article>\n      <article class=\"hb-card\">\n        <div class=\"hb-card-tag\">No Collateral<\/div>\n        <div class=\"hb-card-head\">\n          <div class=\"hb-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2a5 5 0 1 0 5 5 5 5 0 0 0-5-5Zm0 12c-4 0-8 2-8 5v3h16v-3c0-3-4-5-8-5Z\"\/><\/svg><\/div>\n          <h4>Personal Loan<\/h4>\n        <\/div>\n        <p>Wedding, medical, education or a renovation.<\/p>\n        <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hb-apply hc-cta\">Check Eligibility <svg viewBox=\"0 0 24 24\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n      <\/article>\n    <\/div>\n\n    <div class=\"hb-stats-mobile\">\n      <div class=\"hb-stats-mobile-track\">\n        <div class=\"hb-stat\">\n          <div class=\"hb-stat-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2Zm0 3a2.2 2.2 0 1 1-2.2 2.2A2.2 2.2 0 0 1 12 5Zm0 14.2a7.16 7.16 0 0 1-5.8-2.95c.03-1.93 3.87-2.99 5.8-2.99s5.77 1.06 5.8 2.99A7.16 7.16 0 0 1 12 19.2Z\"\/><\/svg>\n          <\/div>\n          <div>\n            <div class=\"hb-stat-value\">5.8 Lacs<span class=\"plus\">+<\/span><\/div>\n            <div class=\"hb-stat-label\">Customers Annually<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hb-stat\">\n          <div class=\"hb-stat-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"\/><\/svg>\n          <\/div>\n          <div>\n            <div class=\"hb-stat-value\">150<span class=\"plus\">+<\/span><\/div>\n            <div class=\"hb-stat-label\">Cities Covered<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hb-stat\">\n          <div class=\"hb-stat-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M18 16a3 3 0 0 0-2.24 1.03l-4.15-2.07a3.33 3.33 0 0 0 0-1.92l4.15-2.07A3 3 0 1 0 15 9a3.2 3.2 0 0 0 .08.68L10.93 11.75a3 3 0 1 0 0 4.5l4.15 2.07A3 3 0 1 0 18 16Z\"\/><\/svg>\n          <\/div>\n          <div>\n            <div class=\"hb-stat-value\">587<span class=\"plus\">+<\/span><\/div>\n            <div class=\"hb-stat-label\">Branches<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hb-stat\">\n          <div class=\"hb-stat-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17 9V7a5 5 0 0 0-10 0v2H5v11h14V9Zm-8 0V7a3 3 0 0 1 6 0v2Zm3 8.5a2 2 0 1 1 2-2 2 2 0 0 1-2 2Z\"\/><\/svg>\n          <\/div>\n          <div>\n            <div class=\"hb-stat-value\">61,000 Cr<span class=\"plus\">+<\/span><\/div>\n            <div class=\"hb-stat-label\">Disbursed Annually<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      const section = document.querySelector('.hb-hero');\n      if(!section) return;\n\n      const wordEl = section.querySelector('#hbRotatingWord');\n      const words = ['Loans', 'Home Loan', 'Property Loan', 'Personal Loan'];\n      let wordIndex = 0;\n\n      function animateWordChange(){\n        wordEl.style.opacity = '0';\n        wordEl.style.transform = 'translateY(10px)';\n        setTimeout(function(){\n          wordIndex = (wordIndex + 1) % words.length;\n          wordEl.textContent = words[wordIndex];\n          wordEl.style.transition = 'opacity .35s ease, transform .35s ease';\n          wordEl.style.opacity = '1';\n          wordEl.style.transform = 'translateY(0)';\n        }, 180);\n      }\n\n      wordEl.style.transition = 'opacity .35s ease, transform .35s ease';\n      setInterval(animateWordChange, 2200);\n\n      const track = section.querySelector('#hbSliderTrack');\n      const dots = section.querySelectorAll('.hb-dot');\n      let current = 0;\n      let autoSlide;\n\n      function showSlide(index){\n        track.style.transform = 'translateX(-' + (index * 100) + '%)';\n        dots.forEach((dot, i) => {\n          dot.classList.toggle('active', i === index);\n        });\n        current = index;\n      }\n\n      function nextSlide(){\n        showSlide((current + 1) % 3);\n      }\n\n      function startAuto(){\n        clearInterval(autoSlide);\n        autoSlide = setInterval(nextSlide, 3500);\n      }\n\n      dots.forEach((dot, i) => {\n        dot.addEventListener('click', function(){\n          showSlide(i);\n          startAuto();\n        });\n      });\n\n      showSlide(0);\n      startAuto();\n    })();\n  <\/script>\n\n<script>\n(function(){\n  var vp = document.querySelector('.hb-copy-vp');\n  if(!vp) return;\n  var cards = vp.querySelectorAll('.hb-slide-card');\n  if(!cards.length) return;\n\n  var rot = document.getElementById('hbRotatingWord');\n  var title = document.querySelector('.hb-title');\n\n  function fit(){\n    vp.style.minHeight = '';\n    var tallest = 0;\n    for(var i = 0; i < cards.length; i++){\n      var h = Math.ceil(cards[i].getBoundingClientRect().height);\n      if(h > tallest) tallest = h;\n    }\n    if(tallest) vp.style.minHeight = tallest + 'px';\n\n    \/* The headline's last word swaps between 'Loans' and 'Personal Loan',\n       which moved the line box and nudged the whole hero. Reserve the widest\n       word's width, then pin the headline's height. *\/\n    if(rot){\n      var words = ['Loans','Home Loan','Property Loan','Personal Loan'];\n      var probe = document.createElement('span');\n      var cs = getComputedStyle(rot);\n      probe.style.cssText = 'position:absolute;visibility:hidden;white-space:nowrap;top:-9999px;left:-9999px;';\n      probe.style.fontFamily = cs.fontFamily;\n      probe.style.fontSize = cs.fontSize;\n      probe.style.fontWeight = cs.fontWeight;\n      probe.style.letterSpacing = cs.letterSpacing;\n      document.body.appendChild(probe);\n      var widest = 0;\n      for(var k = 0; k < words.length; k++){\n        probe.textContent = words[k];\n        var pw = Math.ceil(probe.getBoundingClientRect().width);\n        if(pw > widest) widest = pw;\n      }\n      document.body.removeChild(probe);\n      if(widest) rot.style.minWidth = widest + 'px';\n    }\n    if(title){\n      title.style.minHeight = '';\n      title.style.minHeight = Math.ceil(title.getBoundingClientRect().height) + 'px';\n    }\n  }\n\n  fit();\n  window.addEventListener('load', fit);\n  window.addEventListener('resize', fit);\n  setTimeout(fit, 400);\n  setTimeout(fit, 1500);\n  if(document.fonts && document.fonts.ready) document.fonts.ready.then(fit);\n})();\n\n(function(){\n  \/* Keep the picture in step with the copy. There are three copy panels and\n     two photographs, so the photo index wraps. The active dot is the source\n     of truth, which avoids touching the client's own slider timer. *\/\n  var dots = document.getElementById('hbDots');\n  var shots = document.querySelectorAll('.hb-slider-shell .hb-hero-photo');\n  if(!dots || shots.length < 2) return;\n\n  function sync(){\n    var all = dots.querySelectorAll('.hb-dot');\n    var idx = 0;\n    for(var i = 0; i < all.length; i++){\n      if(all[i].classList.contains('active')){ idx = i; break; }\n    }\n    var want = idx % shots.length;\n    for(var s = 0; s < shots.length; s++){\n      shots[s].classList.toggle('is-on', s === want);\n    }\n  }\n\n  sync();\n  if('MutationObserver' in window){\n    new MutationObserver(sync).observe(dots, {\n      subtree:true, attributes:true, attributeFilter:['class']\n    });\n  }\n})();\n<\/script>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2217ea20 e-con-full e-flex e-con e-parent\" data-id=\"2217ea20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-331ad686 elementor-widget elementor-widget-html\" data-id=\"331ad686\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hc-about\" id=\"about-homiz\" aria-label=\"About The Homiz Capital\">\n<style>\n\n    .hc-btn{\n      display:inline-flex; align-items:center; gap:9px;\n      padding:15px 26px; border-radius:999px;\n      font:600 15px\/1 var(--hc-sans); letter-spacing:.01em;\n      text-decoration:none; cursor:pointer; border:0;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n    .hc-btn svg{ width:17px; height:17px; fill:currentColor; flex:none; }\n    \/* The theme paints `a:hover{color:#336}`, which repainted every CTA label\n       a dark blue-purple on hover \u2014 on a navy fill that read as 1.2:1. Every\n       state below therefore states its own colour explicitly. *\/\n    .hc-btn-gold,\n    .hc-btn-gold:link,\n    .hc-btn-gold:visited{\n      background:var(--hc-cta); color:#ffffff;\n      box-shadow:0 10px 26px rgba(15,23,42,.22);\n    }\n    .hc-btn-gold:hover,\n    .hc-btn-gold:focus,\n    .hc-btn-gold:active{\n      background:#1d4ed8; color:#ffffff;\n      transform:translateY(-2px);\n      box-shadow:0 16px 34px rgba(29,78,216,.34);\n    }\n    .hc-btn-gold:focus{ transform:none; }\n    .hc-btn-gold:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-btn-ghost,\n    .hc-btn-ghost:link,\n    .hc-btn-ghost:visited{\n      background:transparent; color:var(--hc-ink);\n      box-shadow:inset 0 0 0 1.5px #cbd5e1;\n    }\n    .hc-btn-ghost:hover,\n    .hc-btn-ghost:active{\n      background:#e2e8f0; color:var(--hc-ink); transform:translateY(-2px);\n      box-shadow:inset 0 0 0 1.5px #94a3b8;\n    }\n    .hc-btn-ghost:focus{ background:transparent; color:var(--hc-ink); }\n    .hc-btn-ghost:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n\n    .hc-kick{\n      display:inline-flex; align-items:center; gap:9px;\n      font:700 11.5px\/1 var(--hc-sans); letter-spacing:.17em; text-transform:uppercase;\n      color:var(--hc-gold-ink); margin:0 0 16px;\n    }\n    .hc-kick::before{ content:\"\"; width:26px; height:2px; border-radius:2px; background:var(--hc-grad); }\n    .hc-h2{\n      margin:0 0 14px; color:var(--hc-ink);\n      font:600 clamp(28px,3.4vw,44px)\/1.14 var(--hc-sans); letter-spacing:-.025em;\n    }\n    .hc-h2 em{ font-style:normal; color:var(--hc-gold-ink); }\n    .hc-lead{\n      margin:0; color:var(--hc-ink-3);\n      font:400 clamp(15px,1.25vw,17px)\/1.65 var(--hc-sans); max-width:62ch;\n    }\n\n    .hc-about,.hc-about *{ box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n    .hc-about{ font-family:var(--hc-sans); }\n\n  .hc-about{\n    width:100vw; max-width:100vw; position:relative;\n    left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\n    background:var(--hc-paper); color:var(--hc-ink);\n    padding:clamp(56px,6vw,96px) 20px; overflow:hidden;\n  }\n  .hc-about::before{\n    content:\"\"; position:absolute; top:-140px; right:-120px; width:520px; height:520px;\n    border-radius:50%; pointer-events:none;\n    background:radial-gradient(circle, rgba(232,196,92,.17), transparent 68%);\n  }\n  .hc-about-wrap{ position:relative; z-index:2; max-width:1180px; margin:0 auto; }\n  \/* the lead runs nearly the full container, not a narrow measure *\/\n  .hc-about-head{ max-width:none; margin:0 0 clamp(32px,4vw,52px); }\n  .hc-about-head .hc-lead{ max-width:none; }\n\n  .hc-vals{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }\n  \/* Each card carries its own soft tint, with a matching hairline across\n     the top edge and a matching icon gradient. *\/\n  .hc-val{\n    position:relative; overflow:hidden;\n    display:flex; flex-direction:column;\n    border-radius:22px;\n    background:var(--tint);\n    box-shadow:inset 0 0 0 1px var(--edge);\n    transition:transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .26s ease;\n  }\n  .hc-val-media{\n    position:relative; aspect-ratio:16\/10; overflow:hidden; background:#e2e8f0;\n  }\n  .hc-val-media img{\n    width:100%; height:100%; object-fit:cover; display:block;\n    transition:transform .55s cubic-bezier(.22,.61,.36,1);\n  }\n  .hc-val:hover .hc-val-media img{ transform:scale(1.05); }\n  .hc-val-body{ padding:26px 26px 28px; }\n  .hc-val::before{\n    content:\"\"; position:absolute; left:0; right:0; top:0; height:4px;\n    background:var(--ico); opacity:.85;\n  }\n  \/* a soft wash of the card's own colour, bottom-right *\/\n  .hc-val::after{\n    content:\"\"; position:absolute; right:-70px; bottom:-70px;\n    width:210px; height:210px; border-radius:50%; pointer-events:none; z-index:1;\n    background:var(--wash);\n  }\n  .hc-val:hover{\n    transform:translateY(-6px);\n    box-shadow:0 22px 46px var(--glow), inset 0 0 0 1px var(--edge);\n  }\n  .hc-val-body{ position:relative; z-index:2; }\n  \/* The badge sits in the content below the photograph, in normal flow \u2014\n     it used to overhang the image and was clipped by that box's overflow. *\/\n  .hc-val-ico{\n    position:relative; z-index:3;\n    width:48px; height:48px; border-radius:14px;\n    display:flex; align-items:center; justify-content:center;\n    background:var(--ico); box-shadow:0 10px 22px var(--glow);\n    margin:0 0 16px;\n  }\n  .hc-val-ico svg{ width:24px; height:24px; fill:#ffffff; }\n\n  .hc-val-t{ margin:0 0 10px; font:600 19.5px\/1.25 var(--hc-sans); color:var(--hc-ink); letter-spacing:-.015em; }\n  .hc-val-c{ margin:0; font:400 14.8px\/1.62 var(--hc-sans); color:#475569; }\n\n  .hc-val--blue{\n    --tint:#eff6ff; --edge:rgba(59,130,246,.20); --glow:rgba(37,99,235,.20);\n    --ico:linear-gradient(135deg,#2563eb,#60a5fa);\n    --wash:radial-gradient(circle, rgba(59,130,246,.16), transparent 68%);\n  }\n  .hc-val--mint{\n    --tint:#ecfdf5; --edge:rgba(13,148,136,.20); --glow:rgba(13,148,136,.20);\n    --ico:linear-gradient(135deg,#0d9488,#2ce7b8);\n    --wash:radial-gradient(circle, rgba(44,231,184,.20), transparent 68%);\n  }\n  .hc-val--violet{\n    --tint:#f5f3ff; --edge:rgba(124,58,237,.20); --glow:rgba(124,58,237,.20);\n    --ico:linear-gradient(135deg,#7c3aed,#a78bfa);\n    --wash:radial-gradient(circle, rgba(147,51,234,.16), transparent 68%);\n  }\n\n  \/* ---- scroll reveal ------------------------------------------------\n     JS adds .hc-rv, so with no JS (or reduced motion) the cards simply\n     render in place and nothing is ever stuck invisible. *\/\n  .hc-vals.hc-rv .hc-val{\n    opacity:0; transform:translateY(26px) scale(.985);\n    transition:opacity .75s ease, transform .75s cubic-bezier(.22,.61,.36,1);\n  }\n  .hc-vals.hc-rv.is-in .hc-val{ opacity:1; transform:none; }\n  .hc-vals.hc-rv .hc-val:nth-child(1){ transition-delay:.05s; }\n  .hc-vals.hc-rv .hc-val:nth-child(2){ transition-delay:.20s; }\n  .hc-vals.hc-rv .hc-val:nth-child(3){ transition-delay:.35s; }\n  \/* the photo settles a beat after its card *\/\n  .hc-vals.hc-rv .hc-val-media img{ transform:scale(1.10); }\n  .hc-vals.hc-rv.is-in .hc-val-media img{ transform:scale(1); transition:transform 1.5s cubic-bezier(.22,.61,.36,1); }\n  .hc-vals.hc-rv.is-in .hc-val:nth-child(1) .hc-val-media img{ transition-delay:.05s; }\n  .hc-vals.hc-rv.is-in .hc-val:nth-child(2) .hc-val-media img{ transition-delay:.20s; }\n  .hc-vals.hc-rv.is-in .hc-val:nth-child(3) .hc-val-media img{ transition-delay:.35s; }\n  @media (prefers-reduced-motion:reduce){\n    .hc-vals.hc-rv .hc-val,\n    .hc-vals.hc-rv .hc-val-media img{ transition:none !important; }\n  }\n\n  @media (max-width:900px){ .hc-vals{ grid-template-columns:1fr; } }\n<\/style>\n\n  <div class=\"hc-about-wrap\">\n    <div class=\"hc-about-head\">\n      <p class=\"hc-kick\">Why people come to us<\/p>\n      <h2 class=\"hc-h2\">Banking that feels like <em>home<\/em>.<\/h2>\n      <p class=\"hc-lead\">\n        We are a loan distribution business, not a bank. That means we work for your file \u2014\n        putting it in front of the lenders most likely to say yes, on the best terms they will give.\n      <\/p>\n    <\/div>\n    <div class=\"hc-vals\" id=\"hcVals\">\n        <article class=\"hc-val hc-val--blue\">\n          <div class=\"hc-val-media\">\n            <img loading=\"lazy\" src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/why-advisor.jpg\" alt=\"An advisor meeting a client\" loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"620\">\n          <\/div>\n          <div class=\"hc-val-body\">\n            <div class=\"hc-val-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M16 11a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm-8 1a3 3 0 1 0-3-3 3 3 0 0 0 3 3Zm8 2c-3 0-9 1.5-9 4.5V21h18v-3.5c0-3-6-4.5-9-4.5Zm-8 .5c-2.5 0-6 1.2-6 3.5V21h5v-3.5a5 5 0 0 1 2-3.8 9 9 0 0 0-1-.2Z\"\/><\/svg><\/div>\n            <h3 class=\"hc-val-t\">Community First<\/h3>\n            <p class=\"hc-val-c\">Advisors who sit with your file, explain the trade-offs and stay on the case until disbursal.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"hc-val hc-val--mint\">\n          <div class=\"hc-val-media\">\n            <img loading=\"lazy\" src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/why-transparent.jpg\" alt=\"Loan paperwork on a table\" loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"620\">\n          <\/div>\n          <div class=\"hc-val-body\">\n            <div class=\"hc-val-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3.5 18.5 9 13l4 4 7.5-7.5V14h2V6h-8v2h4.1L13 14.1l-4-4-7 7Z\"\/><\/svg><\/div>\n            <h3 class=\"hc-val-t\">Transparent Growth<\/h3>\n            <p class=\"hc-val-c\">Every rate, fee and condition on the table before you sign \u2014 no charges that appear later.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"hc-val hc-val--violet\">\n          <div class=\"hc-val-media\">\n            <img loading=\"lazy\" src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/why-secure-2.jpg\" alt=\"Unlocking a phone with a fingerprint\" loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"620\">\n          <\/div>\n          <div class=\"hc-val-body\">\n            <div class=\"hc-val-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2 4 5.5v6c0 5 3.4 9.7 8 10.5 4.6-.8 8-5.5 8-10.5v-6Zm-1 14-4-4 1.4-1.4 2.6 2.6 5.6-5.6L18 9Z\"\/><\/svg><\/div>\n            <h3 class=\"hc-val-t\">Bank-Grade Security<\/h3>\n            <p class=\"hc-val-c\">Your documents move through secured channels and are shared only with the lenders you approve.<\/p>\n          <\/div>\n        <\/article><\/div>\n  <\/div>\n\n<script>\n(function(){\n  var vals = document.getElementById('hcVals');\n  if(!vals) return;\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if(reduce || !('IntersectionObserver' in window)){\n    vals.classList.add('hc-rv','is-in');\n    return;\n  }\n  vals.classList.add('hc-rv');\n  new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ vals.classList.toggle('is-in', e.isIntersecting); });\n  }, {threshold:.2, rootMargin:'0px 0px -8% 0px'}).observe(vals);\n})();\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-649cfc1 e-con-full e-flex e-con e-parent\" data-id=\"649cfc1\" data-element_type=\"container\" data-e-type=\"container\" id=\"loan-process\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dea6aa9 elementor-widget elementor-widget-html\" data-id=\"dea6aa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hc-proc\" aria-label=\"How the loan process works\">\n<style>\n\n    .hc-btn{\n      display:inline-flex; align-items:center; gap:9px;\n      padding:15px 26px; border-radius:999px;\n      font:600 15px\/1 var(--hc-sans); letter-spacing:.01em;\n      text-decoration:none; cursor:pointer; border:0;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n    .hc-btn svg{ width:17px; height:17px; fill:currentColor; flex:none; }\n    \/* The theme paints `a:hover{color:#336}`, which repainted every CTA label\n       a dark blue-purple on hover \u2014 on a navy fill that read as 1.2:1. Every\n       state below therefore states its own colour explicitly. *\/\n    .hc-btn-gold,\n    .hc-btn-gold:link,\n    .hc-btn-gold:visited{\n      background:var(--hc-cta); color:#ffffff;\n      box-shadow:0 10px 26px rgba(15,23,42,.22);\n    }\n    .hc-btn-gold:hover,\n    .hc-btn-gold:focus,\n    .hc-btn-gold:active{\n      background:#1d4ed8; color:#ffffff;\n      transform:translateY(-2px);\n      box-shadow:0 16px 34px rgba(29,78,216,.34);\n    }\n    .hc-btn-gold:focus{ transform:none; }\n    .hc-btn-gold:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-btn-ghost,\n    .hc-btn-ghost:link,\n    .hc-btn-ghost:visited{\n      background:transparent; color:var(--hc-ink);\n      box-shadow:inset 0 0 0 1.5px #cbd5e1;\n    }\n    .hc-btn-ghost:hover,\n    .hc-btn-ghost:active{\n      background:#e2e8f0; color:var(--hc-ink); transform:translateY(-2px);\n      box-shadow:inset 0 0 0 1.5px #94a3b8;\n    }\n    .hc-btn-ghost:focus{ background:transparent; color:var(--hc-ink); }\n    .hc-btn-ghost:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n\n    .hc-kick{\n      display:inline-flex; align-items:center; gap:9px;\n      font:700 11.5px\/1 var(--hc-sans); letter-spacing:.17em; text-transform:uppercase;\n      color:var(--hc-gold-ink); margin:0 0 16px;\n    }\n    .hc-kick::before{ content:\"\"; width:26px; height:2px; border-radius:2px; background:var(--hc-grad); }\n    .hc-h2{\n      margin:0 0 14px; color:var(--hc-ink);\n      font:600 clamp(28px,3.4vw,44px)\/1.14 var(--hc-sans); letter-spacing:-.025em;\n    }\n    .hc-h2 em{ font-style:normal; color:var(--hc-gold-ink); }\n    .hc-lead{\n      margin:0; color:var(--hc-ink-3);\n      font:400 clamp(15px,1.25vw,17px)\/1.65 var(--hc-sans); max-width:62ch;\n    }\n\n    .hc-proc,.hc-proc *{ box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n    .hc-proc{ font-family:var(--hc-sans); }\n\n  .hc-proc{\n    width:100vw; max-width:100vw; position:relative;\n    left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\n    background:linear-gradient(180deg,#0c1017 0%, #141a24 100%);\n    color:#f7fbff; padding:clamp(56px,6vw,96px) 20px; overflow:hidden;\n  }\n  .hc-proc-wrap{ max-width:1180px; margin:0 auto; position:relative; z-index:2; }\n  .hc-proc-head{ max-width:700px; margin:0 0 clamp(34px,4vw,54px); }\n  .hc-proc .hc-kick{ color:#2ce7b8; }\n  .hc-proc .hc-kick::before{ background:linear-gradient(90deg,#2ce7b8,#8cff6b); }\n  .hc-proc .hc-h2{ color:#f7fbff; }\n  .hc-proc .hc-h2 em{ color:#2ce7b8; }\n  .hc-proc .hc-lead{ color:rgba(247,251,255,.68); }\n  .hc-proc .hc-step-t{ color:#f7fbff; }\n  .hc-proc .hc-step-c{ color:rgba(247,251,255,.62); }\n\n  .hc-steps{\n    list-style:none; margin:0; padding:0; position:relative;\n    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px;\n  }\n  \/* The rail that threads the four numbers. It draws itself in when the\n     section scrolls into view, and the steps land behind it in sequence.\n     The hiding state is gated on .hc-reveal, which JS adds \u2014 so with no JS\n     the whole thing simply renders finished. *\/\n  .hc-steps::before{\n    content:\"\"; position:absolute; left:34px; right:34px; top:27px; height:2px;\n    background:linear-gradient(90deg,#2ce7b8 0%, #8cff6b 55%, rgba(140,255,107,.22) 100%);\n    transform-origin:left center;\n  }\n  .hc-steps.hc-reveal::before{\n    transform:scaleX(0);\n    transition:transform 2.6s cubic-bezier(.25,.6,.3,1);\n  }\n  .hc-steps.hc-reveal.is-in::before{ transform:scaleX(1); }\n\n  .hc-steps.hc-reveal .hc-step{\n    opacity:0; transform:translateY(18px);\n    transition:opacity .95s ease, transform .95s cubic-bezier(.22,.61,.36,1);\n  }\n  .hc-steps.hc-reveal.is-in .hc-step{ opacity:1; transform:none; }\n  .hc-steps.hc-reveal .hc-step:nth-child(1){ transition-delay:.20s; }\n  .hc-steps.hc-reveal .hc-step:nth-child(2){ transition-delay:.78s; }\n  .hc-steps.hc-reveal .hc-step:nth-child(3){ transition-delay:1.36s; }\n  .hc-steps.hc-reveal .hc-step:nth-child(4){ transition-delay:1.94s; }\n\n  \/* the badge picks up the gold as the rail reaches it *\/\n  .hc-steps.hc-reveal .hc-step-n{ transition:background .8s ease, color .8s ease, box-shadow .8s ease; }\n  .hc-steps.hc-reveal.is-in .hc-step-n{\n    background:linear-gradient(135deg,#2ce7b8,#8cff6b); color:#06231c;\n    box-shadow:0 0 0 6px rgba(44,231,184,.08), 0 0 24px rgba(44,231,184,.18);\n  }\n  .hc-steps.hc-reveal.is-in .hc-step:nth-child(1) .hc-step-n{ transition-delay:.50s; }\n  .hc-steps.hc-reveal.is-in .hc-step:nth-child(2) .hc-step-n{ transition-delay:1.08s; }\n  .hc-steps.hc-reveal.is-in .hc-step:nth-child(3) .hc-step-n{ transition-delay:1.66s; }\n  .hc-steps.hc-reveal.is-in .hc-step:nth-child(4) .hc-step-n{ transition-delay:2.24s; }\n  .hc-step{ position:relative; padding-top:0; }\n  .hc-step-n{\n    position:relative; z-index:2; display:flex; align-items:center; justify-content:center;\n    width:54px; height:54px; border-radius:16px; margin:0 0 18px;\n    background:#171e29; color:#2ce7b8;\n    font:700 16px\/1 var(--hc-sans); letter-spacing:.02em;\n    box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 0 0 1.5px rgba(44,231,184,.34);\n  }\n  .hc-step:hover .hc-step-n{ background:linear-gradient(135deg,#2ce7b8,#8cff6b); color:#06231c; box-shadow:0 0 0 6px rgba(44,231,184,.08), 0 0 24px rgba(44,231,184,.18); }\n  .hc-step-t{ margin:0 0 8px; font:600 17.5px\/1.28 var(--hc-sans); color:var(--hc-ink); letter-spacing:-.015em; }\n  .hc-step-c{ margin:0; font:400 14.5px\/1.6 var(--hc-sans); color:var(--hc-ink-3); max-width:32ch; }\n\n  @media (max-width:900px){\n    .hc-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 18px; }\n    .hc-steps::before{ display:none; }\n  }\n\n  \/* ---- phones: a vertical timeline ---------------------------------\n     Four stacked blocks read as a list with no sense of order. Threading\n     them on a rail that draws downward keeps the step-by-step feeling the\n     desktop row has. *\/\n  @media (max-width:640px){\n    .hc-steps{ grid-template-columns:1fr; gap:0; padding-left:4px; }\n    .hc-steps::before{\n      display:block !important;\n      left:26px; right:auto; top:14px; bottom:22px; height:auto; width:2px;\n      background:linear-gradient(180deg,#2ce7b8 0%, #8cff6b 55%, rgba(140,255,107,.18) 100%);\n      transform-origin:top center;\n    }\n    .hc-steps.hc-reveal::before{ transform:scaleY(0); }\n    .hc-steps.hc-reveal.is-in::before{ transform:scaleY(1); }\n\n    .hc-step{\n      display:grid; grid-template-columns:54px minmax(0,1fr);\n      column-gap:16px; align-items:start;\n      padding-bottom:26px;\n    }\n    .hc-step:last-child{ padding-bottom:0; }\n    .hc-step-n{ margin:0; width:54px; height:54px; }\n    .hc-step-t{ margin:6px 0 6px; grid-column:2; }\n    .hc-step-c{ grid-column:2; max-width:none; }\n  }\n  @media (prefers-reduced-motion:reduce){\n    .hc-steps.hc-reveal::before,\n    .hc-steps.hc-reveal .hc-step,\n    .hc-steps.hc-reveal .hc-step-n{ transition:none !important; }\n  }\n<\/style>\n\n  <div class=\"hc-proc-wrap\">\n    <div class=\"hc-proc-head\">\n      <p class=\"hc-kick\">Loan Process<\/p>\n      <h2 class=\"hc-h2\">Easy. Convenient. <em>Quick.<\/em><\/h2>\n      <p class=\"hc-lead\">Four steps from first question to final sanction \u2014 with one advisor across all of them.<\/p>\n    <\/div>\n    <ol class=\"hc-steps\" id=\"hcSteps\">\n        <li class=\"hc-step\">\n          <span class=\"hc-step-n\">01<\/span>\n          <h3 class=\"hc-step-t\">Check Eligibility<\/h3>\n          <p class=\"hc-step-c\">Share your income, obligations and the property. We tell you what you can realistically borrow.<\/p>\n        <\/li>\n        <li class=\"hc-step\">\n          <span class=\"hc-step-n\">02<\/span>\n          <h3 class=\"hc-step-t\">Compare Offers<\/h3>\n          <p class=\"hc-step-c\">We put the matching lenders side by side \u2014 rate, tenure, fees and the fine print that moves your EMI.<\/p>\n        <\/li>\n        <li class=\"hc-step\">\n          <span class=\"hc-step-n\">03<\/span>\n          <h3 class=\"hc-step-t\">Apply Online<\/h3>\n          <p class=\"hc-step-c\">Documents are collected once and submitted digitally. No branch queues, no repeat paperwork.<\/p>\n        <\/li>\n        <li class=\"hc-step\">\n          <span class=\"hc-step-n\">04<\/span>\n          <h3 class=\"hc-step-t\">Fast Disbursal<\/h3>\n          <p class=\"hc-step-c\">We chase the sanction, the valuation and the legal check, and keep you posted until the money lands.<\/p>\n        <\/li><\/ol>\n  <\/div>\n\n<script>\n(function(){\n  var steps = document.getElementById('hcSteps');\n  if(!steps) return;\n\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if(reduce || !('IntersectionObserver' in window)){\n    steps.classList.add('hc-reveal','is-in');\n    return;\n  }\n\n  \/* Add the hiding class from JS so the section is never stuck invisible\n     for someone whose scripts did not run. *\/\n  steps.classList.add('hc-reveal');\n\n  \/* Toggle rather than disconnect, so the rail redraws every time the\n     section comes back into view instead of only on the first pass. *\/\n  new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      steps.classList.toggle('is-in', e.isIntersecting);\n    });\n  }, {threshold:.22, rootMargin:'0px 0px -10% 0px'}).observe(steps);\n})();\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-120a7c8c e-con-full e-flex e-con e-parent\" data-id=\"120a7c8c\" data-element_type=\"container\" data-e-type=\"container\" id=\"our-services\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e7d181c elementor-widget elementor-widget-html\" data-id=\"4e7d181c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hc-prods\" id=\"what-we-finance\" aria-label=\"What we finance\">\n<style>\n\n    .hc-btn{\n      display:inline-flex; align-items:center; gap:9px;\n      padding:15px 26px; border-radius:999px;\n      font:600 15px\/1 var(--hc-sans); letter-spacing:.01em;\n      text-decoration:none; cursor:pointer; border:0;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n    .hc-btn svg{ width:17px; height:17px; fill:currentColor; flex:none; }\n    \/* The theme paints `a:hover{color:#336}`, which repainted every CTA label\n       a dark blue-purple on hover \u2014 on a navy fill that read as 1.2:1. Every\n       state below therefore states its own colour explicitly. *\/\n    .hc-btn-gold,\n    .hc-btn-gold:link,\n    .hc-btn-gold:visited{\n      background:var(--hc-cta); color:#ffffff;\n      box-shadow:0 10px 26px rgba(15,23,42,.22);\n    }\n    .hc-btn-gold:hover,\n    .hc-btn-gold:focus,\n    .hc-btn-gold:active{\n      background:#1d4ed8; color:#ffffff;\n      transform:translateY(-2px);\n      box-shadow:0 16px 34px rgba(29,78,216,.34);\n    }\n    .hc-btn-gold:focus{ transform:none; }\n    .hc-btn-gold:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-btn-ghost,\n    .hc-btn-ghost:link,\n    .hc-btn-ghost:visited{\n      background:transparent; color:var(--hc-ink);\n      box-shadow:inset 0 0 0 1.5px #cbd5e1;\n    }\n    .hc-btn-ghost:hover,\n    .hc-btn-ghost:active{\n      background:#e2e8f0; color:var(--hc-ink); transform:translateY(-2px);\n      box-shadow:inset 0 0 0 1.5px #94a3b8;\n    }\n    .hc-btn-ghost:focus{ background:transparent; color:var(--hc-ink); }\n    .hc-btn-ghost:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n\n    .hc-kick{\n      display:inline-flex; align-items:center; gap:9px;\n      font:700 11.5px\/1 var(--hc-sans); letter-spacing:.17em; text-transform:uppercase;\n      color:var(--hc-gold-ink); margin:0 0 16px;\n    }\n    .hc-kick::before{ content:\"\"; width:26px; height:2px; border-radius:2px; background:var(--hc-grad); }\n    .hc-h2{\n      margin:0 0 14px; color:var(--hc-ink);\n      font:600 clamp(28px,3.4vw,44px)\/1.14 var(--hc-sans); letter-spacing:-.025em;\n    }\n    .hc-h2 em{ font-style:normal; color:var(--hc-gold-ink); }\n    .hc-lead{\n      margin:0; color:var(--hc-ink-3);\n      font:400 clamp(15px,1.25vw,17px)\/1.65 var(--hc-sans); max-width:62ch;\n    }\n\n    .hc-prods,.hc-prods *{ box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n    .hc-prods{ font-family:var(--hc-sans); }\n\n  .hc-prods{\n    width:100vw; max-width:100vw; position:relative;\n    left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\n    background:var(--hc-paper); color:var(--hc-ink);\n    padding:clamp(56px,6vw,96px) 20px;\n  }\n  .hc-prods-wrap{ max-width:1180px; margin:0 auto; }\n  .hc-prods-head{ max-width:720px; margin:0 0 clamp(32px,4vw,52px); }\n\n  .hc-prod-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }\n  .hc-prod{\n    display:flex; flex-direction:column; border-radius:22px; overflow:hidden;\n    background:var(--hc-cream); box-shadow:inset 0 0 0 1px var(--hc-line-2);\n    transition:transform .24s ease, box-shadow .24s ease;\n    scroll-margin-top:110px;\n  }\n  .hc-prod:hover{ transform:translateY(-5px); box-shadow:var(--hc-shadow-lg), inset 0 0 0 1px rgba(59,130,246,.3); }\n\n  \/* The three sources are square, so a 1:1 frame shows each one whole \u2014\n     nothing is cropped away. *\/\n  .hc-prod-media{ position:relative; aspect-ratio:1\/1; overflow:hidden; background:var(--hc-sand); }\n  .hc-prod-media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }\n  .hc-prod:hover .hc-prod-media img{ transform:scale(1.04); }\n\n  .hc-prod-body{ padding:24px 24px 24px; display:flex; flex-direction:column; flex:1; }\n  .hc-prod-sub{\n    margin:0 0 6px; font:700 11px\/1 var(--hc-sans); letter-spacing:.15em;\n    text-transform:uppercase; color:var(--hc-gold-ink);\n  }\n  .hc-prod-t{ margin:0 0 11px; font:600 23px\/1.2 var(--hc-sans); letter-spacing:-.022em; color:var(--hc-ink); }\n  .hc-prod-c{ margin:0 0 20px; font:400 14.6px\/1.65 var(--hc-sans); color:var(--hc-ink-3); }\n\n  .hc-prod-pts{ list-style:none; margin:0 0 24px; padding:0; display:grid; gap:10px; }\n  .hc-prod-pts li{ display:flex; align-items:flex-start; gap:10px; font:500 14.2px\/1.45 var(--hc-sans); color:var(--hc-ink-2); }\n  .hc-prod-pts svg{ width:17px; height:17px; fill:var(--hc-gold); flex:none; margin-top:1px; }\n\n  .hc-prod-act{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }\n  .hc-prod-btn{ padding:13px 20px; font-size:14px; }\n  .hc-prod-link{\n    display:inline-flex; align-items:center; gap:5px; text-decoration:none;\n    font:600 13.5px\/1 var(--hc-sans); color:var(--hc-gold-ink);\n  }\n  .hc-prod-link svg{ width:15px; height:15px; fill:currentColor; transition:transform .18s ease; }\n  .hc-prod-link:hover,.hc-prod-link:active{ color:var(--hc-gold-ink); }\n  .hc-prod-link:hover svg{ transform:translateX(3px); }\n\n  @media (max-width:980px){ .hc-prod-grid{ grid-template-columns:1fr; } .hc-prod-media{ aspect-ratio:16\/9; } }\n  @media (max-width:560px){ .hc-prod-act{ flex-direction:column; align-items:stretch; } .hc-prod-btn{ justify-content:center; } .hc-prod-link{ justify-content:center; } }\n<\/style>\n\n  <div class=\"hc-prods-wrap\">\n    <div class=\"hc-prods-head\">\n      <p class=\"hc-kick\">What we finance<\/p>\n      <h2 class=\"hc-h2\">Three products. <em>Done properly.<\/em><\/h2>\n      <p class=\"hc-lead\">\n        We have deliberately kept the list short so every file gets specialist attention rather than\n        a call-centre script.\n      <\/p>\n    <\/div>\n    <div class=\"hc-prod-grid\">\n        <article class=\"hc-prod\" id=\"home-loan\">\n          <div class=\"hc-prod-media\">\n            <img loading=\"lazy\" src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/home-loan.jpg\" alt=\"Home Loan\" loading=\"lazy\" decoding=\"async\"\n                 width=\"1024\" height=\"1024\">\n          <\/div>\n          <div class=\"hc-prod-body\">\n            <p class=\"hc-prod-sub\">Fresh purchase &amp; resale<\/p>\n            <h3 class=\"hc-prod-t\">Home Loan<\/h3>\n            <p class=\"hc-prod-c\">New, under-construction or a resale that is ready to move into.<\/p>\n            <ul class=\"hc-prod-pts\"><li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.6 16.6 5 12l1.4-1.4 3.2 3.2 8-8L19 7.2z\"\/><\/svg><span>New &amp; under-construction<\/span><\/li><li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.6 16.6 5 12l1.4-1.4 3.2 3.2 8-8L19 7.2z\"\/><\/svg><span>Resale &amp; ready-to-move<\/span><\/li><li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.6 16.6 5 12l1.4-1.4 3.2 3.2 8-8L19 7.2z\"\/><\/svg><span>Balance transfer with a top-up<\/span><\/li><\/ul>\n            <div class=\"hc-prod-act\">\n              <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hc-prod-btn hc-cta\"><span>Check Eligibility<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n              <a class=\"hc-prod-link\" href=\"#loan-calculator\">Calculate EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n        <article class=\"hc-prod\" id=\"loan-against-property\">\n          <div class=\"hc-prod-media\">\n            <img loading=\"lazy\" src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/loan-against-property.jpg\" alt=\"Loan Against Property\" loading=\"lazy\" decoding=\"async\"\n                 width=\"1024\" height=\"1024\">\n          <\/div>\n          <div class=\"hc-prod-body\">\n            <p class=\"hc-prod-sub\">Residential or commercial<\/p>\n            <h3 class=\"hc-prod-t\">Loan Against Property<\/h3>\n            <p class=\"hc-prod-c\">Raise funds against a property you already own, at secured-loan rates.<\/p>\n            <ul class=\"hc-prod-pts\"><li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.6 16.6 5 12l1.4-1.4 3.2 3.2 8-8L19 7.2z\"\/><\/svg><span>Residential or commercial<\/span><\/li><li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.6 16.6 5 12l1.4-1.4 3.2 3.2 8-8L19 7.2z\"\/><\/svg><span>Higher ticket, longer tenure<\/span><\/li><li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.6 16.6 5 12l1.4-1.4 3.2 3.2 8-8L19 7.2z\"\/><\/svg><span>Business or personal end-use<\/span><\/li><\/ul>\n            <div class=\"hc-prod-act\">\n              <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hc-prod-btn hc-cta\"><span>Check Eligibility<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n              <a class=\"hc-prod-link\" href=\"#loan-calculator\">Calculate EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n        <article class=\"hc-prod\" id=\"personal-loan\">\n          <div class=\"hc-prod-media\">\n            <img loading=\"lazy\" src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/f297f6b71125005c94a5574b96f44135.jpg\" alt=\"Personal Loan\" loading=\"lazy\" decoding=\"async\"\n                 width=\"1024\" height=\"1024\">\n          <\/div>\n          <div class=\"hc-prod-body\">\n            <p class=\"hc-prod-sub\">Unsecured, no collateral<\/p>\n            <h3 class=\"hc-prod-t\">Personal Loan<\/h3>\n            <p class=\"hc-prod-c\">For what will not wait \u2014 a wedding, a medical bill or a renovation.<\/p>\n            <ul class=\"hc-prod-pts\"><li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.6 16.6 5 12l1.4-1.4 3.2 3.2 8-8L19 7.2z\"\/><\/svg><span>No collateral or guarantor<\/span><\/li><li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.6 16.6 5 12l1.4-1.4 3.2 3.2 8-8L19 7.2z\"\/><\/svg><span>Minimal documentation<\/span><\/li><li><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9.6 16.6 5 12l1.4-1.4 3.2 3.2 8-8L19 7.2z\"\/><\/svg><span>Salaried &amp; self-employed<\/span><\/li><\/ul>\n            <div class=\"hc-prod-act\">\n              <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hc-prod-btn hc-cta\"><span>Check Eligibility<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n              <a class=\"hc-prod-link\" href=\"#loan-calculator\">Calculate EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <\/div>\n          <\/div>\n        <\/article><\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7a1c3d2 e-con-full e-flex e-con e-parent\" data-id=\"b7a1c3d2\" data-element_type=\"container\" data-e-type=\"container\" id=\"talk-to-advisor\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4e8f1a6 elementor-widget elementor-widget-html\" data-id=\"c4e8f1a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hc-band\" id=\"talk-to-us\" aria-label=\"Talk to a loan advisor\">\n<style>\n\n    .hc-btn{\n      display:inline-flex; align-items:center; gap:9px;\n      padding:15px 26px; border-radius:999px;\n      font:600 15px\/1 var(--hc-sans); letter-spacing:.01em;\n      text-decoration:none; cursor:pointer; border:0;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n    .hc-btn svg{ width:17px; height:17px; fill:currentColor; flex:none; }\n    \/* The theme paints `a:hover{color:#336}`, which repainted every CTA label\n       a dark blue-purple on hover \u2014 on a navy fill that read as 1.2:1. Every\n       state below therefore states its own colour explicitly. *\/\n    .hc-btn-gold,\n    .hc-btn-gold:link,\n    .hc-btn-gold:visited{\n      background:var(--hc-cta); color:#ffffff;\n      box-shadow:0 10px 26px rgba(15,23,42,.22);\n    }\n    .hc-btn-gold:hover,\n    .hc-btn-gold:focus,\n    .hc-btn-gold:active{\n      background:#1d4ed8; color:#ffffff;\n      transform:translateY(-2px);\n      box-shadow:0 16px 34px rgba(29,78,216,.34);\n    }\n    .hc-btn-gold:focus{ transform:none; }\n    .hc-btn-gold:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-btn-ghost,\n    .hc-btn-ghost:link,\n    .hc-btn-ghost:visited{\n      background:transparent; color:var(--hc-ink);\n      box-shadow:inset 0 0 0 1.5px #cbd5e1;\n    }\n    .hc-btn-ghost:hover,\n    .hc-btn-ghost:active{\n      background:#e2e8f0; color:var(--hc-ink); transform:translateY(-2px);\n      box-shadow:inset 0 0 0 1.5px #94a3b8;\n    }\n    .hc-btn-ghost:focus{ background:transparent; color:var(--hc-ink); }\n    .hc-btn-ghost:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-band,.hc-band *{ box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n    .hc-band{ font-family:var(--hc-sans); }\n\n  .hc-band{\n    width:100vw; max-width:100vw; position:relative;\n    left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\n    padding:clamp(20px,3vw,44px) 20px; background:var(--hc-paper);\n  }\n  .hc-band-inner{\n    position:relative; overflow:hidden; border-radius:26px;\n    max-width:1180px; margin:0 auto;\n    padding:clamp(32px,4vw,54px) clamp(24px,4vw,56px);\n    background:\n      radial-gradient(760px 420px at 88% 10%, rgba(44,231,184,.16), transparent 62%),\n      radial-gradient(520px 340px at 6% 94%, rgba(59,130,246,.16), transparent 60%),\n      linear-gradient(135deg,#141a24 0%, #0c1017 58%, #171e29 100%);\n    box-shadow:0 30px 70px rgba(12,16,23,.3);\n  }\n  .hc-band-inner::before{\n    content:\"\"; position:absolute; inset:0; pointer-events:none; opacity:.4;\n    background-image:\n      linear-gradient(rgba(44,231,184,.05) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(44,231,184,.05) 1px, transparent 1px);\n    background-size:46px 46px;\n    -webkit-mask-image:radial-gradient(75% 70% at 80% 20%, #000, transparent 78%);\n    mask-image:radial-gradient(75% 70% at 80% 20%, #000, transparent 78%);\n  }\n  .hc-band-grid{\n    position:relative; z-index:2; display:grid;\n    grid-template-columns:minmax(0,1.25fr) minmax(0,auto);\n    gap:clamp(24px,3vw,46px); align-items:center;\n  }\n  .hc-band-kick{\n    display:inline-flex; align-items:center; gap:9px; margin:0 0 14px;\n    font:700 11.5px\/1 var(--hc-sans); letter-spacing:.17em; text-transform:uppercase; color:#2ce7b8;\n  }\n  .hc-band-kick::before{ content:\"\"; width:26px; height:2px; border-radius:2px; background:linear-gradient(90deg,#2ce7b8,#8cff6b); }\n  .hc-band-h{\n    margin:0 0 12px; color:#fff; letter-spacing:-.028em;\n    font:600 clamp(25px,3vw,40px)\/1.16 var(--hc-sans);\n  }\n  .hc-band-h em{ font-style:normal; background:linear-gradient(120deg,#2ce7b8,#8cff6b);\n    -webkit-background-clip:text; background-clip:text; color:transparent; }\n  .hc-band-c{\n    margin:0 0 20px; max-width:52ch; color:rgba(255,255,255,.72);\n    font:400 clamp(14.5px,1.2vw,16.5px)\/1.62 var(--hc-sans);\n  }\n  .hc-band-meta{ display:flex; flex-wrap:wrap; gap:8px 20px; }\n  .hc-band-meta span{\n    display:inline-flex; align-items:center; gap:8px;\n    font:500 13.5px\/1 var(--hc-sans); color:rgba(255,255,255,.62);\n  }\n  .hc-band-meta i{ width:5px; height:5px; border-radius:50%; background:#2ce7b8; flex:none; }\n\n  .hc-band-act{ display:flex; flex-direction:column; gap:12px; min-width:270px; }\n  .hc-band-act .hc-btn{ justify-content:center; width:100%; padding:17px 26px; font-size:15.5px; }\n  \/* the shared .hc-btn-gold ships in several widgets, so an equal-specificity\n     rule here loses on source order \u2014 these have to shout *\/\n  .hc-band-act .hc-btn-gold{\n    background:linear-gradient(135deg,#2ce7b8,#8cff6b) !important; color:#06231c !important;\n    box-shadow:0 12px 28px rgba(44,231,184,.26) !important;\n  }\n  .hc-band-act .hc-btn-gold:hover,\n  .hc-band-act .hc-btn-gold:focus,\n  .hc-band-act .hc-btn-gold:active{\n    background:linear-gradient(135deg,#43f0c6,#9cff80) !important; color:#06231c !important;\n  }\n  .hc-band-act .hc-btn-gold:focus{ background:linear-gradient(135deg,#2ce7b8,#8cff6b); color:#06231c; }\n  .hc-btn-wa{\n    background:rgba(255,255,255,.07); color:#fff;\n    box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);\n  }\n  .hc-btn-wa:hover,\n  .hc-btn-wa:active{\n    background:rgba(255,255,255,.22); color:#ffffff;\n    box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);\n    transform:translateY(-2px);\n  }\n  .hc-btn-wa:focus{ background:rgba(255,255,255,.07); color:#fff; }\n  .hc-btn-wa:focus-visible{ outline:3px solid rgba(255,255,255,.6); outline-offset:3px; }\n  .hc-band-tel{\n    display:flex; align-items:center; justify-content:center; gap:9px; text-decoration:none;\n    font:600 14.5px\/1 var(--hc-sans); color:rgba(255,255,255,.78); padding:6px 0;\n  }\n  .hc-band-tel svg{ width:15px; height:15px; fill:#2ce7b8; }\n  .hc-band-tel:hover{ color:#fff; }\n\n  @media (max-width:920px){\n    .hc-band-grid{ grid-template-columns:1fr; }\n    .hc-band-act{ min-width:0; }\n  }\n<\/style>\n\n  <div class=\"hc-band-inner\">\n    <div class=\"hc-band-grid\">\n      <div>\n        <p class=\"hc-band-kick\">Not sure where you stand?<\/p>\n        <h2 class=\"hc-band-h\">Book 15 minutes with an advisor \u2014 <em>before<\/em> you apply anywhere.<\/h2>\n        <p class=\"hc-band-c\">\n          Bring your income, your obligations and the property you have in mind. We will tell you what\n          you can borrow, which lenders fit your profile, and what a rejected application would cost you.\n        <\/p>\n        <div class=\"hc-band-meta\">\n          <span><i><\/i>No obligation<\/span>\n          <span><i><\/i>Your file stays private<\/span>\n          <span><i><\/i>Home loan \u00b7 LAP \u00b7 Personal loan<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"hc-band-act\">\n        <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hc-cta\"><span>Schedule a Call<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n        <a class=\"hc-btn hc-btn-wa\" href=\"https:\/\/wa.me\/918951782221?text=Hi%2C%20I%20would%20like%20to%20know%20more%20about%20home%20loans%20from%20Homiz%20Capital.\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M16 3A13 13 0 0 0 4.7 22.5L3 29l6.7-1.7A13 13 0 1 0 16 3Zm0 23.7a10.7 10.7 0 0 1-5.4-1.5l-.4-.2-4 1 1.1-3.9-.3-.4A10.7 10.7 0 1 1 16 26.7Zm5.9-8c-.3-.2-1.9-.9-2.2-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7 0a8.8 8.8 0 0 1-2.6-1.6 9.7 9.7 0 0 1-1.8-2.2c-.2-.3 0-.5.1-.7l.5-.6a2.3 2.3 0 0 0 .4-.6.6.6 0 0 0 0-.6c0-.2-.7-1.7-1-2.3s-.5-.6-.7-.6h-.6a1.2 1.2 0 0 0-.9.4 3.6 3.6 0 0 0-1.1 2.7 6.2 6.2 0 0 0 1.3 3.3 14.2 14.2 0 0 0 5.4 4.8c.8.3 1.4.5 1.8.7a4.4 4.4 0 0 0 2 .1 3.3 3.3 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.2-.3-.3-.6-.4Z\"\/><\/svg><span>WhatsApp Us<\/span><\/a>\n        <a class=\"hc-band-tel\" href=\"tel:+918951782221\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 16.42V19a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 1.12 3.18 2 2 0 0 1 3.11 1h2.58a2 2 0 0 1 2 1.72c.12.9.33 1.77.63 2.61a2 2 0 0 1-.45 2.11L6.8 8.51a16 16 0 0 0 8.69 8.69l1.07-1.07a2 2 0 0 1 2.11-.45c.84.3 1.71.51 2.61.63A2 2 0 0 1 21 16.42Z\"\/><\/svg><span>Or call +91 89517 82221<\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1949e506 e-con-full e-flex e-con e-parent\" data-id=\"1949e506\" data-element_type=\"container\" data-e-type=\"container\" id=\"loan-calculator\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30b124b9 elementor-widget elementor-widget-html\" data-id=\"30b124b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hb-emi-pro hb-emi-pro--solo\" aria-label=\"Premium EMI Calculator\">\n  <style>\n    .hb-emi-pro,\n    .hb-emi-pro *{\n      box-sizing:border-box;\n      -webkit-font-smoothing:antialiased;\n    }\n\n    .hb-emi-pro{\n      --bg:#071018;\n      --panel:#0e1b2c;\n      --panel-2:#0b1726;\n      --card:#101f30;\n      --line:rgba(56,189,248,.12);\n      --line-2:rgba(56,189,248,.22);\n      --text:#ffffff;\n      --muted:rgba(255,255,255,.60);\n      --soft:rgba(255,255,255,.03);\n      --accent:#38bdf8;\n      --accent-2:#5eead4;\n      --cta:#04121c;\n      --gold:#38bdf8;\n\n      width:100vw;\n      max-width:100vw;\n      position:relative;\n      left:50%;\n      right:50%;\n      margin-left:-50vw;\n      margin-right:-50vw;\n      background:\n        radial-gradient(1100px 540px at 0% 0%, rgba(235,184,59,.11), transparent 58%),\n        radial-gradient(900px 540px at 100% 100%, rgba(235,184,59,.07), transparent 52%),\n        linear-gradient(180deg, #111114 0%, #0d0d0f 100%);\n      color:var(--text);\n      padding:56px 0;\n      font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n      overflow:hidden;\n    }\n\n    .hb-emi-pro::before{\n      content:\"\";\n      position:absolute; inset:0;\n      background-image:\n        linear-gradient(rgba(235,184,59,.02) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(235,184,59,.02) 1px, transparent 1px);\n      background-size:44px 44px;\n      pointer-events:none;\n      opacity:.55;\n    }\n\n    .hb-emi-pro::after{\n      content:\"\";\n      position:absolute;\n      left:50%;\n      top:-120px;\n      transform:translateX(-50%);\n      width:62%;\n      height:260px;\n      background:radial-gradient(circle, rgba(235,184,59,.12) 0%, rgba(235,184,59,0) 72%);\n      pointer-events:none;\n      filter:blur(10px);\n      opacity:.9;\n    }\n\n    .hb-emi-wrap{\n      position:relative;\n      z-index:2;\n      width:100%;\n      max-width:none;\n      margin:0;\n      padding:0;\n    }\n\n    .hb-emi-shell{\n      width:100%;\n      max-width:100%;\n      margin:0 auto;\n      border-radius:28px;\n      overflow:hidden;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));\n      border:1px solid var(--line);\n      box-shadow:\n        0 28px 80px rgba(0,0,0,.40),\n        0 0 0 1px rgba(235,184,59,.03) inset;\n      backdrop-filter:blur(12px);\n      animation:hbFadeUp .7s ease both;\n      transform:translateZ(0);\n    }\n\n    .hb-emi-shell:hover{\n      box-shadow:\n        0 34px 90px rgba(0,0,0,.45),\n        0 0 0 1px rgba(235,184,59,.08) inset;\n    }\n\n    .hb-topbar{\n      display:flex;\n      flex-wrap:wrap;\n      align-items:center;\n      justify-content:space-between;\n      gap:14px;\n      padding:18px 22px;\n      border-bottom:1px solid var(--line);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.005)),\n        rgba(0,0,0,.25);\n    }\n\n    .hb-topbar-left{\n      display:flex;\n      flex-direction:column;\n      gap:8px;\n      min-width:0;\n    }\n\n    .hb-kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      width:max-content;\n      padding:7px 12px;\n      border-radius:999px;\n      background:rgba(235,184,59,.08);\n      border:1px solid rgba(235,184,59,.24);\n      color:var(--accent);\n      font-size:10px;\n      font-weight:800;\n      letter-spacing:.12em;\n      text-transform:uppercase;\n    }\n\n    .hb-kicker-dot{\n      width:7px;\n      height:7px;\n      border-radius:999px;\n      background:var(--accent);\n      box-shadow:0 0 0 5px rgba(235,184,59,.12);\n      flex:0 0 auto;\n    }\n\n    .hb-headline{\n      margin:0;\n      font-size:clamp(22px,2.1vw,34px);\n      line-height:1.08;\n      font-weight:900;\n      letter-spacing:-.03em;\n      max-width:520px;\n    }\n\n    .hb-headline .accent{\n      color:var(--accent);\n    }\n\n    .hb-topbar-right{\n      display:flex;\n      flex-direction:column;\n      align-items:flex-end;\n      gap:10px;\n      min-width:0;\n    }\n\n    .hb-tabs{\n      display:flex;\n      gap:8px;\n      flex-wrap:wrap;\n      justify-content:flex-end;\n    }\n\n    .hb-tab{\n      appearance:none;\n      border:1px solid var(--line-2);\n      background:rgba(255,255,255,.02);\n      color:var(--muted);\n      border-radius:999px;\n      padding:10px 14px;\n      font-size:12px;\n      font-weight:800;\n      letter-spacing:.04em;\n      cursor:pointer;\n      transition:.22s ease;\n    }\n\n    .hb-tab:hover{\n      color:#fff;\n      border-color:rgba(235,184,59,.30);\n      background:rgba(255,255,255,.04);\n    }\n\n    .hb-tab.is-active{\n      background:rgba(235,184,59,.13);\n      border-color:rgba(235,184,59,.30);\n      color:#fff;\n      box-shadow:0 0 0 1px rgba(235,184,59,.08) inset;\n    }\n\n    .hb-loan-types{\n      display:flex;\n      gap:8px;\n      flex-wrap:wrap;\n      justify-content:flex-end;\n    }\n\n    .hb-type-chip{\n      appearance:none;\n      border:1px solid var(--line-2);\n      background:rgba(255,255,255,.02);\n      color:#fff;\n      padding:9px 12px;\n      font-size:12px;\n      font-weight:700;\n      border-radius:999px;\n      cursor:pointer;\n      transition:.22s ease;\n    }\n\n    .hb-type-chip:hover{\n      background:rgba(255,255,255,.05);\n    }\n\n    .hb-type-chip.active{\n      background:var(--cta);\n      border-color:rgba(235,184,59,.30);\n      color:var(--accent);\n      box-shadow:0 0 20px rgba(235,184,59,.08);\n    }\n\n    .hb-body{\n      padding:22px;\n    }\n\n    .hb-pane{ display:none; }\n    .hb-pane.is-visible{ display:block; }\n\n    .hb-main-grid,\n    .hb-elig-grid{\n      display:grid;\n      grid-template-columns: 1.06fr .94fr;\n      gap:20px;\n      align-items:stretch;\n    }\n\n    .hb-form-card,\n    .hb-result-card{\n      background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));\n      border:1px solid var(--line);\n      border-radius:22px;\n      min-width:0;\n    }\n\n    .hb-form-card{\n      padding:20px;\n    }\n\n    .hb-result-card{\n      padding:0;\n      overflow:hidden;\n    }\n\n    .hb-block-title{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:12px;\n      margin-bottom:18px;\n    }\n\n    .hb-block-title h3{\n      margin:0;\n      font-size:16px;\n      font-weight:850;\n      letter-spacing:-.02em;\n    }\n\n    .hb-block-mini{\n      font-size:11px;\n      color:var(--muted);\n      white-space:nowrap;\n    }\n\n    .hb-field{\n      margin-bottom:18px;\n    }\n\n    .hb-label-row{\n      display:flex;\n      align-items:flex-end;\n      justify-content:space-between;\n      gap:10px;\n      margin-bottom:10px;\n    }\n\n    .hb-label{\n      font-size:12px;\n      font-weight:700;\n      color:rgba(255,255,255,.9);\n    }\n\n    .hb-value{\n      font-size:15px;\n      font-weight:900;\n      color:#fff;\n      text-align:right;\n    }\n\n    .hb-range{\n      -webkit-appearance:none;\n      appearance:none;\n      width:100%;\n      height:6px;\n      border-radius:999px;\n      background:rgba(255,255,255,.12);\n      outline:none;\n      cursor:pointer;\n    }\n\n    .hb-range::-webkit-slider-thumb{\n      -webkit-appearance:none;\n      appearance:none;\n      width:19px;\n      height:19px;\n      border-radius:50%;\n      background:#fff;\n      border:3px solid var(--accent);\n      box-shadow:0 0 0 5px rgba(235,184,59,.10);\n      margin-top:-7px;\n      transition:transform .16s ease;\n    }\n\n    .hb-range:active::-webkit-slider-thumb{\n      transform:scale(1.08);\n    }\n\n    .hb-range::-webkit-slider-runnable-track{\n      height:6px;\n      border-radius:999px;\n      background:transparent;\n    }\n\n    .hb-range::-moz-range-thumb{\n      width:19px;\n      height:19px;\n      border-radius:50%;\n      background:#fff;\n      border:3px solid var(--accent);\n      box-shadow:0 0 0 5px rgba(235,184,59,.10);\n    }\n\n    .hb-range.gold::-webkit-slider-thumb,\n    .hb-range.gold::-moz-range-thumb{\n      border-color:var(--gold);\n      box-shadow:0 0 0 5px rgba(235,184,59,.10);\n    }\n\n    .hb-range-meta{\n      display:flex;\n      justify-content:space-between;\n      gap:12px;\n      margin-top:7px;\n      font-size:10px;\n      color:rgba(255,255,255,.44);\n    }\n\n    .hb-inline-grid{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:14px;\n    }\n\n    .hb-toggle-row{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin-top:4px;\n    }\n\n    .hb-check{\n      display:flex;\n      align-items:center;\n      gap:8px;\n      padding:10px 12px;\n      border-radius:14px;\n      border:1px solid var(--line);\n      background:rgba(255,255,255,.02);\n      color:#fff;\n      font-size:12px;\n      font-weight:700;\n    }\n\n    .hb-check input{\n      accent-color:var(--accent);\n    }\n\n    .hb-result-head{\n      padding:22px 22px 16px;\n      border-bottom:1px solid var(--line);\n      background:linear-gradient(180deg, rgba(235,184,59,.09), rgba(235,184,59,.025));\n    }\n\n    .hb-result-kicker{\n      font-size:10px;\n      font-weight:800;\n      letter-spacing:.12em;\n      text-transform:uppercase;\n      color:rgba(255,255,255,.56);\n      margin-bottom:10px;\n    }\n\n    .hb-result-hero{\n      font-size:clamp(30px,3vw,44px);\n      font-weight:950;\n      letter-spacing:-.045em;\n      line-height:1;\n      color:#fff;\n    }\n\n    .hb-result-hero span{\n      color:var(--accent);\n      text-shadow:0 0 24px rgba(235,184,59,.12);\n    }\n\n    .hb-result-sub{\n      margin-top:10px;\n      font-size:12px;\n      color:var(--muted);\n      line-height:1.58;\n    }\n\n    .hb-result-grid{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      border-bottom:1px solid var(--line);\n    }\n\n    .hb-metric{\n      padding:16px 18px;\n      border-right:1px solid var(--line);\n      border-bottom:1px solid var(--line);\n      min-width:0;\n      transition:background .2s ease;\n    }\n\n    .hb-metric:nth-child(2n){\n      border-right:none;\n    }\n\n    .hb-metric:hover{\n      background:rgba(255,255,255,.02);\n    }\n\n    .hb-metric-label{\n      font-size:11px;\n      color:var(--muted);\n      margin-bottom:6px;\n    }\n\n    .hb-metric-value{\n      font-size:18px;\n      font-weight:900;\n      line-height:1.2;\n      word-break:break-word;\n    }\n\n    .hb-chart{\n      padding:18px;\n    }\n\n    .hb-chart-head{\n      display:flex;\n      justify-content:space-between;\n      gap:12px;\n      align-items:center;\n      margin-bottom:12px;\n    }\n\n    .hb-chart-head h4{\n      margin:0;\n      font-size:13px;\n      font-weight:800;\n    }\n\n    .hb-chart-line{\n      width:100%;\n      height:12px;\n      border-radius:999px;\n      overflow:hidden;\n      background:rgba(255,255,255,.06);\n      display:flex;\n      margin-bottom:10px;\n    }\n\n    .hb-chart-principal{\n      background:linear-gradient(90deg, var(--accent), #f2cd6f);\n      height:100%;\n      transition:width .35s ease;\n    }\n\n    .hb-chart-interest{\n      background:#2e2d2f;\n      height:100%;\n      transition:width .35s ease;\n    }\n\n    .hb-legend{\n      display:flex;\n      flex-wrap:wrap;\n      gap:12px;\n      font-size:11px;\n      color:var(--muted);\n    }\n\n    .hb-legend i{\n      display:inline-block;\n      width:10px;\n      height:10px;\n      border-radius:999px;\n      margin-right:6px;\n      vertical-align:-1px;\n    }\n\n    .hb-footnote{\n      margin-top:14px;\n      font-size:11px;\n      line-height:1.6;\n      color:rgba(255,255,255,.45);\n    }\n\n    .hb-pill-stats{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:10px;\n      margin-top:14px;\n    }\n\n    .hb-pill{\n      border-radius:14px;\n      border:1px solid var(--line);\n      background:rgba(255,255,255,.02);\n      padding:12px 13px;\n    }\n\n    .hb-pill .sm{\n      font-size:10px;\n      color:var(--muted);\n      margin-bottom:5px;\n    }\n\n    .hb-pill .lg{\n      font-size:14px;\n      font-weight:900;\n    }\n\n    @keyframes hbFadeUp{\n      from{\n        opacity:0;\n        transform:translateY(18px);\n      }\n      to{\n        opacity:1;\n        transform:translateY(0);\n      }\n    }\n\n    @media (max-width:1100px){\n      .hb-main-grid,\n      .hb-elig-grid{\n        grid-template-columns:1fr;\n      }\n\n      .hb-topbar{\n        align-items:flex-start;\n      }\n\n      .hb-topbar-right{\n        width:100%;\n        align-items:flex-start;\n      }\n\n      .hb-tabs,\n      .hb-loan-types{\n        justify-content:flex-start;\n      }\n    }\n\n    @media (max-width:768px){\n      .hb-emi-pro{\n        padding:36px 0;\n      }\n\n      .hb-emi-wrap{\n        padding:0;\n      }\n\n      .hb-emi-shell{\n        border-radius:18px;\n        border-left:none;\n        border-right:none;\n      }\n\n      .hb-topbar{\n        padding:14px 14px 12px;\n        gap:12px;\n      }\n\n      .hb-headline{\n        font-size:22px;\n        max-width:100%;\n      }\n\n      .hb-body{\n        padding:14px;\n      }\n\n      .hb-form-card{\n        padding:14px;\n      }\n\n      .hb-result-head,\n      .hb-chart{\n        padding:14px;\n      }\n\n      .hb-inline-grid,\n      .hb-result-grid,\n      .hb-pill-stats{\n        grid-template-columns:1fr;\n      }\n\n      .hb-metric{\n        border-right:none;\n      }\n\n      .hb-tab,\n      .hb-type-chip{\n        font-size:10px;\n        padding:8px 10px;\n      }\n\n      .hb-label{\n        font-size:11px;\n      }\n\n      .hb-value{\n        font-size:13px;\n      }\n\n      .hb-result-hero{\n        font-size:30px;\n      }\n\n      .hb-metric-value{\n        font-size:16px;\n      }\n\n      .hb-block-title h3{\n        font-size:14px;\n      }\n\n      .hb-footnote{\n        font-size:10px;\n      }\n    }\n  \n\n    \/* ==================================================================\n       Homiz 2026 refresh \u2014 modern premium layer.\n       Appended last on purpose: equal-specificity rules win on source order.\n       ================================================================== *\/\n    .hb-emi-pro{\n      padding:clamp(54px,6vw,92px) 20px !important;\n      background:\n        radial-gradient(1100px 620px at 4% -6%, rgba(56,189,248,.20), transparent 60%),\n        radial-gradient(900px 560px at 98% 104%, rgba(45,212,191,.16), transparent 58%),\n        radial-gradient(700px 480px at 62% 42%, rgba(99,102,241,.14), transparent 62%),\n        linear-gradient(145deg,#0b1830 0%, #0a1424 42%, #071018 100%) !important;\n      scroll-margin-top:110px;\n    }\n    .hb-emi-pro::before{ background-size:54px 54px; opacity:.4; }\n    .hb-emi-pro::after{ opacity:.55; }\n\n    .hb-emi-wrap{ max-width:1180px !important; margin:0 auto !important; }\n\n    .hb-emi-shell{\n      border-radius:26px !important;\n      background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)) !important;\n      border:1px solid rgba(56,189,248,.14) !important;\n      box-shadow:0 36px 90px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06) !important;\n    }\n\n    \/* ---- topbar ---- *\/\n    .hb-topbar{\n      padding:26px 28px 22px !important;\n      border-bottom:1px solid rgba(255,255,255,.07) !important;\n      gap:22px !important;\n    }\n    .hb-kicker{\n      font-size:11.5px !important; font-weight:700 !important;\n      letter-spacing:.17em !important; text-transform:uppercase !important;\n      color:var(--accent) !important; gap:9px !important;\n    }\n    .hb-kicker-dot{\n      width:7px !important; height:7px !important;\n      background:var(--accent) !important;\n      box-shadow:0 0 0 4px rgba(56,189,248,.14) !important;\n    }\n    .hb-headline{\n      font-size:clamp(24px,2.7vw,36px) !important;\n      font-weight:600 !important; letter-spacing:-.028em !important; line-height:1.15 !important;\n      margin:12px 0 0 !important;\n    }\n    .hb-headline .accent{\n      background:linear-gradient(120deg,#38bdf8,#5eead4) !important;\n      -webkit-background-clip:text !important; background-clip:text !important;\n      color:transparent !important;\n    }\n\n    \/* ---- tabs ---- *\/\n    .hb-tabs{\n      background:rgba(255,255,255,.05) !important;\n      border:1px solid rgba(255,255,255,.08) !important;\n      border-radius:999px !important; padding:4px !important; gap:2px !important;\n    }\n    .hb-tab{\n      border-radius:999px !important; padding:10px 18px !important;\n      font-size:13px !important; font-weight:600 !important;\n      color:rgba(255,255,255,.62) !important; background:transparent !important;\n      border:0 !important; transition:.2s ease !important;\n    }\n    .hb-tab:hover{ color:#fff !important; background:rgba(255,255,255,.06) !important; }\n    .hb-tab:focus{ background:transparent; color:rgba(255,255,255,.62); }\n    .hb-tab.is-active{\n      background:linear-gradient(135deg,#0ea5e9,#38bdf8 46%,#5eead4) !important;\n      color:#1A1206 !important;\n      box-shadow:0 6px 16px rgba(56,189,248,.34) !important;\n    }\n    .hb-tab.is-active:focus{\n      background:linear-gradient(135deg,#0ea5e9,#38bdf8 46%,#5eead4) !important; color:#1A1206 !important;\n    }\n    .hb-tab:focus-visible,.hb-type-chip:focus-visible{ outline:3px solid rgba(56,189,248,.7) !important; outline-offset:2px !important; }\n\n    \/* ---- loan-type chips ---- *\/\n    .hb-loan-types{ gap:7px !important; margin-top:12px !important; }\n    .hb-type-chip{\n      border:1px solid rgba(255,255,255,.12) !important;\n      background:rgba(255,255,255,.03) !important;\n      color:rgba(255,255,255,.72) !important;\n      padding:9px 15px !important; font-size:12.5px !important; font-weight:600 !important;\n    }\n    .hb-type-chip:hover{ background:rgba(255,255,255,.08) !important; color:#fff !important; }\n    .hb-type-chip:focus{ background:rgba(255,255,255,.03); color:rgba(255,255,255,.72); }\n    .hb-type-chip.active{\n      background:rgba(56,189,248,.14) !important;\n      border-color:rgba(56,189,248,.5) !important;\n      color:#bae6fd !important;\n      box-shadow:inset 0 0 0 1px rgba(56,189,248,.18) !important;\n    }\n    .hb-type-chip.active:focus{ background:rgba(56,189,248,.16); color:#bae6fd; }\n\n    \/* ---- body \/ cards ---- *\/\n    .hb-body{ padding:28px !important; }\n    .hb-form-card,.hb-result-card{\n      border-radius:20px !important;\n      background:rgba(255,255,255,.028) !important;\n      border:1px solid rgba(255,255,255,.07) !important;\n      padding:26px 24px !important;\n    }\n    .hb-result-card{\n      background:\n        radial-gradient(520px 300px at 88% 0%, rgba(56,189,248,.16), transparent 62%),\n        rgba(255,255,255,.035) !important;\n      border-color:rgba(56,189,248,.24) !important;\n    }\n    .hb-block-title h3{ font-size:16.5px !important; font-weight:600 !important; letter-spacing:-.015em !important; }\n    .hb-block-mini{\n      font-size:11px !important; font-weight:700 !important; letter-spacing:.13em !important;\n      text-transform:uppercase !important; color:var(--accent) !important;\n      background:rgba(56,189,248,.12) !important; border:1px solid rgba(56,189,248,.26) !important;\n      border-radius:999px !important; padding:6px 11px !important;\n    }\n\n    \/* ---- fields + sliders ---- *\/\n    .hb-label{ font-size:13.5px !important; color:rgba(255,255,255,.66) !important; font-weight:500 !important; }\n    .hb-value{ font-size:15.5px !important; font-weight:700 !important; color:#fff !important; letter-spacing:-.01em !important; }\n    .hb-range{ height:6px !important; border-radius:999px !important; }\n    .hb-range::-webkit-slider-thumb{\n      width:20px !important; height:20px !important; border-radius:50% !important;\n      background:#fff !important; border:3px solid #38bdf8 !important;\n      box-shadow:0 3px 10px rgba(0,0,0,.45) !important; cursor:pointer !important;\n    }\n    .hb-range::-moz-range-thumb{\n      width:18px !important; height:18px !important; border-radius:50% !important;\n      background:#fff !important; border:3px solid #38bdf8 !important; cursor:pointer !important;\n    }\n    .hb-range:focus-visible{ outline:3px solid rgba(56,189,248,.6) !important; outline-offset:4px !important; }\n    .hb-range-meta{ font-size:11.5px !important; color:rgba(255,255,255,.42) !important; }\n\n    \/* ---- result ---- *\/\n    .hb-result-kicker{\n      font-size:11px !important; font-weight:700 !important; letter-spacing:.16em !important;\n      text-transform:uppercase !important; color:var(--accent) !important;\n    }\n    .hb-result-hero{\n      font-size:clamp(34px,4.2vw,52px) !important; font-weight:600 !important;\n      letter-spacing:-.035em !important; line-height:1.04 !important; color:#fff !important;\n      margin:8px 0 6px !important;\n    }\n    .hb-result-sub{ font-size:13.5px !important; color:rgba(255,255,255,.58) !important; }\n    .hb-metric{\n      border-radius:14px !important; padding:15px 16px !important;\n      background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.07) !important;\n    }\n    .hb-metric-label{\n      font-size:11px !important; font-weight:600 !important; letter-spacing:.1em !important;\n      text-transform:uppercase !important; color:rgba(255,255,255,.5) !important;\n    }\n    .hb-metric-value{ font-size:17px !important; font-weight:700 !important; color:#fff !important; letter-spacing:-.015em !important; }\n\n    .hb-chart-line{ border-radius:999px !important; overflow:hidden !important; height:12px !important; }\n    .hb-chart-principal{ background:linear-gradient(90deg,#0ea5e9,#5eead4) !important; }\n    .hb-chart-interest{ background:rgba(255,255,255,.14) !important; }\n\n    .hb-pill{\n      border-radius:999px !important; background:rgba(255,255,255,.05) !important;\n      border:1px solid rgba(255,255,255,.09) !important; font-size:12.5px !important;\n    }\n    .hb-footnote{\n      font-size:12px !important; line-height:1.6 !important; color:rgba(255,255,255,.44) !important;\n      border-top:1px solid rgba(255,255,255,.07) !important; padding-top:16px !important; margin-top:20px !important;\n    }\n    .hb-check{ font-size:13px !important; color:rgba(255,255,255,.62) !important; }\n    .hb-check input{ accent-color:#38bdf8 !important; }\n\n    \/* ---- the CTA rail we add under the calculator ---- *\/\n    .hb-emi-cta{\n      max-width:1180px; margin:26px auto 0; display:flex; flex-wrap:wrap;\n      align-items:center; justify-content:space-between; gap:16px;\n      padding:20px 24px; border-radius:20px;\n      background:rgba(255,255,255,.04); border:1px solid rgba(56,189,248,.22);\n    }\n    .hb-emi-cta p{\n      margin:0; color:rgba(255,255,255,.72); max-width:56ch;\n      font:400 14.5px\/1.6 var(--hc-sans,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif);\n    }\n    .hb-emi-cta p b{ color:#fff; font-weight:600; }\n    .hb-emi-cta .hc-btn{\n      display:inline-flex; align-items:center; gap:9px; padding:15px 26px; border-radius:999px;\n      font:600 15px\/1 var(--hc-sans,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif);\n      text-decoration:none; border:0; white-space:nowrap;\n      background:linear-gradient(135deg,#0ea5e9 0%,#38bdf8 46%,#5eead4 100%) !important;\n      color:#04121c !important;\n      box-shadow:0 10px 26px rgba(56,189,248,.32) !important;\n      transition:transform .18s ease, box-shadow .18s ease;\n    }\n    .hb-emi-cta .hc-btn svg{ width:17px; height:17px; fill:currentColor; }\n    \/* the shared .hc-btn-gold:hover would replace this gradient with a flat\n       navy and leave the near-black label on it at ~1.2:1 *\/\n    .hb-emi-cta .hc-btn:hover,\n    .hb-emi-cta .hc-btn:focus,\n    .hb-emi-cta .hc-btn:active{\n      background:linear-gradient(135deg,#38bdf8 0%,#5eead4 52%,#a7f3d0 100%) !important;\n      color:#04121c !important;\n      transform:translateY(-2px);\n      box-shadow:0 16px 34px rgba(56,189,248,.44) !important;\n    }\n    .hb-emi-cta .hc-btn:focus{ transform:none; }\n    .hb-emi-cta .hc-btn:focus-visible{ outline:3px solid rgba(56,189,248,.7); outline-offset:3px; }\n\n    @media (max-width:900px){\n      .hb-body{ padding:20px !important; }\n      .hb-chart-head{ flex-wrap:wrap !important; gap:8px !important; }\n      .hb-pill{ white-space:normal !important; line-height:1.35 !important; }\n      .hb-topbar{ padding:22px 20px 18px !important; }\n      .hb-form-card,.hb-result-card{ padding:20px 18px !important; }\n      .hb-emi-cta{ flex-direction:column; align-items:stretch; text-align:left; }\n      .hb-emi-cta .hc-btn{ justify-content:center; }\n    }\n\n  <\/style>\n\n  <div class=\"hb-emi-wrap\">\n    <div class=\"hb-emi-shell\">\n      <div class=\"hb-topbar\">\n        <div class=\"hb-topbar-left\">\n          <div class=\"hb-kicker\"><span class=\"hb-kicker-dot\"><\/span> Plan before you borrow<\/div>\n          <h2 class=\"hb-headline\"><span class=\"accent\">EMI &amp; eligibility<\/span>, worked out before you apply<\/h2>\n        <\/div>\n\n        <div class=\"hb-topbar-right\">\n          <div class=\"hb-tabs\">\n            <button class=\"hb-tab is-active\" data-tab=\"emi\">EMI Calculator<\/button>\n            <button class=\"hb-tab\" data-tab=\"eligibility\">Eligibility Checker<\/button>\n          <\/div>\n\n          <div class=\"hb-loan-types\" id=\"hbLoanTypes\">\n            <button class=\"hb-type-chip active\" data-type=\"home\">Home Loan<\/button>\n            <button class=\"hb-type-chip\" data-type=\"lap\">Loan Against Property<\/button>\n            <button class=\"hb-type-chip\" data-type=\"personal\">Personal Loan<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"hb-body\">\n        <div class=\"hb-pane is-visible\" id=\"hb-pane-emi\">\n          <div class=\"hb-main-grid\">\n            <div class=\"hb-form-card\">\n              <div class=\"hb-block-title\">\n                <h3>Enter your loan details<\/h3>\n                <div class=\"hb-block-mini\" id=\"hbLoanRangeHint\">Home loan range<\/div>\n              <\/div>\n\n              <div class=\"hb-field\">\n                <div class=\"hb-label-row\">\n                  <div class=\"hb-label\">Loan Amount<\/div>\n                  <div class=\"hb-value\">\u20b9 <span id=\"hbAmountValue\">50,00,000<\/span><\/div>\n                <\/div>\n                <input type=\"range\" class=\"hb-range\" id=\"hbAmount\" min=\"500000\" max=\"50000000\" step=\"50000\" value=\"5000000\">\n                <div class=\"hb-range-meta\">\n                  <span id=\"hbAmtMin\">\u20b9 5 Lakh<\/span>\n                  <span id=\"hbAmtMax\">\u20b9 5 Cr<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-field\">\n                <div class=\"hb-label-row\">\n                  <div class=\"hb-label\">Interest Rate (per annum)<\/div>\n                  <div class=\"hb-value\"><span id=\"hbRateValue\">8.50<\/span>%<\/div>\n                <\/div>\n                <input type=\"range\" class=\"hb-range\" id=\"hbRate\" min=\"6\" max=\"18\" step=\"0.05\" value=\"8.5\">\n                <div class=\"hb-range-meta\">\n                  <span>Lower rate<\/span>\n                  <span>Higher rate<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-field\">\n                <div class=\"hb-label-row\">\n                  <div class=\"hb-label\">Tenure<\/div>\n                  <div class=\"hb-value\"><span id=\"hbTenureValue\">20<\/span> Years<\/div>\n                <\/div>\n                <input type=\"range\" class=\"hb-range\" id=\"hbTenure\" min=\"1\" max=\"30\" step=\"1\" value=\"20\">\n                <div class=\"hb-range-meta\">\n                  <span>Short term<\/span>\n                  <span>Long term<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-inline-grid\">\n                <div class=\"hb-field\" style=\"margin-bottom:0;\">\n                  <div class=\"hb-label-row\">\n                    <div class=\"hb-label\">Processing Fee<\/div>\n                    <div class=\"hb-value\"><span id=\"hbFeeValue\">1.00<\/span>%<\/div>\n                  <\/div>\n                  <input type=\"range\" class=\"hb-range\" id=\"hbFee\" min=\"0\" max=\"3\" step=\"0.05\" value=\"1\">\n                  <div class=\"hb-range-meta\">\n                    <span>0%<\/span>\n                    <span>3%<\/span>\n                  <\/div>\n                <\/div>\n\n                <div class=\"hb-field\" style=\"margin-bottom:0;\">\n                  <div class=\"hb-label-row\">\n                    <div class=\"hb-label\">Extra Monthly Prepayment<\/div>\n                    <div class=\"hb-value\">\u20b9 <span id=\"hbExtraValue\">0<\/span><\/div>\n                  <\/div>\n                  <input type=\"range\" class=\"hb-range\" id=\"hbExtra\" min=\"0\" max=\"200000\" step=\"1000\" value=\"0\">\n                  <div class=\"hb-range-meta\">\n                    <span>No extra<\/span>\n                    <span>Faster closure<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-toggle-row\">\n                <label class=\"hb-check\">\n                  <input type=\"checkbox\" id=\"hbIncludeFee\" checked>\n                  Include processing fee\n                <\/label>\n                <label class=\"hb-check\">\n                  <input type=\"checkbox\" id=\"hbShowYearly\">\n                  Show yearly note\n                <\/label>\n              <\/div>\n\n              <div class=\"hb-footnote\">\n                This calculator gives an indicative estimate. Actual EMI, loan eligibility, fees and interest rate depend on lender policy, profile, credit score, product type and final sanction terms.\n              <\/div>\n            <\/div>\n\n            <div class=\"hb-result-card\">\n              <div class=\"hb-result-head\">\n                <div class=\"hb-result-kicker\">Estimated Monthly EMI<\/div>\n                <div class=\"hb-result-hero\">\u20b9 <span id=\"hbEMIResult\">41,822<\/span><\/div>\n                <div class=\"hb-result-sub\" id=\"hbResultSub\">\n                  For a home loan over 20 years at 8.50% annual interest.\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-result-grid\">\n                <div class=\"hb-metric\">\n                  <div class=\"hb-metric-label\">Total Interest<\/div>\n                  <div class=\"hb-metric-value\">\u20b9 <span id=\"hbInterestResult\">50,37,277<\/span><\/div>\n                <\/div>\n                <div class=\"hb-metric\">\n                  <div class=\"hb-metric-label\">Total Repayment<\/div>\n                  <div class=\"hb-metric-value\">\u20b9 <span id=\"hbTotalResult\">1,00,37,277<\/span><\/div>\n                <\/div>\n                <div class=\"hb-metric\">\n                  <div class=\"hb-metric-label\">Processing Fee<\/div>\n                  <div class=\"hb-metric-value\">\u20b9 <span id=\"hbFeeResult\">50,000<\/span><\/div>\n                <\/div>\n                <div class=\"hb-metric\">\n                  <div class=\"hb-metric-label\">Total Outflow<\/div>\n                  <div class=\"hb-metric-value\">\u20b9 <span id=\"hbOutflowResult\">1,00,87,277<\/span><\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-chart\">\n                <div class=\"hb-chart-head\">\n                  <h4>Repayment Split<\/h4>\n                  <div class=\"hb-block-mini\" id=\"hbSavingsLine\">No prepayment savings applied<\/div>\n                <\/div>\n\n                <div class=\"hb-chart-line\">\n                  <div class=\"hb-chart-principal\" id=\"hbPrincipalBar\" style=\"width:50%\"><\/div>\n                  <div class=\"hb-chart-interest\" id=\"hbInterestBar\" style=\"width:50%\"><\/div>\n                <\/div>\n\n                <div class=\"hb-legend\">\n                  <span><i style=\"background:var(--accent)\"><\/i>Principal: \u20b9 <span id=\"hbLegendPrincipal\">50,00,000<\/span><\/span>\n                  <span><i style=\"background:#2e2d2f\"><\/i>Interest: \u20b9 <span id=\"hbLegendInterest\">50,37,277<\/span><\/span>\n                <\/div>\n\n                <div class=\"hb-pill-stats\">\n                  <div class=\"hb-pill\">\n                    <div class=\"sm\">Loan Closure Estimate<\/div>\n                    <div class=\"lg\" id=\"hbClosureValue\">240 months<\/div>\n                  <\/div>\n                  <div class=\"hb-pill\">\n                    <div class=\"sm\">Interest Saved<\/div>\n                    <div class=\"lg\" id=\"hbSavedValue\">\u20b9 0<\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hb-pane\" id=\"hb-pane-eligibility\">\n          <div class=\"hb-elig-grid\">\n            <div class=\"hb-form-card\">\n              <div class=\"hb-block-title\">\n                <h3>Check estimated eligibility<\/h3>\n                <div class=\"hb-block-mini\">Indicative bank-style logic<\/div>\n              <\/div>\n\n              <div class=\"hb-field\">\n                <div class=\"hb-label-row\">\n                  <div class=\"hb-label\">Net Monthly Income<\/div>\n                  <div class=\"hb-value\">\u20b9 <span id=\"hbIncomeValue\">80,000<\/span><\/div>\n                <\/div>\n                <input type=\"range\" class=\"hb-range gold\" id=\"hbIncome\" min=\"20000\" max=\"1000000\" step=\"5000\" value=\"80000\">\n                <div class=\"hb-range-meta\">\n                  <span>\u20b9 20k<\/span>\n                  <span>\u20b9 10L<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-field\">\n                <div class=\"hb-label-row\">\n                  <div class=\"hb-label\">Existing Monthly EMIs<\/div>\n                  <div class=\"hb-value\">\u20b9 <span id=\"hbExistingValue\">0<\/span><\/div>\n                <\/div>\n                <input type=\"range\" class=\"hb-range gold\" id=\"hbExisting\" min=\"0\" max=\"300000\" step=\"1000\" value=\"0\">\n                <div class=\"hb-range-meta\">\n                  <span>No running EMI<\/span>\n                  <span>Higher obligations<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-inline-grid\">\n                <div class=\"hb-field\" style=\"margin-bottom:0;\">\n                  <div class=\"hb-label-row\">\n                    <div class=\"hb-label\">Tenure<\/div>\n                    <div class=\"hb-value\"><span id=\"hbEligTenureValue\">20<\/span> Years<\/div>\n                  <\/div>\n                  <input type=\"range\" class=\"hb-range gold\" id=\"hbEligTenure\" min=\"1\" max=\"30\" step=\"1\" value=\"20\">\n                  <div class=\"hb-range-meta\">\n                    <span>Short<\/span>\n                    <span>Long<\/span>\n                  <\/div>\n                <\/div>\n\n                <div class=\"hb-field\" style=\"margin-top:18px;\">\n                  <div class=\"hb-label-row\">\n                    <div class=\"hb-label\">Interest Rate<\/div>\n                    <div class=\"hb-value\"><span id=\"hbEligRateValue\">8.50<\/span>%<\/div>\n                  <\/div>\n                  <input type=\"range\" class=\"hb-range gold\" id=\"hbEligRate\" min=\"6\" max=\"18\" step=\"0.05\" value=\"8.5\">\n                  <div class=\"hb-range-meta\">\n                    <span>Lower<\/span>\n                    <span>Higher<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-field\" style=\"margin-top:18px;\">\n                <div class=\"hb-label-row\">\n                  <div class=\"hb-label\">FOIR \/ EMI Capacity Assumption<\/div>\n                  <div class=\"hb-value\"><span id=\"hbFoirValue\">50<\/span>%<\/div>\n                <\/div>\n                <input type=\"range\" class=\"hb-range gold\" id=\"hbFoir\" min=\"35\" max=\"70\" step=\"1\" value=\"50\">\n                <div class=\"hb-range-meta\">\n                  <span>Conservative<\/span>\n                  <span>Aggressive<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-footnote\">\n                FOIR means the share of monthly income that can safely go toward total EMIs. Lenders often vary this by income, profile, occupation, city and credit quality.\n              <\/div>\n            <\/div>\n\n            <div class=\"hb-result-card\">\n              <div class=\"hb-result-head\" style=\"background:linear-gradient(180deg, rgba(235,184,59,.10), rgba(235,184,59,.03));\">\n                <div class=\"hb-result-kicker\">Estimated Maximum Loan Eligibility<\/div>\n                <div class=\"hb-result-hero\">\u20b9 <span id=\"hbEligResult\">0<\/span><\/div>\n                <div class=\"hb-result-sub\" id=\"hbEligSub\">\n                  Based on monthly income, existing EMIs and selected FOIR assumption.\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-result-grid\">\n                <div class=\"hb-metric\">\n                  <div class=\"hb-metric-label\">Available EMI Capacity<\/div>\n                  <div class=\"hb-metric-value\">\u20b9 <span id=\"hbCapResult\">0<\/span><\/div>\n                <\/div>\n                <div class=\"hb-metric\">\n                  <div class=\"hb-metric-label\">Annual Income<\/div>\n                  <div class=\"hb-metric-value\">\u20b9 <span id=\"hbAnnualIncome\">0<\/span><\/div>\n                <\/div>\n                <div class=\"hb-metric\">\n                  <div class=\"hb-metric-label\">FOIR Used<\/div>\n                  <div class=\"hb-metric-value\"><span id=\"hbFoirUsed\">50<\/span>%<\/div>\n                <\/div>\n                <div class=\"hb-metric\">\n                  <div class=\"hb-metric-label\">Indicative EMI at Limit<\/div>\n                  <div class=\"hb-metric-value\">\u20b9 <span id=\"hbIndicativeEmi\">0<\/span><\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"hb-chart\">\n                <div class=\"hb-chart-head\">\n                  <h4>Income Utilisation View<\/h4>\n                  <div class=\"hb-block-mini\">Existing EMI vs available capacity<\/div>\n                <\/div>\n\n                <div class=\"hb-chart-line\">\n                  <div class=\"hb-chart-principal\" id=\"hbIncomeUsedBar\" style=\"width:0%\"><\/div>\n                  <div class=\"hb-chart-interest\" id=\"hbIncomeFreeBar\" style=\"width:100%\"><\/div>\n                <\/div>\n\n                <div class=\"hb-legend\">\n                  <span><i style=\"background:var(--accent)\"><\/i>Used \/ committed EMI<\/span>\n                  <span><i style=\"background:#2e2d2f\"><\/i>Available for new loan EMI<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hb-footnote\" style=\"margin-top:14px;\">\n          Loan presets only adjust ranges and default assumptions for easier use. Final lender calculations may also include age, employer profile, bureau score, LTV, down payment, property profile, insurance or internal underwriting filters.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const fmt = (n) => new Intl.NumberFormat('en-IN').format(Math.round(n || 0));\n      const clamp = (n, min, max) => Math.max(min, Math.min(max, n));\n\n      const tabs = document.querySelectorAll('.hb-tab');\n      const panes = document.querySelectorAll('.hb-pane');\n\n      tabs.forEach(btn => {\n        btn.addEventListener('click', function(){\n          tabs.forEach(b => b.classList.remove('is-active'));\n          panes.forEach(p => p.classList.remove('is-visible'));\n          btn.classList.add('is-active');\n          document.getElementById('hb-pane-' + btn.dataset.tab).classList.add('is-visible');\n        });\n      });\n\n      const presets = {\n        home: {\n          label: 'Home loan range',\n          amount: { min: 500000, max: 50000000, step: 50000, value: 5000000, minText:'\\u20b9 5 Lakh', maxText:'\\u20b9 5 Cr' },\n          rate:   { min: 6, max: 12, step: 0.05, value: 8.5 },\n          tenure: { min: 1, max: 30, step: 1, value: 20 },\n          fee:    { value: 1.0 }\n        },\n        lap: {\n          label: 'Loan against property range',\n          amount: { min: 500000, max: 100000000, step: 50000, value: 10000000, minText:'\\u20b9 5 Lakh', maxText:'\\u20b9 10 Cr' },\n          rate:   { min: 8, max: 16, step: 0.05, value: 10.5 },\n          tenure: { min: 1, max: 20, step: 1, value: 15 },\n          fee:    { value: 1.0 }\n        },\n        personal: {\n          label: 'Personal loan range',\n          amount: { min: 50000, max: 4000000, step: 10000, value: 700000, minText:'\\u20b9 50k', maxText:'\\u20b9 40L' },\n          rate:   { min: 9, max: 24, step: 0.05, value: 13.5 },\n          tenure: { min: 1, max: 7, step: 1, value: 5 },\n          fee:    { value: 2.0 }\n        }\n      };\n\n      const typeLabel = {\n        home: 'home',\n        lap: 'loan against property',\n        personal: 'personal'\n      };\n\n      const typeButtons = document.querySelectorAll('.hb-type-chip');\n      const amount = document.getElementById('hbAmount');\n      const rate = document.getElementById('hbRate');\n      const tenure = document.getElementById('hbTenure');\n      const fee = document.getElementById('hbFee');\n      const extra = document.getElementById('hbExtra');\n      const includeFee = document.getElementById('hbIncludeFee');\n      const showYearly = document.getElementById('hbShowYearly');\n\n      let currentType = 'home';\n\n      function paintRange(el, color){\n        const min = parseFloat(el.min), max = parseFloat(el.max), val = parseFloat(el.value);\n        const pct = ((val - min) \/ (max - min)) * 100;\n        el.style.background = 'linear-gradient(to right, ' + color + ' 0%, ' + color + ' ' + pct + '%, rgba(255,255,255,.12) ' + pct + '%, rgba(255,255,255,.12) 100%)';\n      }\n\n      function applyPreset(type){\n        currentType = type;\n        const p = presets[type];\n\n        amount.min = p.amount.min;\n        amount.max = p.amount.max;\n        amount.step = p.amount.step;\n        amount.value = p.amount.value;\n\n        rate.min = p.rate.min;\n        rate.max = p.rate.max;\n        rate.step = p.rate.step;\n        rate.value = p.rate.value;\n\n        tenure.min = p.tenure.min;\n        tenure.max = p.tenure.max;\n        tenure.step = p.tenure.step;\n        tenure.value = p.tenure.value;\n\n        fee.value = p.fee.value;\n\n        document.getElementById('hbLoanRangeHint').textContent = p.label;\n        document.getElementById('hbAmtMin').textContent = p.amount.minText;\n        document.getElementById('hbAmtMax').textContent = p.amount.maxText;\n\n        typeButtons.forEach(b => b.classList.toggle('active', b.dataset.type === type));\n        calculateEMI();\n      }\n\n      typeButtons.forEach(btn => {\n        btn.addEventListener('click', () => applyPreset(btn.dataset.type));\n      });\n\n      function calcMonthlyEmi(P, annualRate, years){\n        const r = annualRate \/ 12 \/ 100;\n        const n = years * 12;\n        if(r === 0) return P \/ n;\n        return (P * r * Math.pow(1 + r, n)) \/ (Math.pow(1 + r, n) - 1);\n      }\n\n      function generateSchedule(P, annualRate, years, extraPay){\n        const r = annualRate \/ 12 \/ 100;\n        const emi = calcMonthlyEmi(P, annualRate, years);\n        let balance = P;\n        let month = 0;\n        let totalInterest = 0;\n        const maxLoops = 1000;\n\n        while(balance > 0.5 && month < maxLoops){\n          month++;\n          const interest = balance * r;\n          let principal = emi - interest;\n          let thisExtra = extraPay;\n\n          if(principal < 0) principal = 0;\n          if(principal + thisExtra > balance){\n            thisExtra = Math.max(0, balance - principal);\n          }\n\n          balance = balance - principal - thisExtra;\n          if(balance < 0) balance = 0;\n\n          totalInterest += interest;\n\n          if(month > years * 12 + 600) break;\n        }\n\n        return {\n          emi,\n          months: month,\n          totalInterest,\n          totalPaid: (emi * month) + (extraPay * month)\n        };\n      }\n\n      function calculateEMI(){\n        const P = parseFloat(amount.value);\n        const annualRate = parseFloat(rate.value);\n        const years = parseFloat(tenure.value);\n        const feePct = parseFloat(fee.value);\n        const extraPay = parseFloat(extra.value);\n\n        document.getElementById('hbAmountValue').textContent = fmt(P);\n        document.getElementById('hbRateValue').textContent = annualRate.toFixed(2);\n        document.getElementById('hbTenureValue').textContent = years;\n        document.getElementById('hbFeeValue').textContent = feePct.toFixed(2);\n        document.getElementById('hbExtraValue').textContent = fmt(extraPay);\n\n        paintRange(amount, '#38bdf8');\n        paintRange(rate, '#38bdf8');\n        paintRange(tenure, '#38bdf8');\n        paintRange(fee, '#38bdf8');\n        paintRange(extra, '#38bdf8');\n\n        const base = generateSchedule(P, annualRate, years, 0);\n        const withExtra = generateSchedule(P, annualRate, years, extraPay);\n\n        const feeAmt = P * feePct \/ 100;\n        const totalRepayment = withExtra.totalPaid;\n        const totalOutflow = includeFee.checked ? totalRepayment + feeAmt : totalRepayment;\n        const principalPct = (P \/ totalRepayment) * 100;\n        const interestPct = 100 - principalPct;\n        const saved = Math.max(0, base.totalInterest - withExtra.totalInterest);\n\n        document.getElementById('hbEMIResult').textContent = fmt(withExtra.emi);\n        document.getElementById('hbInterestResult').textContent = fmt(withExtra.totalInterest);\n        document.getElementById('hbTotalResult').textContent = fmt(totalRepayment);\n        document.getElementById('hbFeeResult').textContent = fmt(feeAmt);\n        document.getElementById('hbOutflowResult').textContent = fmt(totalOutflow);\n\n        document.getElementById('hbLegendPrincipal').textContent = fmt(P);\n        document.getElementById('hbLegendInterest').textContent = fmt(withExtra.totalInterest);\n        document.getElementById('hbPrincipalBar').style.width = principalPct.toFixed(2) + '%';\n        document.getElementById('hbInterestBar').style.width = interestPct.toFixed(2) + '%';\n\n        document.getElementById('hbClosureValue').textContent = withExtra.months + ' months';\n        document.getElementById('hbSavedValue').textContent = '\u20b9 ' + fmt(saved);\n\n        let resultSub = 'For a ' + (typeLabel[currentType] || currentType) + ' loan over ' + years + ' years at ' + annualRate.toFixed(2) + '% annual interest.';\n        if(showYearly.checked){\n          resultSub += ' Approx. tenure: ' + Math.ceil(withExtra.months \/ 12) + ' years.';\n        }\n        document.getElementById('hbResultSub').textContent = resultSub;\n\n        document.getElementById('hbSavingsLine').textContent = extraPay > 0\n          ? 'Prepayment saves about \u20b9 ' + fmt(saved)\n          : 'No prepayment savings applied';\n      }\n\n      [amount, rate, tenure, fee, extra].forEach(el => el.addEventListener('input', calculateEMI));\n      includeFee.addEventListener('change', calculateEMI);\n      showYearly.addEventListener('change', calculateEMI);\n\n      const income = document.getElementById('hbIncome');\n      const existing = document.getElementById('hbExisting');\n      const eligTenure = document.getElementById('hbEligTenure');\n      const eligRate = document.getElementById('hbEligRate');\n      const foir = document.getElementById('hbFoir');\n\n      function calculateEligibility(){\n        const monthlyIncome = parseFloat(income.value);\n        const existingEmi = parseFloat(existing.value);\n        const years = parseFloat(eligTenure.value);\n        const annualRate = parseFloat(eligRate.value);\n        const foirPct = parseFloat(foir.value);\n\n        document.getElementById('hbIncomeValue').textContent = fmt(monthlyIncome);\n        document.getElementById('hbExistingValue').textContent = fmt(existingEmi);\n        document.getElementById('hbEligTenureValue').textContent = years;\n        document.getElementById('hbEligRateValue').textContent = annualRate.toFixed(2);\n        document.getElementById('hbFoirValue').textContent = foirPct;\n        document.getElementById('hbFoirUsed').textContent = foirPct;\n\n        [income, existing, eligTenure, eligRate, foir].forEach(el => paintRange(el, '#38bdf8'));\n\n        const allowedEmi = Math.max(0, (monthlyIncome * foirPct \/ 100) - existingEmi);\n        const r = annualRate \/ 12 \/ 100;\n        const n = years * 12;\n\n        let maxLoan = 0;\n        if(allowedEmi > 0){\n          if(r === 0){\n            maxLoan = allowedEmi * n;\n          } else {\n            maxLoan = allowedEmi * ((Math.pow(1+r, n) - 1) \/ (r * Math.pow(1+r, n)));\n          }\n        }\n\n        const annualIncome = monthlyIncome * 12;\n        const usedPct = clamp((existingEmi \/ Math.max(1, monthlyIncome * foirPct \/ 100)) * 100, 0, 100);\n        const freePct = 100 - usedPct;\n\n        document.getElementById('hbEligResult').textContent = fmt(maxLoan);\n        document.getElementById('hbCapResult').textContent = fmt(allowedEmi);\n        document.getElementById('hbAnnualIncome').textContent = fmt(annualIncome);\n        document.getElementById('hbIndicativeEmi').textContent = fmt(allowedEmi);\n\n        document.getElementById('hbIncomeUsedBar').style.width = usedPct + '%';\n        document.getElementById('hbIncomeFreeBar').style.width = freePct + '%';\n\n        document.getElementById('hbEligSub').textContent =\n          'With \u20b9 ' + fmt(monthlyIncome) + ' monthly income, ' + foirPct + '% FOIR and ' + years + '-year tenure at ' + annualRate.toFixed(2) + '%.';\n      }\n\n      [income, existing, eligTenure, eligRate, foir].forEach(el => el.addEventListener('input', calculateEligibility));\n\n      applyPreset('home');\n      calculateEligibility();\n    })();\n  <\/script>\n\n  <div class=\"hb-emi-cta\">\n    <p><b>An estimate is not an offer.<\/b> Send us the same numbers and we will come back with what the\n    lenders on our panel will actually sanction for your profile.<\/p>\n    <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hc-cta\"><span>Get My Real Numbers<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45be69de e-con-full e-flex e-con e-parent\" data-id=\"45be69de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3395617f elementor-widget elementor-widget-html\" data-id=\"3395617f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hc-why\" id=\"why-homiz\" aria-label=\"Why choose The Homiz Capital\">\n<style>\n\n    .hc-btn{\n      display:inline-flex; align-items:center; gap:9px;\n      padding:15px 26px; border-radius:999px;\n      font:600 15px\/1 var(--hc-sans); letter-spacing:.01em;\n      text-decoration:none; cursor:pointer; border:0;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n    .hc-btn svg{ width:17px; height:17px; fill:currentColor; flex:none; }\n    \/* The theme paints `a:hover{color:#336}`, which repainted every CTA label\n       a dark blue-purple on hover \u2014 on a navy fill that read as 1.2:1. Every\n       state below therefore states its own colour explicitly. *\/\n    .hc-btn-gold,\n    .hc-btn-gold:link,\n    .hc-btn-gold:visited{\n      background:var(--hc-cta); color:#ffffff;\n      box-shadow:0 10px 26px rgba(15,23,42,.22);\n    }\n    .hc-btn-gold:hover,\n    .hc-btn-gold:focus,\n    .hc-btn-gold:active{\n      background:#1d4ed8; color:#ffffff;\n      transform:translateY(-2px);\n      box-shadow:0 16px 34px rgba(29,78,216,.34);\n    }\n    .hc-btn-gold:focus{ transform:none; }\n    .hc-btn-gold:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-btn-ghost,\n    .hc-btn-ghost:link,\n    .hc-btn-ghost:visited{\n      background:transparent; color:var(--hc-ink);\n      box-shadow:inset 0 0 0 1.5px #cbd5e1;\n    }\n    .hc-btn-ghost:hover,\n    .hc-btn-ghost:active{\n      background:#e2e8f0; color:var(--hc-ink); transform:translateY(-2px);\n      box-shadow:inset 0 0 0 1.5px #94a3b8;\n    }\n    .hc-btn-ghost:focus{ background:transparent; color:var(--hc-ink); }\n    .hc-btn-ghost:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n\n    .hc-kick{\n      display:inline-flex; align-items:center; gap:9px;\n      font:700 11.5px\/1 var(--hc-sans); letter-spacing:.17em; text-transform:uppercase;\n      color:var(--hc-gold-ink); margin:0 0 16px;\n    }\n    .hc-kick::before{ content:\"\"; width:26px; height:2px; border-radius:2px; background:var(--hc-grad); }\n    .hc-h2{\n      margin:0 0 14px; color:var(--hc-ink);\n      font:600 clamp(28px,3.4vw,44px)\/1.14 var(--hc-sans); letter-spacing:-.025em;\n    }\n    .hc-h2 em{ font-style:normal; color:var(--hc-gold-ink); }\n    .hc-lead{\n      margin:0; color:var(--hc-ink-3);\n      font:400 clamp(15px,1.25vw,17px)\/1.65 var(--hc-sans); max-width:62ch;\n    }\n\n    .hc-why,.hc-why *{ box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n    .hc-why{ font-family:var(--hc-sans); }\n\n  .hc-why{\n    width:100vw; max-width:100vw; position:relative;\n    left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\n    background:linear-gradient(180deg,var(--hc-cream-2) 0%, var(--hc-cream) 100%);\n    color:var(--hc-ink); padding:clamp(40px,4.2vw,64px) 20px; overflow:hidden;\n    scroll-margin-top:110px;\n  }\n  .hc-why-wrap{ max-width:1180px; margin:0 auto; position:relative; z-index:2; }\n  .hc-why-head{ max-width:700px; margin:0 0 clamp(20px,2.4vw,30px); }\n\n  .hc-bento{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }\n  .hc-bento-t{\n    padding:26px 22px; border-radius:20px; background:#fff;\n    box-shadow:inset 0 0 0 1px var(--hc-line-2);\n    transition:transform .22s ease, box-shadow .22s ease;\n  }\n  .hc-bento-t.wide{ grid-column:span 2; }\n  .hc-bento-t:hover{ transform:translateY(-4px); box-shadow:var(--hc-shadow), inset 0 0 0 1px rgba(37,99,235,.3); }\n  .hc-bento-ico{\n    width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center;\n    background:linear-gradient(135deg,#2563eb,#9333ea);\n    box-shadow:0 8px 18px rgba(37,99,235,.28); margin:0 0 16px;\n  }\n  .hc-bento-ico svg{ width:22px; height:22px; fill:#ffffff; }\n  .hc-bento-t h3{ margin:0 0 7px; font:600 17px\/1.28 var(--hc-sans); color:var(--hc-ink); letter-spacing:-.018em; }\n  .hc-bento-t p{ margin:0; font:400 14px\/1.58 var(--hc-sans); color:var(--hc-ink-3); }\n\n  @media (max-width:1000px){ .hc-bento{ grid-template-columns:repeat(2,minmax(0,1fr)); } }\n  @media (max-width:600px){\n    .hc-bento{ grid-template-columns:1fr; }\n    .hc-bento-t.wide{ grid-column:span 1; }\n  }\n\n  \/* ---- the advantage rail -----------------------------------------\n     Every tile is on screen at once, riding one track. The track steps by\n     exactly one tile, then holds ~1s so that tile reads, then steps again.\n     JS adds .is-rail, so with no JS (or reduced motion) the grid above is\n     what renders and nothing is ever hidden. *\/\n  .hc-bento.is-rail{\n    display:block; position:relative; overflow:hidden;\n    padding:4px 0 6px;\n    -webkit-mask-image:linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);\n    mask-image:linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);\n  }\n  .hc-bento-track{\n    display:flex; align-items:stretch; gap:16px;\n    will-change:transform;\n  }\n  .hc-bento.is-rail .hc-bento-t{\n    flex:0 0 calc((100% - 32px) \/ 3);\n    grid-column:auto !important;\n    display:flex; flex-direction:row; align-items:center; gap:16px;\n    padding:22px 22px;\n    min-height:132px;\n  }\n  .hc-bento.is-rail .hc-bento-t::after{\n    content:attr(data-n);\n    margin-left:auto; flex:none;\n    font:700 34px\/1 var(--hc-sans); letter-spacing:-.04em;\n    background:linear-gradient(160deg, rgba(37,99,235,.26), rgba(147,51,234,.14));\n    -webkit-background-clip:text; background-clip:text; color:transparent;\n    user-select:none;\n  }\n  .hc-bento.is-rail .hc-bento-ico{ margin:0; flex:none; width:46px; height:46px; border-radius:14px; }\n  .hc-bento.is-rail .hc-bento-ico svg{ width:22px; height:22px; }\n  .hc-bento.is-rail .hc-bento-txt{ flex:1 1 auto; min-width:0; }\n  .hc-bento.is-rail .hc-bento-t h3{ font-size:16.5px; margin:0 0 5px; }\n  .hc-bento.is-rail .hc-bento-t p{ font-size:13.5px; margin:0; }\n\n  @media (max-width:1000px){\n    .hc-bento.is-rail .hc-bento-t{ flex:0 0 calc((100% - 16px) \/ 2); }\n  }\n  @media (max-width:640px){\n    .hc-bento.is-rail .hc-bento-t{ flex:0 0 100%; }\n  }\n\n  .hc-bento-rail{ display:flex; gap:7px; justify-content:center; margin-top:14px; }\n  .hc-bento-pip{\n    width:24px; height:4px; border-radius:999px; border:0; padding:0; cursor:pointer;\n    background:rgba(15,23,42,.14); transition:background .3s ease, width .3s ease;\n  }\n  .hc-bento-pip:focus{ background:rgba(15,23,42,.14); }\n  .hc-bento-pip.is-on{ background:var(--hc-grad); width:34px; }\n  .hc-bento-pip.is-on:focus{ background:var(--hc-grad); }\n  .hc-bento-pip:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n<\/style>\n\n  <div class=\"hc-why-wrap\">\n    <div class=\"hc-why-head\">\n      <p class=\"hc-kick\">The Homiz advantage<\/p>\n      <h2 class=\"hc-h2\">Why borrowers stay <em>with us<\/em>.<\/h2>\n      <p class=\"hc-lead\">Scale where it helps you, and a single named advisor where scale would get in the way.<\/p>\n    <\/div>\n    <div class=\"hc-bento\" id=\"hcBento\">\n        <article class=\"hc-bento-t wide\" data-n=\"01\">\n          <div class=\"hc-bento-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 20h3v-8H5Zm5.5 0h3V4h-3Zm5.5 0h3v-12h-3Z\"\/><\/svg><\/div>\n          <div class=\"hc-bento-txt\">\n            <h3>India's #1 Distributor<\/h3>\n            <p>Scale that gets your file taken seriously.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"hc-bento-t \" data-n=\"02\">\n          <div class=\"hc-bento-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2 4 6v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V6Zm0 4.2 1.5 3.1 3.4.5-2.5 2.4.6 3.4-3-1.6-3 1.6.6-3.4L7.1 9.8l3.4-.5Z\"\/><\/svg><\/div>\n          <div class=\"hc-bento-txt\">\n            <h3>25 Years of Legacy<\/h3>\n            <p>A quarter century of lending relationships.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"hc-bento-t \" data-n=\"03\">\n          <div class=\"hc-bento-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7Zm0 9.5A2.5 2.5 0 1 1 14.5 9 2.5 2.5 0 0 1 12 11.5Z\"\/><\/svg><\/div>\n          <div class=\"hc-bento-txt\">\n            <h3>Pan India Presence<\/h3>\n            <p>150+ cities, 587+ branches to walk into.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"hc-bento-t wide\" data-n=\"04\">\n          <div class=\"hc-bento-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a5 5 0 1 0 5 5 5 5 0 0 0-5-5Zm0 12c-4 0-8 2-8 5v3h16v-3c0-3-4-5-8-5Z\"\/><\/svg><\/div>\n          <div class=\"hc-bento-txt\">\n            <h3>One Advisor, End to End<\/h3>\n            <p>The person who takes your call on day one closes your file.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"hc-bento-t wide\" data-n=\"05\">\n          <div class=\"hc-bento-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 10 12 4l9 6v2H3Zm2 4h2v6H5Zm5 0h2v6h-2Zm5 0h2v6h-2ZM3 21h18v1H3Z\"\/><\/svg><\/div>\n          <div class=\"hc-bento-txt\">\n            <h3>Top-Tier Lender Panel<\/h3>\n            <p>Banks and NBFCs compared side by side.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"hc-bento-t \" data-n=\"06\">\n          <div class=\"hc-bento-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 15h-2v-2h2Zm0-4h-2V7h2Z\"\/><\/svg><\/div>\n          <div class=\"hc-bento-txt\">\n            <h3>Free CIBIL Check<\/h3>\n            <p>Know your score before a lender pulls it.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"hc-bento-t wide\" data-n=\"07\">\n          <div class=\"hc-bento-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 1 3 5v6c0 5 3.8 9.7 9 11 5.2-1.3 9-6 9-11V5Zm1 15h-2v-2h2Zm0-4h-2V7h2Z\"\/><\/svg><\/div>\n          <div class=\"hc-bento-txt\">\n            <h3>Transparent, Upfront Costs<\/h3>\n            <p>Rate, processing fee and charges stated before you commit.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"hc-bento-t \" data-n=\"08\">\n          <div class=\"hc-bento-ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm0 4v3h10V6Zm0 5v2h2v-2Zm4 0v2h2v-2Zm4 0v2h2v-2Zm-8 4v2h2v-2Zm4 0v2h2v-2Zm4 0v2h2v-2Z\"\/><\/svg><\/div>\n          <div class=\"hc-bento-txt\">\n            <h3>EMI Calculator<\/h3>\n            <p>Model the EMI, the interest and the closure date yourself.<\/p>\n          <\/div>\n        <\/article><\/div>\n    <div class=\"hc-bento-rail\" id=\"hcBentoRail\" aria-hidden=\"true\"><\/div>\n  <\/div>\n\n<script>\n(function(){\n  var bento = document.getElementById('hcBento');\n  var rail  = document.getElementById('hcBentoRail');\n  if(!bento || !rail) return;\n\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if(reduce) return;   \/* leave the plain grid in place *\/\n\n  var tiles = [].slice.call(bento.querySelectorAll('.hc-bento-t'));\n  var N = tiles.length;\n  if(N < 3) return;\n\n  \/* Wrap the tiles in a track and duplicate the set, so stepping can run in\n     one direction forever and snap back invisibly at the seam. *\/\n  var track = document.createElement('div');\n  track.className = 'hc-bento-track';\n  bento.appendChild(track);\n  tiles.forEach(function(t){ track.appendChild(t); });\n  tiles.forEach(function(t){\n    var c = t.cloneNode(true);\n    c.setAttribute('aria-hidden', 'true');\n    track.appendChild(c);\n  });\n  bento.classList.add('is-rail');\n\n  var pips = tiles.map(function(_, i){\n    var b = document.createElement('button');\n    b.type = 'button';\n    b.className = 'hc-bento-pip';\n    b.setAttribute('aria-label', 'Show advantage ' + (i + 1));\n    rail.appendChild(b);\n    return b;\n  });\n  rail.removeAttribute('aria-hidden');\n\n  var MOVE = 700;    \/* the glide between positions *\/\n  var HOLD = 1000;   \/* the ~1s each tile holds before the next step *\/\n  var i = N;         \/* start inside the second set so we can travel left *\/\n  var timer = null, paused = false;\n\n  function step(){ return tiles[0].getBoundingClientRect().width + 16; }\n\n  function place(animate){\n    track.style.transition = animate ? 'transform ' + MOVE + 'ms cubic-bezier(.22,.61,.36,1)' : 'none';\n    track.style.transform = 'translateX(' + (-i * step()) + 'px)';\n    var n = ((i % N) + N) % N;\n    pips.forEach(function(p, k){ p.classList.toggle('is-on', k === n); });\n  }\n\n  function tick(){\n    if(paused) return;\n    i -= 1;                      \/* tiles travel to the right *\/\n    place(true);\n    if(i <= 0){\n      \/* jump back to the identical position one set along, no animation *\/\n      setTimeout(function(){ i = N; place(false); }, MOVE + 20);\n    }\n    timer = setTimeout(tick, MOVE + HOLD);\n  }\n  function start(){ clearTimeout(timer); timer = setTimeout(tick, HOLD); }\n  function stop(){ clearTimeout(timer); timer = null; }\n\n  pips.forEach(function(p, n){\n    p.addEventListener('click', function(){\n      stop(); i = N + n; place(true); paused = false; start();\n    });\n  });\n  bento.addEventListener('mouseenter', function(){ paused = true; stop(); });\n  bento.addEventListener('mouseleave', function(){ paused = false; start(); });\n  window.addEventListener('resize', function(){ place(false); });\n\n  place(false);\n  if('IntersectionObserver' in window){\n    new IntersectionObserver(function(en){\n      if(en[0].isIntersecting){ paused = false; start(); } else { paused = true; stop(); }\n    }, {threshold:.2}).observe(bento);\n  } else { start(); }\n})();\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b3ba3a3 e-con-full e-flex e-con e-parent\" data-id=\"2b3ba3a3\" data-element_type=\"container\" data-e-type=\"container\" id=\"lending-partners\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15e85f8f elementor-widget elementor-widget-html\" data-id=\"15e85f8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hz-part-section\" id=\"hzPartners\" aria-label=\"Lending partners and home loan rates\">\n<style>\n\n    .hc-btn{\n      display:inline-flex; align-items:center; gap:9px;\n      padding:15px 26px; border-radius:999px;\n      font:600 15px\/1 var(--hc-sans); letter-spacing:.01em;\n      text-decoration:none; cursor:pointer; border:0;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n    .hc-btn svg{ width:17px; height:17px; fill:currentColor; flex:none; }\n    \/* The theme paints `a:hover{color:#336}`, which repainted every CTA label\n       a dark blue-purple on hover \u2014 on a navy fill that read as 1.2:1. Every\n       state below therefore states its own colour explicitly. *\/\n    .hc-btn-gold,\n    .hc-btn-gold:link,\n    .hc-btn-gold:visited{\n      background:var(--hc-cta); color:#ffffff;\n      box-shadow:0 10px 26px rgba(15,23,42,.22);\n    }\n    .hc-btn-gold:hover,\n    .hc-btn-gold:focus,\n    .hc-btn-gold:active{\n      background:#1d4ed8; color:#ffffff;\n      transform:translateY(-2px);\n      box-shadow:0 16px 34px rgba(29,78,216,.34);\n    }\n    .hc-btn-gold:focus{ transform:none; }\n    .hc-btn-gold:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-btn-ghost,\n    .hc-btn-ghost:link,\n    .hc-btn-ghost:visited{\n      background:transparent; color:var(--hc-ink);\n      box-shadow:inset 0 0 0 1.5px #cbd5e1;\n    }\n    .hc-btn-ghost:hover,\n    .hc-btn-ghost:active{\n      background:#e2e8f0; color:var(--hc-ink); transform:translateY(-2px);\n      box-shadow:inset 0 0 0 1.5px #94a3b8;\n    }\n    .hc-btn-ghost:focus{ background:transparent; color:var(--hc-ink); }\n    .hc-btn-ghost:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hz-part-section,.hz-part-section *{ box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n    .hz-part-section{ font-family:var(--hc-sans); }\n\n  .hz-part-section{\n    width:100vw; max-width:100vw; position:relative;\n    left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\n    background-color:#ffffff; color:#0f172a;\n    padding:80px 0; overflow:hidden; scroll-margin-top:110px;\n  }\n  .hz-part-container{ max-width:1200px; margin:0 auto; padding:0 20px; }\n\n  \/* ---- header (the earlier slate treatment) ---- *\/\n  .hz-part-header{ text-align:center; margin-bottom:44px; }\n  .hz-part-title{ font-size:32px; font-weight:800; color:#0f172a; margin:0 0 10px; letter-spacing:-.02em; }\n  .hz-part-subtitle{ font-size:16px; color:#64748b; margin:0; }\n\n  \/* ---- logo marquee ---- *\/\n  .hz-marquee-wrapper{\n    position:relative; width:100%; overflow:hidden; padding:18px 0;\n    -webkit-mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n    mask-image:linear-gradient(to right, transparent, black 10%, black 90%, transparent);\n  }\n  .hz-marquee-track{ display:flex; width:max-content; gap:60px; animation:hzScroll 42s linear infinite; }\n  .hz-marquee-wrapper:hover .hz-marquee-track{ animation-play-state:paused; }\n  .hz-logo-slide{ display:flex; align-items:center; justify-content:center; width:180px; height:80px; }\n  \/* Logos ride the marquee in their own colours; hover simply enlarges. *\/\n  .hz-partner-logo{\n    max-width:100%; max-height:100%; object-fit:contain;\n    transition:transform .3s cubic-bezier(.22,.61,.36,1), filter .3s ease;\n  }\n  .hz-text-logo{\n    font-size:20px; font-weight:800; color:#0f172a; white-space:nowrap;\n    transition:transform .3s cubic-bezier(.22,.61,.36,1);\n  }\n  .hz-logo-slide:hover .hz-partner-logo{\n    transform:scale(1.22);\n    filter:drop-shadow(0 8px 16px rgba(15,23,42,.18));\n  }\n  .hz-logo-slide:hover .hz-text-logo{ transform:scale(1.22); }\n  @keyframes hzScroll{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } }\n\n  \/* ---- rate cards, in the same white style ---- *\/\n  .hz-rates-head{ text-align:center; margin:56px 0 30px; }\n  .hz-rates-head h3{ font-size:26px; font-weight:800; color:#0f172a; margin:0 0 8px; letter-spacing:-.02em; }\n  .hz-rates-head p{ font-size:15px; color:#64748b; margin:0; }\n\n  .hz-bank-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }\n  .hz-bank{\n    display:flex; flex-direction:column; position:relative; overflow:hidden;\n    padding:22px 20px 20px; border-radius:16px;\n    background:#ffffff; border:1px solid #e2e8f0;\n    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;\n  }\n  .hz-bank:hover{\n    transform:translateY(-5px); border-color:rgba(59,130,246,.45);\n    box-shadow:0 20px 46px rgba(15,23,42,.10);\n  }\n  \/* the four with real figures get the gold hairline *\/\n  .hz-bank.has-rates::before{\n    content:\"\"; position:absolute; left:0; right:0; top:0; height:3px; background:var(--hc-grad);\n  }\n\n  .hz-bank-top{ display:flex; align-items:center; gap:13px; margin:0 0 16px; }\n  .hz-bank-mark{\n    width:66px; height:66px; flex:none; border-radius:13px; padding:4px;\n    display:flex; align-items:center; justify-content:center;\n    background:#f8fafc; border:1px solid #e2e8f0;\n  }\n  .hz-bank-mark img{ max-width:100%; max-height:100%; object-fit:contain; display:block; }\n  .hz-bank-word{ font-size:11.5px; font-weight:800; color:#64748b; text-align:center; line-height:1.15; }\n  .hz-bank-n{ margin:0 0 3px; font-size:15.5px; font-weight:700; color:#0f172a; letter-spacing:-.015em; }\n  .hz-bank-best{ margin:0; font-size:12.5px; font-weight:600; color:#64748b;\n    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n\n  .hz-bank-specs{ margin:0 0 18px; padding:0; }\n  .hz-bank-row{\n    display:flex; align-items:baseline; justify-content:space-between; gap:10px;\n    padding:10px 0; border-bottom:1px dashed #e2e8f0;\n  }\n  .hz-bank-row:last-child{ border-bottom:0; }\n  .hz-bank-row dt{ margin:0; font-size:12.5px; font-weight:500; color:#64748b; }\n  .hz-bank-row dd{ margin:0; font-size:13.5px; font-weight:700; color:#0f172a; text-align:right; }\n  \/* the interest band is what people scan for *\/\n  .hz-bank-row--hero dd{ font-size:16px; color:var(--hc-gold-ink); letter-spacing:-.01em; }\n  .hz-na{ color:#94a3b8; font-weight:500; font-style:italic; }\n\n  .hz-bank-act{ margin-top:auto; display:flex; align-items:center; gap:9px; }\n  .hz-bank-btn{ flex:1; justify-content:center; padding:12px 14px; font-size:13.5px; }\n  .hz-bank-btn svg{ display:none; }\n\n  \/* CTA colour runs in blocks of four, matching the desktop rows. Every\n     pairing keeps a white label above 5.4:1, hover included. *\/\n  .hz-bank--a .hz-bank-btn{ background:#0f172a; color:#fff; box-shadow:0 8px 20px rgba(15,23,42,.24); }\n  .hz-bank--a .hz-bank-btn:hover{ background:#1e293b; color:#fff; }\n  .hz-bank--a .hz-bank-btn:focus{ background:#0f172a; color:#fff; }\n  .hz-bank--b .hz-bank-btn{ background:#1e40af; color:#fff; box-shadow:0 8px 20px rgba(30,64,175,.28); }\n  .hz-bank--b .hz-bank-btn:hover{ background:#1e3a8a; color:#fff; }\n  .hz-bank--b .hz-bank-btn:focus{ background:#1e40af; color:#fff; }\n  .hz-bank--c .hz-bank-btn{ background:#0f766e; color:#fff; box-shadow:0 8px 20px rgba(15,118,110,.28); }\n  .hz-bank--c .hz-bank-btn:hover{ background:#115e59; color:#fff; }\n  .hz-bank--c .hz-bank-btn:focus{ background:#0f766e; color:#fff; }\n  .hz-bank .hz-bank-btn:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n  \/* and the card's top hairline follows its group *\/\n  .hz-bank--a.has-rates::before{ background:linear-gradient(90deg,#0f172a,#334155); }\n  .hz-bank--b.has-rates::before{ background:linear-gradient(90deg,#1e40af,#60a5fa); }\n  .hz-bank--c.has-rates::before{ background:linear-gradient(90deg,#0f766e,#2ce7b8); }\n  .hz-bank-link{\n    display:inline-flex; align-items:center; gap:3px; text-decoration:none; flex:none;\n    padding:12px 13px; border-radius:999px; font-size:13px; font-weight:600; color:#475569;\n    border:1px solid #e2e8f0; transition:background .18s ease, color .18s ease;\n  }\n  .hz-bank-link svg{ width:14px; height:14px; fill:currentColor; }\n  .hz-bank-link:hover,.hz-bank-link:active{ background:#e2e8f0; color:#0f172a; }\n\n  .hz-rates-note{\n    margin:26px 0 0; padding:15px 18px; border-radius:12px;\n    background:#f8fafc; border:1px solid #e2e8f0;\n    font-size:13px; line-height:1.65; color:#475569;\n  }\n  .hz-rates-note b{ color:#0f172a; font-weight:700; }\n\n  \/* ---- \"see all lenders\" on phones -------------------------------\n     Twelve cards is a long scroll on a phone, so only the first three show\n     until the visitor asks for the rest. JS sets .is-capped, so with no JS\n     every card is visible and nothing is hidden behind a dead button. *\/\n  .hz-bank-more{\n    display:none; width:fit-content; margin:16px auto 0; cursor:pointer;\n    align-items:center; justify-content:center; gap:6px;\n    padding:9px 16px; border-radius:999px;\n    border:1px solid rgba(59,130,246,.34);\n    background:#eff6ff; color:#1d4ed8;\n    font:600 12.5px\/1 var(--hc-sans);\n    box-shadow:0 4px 12px rgba(29,78,216,.10);\n  }\n  .hz-bank-more svg{ width:14px; height:14px; fill:currentColor; transition:transform .25s ease; }\n  .hz-bank-more:hover,.hz-bank-more:active{ background:#dbeafe; color:#1d4ed8; }\n  .hz-bank-more:focus{ background:#eff6ff; color:#1d4ed8; }\n  .hz-bank-more:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n  .hz-bank-more.is-open svg{ transform:rotate(180deg); }\n\n  \/* ---- the figures note folds away on phones ---------------------- *\/\n  .hz-rates-note summary{\n    display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none;\n    font:600 13.5px\/1.4 var(--hc-sans); color:#0f172a;\n  }\n  .hz-rates-note summary::-webkit-details-marker{ display:none; }\n  .hz-rates-note summary svg{\n    width:16px; height:16px; fill:#64748b; margin-left:auto; flex:none;\n    transition:transform .25s ease;\n  }\n  .hz-rates-note[open] summary svg{ transform:rotate(180deg); }\n  .hz-rates-note summary:focus-visible{ outline:3px solid rgba(59,130,246,.55); outline-offset:3px; border-radius:8px; }\n  .hz-rates-note-body{ padding-top:10px; }\n  .hz-rates-note-body p{ margin:0; }\n\n  @media (max-width:1060px){ .hz-bank-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }\n  @media (max-width:767px){\n    .hz-bank-grid.is-capped .hz-bank{ display:none; }\n    .hz-bank-grid.is-capped .hz-bank[data-i=\"0\"],\n    .hz-bank-grid.is-capped .hz-bank[data-i=\"1\"],\n    .hz-bank-grid.is-capped .hz-bank[data-i=\"2\"]{ display:flex; }\n    .hz-bank-more{ display:flex; }\n    \/* on desktop the note is simply open, with no affordance *\/\n  }\n  @media (min-width:768px){\n    .hz-rates-note summary{ cursor:default; pointer-events:none; }\n    .hz-rates-note summary svg{ display:none; }\n  }\n  @media (max-width:768px){{\n    .hz-part-title{{ font-size:26px; }}\n    .hz-marquee-track{{ gap:40px; }}\n    .hz-logo-slide{{ width:140px; }}\n  }}\n  @media (max-width:560px){ .hz-bank-grid{ grid-template-columns:1fr; } }\n  @media (prefers-reduced-motion:reduce){ .hz-marquee-track{ animation:none; } }\n<\/style>\n\n  <div class=\"hz-part-container\">\n\n    <div class=\"hz-part-header\">\n      <h2 class=\"hz-part-title\">India's Top-Tier Lenders<\/h2>\n      <p class=\"hz-part-subtitle\">We are empanelled with the most trusted names in banking.<\/p>\n    <\/div>\n\n    <div class=\"hz-marquee-wrapper\">\n      <div class=\"hz-marquee-track\"><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-a-v2.png\" alt=\"HDFC Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-b-v2.png\" alt=\"ICICI Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/kotak-mahindra.png\" alt=\"Kotak Mahindra Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/bajaj-finserv-1.png\" alt=\"Bajaj Finserv\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/rbl-bank.png\" alt=\"RBL Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/piramal-finance.png\" alt=\"Piramal Finance\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/edelweiss-1.png\" alt=\"Edelweiss\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><div class=\"hz-text-logo\">SMFG India<\/div><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-c-v2.png\" alt=\"State Bank of India\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-d-v2.png\" alt=\"Punjab National Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-e-v2.png\" alt=\"Union Bank of India\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-f-v2.png\" alt=\"Central Bank of India\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-a-v2.png\" alt=\"HDFC Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-b-v2.png\" alt=\"ICICI Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/kotak-mahindra.png\" alt=\"Kotak Mahindra Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/bajaj-finserv-1.png\" alt=\"Bajaj Finserv\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/rbl-bank.png\" alt=\"RBL Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/piramal-finance.png\" alt=\"Piramal Finance\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/edelweiss-1.png\" alt=\"Edelweiss\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><div class=\"hz-text-logo\">SMFG India<\/div><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-c-v2.png\" alt=\"State Bank of India\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-d-v2.png\" alt=\"Punjab National Bank\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-e-v2.png\" alt=\"Union Bank of India\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><div class=\"hz-logo-slide\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-f-v2.png\" alt=\"Central Bank of India\" class=\"hz-partner-logo\" loading=\"lazy\" decoding=\"async\"><\/div><\/div>\n    <\/div>\n\n    <div class=\"hz-rates-head\">\n      <h3>Top banks for your home loan<\/h3>\n      <p>Compare interest rates from leading banks and NBFCs.<\/p>\n    <\/div>\n\n    <div class=\"hz-bank-grid\" id=\"hzBankGrid\">\n        <article class=\"hz-bank hz-bank--a has-rates\" data-i=\"0\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-c-v2.png\" alt=\"State Bank of India\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">State Bank of India<\/h3>\n              <p class=\"hz-bank-best\">Home loan \u00b7 Fresh purchase<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>7.25% \u2013 9.5%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>\u20b95 L \u2013 \u20b930 Cr<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9790 \u2013 \u20b9932<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>\u20b915,000 + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--a has-rates\" data-i=\"1\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-d-v2.png\" alt=\"Punjab National Bank\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">Punjab National Bank<\/h3>\n              <p class=\"hz-bank-best\">Home loan \u00b7 Fee waived<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>7.25% \u2013 9.35%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>\u20b95 L \u2013 \u20b930 Cr<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9790 \u2013 \u20b9922<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>Waived<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--a has-rates\" data-i=\"2\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-e-v2.png\" alt=\"Union Bank of India\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">Union Bank of India<\/h3>\n              <p class=\"hz-bank-best\">Home loan \u00b7 Salaried<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>7.1% \u2013 10.0%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>\u20b95 L \u2013 \u20b930 Cr<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9781 \u2013 \u20b9965<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>\u20b917,700 + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--a has-rates\" data-i=\"3\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-f-v2.png\" alt=\"Central Bank of India\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">Central Bank of India<\/h3>\n              <p class=\"hz-bank-best\">Home loan \u00b7 Long tenure<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>7.2% \u2013 8.7%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>\u20b95 L \u2013 \u20b930 Cr<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9787 \u2013 \u20b9881<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>0.5% + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--b has-rates\" data-i=\"4\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-a-v2.png\" alt=\"HDFC Bank\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">HDFC Bank<\/h3>\n              <p class=\"hz-bank-best\">Salaried \u00b7 Balance transfer<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>7.75% \u2013 13.2%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>As per eligibility<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9821 \u2013 \u20b91,186<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>0.5% + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--b has-rates\" data-i=\"5\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/lender-panel-b-v2.png\" alt=\"ICICI Bank\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">ICICI Bank<\/h3>\n              <p class=\"hz-bank-best\">Salaried \u00b7 Resale purchase<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>8.5% \u2013 9.8%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>As per eligibility<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9868 \u2013 \u20b9952<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>0.5% + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--b has-rates\" data-i=\"6\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/kotak-mahindra.png\" alt=\"Kotak Mahindra Bank\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">Kotak Mahindra Bank<\/h3>\n              <p class=\"hz-bank-best\">Home loan \u00b7 Top-up<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>7.6% \u2013 9.45%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>As per eligibility<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9812 \u2013 \u20b9929<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>0.5% + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--b has-rates\" data-i=\"7\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/bajaj-finserv-1.png\" alt=\"Bajaj Housing Finance\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">Bajaj Housing Finance<\/h3>\n              <p class=\"hz-bank-best\">Home loan \u00b7 Self-employed<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>7.49% \u2013 17.0%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>As per eligibility<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9805 \u2013 \u20b91,467<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>1% + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--c has-rates\" data-i=\"8\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/rbl-bank.png\" alt=\"RBL Bank\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">RBL Bank<\/h3>\n              <p class=\"hz-bank-best\">Home loan \u00b7 Salaried<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>9.25% \u2013 11.5%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>As per eligibility<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9916 \u2013 \u20b91,066<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>1% + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--c has-rates\" data-i=\"9\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/piramal-finance.png\" alt=\"Piramal Finance\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">Piramal Finance<\/h3>\n              <p class=\"hz-bank-best\">Self-employed profiles<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>9.25% \u2013 13.0%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>As per eligibility<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9916 \u2013 \u20b91,172<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>1.5% + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--c has-rates\" data-i=\"10\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><img src=\"https:\/\/thehomizcapital.com\/wp-content\/uploads\/2026\/09\/edelweiss-1.png\" alt=\"SMFG India Credit\" loading=\"lazy\" decoding=\"async\"><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">SMFG India Credit<\/h3>\n              <p class=\"hz-bank-best\">Home loan \u00b7 Personal loan<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row hz-bank-row--hero\"><dt>Interest Rate<\/dt><dd>10.0% \u2013 11.0%<\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd>As per eligibility<\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd>\u20b9965 \u2013 \u20b91,032<\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd>3% + GST<\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article>\n        <article class=\"hz-bank hz-bank--c\" data-i=\"11\">\n          <div class=\"hz-bank-top\">\n            <div class=\"hz-bank-mark\"><span class=\"hz-bank-word\">Edelweiss<\/span><\/div>\n            <div>\n              <h3 class=\"hz-bank-n\">Edelweiss<\/h3>\n              <p class=\"hz-bank-best\">Loan against property<\/p>\n            <\/div>\n          <\/div>\n          <dl class=\"hz-bank-specs\"><div class=\"hz-bank-row\"><dt>Interest Rate<\/dt><dd><span class=\"hz-na\">On enquiry<\/span><\/dd><\/div><div class=\"hz-bank-row\"><dt>Loan Amount<\/dt><dd><span class=\"hz-na\">On enquiry<\/span><\/dd><\/div><div class=\"hz-bank-row\"><dt>EMI per Lakh<\/dt><dd><span class=\"hz-na\">On enquiry<\/span><\/dd><\/div><div class=\"hz-bank-row\"><dt>Processing Fee<\/dt><dd><span class=\"hz-na\">On enquiry<\/span><\/dd><\/div><\/dl>\n          <div class=\"hz-bank-act\">\n            <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hz-bank-btn hc-cta\"><span>Explore Offer<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n            <a class=\"hz-bank-link\" href=\"#loan-calculator\">EMI<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <\/div>\n        <\/article><\/div>\n\n    <button class=\"hz-bank-more\" id=\"hzBankMore\" type=\"button\" hidden>\n      <span>See all 12 lenders<\/span>\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 15.4 6.6 10 8 8.6l4 4 4-4L17.4 10z\"\/><\/svg>\n    <\/button>\n\n    <details class=\"hz-rates-note\" id=\"hzRatesNote\">\n      <summary><b>About these figures<\/b><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 15.4 6.6 10 8 8.6l4 4 4-4L17.4 10z\"\/><\/svg><\/summary>\n      <div class=\"hz-rates-note-body\"><p>Indicative floating rates for salaried borrowers, September 2026. PSU figures as published on ambak.com; HDFC, ICICI and Kotak from the lenders' own rate pages; the rest from public rate comparisons. EMI per lakh is computed over a 20-year tenure. Interest rates, loan amounts, EMI per lakh\n      and processing fees change frequently and differ by profile, credit score, property and\n      product \u2014 the rate you are offered is decided by the lender, not by this page. Lenders\n      shown as <i>On enquiry<\/i> are quoted on request.<\/p><\/div>\n    <\/details>\n\n  <\/div>\n\n<script>\n(function(){\n  var grid = document.getElementById('hzBankGrid');\n  var more = document.getElementById('hzBankMore');\n  var note = document.getElementById('hzRatesNote');\n  var mq   = window.matchMedia('(max-width:767px)');\n\n  \/* The cap and the button are applied by JS, so without JS every lender is\n     visible rather than hidden behind a control that cannot work. *\/\n  function sync(){\n    if(!grid || !more) return;\n    if(mq.matches){\n      more.hidden = false;\n      if(!more.dataset.touched) grid.classList.add('is-capped');\n    } else {\n      more.hidden = true;\n      grid.classList.remove('is-capped');\n    }\n    \/* the note reads as a plain paragraph on desktop, folded on phones *\/\n    if(note) note.open = !mq.matches;\n  }\n\n  if(more){\n    more.addEventListener('click', function(){\n      more.dataset.touched = '1';\n      var capped = grid.classList.toggle('is-capped');\n      more.classList.toggle('is-open', !capped);\n      more.querySelector('span').textContent =\n        capped ? 'See all ' + grid.children.length + ' lenders' : 'Minimise';\n      if(capped) grid.scrollIntoView({block:'start', behavior:'smooth'});\n    });\n  }\n\n  sync();\n  if(mq.addEventListener) mq.addEventListener('change', sync);\n  else if(mq.addListener) mq.addListener(sync);\n})();\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ebf6c2c e-con-full e-flex e-con e-parent\" data-id=\"5ebf6c2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8f9c75 elementor-widget elementor-widget-html\" data-id=\"1d8f9c75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hc-faq\" id=\"faqs\" aria-label=\"Frequently asked questions\">\n<style>\n\n    .hc-btn{\n      display:inline-flex; align-items:center; gap:9px;\n      padding:15px 26px; border-radius:999px;\n      font:600 15px\/1 var(--hc-sans); letter-spacing:.01em;\n      text-decoration:none; cursor:pointer; border:0;\n      transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n      white-space:nowrap;\n    }\n    .hc-btn svg{ width:17px; height:17px; fill:currentColor; flex:none; }\n    \/* The theme paints `a:hover{color:#336}`, which repainted every CTA label\n       a dark blue-purple on hover \u2014 on a navy fill that read as 1.2:1. Every\n       state below therefore states its own colour explicitly. *\/\n    .hc-btn-gold,\n    .hc-btn-gold:link,\n    .hc-btn-gold:visited{\n      background:var(--hc-cta); color:#ffffff;\n      box-shadow:0 10px 26px rgba(15,23,42,.22);\n    }\n    .hc-btn-gold:hover,\n    .hc-btn-gold:focus,\n    .hc-btn-gold:active{\n      background:#1d4ed8; color:#ffffff;\n      transform:translateY(-2px);\n      box-shadow:0 16px 34px rgba(29,78,216,.34);\n    }\n    .hc-btn-gold:focus{ transform:none; }\n    .hc-btn-gold:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n    .hc-btn-ghost,\n    .hc-btn-ghost:link,\n    .hc-btn-ghost:visited{\n      background:transparent; color:var(--hc-ink);\n      box-shadow:inset 0 0 0 1.5px #cbd5e1;\n    }\n    .hc-btn-ghost:hover,\n    .hc-btn-ghost:active{\n      background:#e2e8f0; color:var(--hc-ink); transform:translateY(-2px);\n      box-shadow:inset 0 0 0 1.5px #94a3b8;\n    }\n    .hc-btn-ghost:focus{ background:transparent; color:var(--hc-ink); }\n    .hc-btn-ghost:focus-visible{ outline:3px solid rgba(59,130,246,.65); outline-offset:3px; }\n\n\n    .hc-kick{\n      display:inline-flex; align-items:center; gap:9px;\n      font:700 11.5px\/1 var(--hc-sans); letter-spacing:.17em; text-transform:uppercase;\n      color:var(--hc-gold-ink); margin:0 0 16px;\n    }\n    .hc-kick::before{ content:\"\"; width:26px; height:2px; border-radius:2px; background:var(--hc-grad); }\n    .hc-h2{\n      margin:0 0 14px; color:var(--hc-ink);\n      font:600 clamp(28px,3.4vw,44px)\/1.14 var(--hc-sans); letter-spacing:-.025em;\n    }\n    .hc-h2 em{ font-style:normal; color:var(--hc-gold-ink); }\n    .hc-lead{\n      margin:0; color:var(--hc-ink-3);\n      font:400 clamp(15px,1.25vw,17px)\/1.65 var(--hc-sans); max-width:62ch;\n    }\n\n    .hc-faq,.hc-faq *{ box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n    .hc-faq{ font-family:var(--hc-sans); }\n\n  .hc-faq{\n    width:100vw; max-width:100vw; position:relative;\n    left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\n    background:var(--hc-paper); color:var(--hc-ink);\n    padding:clamp(56px,6vw,96px) 20px clamp(70px,7vw,110px);\n    scroll-margin-top:110px;\n  }\n  \/* a hairline marks where the section starts \u2014 the panel above it is white\n     too, so without it the two simply run together *\/\n  .hc-faq::before{\n    content:\"\"; position:absolute; top:0; left:50%; transform:translateX(-50%);\n    width:min(1180px, calc(100% - 40px)); height:1px; pointer-events:none;\n    background:linear-gradient(90deg,\n      transparent 0%,\n      rgba(37,99,235,.34) 16%,\n      rgba(147,51,234,.30) 50%,\n      rgba(13,148,136,.32) 84%,\n      transparent 100%);\n  }\n  @media (max-width:767px){ .hc-faq::before{ display:none; } }\n  .hc-faq-wrap{\n    max-width:1180px; margin:0 auto;\n    display:grid; grid-template-columns:minmax(300px,360px) minmax(0,1fr);\n    gap:clamp(28px,4vw,64px);\n    align-items:stretch;          \/* both columns run to the same height *\/\n  }\n  \/* The intro column is a card of its own. It stretches to the list's\n     height, with the heading at the top and the help block pushed to the\n     bottom so the extra space reads as layout, not a gap. *\/\n  .hc-faq-head{\n    display:flex; flex-direction:column;\n    padding:32px 28px 30px; border-radius:22px;\n    background:linear-gradient(165deg,#f8fafc 0%, #eff6ff 100%);\n    box-shadow:inset 0 0 0 1px rgba(59,130,246,.16);\n  }\n  .hc-faq-head .hc-lead{ max-width:none; }\n  .hc-faq-foot{\n    margin-top:auto; padding-top:24px;\n    border-top:1px solid rgba(59,130,246,.2);\n  }\n  .hc-faq-foot-t{\n    margin:0 0 7px; font:600 15px\/1.35 var(--hc-sans);\n    color:var(--hc-ink); letter-spacing:-.012em;\n  }\n  .hc-faq-foot-c{ margin:0 0 18px; font:400 13.5px\/1.6 var(--hc-sans); color:var(--hc-ink-3); }\n  .hc-faq-links{ display:flex; flex-wrap:wrap; gap:8px 18px; }\n  .hc-faq-cta{ margin-top:0; display:flex; flex-direction:column; gap:14px; align-items:flex-start; }\n  .hc-faq-cta .hc-btn{ width:100%; justify-content:center; }\n  .hc-faq-tel{\n    display:inline-flex; align-items:center; gap:8px; text-decoration:none;\n    font:600 14px\/1 var(--hc-sans); color:var(--hc-ink-2);\n  }\n  .hc-faq-tel svg{ width:15px; height:15px; fill:var(--hc-gold-ink); }\n  .hc-faq-tel:hover,.hc-faq-tel:active{ color:var(--hc-ink); }\n\n  .hc-faq-list{ display:grid; gap:12px; align-content:start; }\n  \/* Four soft tones cycle down the list, so each question reads as its own\n     block instead of eight identical white bars. *\/\n  .hc-faq-i{\n    position:relative; overflow:hidden;\n    border-radius:16px; background:var(--tint,#ffffff);\n    box-shadow:inset 0 0 0 1px var(--edge,var(--hc-line));\n    transition:box-shadow .22s ease, transform .22s ease;\n  }\n  .hc-faq-i::before{\n    content:\"\"; position:absolute; left:0; top:0; bottom:0; width:3px;\n    background:var(--bar,linear-gradient(180deg,#2563eb,#60a5fa));\n    opacity:0; transition:opacity .22s ease;\n  }\n  .hc-faq-i:hover{ box-shadow:0 10px 26px rgba(15,23,42,.08), inset 0 0 0 1px var(--edge); }\n  .hc-faq-i[open]{ box-shadow:0 16px 38px rgba(15,23,42,.10), inset 0 0 0 1px var(--edge); }\n\n  .hc-faq-i--a{\n    --tint:#eff6ff; --edge:rgba(37,99,235,.20);\n    --bar:linear-gradient(180deg,#2563eb,#60a5fa); --ink:#1d4ed8;\n  }\n  .hc-faq-i--b{\n    --tint:#ecfdf5; --edge:rgba(13,148,136,.22);\n    --bar:linear-gradient(180deg,#0d9488,#2ce7b8); --ink:#0f766e;\n  }\n  .hc-faq-i--c{\n    --tint:#f5f3ff; --edge:rgba(124,58,237,.20);\n    --bar:linear-gradient(180deg,#7c3aed,#a78bfa); --ink:#6d28d9;\n  }\n  .hc-faq-i--d{\n    --tint:#fff7ed; --edge:rgba(180,83,9,.20);\n    --bar:linear-gradient(180deg,#b45309,#f59e0b); --ink:#b45309;\n  }\n  .hc-faq-i[open]::before{ opacity:1; }\n  .hc-faq-i summary{\n    display:flex; align-items:flex-start; gap:14px; cursor:pointer; list-style:none;\n    padding:20px 22px; font:600 15.6px\/1.45 var(--hc-sans); color:var(--hc-ink); letter-spacing:-.012em;\n  }\n  .hc-faq-i summary::-webkit-details-marker{ display:none; }\n  .hc-faq-i summary:focus-visible{ outline:3px solid rgba(59,130,246,.55); outline-offset:-3px; border-radius:16px; }\n  .hc-faq-i summary span{ flex:1; }\n  .hc-faq-x{\n    position:relative; width:20px; height:20px; flex:none; margin-top:2px; border-radius:6px;\n    background:rgba(255,255,255,.75); box-shadow:inset 0 0 0 1px var(--edge);\n  }\n  .hc-faq-x::before,.hc-faq-x::after{\n    content:\"\"; position:absolute; left:50%; top:50%; background:var(--ink,var(--hc-gold-ink));\n    transform:translate(-50%,-50%); border-radius:2px; transition:transform .22s ease, opacity .22s ease;\n  }\n  .hc-faq-x::before{ width:9px; height:1.8px; }\n  .hc-faq-x::after{ width:1.8px; height:9px; }\n  .hc-faq-i[open] .hc-faq-x::after{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }\n  .hc-faq-a{ padding:0 22px 22px 56px; }\n  .hc-faq-a p{ margin:0; font:400 14.6px\/1.7 var(--hc-sans); color:#475569; }\n\n  @media (max-width:1024px){\n    .hc-faq-wrap{ grid-template-columns:1fr; }\n    .hc-faq-foot{ margin-top:22px; }\n  }\n  @media (max-width:767px){\n    \/* the intro card reads better centred once it is full width *\/\n    .hc-faq-head{ text-align:center; }\n    .hc-faq-head .hc-kick{ justify-content:center; }\n    .hc-faq-head .hc-lead{ margin-left:auto; margin-right:auto; }\n    .hc-faq-cta{ align-items:center; }\n    .hc-faq-links{ justify-content:center; }\n  }\n  @media (max-width:640px){\n    .hc-faq-a{ padding-left:22px; }\n    .hc-faq-i summary{ padding:17px 18px; font-size:15px; }\n  }\n<\/style>\n\n  <div class=\"hc-faq-wrap\">\n    <div class=\"hc-faq-head\">\n      <div class=\"hc-faq-head-top\">\n        <p class=\"hc-kick\">Help centre<\/p>\n        <h2 class=\"hc-h2\">Common <em>queries<\/em>.<\/h2>\n        <p class=\"hc-lead\">The questions we are asked most about home loans, loans against property and personal loans.<\/p>\n      <\/div>\n\n      <div class=\"hc-faq-foot\">\n        <p class=\"hc-faq-foot-t\">Still not sure which product fits?<\/p>\n        <p class=\"hc-faq-foot-c\">Tell us the property and your income, and an advisor will tell you\n        what you can borrow \u2014 before you apply anywhere.<\/p>\n        <div class=\"hc-faq-cta\">\n          <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-btn hc-btn-gold hc-cta\"><span>Ask Us Anything<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.17 12 8.58 7.41 10 6l6 6-6 6-1.42-1.41z\"\/><\/svg><\/a>\n          <div class=\"hc-faq-links\">\n            <a class=\"hc-faq-tel\" href=\"tel:+918951782221\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 16.42V19a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 1.12 3.18 2 2 0 0 1 3.11 1h2.58a2 2 0 0 1 2 1.72c.12.9.33 1.77.63 2.61a2 2 0 0 1-.45 2.11L6.8 8.51a16 16 0 0 0 8.69 8.69l1.07-1.07a2 2 0 0 1 2.11-.45c.84.3 1.71.51 2.61.63A2 2 0 0 1 21 16.42Z\"\/><\/svg><span>+91 89517 82221<\/span><\/a>\n            <a class=\"hc-faq-tel\" href=\"https:\/\/wa.me\/918951782221?text=Hi%2C%20I%20would%20like%20to%20know%20more%20about%20home%20loans%20from%20Homiz%20Capital.\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M16 3A13 13 0 0 0 4.7 22.5L3 29l6.7-1.7A13 13 0 1 0 16 3Zm0 23.7a10.7 10.7 0 0 1-5.4-1.5l-.4-.2-4 1 1.1-3.9-.3-.4A10.7 10.7 0 1 1 16 26.7Zm5.9-8c-.3-.2-1.9-.9-2.2-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7 0a8.8 8.8 0 0 1-2.6-1.6 9.7 9.7 0 0 1-1.8-2.2c-.2-.3 0-.5.1-.7l.5-.6a2.3 2.3 0 0 0 .4-.6.6.6 0 0 0 0-.6c0-.2-.7-1.7-1-2.3s-.5-.6-.7-.6h-.6a1.2 1.2 0 0 0-.9.4 3.6 3.6 0 0 0-1.1 2.7 6.2 6.2 0 0 0 1.3 3.3 14.2 14.2 0 0 0 5.4 4.8c.8.3 1.4.5 1.8.7a4.4 4.4 0 0 0 2 .1 3.3 3.3 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.2-.3-.3-.6-.4Z\"\/><\/svg><span>WhatsApp<\/span><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hc-faq-list\">\n        <details class=\"hc-faq-i hc-faq-i--a\">\n          <summary>\n            <span>What is the difference between a home loan for a fresh purchase and one for a resale?<\/span>\n            <i class=\"hc-faq-x\" aria-hidden=\"true\"><\/i>\n          <\/summary>\n          <div class=\"hc-faq-a\"><p>The product is the same; the diligence differs. A fresh purchase is assessed against the project's approvals, so sanction is usually quicker. A resale needs the seller's chain of title and a fresh valuation, which adds a few steps. We handle both.<\/p><\/div>\n        <\/details>\n        <details class=\"hc-faq-i hc-faq-i--b\">\n          <summary>\n            <span>How much home loan can I actually get?<\/span>\n            <i class=\"hc-faq-x\" aria-hidden=\"true\"><\/i>\n          <\/summary>\n          <div class=\"hc-faq-a\"><p>Lenders give you the lower of two ceilings: what your income can service after existing EMIs, and a percentage of the property's assessed value. An eligibility check with us takes minutes and does not affect your credit score.<\/p><\/div>\n        <\/details>\n        <details class=\"hc-faq-i hc-faq-i--c\">\n          <summary>\n            <span>How is a loan against property different from a home loan?<\/span>\n            <i class=\"hc-faq-x\" aria-hidden=\"true\"><\/i>\n          <\/summary>\n          <div class=\"hc-faq-a\"><p>A home loan buys a property; a loan against property raises money against one you already own, for business or personal use. It is secured, so the rate is well below an unsecured loan \u2014 but your property is the collateral.<\/p><\/div>\n        <\/details>\n        <details class=\"hc-faq-i hc-faq-i--d\">\n          <summary>\n            <span>Do I need collateral or a guarantor for a personal loan?<\/span>\n            <i class=\"hc-faq-x\" aria-hidden=\"true\"><\/i>\n          <\/summary>\n          <div class=\"hc-faq-a\"><p>No. It is unsecured, so there is nothing to pledge. Approval rests on your income, credit history and existing obligations \u2014 which is also why the rate is higher.<\/p><\/div>\n        <\/details>\n        <details class=\"hc-faq-i hc-faq-i--a\">\n          <summary>\n            <span>What documents will I need?<\/span>\n            <i class=\"hc-faq-x\" aria-hidden=\"true\"><\/i>\n          <\/summary>\n          <div class=\"hc-faq-a\"><p>Identity and address proof, PAN, and income proof \u2014 payslips and bank statements, or ITRs if self-employed. Home loans and loans against property also need the property papers. We send one checklist and collect everything once.<\/p><\/div>\n        <\/details>\n        <details class=\"hc-faq-i hc-faq-i--b\">\n          <summary>\n            <span>What does Homiz Capital charge me?<\/span>\n            <i class=\"hc-faq-x\" aria-hidden=\"true\"><\/i>\n          <\/summary>\n          <div class=\"hc-faq-a\"><p>Nothing for our advice, comparison and application support \u2014 we are paid by the lender on a disbursed file. Lender charges such as processing fees and valuation are shown to you before you apply.<\/p><\/div>\n        <\/details>\n        <details class=\"hc-faq-i hc-faq-i--c\">\n          <summary>\n            <span>Does checking my eligibility affect my credit score?<\/span>\n            <i class=\"hc-faq-x\" aria-hidden=\"true\"><\/i>\n          <\/summary>\n          <div class=\"hc-faq-a\"><p>No. A hard enquiry is only raised when a formal application goes to a lender, and we do that only after you have chosen an offer.<\/p><\/div>\n        <\/details>\n        <details class=\"hc-faq-i hc-faq-i--d\">\n          <summary>\n            <span>How long does sanction take?<\/span>\n            <i class=\"hc-faq-x\" aria-hidden=\"true\"><\/i>\n          <\/summary>\n          <div class=\"hc-faq-a\"><p>Personal loans are fastest, as there is no property to assess. Home loans and loans against property add valuation and legal checks. We give you a realistic timeline for your own case at the eligibility stage.<\/p><\/div>\n        <\/details><\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2af1377 e-con-full e-flex e-con e-parent\" data-id=\"2af1377\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38ae643 elementor-widget elementor-widget-html\" data-id=\"38ae643\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hc-mb-host\">\n<style>\n    .hc-mb,.hc-mb *{ box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n    .hc-mb{ font-family:var(--hc-sans); }\n\n  .hc-mb{\n    position:fixed; bottom:0; left:0; right:0; z-index:9985;\n    display:flex; align-items:stretch; gap:7px; padding:9px 10px;\n    padding-bottom:calc(9px + env(safe-area-inset-bottom,0px));\n    background:#0a0a0a;\n    border-top:1px solid rgba(212,175,55,.3);\n    box-shadow:0 -4px 20px rgba(0,0,0,.5);\n    font-family:var(--hc-sans);\n  }\n  .hc-mb a,.hc-mb button{\n    flex:1; display:flex; align-items:center; justify-content:center; gap:6px;\n    min-height:46px; padding:10px 6px; border:0; border-radius:12px; cursor:pointer;\n    font:700 12.5px\/1 var(--hc-sans); letter-spacing:.01em; text-decoration:none;\n    transition:transform .12s ease;\n  }\n  .hc-mb a:active,.hc-mb button:active{ transform:translateY(1px); }\n  .hc-mb svg{ width:16px; height:16px; fill:currentColor; flex:none; }\n  .hc-mb-call{ color:#111; background:#ffffff; }\n  .hc-mb-wa{ color:#fff; background:#25D366; }\n  .hc-mb-cta{\n    flex:1.5 !important; color:#000; background:linear-gradient(90deg,#D4AF37,#F7E7CE);\n    box-shadow:0 6px 16px rgba(212,175,55,.34);\n  }\n  .hc-mb-cta:focus{ background:linear-gradient(90deg,#D4AF37,#F7E7CE); color:#000; }\n  .hc-mb-call:focus{ background:#ffffff; color:#111; }\n  .hc-mb-wa:focus{ background:#25D366; color:#fff; }\n  .hc-mb a:focus-visible,.hc-mb button:focus-visible{ outline:3px solid rgba(212,175,55,.75); outline-offset:2px; }\n  @media (min-width:901px){ .hc-mb{ display:none !important; } }\n<\/style>\n\n<div class=\"hc-mb\" id=\"hcMobileBar\">\n  <a class=\"hc-mb-call\" href=\"tel:+918951782221\" aria-label=\"Call +91 89517 82221\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 16.42V19a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 1.12 3.18 2 2 0 0 1 3.11 1h2.58a2 2 0 0 1 2 1.72c.12.9.33 1.77.63 2.61a2 2 0 0 1-.45 2.11L6.8 8.51a16 16 0 0 0 8.69 8.69l1.07-1.07a2 2 0 0 1 2.11-.45c.84.3 1.71.51 2.61.63A2 2 0 0 1 21 16.42Z\"\/><\/svg><span>Call<\/span><\/a>\n  <a class=\"hc-mb-wa\" href=\"https:\/\/wa.me\/918951782221?text=Hi%2C%20I%20would%20like%20to%20know%20more%20about%20home%20loans%20from%20Homiz%20Capital.\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp us\"><svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M16 3A13 13 0 0 0 4.7 22.5L3 29l6.7-1.7A13 13 0 1 0 16 3Zm0 23.7a10.7 10.7 0 0 1-5.4-1.5l-.4-.2-4 1 1.1-3.9-.3-.4A10.7 10.7 0 1 1 16 26.7Zm5.9-8c-.3-.2-1.9-.9-2.2-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7 0a8.8 8.8 0 0 1-2.6-1.6 9.7 9.7 0 0 1-1.8-2.2c-.2-.3 0-.5.1-.7l.5-.6a2.3 2.3 0 0 0 .4-.6.6.6 0 0 0 0-.6c0-.2-.7-1.7-1-2.3s-.5-.6-.7-.6h-.6a1.2 1.2 0 0 0-.9.4 3.6 3.6 0 0 0-1.1 2.7 6.2 6.2 0 0 0 1.3 3.3 14.2 14.2 0 0 0 5.4 4.8c.8.3 1.4.5 1.8.7a4.4 4.4 0 0 0 2 .1 3.3 3.3 0 0 0 2.1-1.5 2.6 2.6 0 0 0 .2-1.5c-.1-.2-.3-.3-.6-.4Z\"\/><\/svg><span>WhatsApp<\/span><\/a>\n  <a href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjY0IiwidG9nZ2xlIjpmYWxzZX0%3D\" class=\"hc-mb-cta hc-cta\"><span>Check Eligibility<\/span><\/a>\n<\/div>\n\n<script>\n(function(){\n  var bar = document.getElementById('hcMobileBar');\n  if(bar && bar.parentNode !== document.body) document.body.appendChild(bar);\n\n  \/* Keep the bar clear of the page bottom on phones. *\/\n  function pad(){\n    if(window.innerWidth > 900){ document.body.style.paddingBottom = ''; return; }\n    document.body.style.paddingBottom = ((bar ? bar.offsetHeight : 64) + 4) + 'px';\n  }\n  pad();\n  window.addEventListener('resize', pad);\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Loan Calculator Loan Process Our Services Blog +91 89517 82221 Home Loan Calculator Loan Process Our Services Blog Call: +91 89517 82221 Upgrade the Way You Choose Loans 5.8 Lacs+ Customers Annually 150+ Cities Covered 587+ Branches 61,000 Cr+ Disbursed Annually Get Your Personal Loan Loaded with Benefits! Get fast approval, flexible tenure and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thehomizcapital.com\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thehomizcapital.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thehomizcapital.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thehomizcapital.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thehomizcapital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":95,"href":"https:\/\/thehomizcapital.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":172,"href":"https:\/\/thehomizcapital.com\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/172"}],"wp:attachment":[{"href":"https:\/\/thehomizcapital.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}