<!--
  DigiCard.pk — Business Pro (Tier 2, Rs 1,499) — Design 4: "Split Panel" (real-data wiring, 2026-07-11)
  Sticky identity sidebar + scrolling panel (gallery / services / reviews).
  Gallery uses category-default imagery (manifest); the services ledger shows
  Helpr.pk example starting prices (service_catalogue.json).

  ======================= SHARED TOKEN CONTRACT — v2 (2026-07-11) =======================
  Applies identically to all 12 DigiCard tier templates (tier1-*, tier2-*, tier3-*).

  DATA SOURCES (generator wiring):
  1. Category image defaults — assets/category-defaults/manifest.json
     - plumbing selects the image set. Allowed keys:
       electrician | plumbing | ac | auto | electronics | motor-pump
     - Files per key: {key}-hero.webp, {key}-work.webp, {key}-context.webp
     - assets/category-defaults/plumbing-hero.webp    -> {key}-hero.webp
       assets/category-defaults/plumbing-work.webp    -> {key}-work.webp
       assets/category-defaults/plumbing-context.webp -> {key}-context.webp
     -  defaults to [hero, work, context] from the manifest. Owner-supplied,
       explicitly approved photos may replace/extend (max 6). NEVER auto-import Google
       Places photos. Plumbing hero example must describe the trade generically and must NOT
       imply the image shows this provider.
     - Tier 1 note: tier1-* designs already render the manifest set via the fixed
       HERO/WORK/CONTEXT slots, so in Tier 1 the {{#PHOTOS}} loop carries owner-approved
       EXTRA photos only and may render zero items (generator must emit an empty,
       whitespace-free block so :empty CSS collapses the rail).
     - Every rendered page must keep its visible "category imagery for illustration"
       disclosure while default images are in use.
  2. Service pricing — service_catalogue.json  (TIER 2 / TIER 3 ONLY)
     - plumbing selects the price list. Per entry:
       "service" -> {{SERVICE_NAME}},  "label" -> {{SERVICE_PRICE}} (verbatim, e.g. "From Rs 600")
     - Curated non-zero Helpr.pk Islamabad examples only. NEVER invent a rate; never
       render Rs 0 / missing entries. Category "auto" has no authoritative Helpr
       catalogue yet — its only entry is "Price on inspection"; always show exactly
       that, never a number.
     - Helpr-derived values are example/starting prices, not provider-confirmed rates.
       Owner overrides live in business data, never edited into template HTML.
  3. Tier 1 service examples are editorial category content: {{SERVICE_NAME}} +
     {{SERVICE_DESC}} describe plausible work for the category, with NO prices.

  SCALAR TOKENS (all tiers unless noted):
    Bilal Plumbing Co — Plumbing Example | DigiCard Illustrative DigiCard example page for a plumbing business — not a real business. https://digicard.pk/example-business-pro-splitpanel
    Bilal Plumbing Co Plumbing plumbing Same-day plumbing repairs, done right the first time.
    4.9 38 Islamabad, Pakistan (illustrative example) https://maps.google.com/
    923395260500 (digits only, e.g. 923001234567)
    0339 5260500 (human-readable, e.g. 0300 1234567)
    https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. (https://wa.me/923395260500)
    Tier 2/3 only: https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. — wa.me link with URL-encoded Request-a-Quote text
    Tier 2 "dashboard" only: B
    Tier 3 only: plumbing plus head/SEO extras Bilal Plumbing Co — DigiCard Example See what a tier2 DigiCard page looks like.
       summary  

  LOOP BLOCKS (generator repeats inner markup per item, strips {{#X}}/{{/X}} markers):
    {{#PHOTOS}} ... 
 defaults to [hero, work, context] from the manifest. Owner-supplied,
       explicitly approved photos may replace/extend (max 6). NEVER auto-import Google
       Places photos. Plumbing work example must describe the trade generically and must NOT
       imply the image shows this provider.
     - Tier 1 note: tier1-* designs already render the manifest set via the fixed
       HERO/WORK/CONTEXT slots, so in Tier 1 the {{#PHOTOS}} loop carries owner-approved
       EXTRA photos only and may render zero items (generator must emit an empty,
       whitespace-free block so :empty CSS collapses the rail).
     - Every rendered page must keep its visible "category imagery for illustration"
       disclosure while default images are in use.
  2. Service pricing — service_catalogue.json  (TIER 2 / TIER 3 ONLY)
     - plumbing selects the price list. Per entry:
       "service" -> {{SERVICE_NAME}},  "label" -> {{SERVICE_PRICE}} (verbatim, e.g. "From Rs 600")
     - Curated non-zero Helpr.pk Islamabad examples only. NEVER invent a rate; never
       render Rs 0 / missing entries. Category "auto" has no authoritative Helpr
       catalogue yet — its only entry is "Price on inspection"; always show exactly
       that, never a number.
     - Helpr-derived values are example/starting prices, not provider-confirmed rates.
       Owner overrides live in business data, never edited into template HTML.
  3. Tier 1 service examples are editorial category content: {{SERVICE_NAME}} +
     {{SERVICE_DESC}} describe plausible work for the category, with NO prices.

  SCALAR TOKENS (all tiers unless noted):
    Bilal Plumbing Co — Plumbing Example | DigiCard Illustrative DigiCard example page for a plumbing business — not a real business. https://digicard.pk/example-business-pro-splitpanel
    Bilal Plumbing Co Plumbing plumbing Same-day plumbing repairs, done right the first time.
    4.9 38 Islamabad, Pakistan (illustrative example) https://maps.google.com/
    923395260500 (digits only, e.g. 923001234567)
    0339 5260500 (human-readable, e.g. 0300 1234567)
    https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. (https://wa.me/923395260500)
    Tier 2/3 only: https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. — wa.me link with URL-encoded Request-a-Quote text
    Tier 2 "dashboard" only: B
    Tier 3 only: plumbing plus head/SEO extras Bilal Plumbing Co — DigiCard Example See what a tier2 DigiCard page looks like.
       summary  

  LOOP BLOCKS (generator repeats inner markup per item, strips {{#X}}/{{/X}} markers):
    {{#PHOTOS}} ... 
 defaults to [hero, work, context] from the manifest. Owner-supplied,
       explicitly approved photos may replace/extend (max 6). NEVER auto-import Google
       Places photos. Plumbing context example must describe the trade generically and must NOT
       imply the image shows this provider.
     - Tier 1 note: tier1-* designs already render the manifest set via the fixed
       HERO/WORK/CONTEXT slots, so in Tier 1 the {{#PHOTOS}} loop carries owner-approved
       EXTRA photos only and may render zero items (generator must emit an empty,
       whitespace-free block so :empty CSS collapses the rail).
     - Every rendered page must keep its visible "category imagery for illustration"
       disclosure while default images are in use.
  2. Service pricing — service_catalogue.json  (TIER 2 / TIER 3 ONLY)
     - plumbing selects the price list. Per entry:
       "service" -> {{SERVICE_NAME}},  "label" -> {{SERVICE_PRICE}} (verbatim, e.g. "From Rs 600")
     - Curated non-zero Helpr.pk Islamabad examples only. NEVER invent a rate; never
       render Rs 0 / missing entries. Category "auto" has no authoritative Helpr
       catalogue yet — its only entry is "Price on inspection"; always show exactly
       that, never a number.
     - Helpr-derived values are example/starting prices, not provider-confirmed rates.
       Owner overrides live in business data, never edited into template HTML.
  3. Tier 1 service examples are editorial category content: {{SERVICE_NAME}} +
     {{SERVICE_DESC}} describe plausible work for the category, with NO prices.

  SCALAR TOKENS (all tiers unless noted):
    Bilal Plumbing Co — Plumbing Example | DigiCard Illustrative DigiCard example page for a plumbing business — not a real business. https://digicard.pk/example-business-pro-splitpanel
    Bilal Plumbing Co Plumbing plumbing Same-day plumbing repairs, done right the first time.
    4.9 38 Islamabad, Pakistan (illustrative example) https://maps.google.com/
    923395260500 (digits only, e.g. 923001234567)
    0339 5260500 (human-readable, e.g. 0300 1234567)
    https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. (https://wa.me/923395260500)
    Tier 2/3 only: https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested. — wa.me link with URL-encoded Request-a-Quote text
    Tier 2 "dashboard" only: B
    Tier 3 only: plumbing plus head/SEO extras Bilal Plumbing Co — DigiCard Example See what a tier2 DigiCard page looks like.
       summary  

  LOOP BLOCKS (generator repeats inner markup per item, strips {{#X}}/{{/X}} markers):
    {{#PHOTOS}} ...       1-6  -> {{PHOTO_URL}} {{PHOTO_ALT}}
     ... 
 ...   Tier 1: 2-6 -> {{SERVICE_NAME}} {{SERVICE_DESC}} (no prices)
                                     Tier 2/3: 1-6 -> {{SERVICE_NAME}} {{SERVICE_PRICE}}
     ... 
 ...     1-3  -> {{REVIEW_TEXT}} {{REVIEW_AUTHOR}}

  CONDITIONAL / SOCIAL BLOCKS (Tier 2/3 only — strip whole block when link absent):
    Tier 2 (icon style):  {{FACEBOOK_URL}}
                          {{INSTAGRAM_URL}}
                          {{TIKTOK_URL}}
    Tier 3 (pill style):  -> {{SOCIAL_URL}} {{SOCIAL_LABEL}}

  TIER BOUNDARIES (non-negotiable):
    - Tier 1 "Stand Out" (Rs 999): NO service pricing, NO social links, NO Request-a-Quote.
    - Paid-tier content must never leak into the free/unclaimed PREVIEW flow.
  =======================================================================================
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%23185c49'/%3E%3Ccircle cx='46' cy='18' r='6' fill='%23d9972e'/%3E%3Ctext x='31' y='46' font-family='Georgia,serif' font-size='38' font-weight='700' fill='%23ffffff' text-anchor='middle'%3ED%3C/text%3E%3C/svg%3E" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bilal Plumbing Co — Plumbing Example | DigiCard</title>
<meta name="description" content="Illustrative DigiCard example page for a plumbing business — not a real business.">
<link rel="canonical" href="https://digicard.pk/example-business-pro-splitpanel">
<style>
  :root{
    --green:#185c49; --green-deep:#0f3d30; --gold:#d9972e; --gold-soft:#f3d9ad;
    --paper:#f7f3ea; --card:#fffdf8; --ink:#151b18; --ink-soft:#4c554f; --line:#e8e0cd;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
  img{display:block;max-width:100%}
  a{color:inherit}

  .shell{max-width:1040px;margin:0 auto;padding:0 0 96px}

  /* ---------- Sidebar (mobile: header card) ---------- */
  .side{background:var(--green-deep);color:#f5f1e6;padding:26px 22px 28px;position:relative;overflow:hidden}
  .side::after{content:"";position:absolute;bottom:-80px;left:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(217,151,46,.22),transparent 70%)}
  .side>*{position:relative}
  .side-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
  .cat-badge{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold-soft);border:1px solid rgba(217,151,46,.5);padding:4px 11px;border-radius:999px}
  /* Featured badge: bookmark tab */
  .featured{background:var(--gold);color:#3a2604;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px 12px;margin-top:-26px;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 7px),0 100%);box-shadow:0 3px 8px rgba(0,0,0,.3)}
  .featured::before{content:"★ "}
  .side h1{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-top:16px}
  .side .rating{margin-top:9px;font-size:13.5px;color:#d8d2c2}
  .side .rating .stars{color:var(--gold);letter-spacing:2px}
  .side .rating b{color:#fff}
  .side .tagline{margin-top:14px;font-size:14.5px;color:#e9e3d2;font-style:italic;border-left:3px solid var(--gold);padding-left:12px}
  .side .addr{margin-top:14px;font-size:12.5px;color:#b9c4bd}
  .side .addr::before{content:"📍 "}

  .btn{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:700;border-radius:14px;padding:14px 18px;font-size:15.5px;transition:transform .12s}
  .btn:active{transform:scale(.98)}
  .btn-quote{background:linear-gradient(135deg,var(--gold),#c07f18);color:#241700;box-shadow:0 8px 20px rgba(0,0,0,.3)}
  .btn-quote small{display:block;font-weight:500;font-size:11px;opacity:.85}
  .btn-quote .lbl{text-align:left}
  .btn-wa{background:transparent;border:1.5px solid rgba(233,227,210,.4);color:#e9e3d2;font-size:13.5px;font-weight:600;padding:11px 16px}
  .ico{width:19px;height:19px;flex:none}
  .side-cta{margin-top:20px;display:none;flex-direction:column;gap:10px}
  .socials{display:flex;gap:11px;margin-top:20px}
  .socials a{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(233,227,210,.28);display:flex;align-items:center;justify-content:center}
  .socials a:active{background:rgba(217,151,46,.3)}
  .socials svg{width:18px;height:18px;fill:#e9e3d2}
  .side small.credit{display:block;margin-top:22px;font-size:10.5px;color:#8fa398}
  .side small.credit a{color:var(--gold-soft);text-decoration:none}

  /* ---------- Main scroll panel ---------- */
  .main{width:100%;max-width:860px;margin:0 auto;padding:26px 24px 10px}
  .blk{margin-bottom:34px}
  .blk>h2{font-size:12.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--green);margin-bottom:13px;display:flex;align-items:center;gap:9px}
  .blk>h2::before{content:"";width:18px;height:3px;background:var(--gold);border-radius:2px}

  /* Gallery: mosaic — first photo large, rest tiled */
  .mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
  .mosaic img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px}
  .mosaic img:first-child{grid-column:1/-1;aspect-ratio:16/10;border-radius:18px}

  /* Services: numbered ledger rows (tier-exclusive price list) */
  .ledger{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
  .ledger-row{display:flex;align-items:center;gap:13px;padding:14px 16px;border-top:1px solid var(--line)}
  .ledger-row:first-child{border-top:none}
  .ledger-row .idx{width:26px;height:26px;border-radius:8px;background:#e5ede8;color:var(--green);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
  .ledger-row .nm{font-size:14.5px;font-weight:600;flex:1}
  .ledger-row .prc{font-size:14px;font-weight:800;color:var(--green);white-space:nowrap;font-variant-numeric:tabular-nums}
  .ledger-foot{padding:10px 16px;font-size:11.5px;color:var(--ink-soft);background:#fbf7ec;border-top:1px solid var(--line)}

  /* Reviews: speech-bubble cards */
  .bubble{background:var(--card);border:1px solid var(--line);border-radius:18px 18px 18px 4px;padding:16px 18px;margin-bottom:12px}
  .bubble .stars{color:var(--gold);font-size:12px;letter-spacing:2px}
  .bubble p{font-size:14.5px;color:#2a332d;margin:6px 0 6px;font-style:italic}
  .bubble b{font-size:12.5px;color:var(--green)}
  .g-note{font-size:11.5px;color:var(--ink-soft)}

  /* Inline quote banner inside the scroll (mobile reinforcement) */
  .quote-banner{background:linear-gradient(140deg,var(--green),var(--green-deep));color:#f5f1e6;border-radius:20px;padding:22px 20px;text-align:center}
  .quote-banner h3{font-size:19px;font-weight:800;margin-bottom:4px}
  .quote-banner p{font-size:13px;color:#cfd8d0;margin-bottom:14px}
  .quote-banner .btn-quote{max-width:320px;margin:0 auto}

  /* ---------- Mobile fixed action dock ---------- */
  .dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(15,61,48,.97);backdrop-filter:blur(6px);border-top:1px solid rgba(217,151,46,.35)}
  .dock .btn{flex:1;padding:13px 8px;font-size:14px;border-radius:12px}
  .dock .btn-wa{flex:.7}

  /* ---------- Desktop: true split panel ---------- */
  @media(min-width:860px){
    .shell{display:grid;grid-template-columns:340px minmax(0,860px);justify-content:center;gap:0;max-width:1200px;margin:0 auto;padding:24px 0 40px}
    .side{position:sticky;top:24px;height:calc(100vh - 48px);overflow-y:auto;border-radius:26px 0 0 26px;padding:38px 30px}
    .side-cta{display:flex}
    .dock{display:none}
    .main{padding:38px 34px 20px}
    .mosaic{grid-template-columns:repeat(3,1fr)}
    .mosaic img:first-child{grid-column:span 2;aspect-ratio:auto;height:100%}
    .quote-banner{display:none} /* sidebar CTA is always visible on desktop */
  }
  .img-note{font-size:11.5px;color:#8a948f;margin-top:8px;font-style:italic}
  .rate-note{font-size:11.5px;color:#8a948f;margin-top:8px;font-style:italic}
</style>
</head>
<body>

<div class="shell">

  <!-- Sidebar / mobile header card -->
  <aside class="side">
    <div class="side-top">
      <span class="cat-badge">Plumbing</span>
      <span class="featured">Featured</span>
    </div>
    <h1>Bilal Plumbing Co</h1>
    <div class="rating"><span class="stars">★★★★★</span> <b>4.9</b> · 38 Google reviews</div>
    <p class="tagline">Same-day plumbing repairs, done right the first time.</p>
    <p class="addr">Islamabad, Pakistan (illustrative example)</p>

    <div class="side-cta">
      <a class="btn btn-quote" href="https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested.">
        <svg class="ico" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.4 14.1c-.2.6-1.2 1.2-1.7 1.2-.4.1-1 .1-1.6-.1-.4-.1-.9-.3-1.5-.6-2.6-1.1-4.3-3.8-4.4-4-.1-.2-1.1-1.4-1.1-2.7s.7-1.9.9-2.2c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.4.2.5.7 1.8.8 1.9.1.1.1.3 0 .4-.1.2-.1.3-.3.5l-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1.2-.2.7-.8.9-1.1.2-.3.4-.2.6-.1.3.1 1.6.7 1.8.9.3.1.4.2.5.3 0 .2 0 .6-.2 1.2Z"/></svg>
        <span class="lbl">Request a Quote<small>Structured request · fast reply</small></span>
      </a>
      <a class="btn btn-wa" href="https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested.">WhatsApp us directly</a>
    </div>

    <div class="socials">
      
      
      
    </div>
    <small class="credit">Digital card by <a href="https://digicard.pk">DigiCard.pk</a> · Verified on Helpr.pk</small>
  </aside>

  <!-- Scrolling content panel -->
  <main class="main">

    <section class="blk">
      <h2>Recent Work</h2>
      <div class="mosaic">
        
        <img src="assets/category-defaults/plumbing-hero.webp" alt="Plumbing hero example" loading="lazy">
        

        <img src="assets/category-defaults/plumbing-work.webp" alt="Plumbing work example" loading="lazy">
        

        <img src="assets/category-defaults/plumbing-context.webp" alt="Plumbing context example" loading="lazy">
        
      </div>
      <p class="img-note">Category imagery for illustration — owner-approved photos may replace it.</p>
    </section>

    <section class="blk">
      <h2>Services &amp; Prices</h2>
      <div class="ledger">
        
        <div class="ledger-row">
          <span class="idx">▸</span>
          <span class="nm">Flush tank repair</span>
          <span class="prc">From Rs 450</span>
        </div>
        

        <div class="ledger-row">
          <span class="idx">▸</span>
          <span class="nm">Plumber hourly service - 4 hours</span>
          <span class="prc">From Rs 4,500</span>
        </div>
        
        <div class="ledger-foot">Example starting rates from Helpr.pk (Islamabad). Final price depends on parts &amp; job size — use Request a Quote for an exact figure.</div>
      </div>
    </section>

    <section class="blk">
      <h2>Google Reviews</h2>
      
      <article class="bubble">
        <span class="stars">★★★★★</span>
        <p>“Fair rate and on time. Recommended.”</p>
        <b>Sample Reviewer</b>
      </article>
      

      <article class="bubble">
        <span class="stars">★★★★★</span>
        <p>“Good work, clean finish.”</p>
        <b>Sample Reviewer</b>
      </article>
      
      <p class="g-note">4.9 average · 38 reviews on this business's Google listing.</p>
    </section>

    <section class="blk quote-banner">
      <h3>Kaam karwana hai?</h3>
      <p>Send a structured quote request — service, time, location — in one tap.</p>
      <a class="btn btn-quote" href="https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested.">Request a Quote</a>
    </section>

  </main>
</div>

<!-- Mobile fixed action dock -->
<div class="dock">
  <a class="btn btn-wa" href="https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested.">WhatsApp</a>
  <a class="btn btn-quote" href="https://wa.me/923395260500?text=DIGICARD%20UPGRADE%0AI%20saw%20the%20tier2%20example%20%28Bilal%20Plumbing%20Co%29%20%E2%80%94%20I%27m%20interested.">
    <svg class="ico" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm5.4 14.1c-.2.6-1.2 1.2-1.7 1.2-.4.1-1 .1-1.6-.1-.4-.1-.9-.3-1.5-.6-2.6-1.1-4.3-3.8-4.4-4-.1-.2-1.1-1.4-1.1-2.7s.7-1.9.9-2.2c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.4.2.5.7 1.8.8 1.9.1.1.1.3 0 .4-.1.2-.1.3-.3.5l-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1.2-.2.7-.8.9-1.1.2-.3.4-.2.6-.1.3.1 1.6.7 1.8.9.3.1.4.2.5.3 0 .2 0 .6-.2 1.2Z"/></svg>
    Request a Quote
  </a>
</div>

</body>
</html>