Loan Referrals

varkha

&lt;nav class=&quot;pl-floating-actions&quot; aria-label=&quot;Quick actions&quot;&gt;
  &lt;a href=&quot;https://wa.me/8657008036&quot; class=&quot;pl-fab&quot;&gt;
    &lt;img
      src=&quot;https://www.fino.bank.in/cdn-static/fino/media/media_files/2026/01/23/cb-wa-2026-01-23-13-56-56.svg&quot;
      alt=&quot;&quot;
      aria-hidden=&quot;true&quot;
      class=&quot;pl-fab-icon&quot;
    &gt;
    &lt;span class=&quot;pl-fab-label&quot;&gt;WhatsApp&lt;/span&gt;
  &lt;/a&gt;

  &lt;a href=&quot;/support/contact-us&quot; class=&quot;pl-fab&quot;&gt;
    &lt;img
      src=&quot;https://www.fino.bank.in/cdn-static/fino/media/media_files/2026/01/23/cb-locate-2026-01-23-13-56-56.svg&quot;
      alt=&quot;&quot;
      aria-hidden=&quot;true&quot;
      class=&quot;pl-fab-icon&quot;
    &gt;
    &lt;span class=&quot;pl-fab-label&quot;&gt;Locate Us&lt;/span&gt;
  &lt;/a&gt;

  &lt;a href=&quot;/support/contact-us&quot; class=&quot;pl-fab&quot;&gt;
    &lt;img
      src=&quot;https://www.fino.bank.in/cdn-static/fino/media/media_files/2026/01/23/raise-complaint-2026-01-23-13-56-56.svg&quot;
      alt=&quot;&quot;
      aria-hidden=&quot;true&quot;
      class=&quot;pl-fab-icon&quot;
    &gt;
    &lt;span class=&quot;pl-fab-label&quot;&gt;Raise Complaint&lt;/span&gt;
  &lt;/a&gt;
&lt;/nav&gt;
&lt;script&gt;
(function () {
  try {
    if (location.pathname !== &quot;/support/contact-us&quot;) return;

    // Inject strong CSS override
    const style = document.createElement(&quot;style&quot;);
    style.innerHTML = `
      label input[type=&quot;checkbox&quot;]:not(:checked) + div {
        background-color: red !important;
      }
      label input[type=&quot;checkbox&quot;]:checked + div {
        background-color: green !important;
      }
    `;
    document.head.appendChild(style);

  } catch (e) {
    console.error(e);
  }
})();
&lt;/script&gt;
&lt;script&gt;
(async function () {
  try {
    // Run only when path is /support/contact-us
    if (window.location.pathname !== &quot;/support/contact-us&quot;) return;

    await new Promise((resolve) =&gt; {
      if (document.readyState === &quot;complete&quot;) return resolve();
      window.addEventListener(&quot;load&quot;, resolve);
    });

    let tries = 0;
    const maxTries = 20;

    const interval = setInterval(() =&gt; {
      tries++;

      const panel = document.querySelector(&quot;#locate-us-panel&quot;);
      if (!panel) {
        if (tries &gt;= maxTries) clearInterval(interval);
        return;
      }

      clearInterval(interval);
      if (panel.querySelector(&quot;.custom-locate-launcher&quot;)) return;

      // Launcher button
      const launcher = document.createElement(&quot;button&quot;);
      launcher.className = &quot;custom-locate-launcher&quot;;
      launcher.type = &quot;button&quot;;
      launcher.innerText = &quot;Open Branch Locator&quot;;
      launcher.style.cssText = `
        width:100%;
        margin: 0 0 16px 0;
        padding: 14px 16px;
        border-radius: 12px;
        border: 1px solid #d9d9d9;
        font-weight: 600;
        cursor: pointer;
        background: #fff;
      `;

      // Modal
      const modal = document.createElement(&quot;div&quot;);
      modal.className = &quot;custom-locate-modal&quot;;
      modal.style.cssText = `
        display:none;
        position:fixed;
        inset:0;
        background: rgba(0,0,0,0.55);
        z-index: 999999;
        padding: 12px;
      `;

      modal.innerHTML = `
        &lt;div class=&quot;custom-locate-modal-inner&quot; style=&quot;
          width: 100%;
          height: 100%;
          background: #fff;
          border-radius: 14px;
          overflow: hidden;
          position: relative;
        &quot;&gt;

          &lt;!-- ✅ Fixed top bar so close works on mobile --&gt;
          &lt;div class=&quot;custom-locate-topbar&quot; style=&quot;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 56px;
            padding-top: env(safe-area-inset-top);
            background: rgba(255,255,255,0.98);
            display: flex;
            align-items: center;
            justify-content: flex-end;
            z-index: 10;
            box-shadow: 0 1px 0 rgba(0,0,0,0.08);
          &quot;&gt;

            &lt;!-- ✅ Logo click overlay (top-left) --&gt;
            &lt;a
              href=&quot;https://fino.latlong.in&quot;
              target=&quot;_blank&quot;
              rel=&quot;noopener noreferrer&quot;
              aria-label=&quot;Open Branch Locator in new tab&quot;
              style=&quot;
                position:absolute;
                top: 0;
                left: 0;
                width: 300px;   /* adjust if needed */
                height: 150px;
                z-index: 11;
                background: transparent;
              &quot;&gt;
            &lt;/a&gt;

            &lt;!-- ✅ Mobile-friendly close button --&gt;
            &lt;button type=&quot;button&quot; class=&quot;custom-locate-close&quot; aria-label=&quot;Close&quot; style=&quot;
              width: 44px;
              height: 44px;
              margin-right: 10px;
              border: 0;
              background: #fff;
              border-radius: 12px;
              cursor: pointer;
              font-size: 20px;
              line-height: 44px;
              text-align: center;
              box-shadow: 0 1px 4px rgba(0,0,0,0.12);
            &quot;&gt;✕&lt;/button&gt;
          &lt;/div&gt;

          &lt;!-- Iframe pushed below topbar --&gt;
            &lt;iframe
                src=&quot;https://fino.latlong.in/&quot;
                style=&quot;
                width:100%;
                height:100%;
                border:0;
                display:block;
                padding-top: 56px;
                box-sizing: border-box;
                &quot;
                loading=&quot;lazy&quot;
                allow=&quot;geolocation&quot;
                allowfullscreen&gt;
            &lt;/iframe&gt;
        &lt;/div&gt;
      `;

      function openModal() {
        modal.style.display = &quot;block&quot;;
        document.documentElement.style.overflow = &quot;hidden&quot;;
      }

      function closeModal() {
        modal.style.display = &quot;none&quot;;
        document.documentElement.style.overflow = &quot;&quot;;
      }

      launcher.addEventListener(&quot;click&quot;, openModal);

      // click outside closes
      modal.addEventListener(&quot;click&quot;, (e) =&gt; {
        if (e.target === modal) closeModal();
      });

      modal.querySelector(&quot;.custom-locate-close&quot;).addEventListener(&quot;click&quot;, closeModal);

      // ESC key closes
      window.addEventListener(&quot;keydown&quot;, (e) =&gt; {
        if (e.key === &quot;Escape&quot; &amp;&amp; modal.style.display === &quot;block&quot;) closeModal();
      });

      panel.insertBefore(launcher, panel.firstElementChild);
      document.body.appendChild(modal);

    }, 400);

  } catch (err) {
    console.error(&quot;Locate modal injection failed:&quot;, err);
  }
})();
&lt;/script&gt;
&lt;script&gt;
(async function () {
  try {
    const allowedUrl = &quot;/support/contact-us&quot;;
    if (window.location.pathname !== allowedUrl) return;

    await new Promise((resolve) =&gt; {
      if (document.readyState === &quot;complete&quot;) return resolve();
      window.addEventListener(&quot;load&quot;, resolve);
    });

    let tries = 0;
    const maxTries = 20;

    const interval = setInterval(() =&gt; {
      tries++;

      const panel = document.querySelector(&quot;#locate-us-panel&quot;);
      if (panel) {
        clearInterval(interval);
        if (panel.querySelector(&quot;.custom-locate-iframe&quot;)) return;

        const wrap = document.createElement(&quot;div&quot;);
        wrap.className = &quot;custom-locate-iframe&quot;;
        wrap.style.marginBottom = &quot;20px&quot;;
        wrap.style.borderRadius = &quot;12px&quot;;
        wrap.style.overflow = &quot;hidden&quot;;
        wrap.style.position = &quot;relative&quot;;

        const iframe = document.createElement(&quot;iframe&quot;);
        iframe.src = &quot;https://fino.latlong.in/&quot;;
        iframe.width = &quot;100%&quot;;
        iframe.height = &quot;600&quot;;
        iframe.style.border = &quot;0&quot;;
        iframe.style.display = &quot;block&quot;;
        iframe.style.overflow = &quot;hidden&quot;;
        iframe.setAttribute(&quot;scrolling&quot;, &quot;no&quot;);

        // ✅ THIS IS THE FIX — grants geolocation permission to the iframe
        iframe.setAttribute(&quot;allow&quot;, &quot;geolocation&quot;);
        iframe.setAttribute(&quot;allowfullscreen&quot;, &quot;true&quot;);

        const logoLink = document.createElement(&quot;a&quot;);
        logoLink.href = &quot;https://fino.latlong.in&quot;;
        logoLink.target = &quot;_blank&quot;;
        logoLink.rel = &quot;noopener noreferrer&quot;;
        logoLink.setAttribute(&quot;aria-label&quot;, &quot;Open Branch Locator in new tab&quot;);
        logoLink.style.cssText = `
          position: absolute;
          top: 0;
          left: 0;
          width: 300px;
          height: 100px;
          z-index: 5;
          background: transparent;
        `;

        wrap.appendChild(iframe);
        wrap.appendChild(logoLink);
        panel.insertBefore(wrap, panel.firstElementChild);
      }

      if (tries &gt;= maxTries) clearInterval(interval);
    }, 400);

  } catch (err) {
    console.error(&quot;Locate iframe injection failed:&quot;, err);
  }
})();
&lt;/script&gt;

wa widget 2

desktop_universal_body_end

&lt;style&gt;
body:has(main[class*=&quot;investorRelation_investorRelationPage&quot;])
p.font-normal.text-left.text-\[\#807D94\].text-sm.sm\:text-base.whitespace-nowrap {
  /* display: none !important; */
}
&lt;/style&gt;
&lt;style&gt;
.pl-floating-actions{
  position: fixed;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 10;
}


.pl-fab{
  width: 56px;
  height: 56px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 10px 22px rgba(0,0,0,.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  overflow: hidden;
  transition: height .35s ease, background .35s ease;
}


.pl-fab-icon{
  width: 28px;
  height: 28px;
  position: absolute;
  transition: transform .4s ease;
}


.pl-fab-label{
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 16px;
  font-weight: 500;
  color: #1f2a44;
  margin-top: 20px;
  opacity: 0;
  transition: opacity .25s ease;
}

.pl-fab:hover{
  height: 180px;              
  background: #d4d4ff;          
  border-radius: 28px;
}


.pl-fab:hover .pl-fab-label{
  opacity: 1;
}


.pl-fab:hover .pl-fab-icon{
  transform: translateY(-60px);
}
&lt;/style&gt;
&lt;style&gt;
.skiptranslate.goog-te-gadget {
    padding: 7px 16px;
    position: relative;
    color: white;
}
.skiptranslate.goog-te-gadget span {
    display: none;
}
.skiptranslate.goog-te-gadget {
    font-size:0px;
}
&lt;/style&gt;
&lt;style&gt;
.contactLayout_locatePanel__g0FWh {
    padding-top: 0 !important;
}
&lt;/style&gt;
&lt;style&gt;
body:has(main[class*=&quot;investorRelation_investorRelationPage&quot;])
[class*=&quot;investorContent_documentSection&quot;][class*=&quot;investorContent_emptyState&quot;] {
    display: none !important;
}
&lt;/style&gt;

Empowering Merchants with Seamless Loans Solutions!

Key Features

Simple Loans, Big Rewards

Grow with Fino's Merchant Network

Compliance and Transparency

Apply Now