{"id":6,"date":"2026-06-10T21:53:38","date_gmt":"2026-06-10T21:53:38","guid":{"rendered":"https:\/\/lawbridgechambers.com\/home\/"},"modified":"2026-06-24T06:50:20","modified_gmt":"2026-06-24T06:50:20","slug":"home","status":"publish","type":"page","link":"https:\/\/lawbridgechambers.com\/zh\/","title":{"rendered":"\u5bb6"},"content":{"rendered":"\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAWBRIDGE V2 - GLOBAL CSS   (the one and only CSS file)\n\n   WHERE THIS GOES:\n   WordPress \u2192 Custom CSS & JS \u2192 \"LawBridge V2 Global CSS\"\n   (Replace everything in that file with this whole thing.)\n\n   HOW IT'S ORGANISED:\n     1. Design tokens .......... colours, fonts, spacing, shadows\n     2. Base ................... resets + typography\n     3. Layout ................. container, section spacing, grids\n     4. Buttons\n     5. Cards & glass\n     6. Forms\n     7. Header base\n     8. Mobile sticky CTA\n     9. Small utilities\n\n   ONE THING TO KNOW:\n     All the space between sections is controlled by a single\n     value called  --lb-space  (see section 1). Want sections\n     closer? Lower it. Want them airier? Raise it. That's it.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\n\/* ---- Fonts (must stay at the very top) ---- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   1. DESIGN TOKENS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n\n  \/* Brand colours *\/\n  --lb-navy:      #002366;\n  --lb-blue:      #1A6EFF;\n  --lb-blue-dark: #0F52D4;\n  --lb-ice:       #EEF5FF;\n  --lb-soft:      #F5F9FF;\n  --lb-border:    #D6E6FF;\n  --lb-white:     #FFFFFF;\n  --lb-ink:       #071A33;\n  --lb-muted:     #4B6380;\n\n  \/* Fonts *\/\n  --lb-display: 'Sora', sans-serif;\n  --lb-body:    'Plus Jakarta Sans', sans-serif;\n\n  \/* Corners *\/\n  --lb-radius:    1.5rem;\n  --lb-radius-lg: 2rem;\n  --lb-radius-xl: 2.5rem;\n\n  \/* Shadows *\/\n  --lb-shadow-card: 0 25px 80px rgba(0,35,102,.10);\n  --lb-shadow-cta:  0 18px 45px rgba(26,110,255,.28);\n  --lb-shadow-soft: 0 14px 35px rgba(0,35,102,.12);\n\n  \/* \u25ba\u25ba MASTER SECTION SPACING - change this ONE value to tune every gap \u25c4\u25c4 *\/\n  --lb-space: 30px;                 \/* spacing on phones *\/\n}\n\n@media (min-width: 768px) {\n  :root {\n    --lb-space: 46px;               \/* spacing on laptops\/desktops *\/\n  }\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   2. BASE\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.lb-scope,\n.lb-scope * {\n  box-sizing: border-box;\n}\n\n.lb-scope {\n  font-family: var(--lb-body);\n  color: var(--lb-ink);\n  line-height: 1.6;\n  -webkit-font-smoothing: antialiased;\n}\n\n.lb-scope img {\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n\n.lb-scope a {\n  text-decoration: none;\n  color: inherit;\n}\n\n\/* Headings *\/\n.lb-heading {\n  font-family: var(--lb-display);\n  font-weight: 700;\n  color: var(--lb-navy);\n  letter-spacing: -.03em;\n  line-height: 1.1;\n  margin: 0;\n}\n\n.lb-h1 { font-size: clamp(2.4rem, 6vw,   4rem);   font-weight: 800; }\n.lb-h2 { font-size: clamp(1.9rem, 4.5vw, 3.1rem); }\n.lb-h3 { font-size: clamp(1.2rem, 2.5vw, 1.6rem); }\n\n.lb-eyebrow {\n  font-family: var(--lb-display);\n  font-size: .72rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .22em;\n  color: var(--lb-blue);\n}\n\n.lb-lead {\n  font-size: clamp(1rem, 1.6vw, 1.15rem);\n  color: var(--lb-muted);\n  line-height: 1.7;\n}\n\n.lb-muted { color: var(--lb-muted); }\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   3. LAYOUT  (container, section spacing, grids)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Centered page width *\/\n.lb-container {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding-left: 20px;\n  padding-right: 20px;\n}\n\n\/* Section spacing - driven entirely by --lb-space (no duplicates!) *\/\n.lb-section {\n  padding-top: var(--lb-space);\n  padding-bottom: var(--lb-space);\n  margin: 0;\n}\n\n\/* Hero gets the same rhythm (slightly tighter at the bottom) *\/\n.lb-hero {\n  padding-top: var(--lb-space);\n  padding-bottom: var(--lb-space);\n  margin: 0;\n}\n\n\/* Header never carries vertical margin *\/\n.lb-header { margin: 0; }\n\n\/* Grids *\/\n.lb-grid,\n.lb-grid-2,\n.lb-grid-3,\n.lb-grid-4 {\n  display: grid;\n  gap: 20px;\n}\n\n@media (min-width: 768px) {\n  .lb-grid-2 { grid-template-columns: repeat(2, 1fr); }\n  .lb-grid-3 { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (min-width: 1024px) {\n  .lb-grid-3 { grid-template-columns: repeat(3, 1fr); }\n  .lb-grid-4 { grid-template-columns: repeat(4, 1fr); }\n}\n\n\/* Background helpers *\/\n.lb-bg-white { background: var(--lb-white); }\n.lb-bg-soft  { background: var(--lb-soft); }\n.lb-bg-ice   { background: var(--lb-ice); }\n.lb-bg-navy  { background: var(--lb-navy); color: #fff; }\n.lb-bg-navy .lb-heading { color: #fff; }\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   4. BUTTONS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.lb-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  min-height: 50px;\n  padding: 13px 22px;\n  font-family: var(--lb-display);\n  font-size: .9rem;\n  font-weight: 700;\n  text-align: center;\n  border: none;\n  border-radius: 16px;\n  cursor: pointer;\n  transition: all .3s ease;\n}\n\n.lb-btn-primary {\n  background: var(--lb-blue);\n  color: #fff;\n  box-shadow: var(--lb-shadow-cta);\n}\n.lb-btn-primary:hover {\n  background: var(--lb-blue-dark);\n  color: #fff;\n  transform: translateY(-2px);\n}\n\n.lb-btn-white {\n  background: #fff;\n  color: var(--lb-navy);\n  box-shadow: var(--lb-shadow-soft);\n}\n.lb-btn-white:hover { transform: translateY(-2px); }\n\/* The global \".lb-scope a { color: inherit }\" reset (0,2,0) outranks the\n   button color above (0,1,0), so white buttons in dark sections went\n   white-on-white. Reassert button text colors at higher specificity. *\/\n.lb-scope a.lb-btn-white { color: var(--lb-navy); }\n.lb-scope a.lb-btn-primary { color: #fff; }\n\n.lb-btn-outline {\n  background: rgba(255,255,255,.7);\n  color: var(--lb-navy);\n  border: 1px solid var(--lb-border);\n  backdrop-filter: blur(12px);\n}\n.lb-btn-outline:hover { background: #fff; }\n\n.lb-btn-block { width: 100%; }\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   5. CARDS & GLASSMORPHISM\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.lb-card {\n  border-radius: var(--lb-radius-lg);\n  border: 1px solid var(--lb-border);\n  background: var(--lb-soft);\n  padding: 24px;\n}\n\n.lb-glass-card {\n  border-radius: var(--lb-radius-xl);\n  border: 1px solid var(--lb-border);\n  background: rgba(255,255,255,.8);\n  box-shadow: var(--lb-shadow-card);\n  backdrop-filter: blur(20px);\n  padding: 24px;\n}\n\n.lb-icon-box {\n  width: 56px;\n  height: 56px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  background: #fff;\n  color: var(--lb-blue);\n  box-shadow: 0 4px 12px rgba(0,35,102,.06);\n}\n\n.lb-tag {\n  display: inline-block;\n  border-radius: 999px;\n  background: #fff;\n  padding: 5px 12px;\n  font-family: var(--lb-display);\n  font-size: .72rem;\n  font-weight: 700;\n  color: var(--lb-blue);\n}\n\n.lb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  border-radius: 999px;\n  border: 1px solid var(--lb-border);\n  background: rgba(255,255,255,.8);\n  padding: 8px 16px;\n  font-family: var(--lb-display);\n  font-size: .72rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .18em;\n  color: var(--lb-blue);\n  backdrop-filter: blur(12px);\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   6. FORMS  (also styles the Fluent Form inside .lb-form)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.lb-form .lb-field,\n.lb-form input[type=text],\n.lb-form input[type=email],\n.lb-form input[type=tel],\n.lb-form select,\n.lb-form textarea {\n  width: 100%;\n  min-height: 48px;\n  border: 1px solid var(--lb-border);\n  border-radius: 16px;\n  background: #fff;\n  padding: 12px 16px;\n  font-family: var(--lb-body);\n  font-size: .9rem;\n  color: var(--lb-ink);\n  outline: none;\n  transition: border-color .2s;\n}\n\n.lb-form textarea {\n  min-height: 96px;\n  resize: vertical;\n}\n\n.lb-form input:focus,\n.lb-form select:focus,\n.lb-form textarea:focus {\n  border-color: var(--lb-blue);\n}\n\n.lb-form .ff-btn-submit,\n.lb-form button[type=submit] {\n  width: 100%;\n  min-height: 50px;\n  border: none;\n  border-radius: 16px;\n  cursor: pointer;\n  background: var(--lb-blue);\n  color: #fff;\n  font-family: var(--lb-display);\n  font-weight: 700;\n  box-shadow: var(--lb-shadow-cta);\n  transition: all .3s;\n}\n\n.lb-form button[type=submit]:hover {\n  background: var(--lb-blue-dark);\n  transform: translateY(-2px);\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   7. HEADER BASE\n   (Sticky behaviour + show\/hide lives here.\n    The navy colours, logo image and mobile menu are styled\n    inside the Header HTML block itself.)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.lb-header {\n  position: sticky;\n  top: 0;\n  z-index: 50;\n}\n\n.lb-header-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: nowrap;\n}\n\n.lb-logo {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n\/* Desktop nav + actions: hidden on phones, shown from 1024px up *\/\n.lb-nav,\n.lb-header-cta {\n  display: none;\n}\n\n.lb-nav a { white-space: nowrap; }\n\n@media (min-width: 1024px) {\n  .lb-nav,\n  .lb-header-cta {\n    display: flex;\n    align-items: center;\n  }\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   8. MOBILE STICKY CTA  (site-wide bar on phones)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.lb-mobile-cta {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 60;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 6px;\n  padding: 8px;\n  border-top: 1px solid var(--lb-border);\n  background: rgba(255,255,255,.96);\n  backdrop-filter: blur(12px);\n  box-shadow: 0 -10px 40px rgba(0,0,0,.08);\n}\n\n.lb-mobile-cta a {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 3px;\n  border-radius: 12px;\n  padding: 8px;\n  font-family: var(--lb-display);\n  font-weight: 700;\n  font-size: .7rem;\n  color: var(--lb-navy);\n}\n\n.lb-mobile-cta a.is-primary {\n  background: var(--lb-blue);\n  color: #fff;\n}\n\n\/* Leave room at the bottom on phones so the bar never hides content *\/\nbody { padding-bottom: 74px; }\n\n@media (min-width: 1024px) {\n  .lb-mobile-cta { display: none; }\n  body { padding-bottom: 0; }\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   9. SMALL UTILITIES\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.lb-text-center    { text-align: center; }\n.lb-mt-1           { margin-top: 8px; }\n.lb-mt-2           { margin-top: 16px; }\n.lb-mt-3           { margin-top: 24px; }\n.lb-mt-4           { margin-top: 32px; }\n.lb-flex           { display: flex; }\n.lb-gap            { gap: 12px; }\n.lb-wrap           { flex-wrap: wrap; }\n.lb-items-center   { align-items: center; }\n.lb-justify-between{ justify-content: space-between; }\n\n<\/style>\n<style>\n\/* All header styling lives here so the header is self-contained. *\/\n.lb-header{background:rgba(0,35,102,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.10);}\n.lb-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;padding:12px 0;position:relative;}\n\n\/* logo image *\/\n.lb-logo{flex-shrink:0;display:flex;align-items:center;}\n\/* .lb-scope img (0,1,1) sets height:auto, so this needs higher specificity *\/\n.lb-scope img.lb-logo-img,.lb-logo-img{height:46px;width:auto;display:block;}\n\n\/* nav - white text on navy, single line *\/\n.lb-nav{gap:18px;font-size:.85rem;flex-wrap:nowrap;}\n.lb-nav a{color:#fff;white-space:nowrap;}\n.lb-nav a:hover{color:#9FC2FF;}\n\n\/* right-side actions *\/\n.lb-header-cta{gap:8px;flex-shrink:0;align-items:center;}\n.lb-header .lb-phone{display:flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--lb-display);font-weight:700;font-size:.82rem;color:#fff;}\n.lb-header-cta .lb-btn{white-space:nowrap;padding:11px 16px;min-height:44px;font-size:.82rem;}\n\n\/* mobile hamburger (light, for navy header) *\/\n.lb-menu-toggle{display:block;}\n.lb-menu-toggle > summary{list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;font-size:1.3rem;}\n.lb-menu-toggle > summary::-webkit-details-marker{display:none;}\n.lb-menu-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--lb-border);box-shadow:0 20px 40px rgba(0,35,102,.18);padding:14px 20px;display:grid;gap:4px;}\n.lb-menu-panel a{font-family:var(--lb-display);font-weight:600;font-size:.95rem;color:var(--lb-navy);padding:11px 8px;border-radius:10px;}\n.lb-menu-panel a:hover{background:var(--lb-soft);color:var(--lb-blue);}\n.lb-menu-panel .lb-btn{margin-top:8px;}\n@media(min-width:1024px){.lb-menu-toggle{display:none;}}\n<\/style>\n<style>\n.lb-hero{position:relative;overflow:hidden;background:radial-gradient(circle at top left,#EEF5FF,#fff 38%,#F5F9FF 100%);}\n.lb-hero-bg{position:absolute;inset:0;pointer-events:none;}\n.lb-hero-bg .b{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;}\n.lb-hero-bg .b1{left:-12%;top:-20%;width:480px;height:480px;background:#D6E6FF;}\n.lb-hero-bg .b2{right:-8%;top:6%;width:360px;height:360px;background:#EEF5FF;}\n.lb-hero-bg .grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(0,35,102,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,35,102,.04) 1px,transparent 1px);background-size:48px 48px;}\n\n.lb-hero-inner{position:relative;display:grid;gap:36px;align-items:center;}\n.lb-hero h1{margin-top:22px;}\n.lb-hero .lb-lead{margin-top:18px;max-width:600px;}\n.lb-hero-actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;}\n.lb-hero-trust{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:620px;}\n.lb-trust-item{border:1px solid var(--lb-border);background:rgba(255,255,255,.8);border-radius:1.25rem;padding:14px 16px;backdrop-filter:blur(12px);}\n.lb-trust-num{font-family:var(--lb-display);font-weight:800;font-size:1rem;color:var(--lb-blue);}\n.lb-trust-label{margin-top:3px;font-family:var(--lb-display);font-weight:700;font-size:.74rem;color:var(--lb-navy);line-height:1.3;}\n\n\/* contained right-side panel (replaces the floating orbital) *\/\n.lb-hero-visual{display:none;}\n@media(min-width:1024px){\n  .lb-hero-inner{grid-template-columns:1fr .82fr;}\n  .lb-hero-trust{grid-template-columns:repeat(4,1fr);}\n  .lb-hero-visual{display:block;}\n}\n.lb-hero-panel{padding:22px;}\n.lb-hp-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--lb-border);padding-bottom:16px;}\n.lb-hp-emblem{width:54px;height:54px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lb-navy),var(--lb-blue));box-shadow:0 12px 30px rgba(0,35,102,.25);}\n.lb-hp-head .ttl{font-family:var(--lb-display);font-weight:800;font-size:1.02rem;color:var(--lb-navy);line-height:1.2;}\n.lb-hp-list{display:grid;gap:11px;margin-top:16px;}\n.lb-hpi{display:flex;gap:12px;align-items:flex-start;background:var(--lb-soft);border:1px solid var(--lb-border);border-radius:1rem;padding:12px 14px;}\n.lb-hpi .ic{width:38px;height:38px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--lb-blue);flex-shrink:0;}\n.lb-hpi .h{font-family:var(--lb-display);font-weight:700;font-size:.9rem;color:var(--lb-navy);}\n.lb-hpi .p{font-size:.78rem;color:var(--lb-muted);line-height:1.4;margin-top:2px;}\n<\/style>\n<style>\n.lb-overseas{scroll-margin-top:90px;}            \/* stops the navy header covering it on menu-click *\/\n\/* Single centred intro column (the old practice-area checklist was removed: it\n   duplicated the Services section, so this band now reads as one clean lead-in). *\/\n.lb-overseas .lb-inner{max-width:760px;margin:0 auto;text-align:center;}\n.lb-overseas .lb-copy .lb-lead{margin-top:18px;margin-left:auto;margin-right:auto;}\n.lb-overseas .lb-actions{margin-top:26px;display:flex;justify-content:center;}\n<\/style>\n<style>\n.lb-dash .lb-dash-head{text-align:center;max-width:680px;margin:0 auto;}\n.lb-dash .lb-lead{margin-top:14px;}\n.lb-dash-card{margin-top:26px;padding:20px;}\n.lb-dash-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--lb-border);padding-bottom:16px;}\n.lb-dash-bar .ttl{font-family:var(--lb-display);font-weight:800;font-size:1.05rem;color:var(--lb-navy);}\n.lb-pill{border-radius:999px;background:var(--lb-ice);color:var(--lb-blue);padding:7px 14px;font-family:var(--lb-display);font-weight:700;font-size:.74rem;white-space:nowrap;}\n.lb-dash-grid{display:grid;gap:14px;margin-top:18px;}\n\n\/* compact tile: icon LEFT, title + text RIGHT *\/\n.lb-tile{display:flex;gap:14px;align-items:flex-start;border-radius:1.25rem;padding:16px 18px;border:1px solid transparent;}\n.lb-tile .tic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.lb-tile .th{font-family:var(--lb-display);font-weight:800;font-size:1rem;line-height:1.2;}\n.lb-tile .tp{margin-top:5px;font-size:.82rem;line-height:1.5;}\n.lb-tile.navy{background:var(--lb-navy);color:#fff;}\n.lb-tile.navy .tic{background:rgba(255,255,255,.12);color:#fff;}\n.lb-tile.navy .tp{color:#C7D8F5;}\n.lb-tile.blue{background:var(--lb-blue);color:#fff;}\n.lb-tile.blue .tic{background:rgba(255,255,255,.18);color:#fff;}\n.lb-tile.blue .tp{color:#EAF1FF;}\n.lb-tile.light{background:var(--lb-soft);color:var(--lb-navy);border-color:var(--lb-border);}\n.lb-tile.light .tic{background:#fff;color:var(--lb-blue);}\n.lb-tile.light .tp{color:var(--lb-muted);}\n\n.lb-progress{margin-top:14px;background:var(--lb-soft);border:1px solid var(--lb-border);border-radius:1.25rem;padding:18px;}\n.lb-progress-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}\n.lb-progress-top .h{font-family:var(--lb-display);font-weight:800;color:var(--lb-navy);}\n.lb-progress-top .s{margin-top:3px;font-size:.82rem;color:var(--lb-muted);}\n.lb-bar{margin-top:14px;height:12px;border-radius:999px;background:#fff;overflow:hidden;border:1px solid var(--lb-border);}\n.lb-bar span{display:block;height:100%;width:62%;border-radius:999px;background:linear-gradient(90deg,var(--lb-blue),var(--lb-blue-dark));}\n@media(min-width:768px){.lb-dash-grid{grid-template-columns:repeat(2,1fr);}}\n@media(min-width:1024px){.lb-dash-card{max-width:960px;margin-left:auto;margin-right:auto;}}\n\n\/* ---- \"How Your Case Moves\": one vertical case journey.\n   The rail draws downward once when the card enters view (.in is added by\n   the scroll-reveal), each stage wakes as the line reaches it, then the\n   whole thing rests. Same vocabulary as the rest of the site: rounded icon\n   chips, Sora headings, navy\/blue\/ice. ---- *\/\n.lb-journey{position:relative;margin-top:10px;}\n.lb-jlist{margin:0;padding:0;list-style:none;position:relative;}\n.lb-jline{position:absolute;left:25px;top:41px;bottom:41px;width:2px;border-radius:2px;background:var(--lb-border);overflow:hidden;}\n.lb-jline .fill{position:absolute;left:0;top:0;width:100%;height:0;border-radius:2px;\n  background:linear-gradient(180deg,var(--lb-blue),var(--lb-blue-dark));transition:height 1.6s cubic-bezier(.65,0,.35,1) .25s;}\n.lb-dash-card.in .lb-jline .fill{height:100%;}\n\n.lb-jstep{position:relative;display:flex;gap:18px;align-items:flex-start;padding:15px 0;\n  opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1);}\n.lb-dash-card.in .lb-jstep{opacity:1;transform:none;transition-delay:calc(var(--i) * .35s);}\n\n.lb-jnode{position:relative;z-index:1;flex-shrink:0;width:52px;height:52px;border-radius:16px;background:#fff;\n  border:1px solid var(--lb-border);display:flex;align-items:center;justify-content:center;color:var(--lb-muted);\n  transition:color .5s ease,border-color .5s ease,box-shadow .5s ease;}\n.lb-dash-card.in .lb-jnode{color:var(--lb-blue);border-color:rgba(26,110,255,.45);\n  box-shadow:0 10px 24px rgba(26,110,255,.13);transition-delay:calc(var(--i) * .35s + .3s);}\n.lb-dash-card.in .lb-jstep:last-child .lb-jnode{animation:lbNodePulse 3.2s ease-out 2.2s infinite;}\n@keyframes lbNodePulse{0%{box-shadow:0 0 0 0 rgba(26,110,255,.28);}60%{box-shadow:0 0 0 10px rgba(26,110,255,0);}100%{box-shadow:0 0 0 0 rgba(26,110,255,0);}}\n\n.lb-jbody{padding-top:2px;}\n.lb-jbody .k{font-family:var(--lb-display);font-weight:700;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lb-blue);}\n.lb-jbody .t{margin-top:4px;font-family:var(--lb-display);font-weight:800;font-size:1.05rem;color:var(--lb-navy);line-height:1.25;}\n.lb-jbody .p{margin-top:5px;font-size:.88rem;line-height:1.6;color:var(--lb-muted);max-width:540px;}\n\n.lb-jstep .ghost{display:none;}\n@media(min-width:1024px){\n  .lb-jstep .ghost{display:block;position:absolute;right:8px;top:50%;transform:translateY(-50%);\n    font-family:var(--lb-display);font-weight:800;font-size:2.6rem;letter-spacing:-.04em;color:rgba(0,35,102,.07);pointer-events:none;}\n}\n\n.lb-jfoot{margin-top:14px;padding-top:16px;border-top:1px solid var(--lb-border);\n  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}\n.lb-jfoot p{margin:0;font-size:.88rem;color:var(--lb-muted);}\n\n@media (prefers-reduced-motion: reduce){\n  .lb-jstep{opacity:1;transform:none;transition:none;}\n  .lb-jline .fill{height:100%;transition:none;}\n  .lb-jnode{color:var(--lb-blue);border-color:rgba(26,110,255,.45);transition:none;}\n  .lb-dash-card.in .lb-jstep:last-child .lb-jnode{animation:none;}\n}\n<\/style>\n<style>\n.lb-svc-wrap{scroll-margin-top:90px;}\n.lb-svc-head{display:grid;gap:18px;align-items:end;}\n.lb-svc-head .side{font-size:.98rem;line-height:1.7;color:var(--lb-muted);}\n.lb-svc-grid{display:grid;gap:16px;margin-top:34px;}\n\n.lb-svc{position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--lb-border);background:#fff;border-radius:1.75rem;padding:22px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;}\n\/* One standout state, two triggers: hover on desktop, scroll spotlight (.is-spot) on touch screens *\/\n.lb-svc:hover,.lb-svc.is-spot{transform:translateY(-5px) scale(1.015);box-shadow:0 24px 70px rgba(0,35,102,.14);border-color:rgba(26,110,255,.45);}\n.lb-svc-blob{position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:var(--lb-ice);transition:transform .35s ease;}\n.lb-svc:hover .lb-svc-blob,.lb-svc.is-spot .lb-svc-blob{transform:scale(1.3);}\n\n\/* icon + title side by side *\/\n.lb-svc-row{position:relative;display:flex;align-items:center;gap:14px;}\n.lb-svc-ic{width:52px;height:52px;border-radius:15px;background:var(--lb-soft);color:var(--lb-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .35s ease,color .35s ease;}\n.lb-svc:hover .lb-svc-ic,.lb-svc.is-spot .lb-svc-ic{background:var(--lb-blue);color:#fff;}\n.lb-svc-title{font-family:var(--lb-display);font-weight:800;font-size:1.25rem;color:var(--lb-navy);line-height:1.2;margin:0;}\n\n.lb-svc-desc{position:relative;margin-top:14px;font-size:.88rem;line-height:1.6;color:var(--lb-muted);flex-grow:1;}\n.lb-svc-cta{position:relative;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--lb-soft);border-radius:14px;padding:12px 16px;font-family:var(--lb-display);font-weight:700;font-size:.86rem;color:var(--lb-navy);transition:background .35s ease,color .35s ease;}\n.lb-svc:hover .lb-svc-cta,.lb-svc.is-spot .lb-svc-cta{background:var(--lb-blue);color:#fff;}\n.lb-svc-cta svg{transition:transform .35s cubic-bezier(.22,1,.36,1);}\n.lb-svc:hover .lb-svc-cta svg,.lb-svc.is-spot .lb-svc-cta svg{transform:translateX(4px);}\n\n@media(min-width:768px){\n  .lb-svc-head{grid-template-columns:1.5fr 1fr;}\n  .lb-svc-grid{grid-template-columns:repeat(2,1fr);}\n}\n@media(min-width:1024px){.lb-svc-grid{grid-template-columns:repeat(3,1fr);}}\n<\/style>\n<style>\n.lb-decision{position:relative;overflow:hidden;background:var(--lb-navy);color:#fff;}\n.lb-decision .tex{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;}\n.lb-decision .glow{position:absolute;right:-140px;top:-160px;width:420px;height:420px;border-radius:50%;background:rgba(26,110,255,.35);filter:blur(90px);pointer-events:none;}\n.lb-decision-inner{position:relative;display:grid;gap:26px;align-items:center;}\n.lb-decision .lb-eyebrow{color:#9FC2FF;}\n.lb-decision h2{color:#fff;margin-top:14px;}\n.lb-decision p{margin-top:16px;font-size:1.05rem;line-height:1.7;color:#C7D8F5;max-width:640px;}\n.lb-decision-actions{display:grid;gap:12px;}\n@media(min-width:768px){\n  .lb-decision-inner{grid-template-columns:1.4fr 1fr;}\n  .lb-decision-actions{align-content:center;}\n}\n<\/style>\n<style>\n.lb-auth-wrap{scroll-margin-top:90px;}\n.lb-auth-card{padding:18px;}\n.lb-auth-inner{display:grid;gap:20px;}\n\n\/* PHOTO panel (placeholder for now) *\/\n.lb-auth-photo{\n  position:relative;min-height:340px;border-radius:1.5rem;overflow:hidden;\n  background:url('\/wp-content\/uploads\/2026\/06\/Barrister_Bilal_Ashraf_LawBridge_LLP.png') center bottom\/cover no-repeat,\n             linear-gradient(150deg,var(--lb-navy),#003B7A,var(--lb-blue));\n  display:flex;flex-direction:column;justify-content:flex-end;\n  padding:24px;color:#fff;\n}\n.lb-auth-photo::before{content:\"\";position:absolute;inset:0;\n  background:radial-gradient(120% 90% at 80% 10%,rgba(127,176,255,.28),transparent 55%),\n             linear-gradient(to top,rgba(0,10,34,.55),transparent 45%);pointer-events:none;}\n.lb-auth-photo::after{content:\"\";position:absolute;inset:0;border-radius:inherit;\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);pointer-events:none;}\n.lb-auth-photo>*{position:relative;}\n.lb-auth-photo .pic-ic{position:absolute;top:24px;left:24px;opacity:.9;}\n.lb-auth-photo .role{font-family:var(--lb-display);font-weight:700;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#9FC2FF;}\n.lb-auth-photo .nm{font-family:var(--lb-display);font-weight:800;font-size:1.7rem;line-height:1.1;margin-top:6px;color:#fff;}\n\n\/* BODY *\/\n.lb-auth-body{padding:6px;}\n.lb-auth-sub{font-family:var(--lb-display);font-weight:700;color:var(--lb-blue);font-size:.95rem;margin-top:8px;}\n.lb-auth-body p.bio{margin-top:16px;font-size:.95rem;line-height:1.7;color:var(--lb-muted);}\n.lb-cred-list{display:grid;gap:10px;margin-top:18px;}\n.lb-cred{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid var(--lb-border);border-radius:1rem;padding:12px 14px;\n  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease;}\n.lb-cred:hover{transform:translateX(5px);border-color:rgba(26,110,255,.45);box-shadow:0 10px 28px rgba(0,35,102,.08);}\n.lb-cred svg{flex-shrink:0;color:var(--lb-blue);background:var(--lb-ice);border-radius:8px;padding:4px;width:26px;height:26px;}\n.lb-cred span{font-family:var(--lb-display);font-weight:600;font-size:.88rem;color:var(--lb-navy);line-height:1.4;}\n.lb-auth-actions{margin-top:20px;}\n\n@media(max-width:899px){\n  .lb-auth-photo{min-height:430px;background-position:center top;}\n}\n@media(min-width:900px){\n  .lb-auth-inner{grid-template-columns:.85fr 1.15fr;align-items:stretch;}\n  .lb-auth-photo{min-height:100%;}\n}\n<\/style>\n<style>\n.lb-intake-head{max-width:640px;margin:0 auto;text-align:center;}\n.lb-intake-head .lb-lead{margin-top:14px;}\n\n.lb-intake-card{max-width:520px;margin:28px auto 0;padding:26px;text-align:center;}\n.lb-intake-emblem{width:58px;height:58px;border-radius:16px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lb-navy),var(--lb-blue));color:#fff;box-shadow:0 12px 30px rgba(0,35,102,.25);}\n.lb-intake-card h3{font-family:var(--lb-display);font-weight:800;font-size:1.25rem;color:var(--lb-navy);margin-top:14px;}\n.lb-intake-points{display:grid;gap:9px;margin:18px 0 22px;text-align:left;}\n.lb-intake-points div{display:flex;align-items:center;gap:10px;font-family:var(--lb-display);font-weight:600;font-size:.88rem;color:var(--lb-navy);}\n.lb-intake-points svg{flex-shrink:0;color:var(--lb-blue);}\n.lb-intake-actions{display:grid;gap:11px;}\n.lb-intake-or{margin-top:14px;font-size:.82rem;color:var(--lb-muted);}\n.lb-intake-or a{color:var(--lb-blue);font-weight:700;}\n<\/style>\n<style>\n.lb-reviews-anchor{scroll-margin-top:90px;}\n.lb-reviews-head{max-width:680px;margin:0 auto;text-align:center;}\n.lb-reviews-head .lb-lead{margin-top:14px;}\n\n\/* Keep the Trustindex widget aligned with the rest of the site\n   (centered, same max width, with side padding on small screens) *\/\n.lb-reviews .ti-widget{\n  max-width:1180px !important;\n  margin-left:auto !important;\n  margin-right:auto !important;\n  padding-left:20px;\n  padding-right:20px;\n  box-sizing:border-box;\n  margin-top:26px;\n}\n<\/style>\n<style>\n.lb-rev-ph{max-width:1180px;margin:30px auto 0;padding:0 20px;display:grid;gap:14px;}\n.lb-rev-card{border:1.5px dashed var(--lb-border);background:var(--lb-soft);border-radius:1.5rem;padding:22px;text-align:center;\n  transition:border-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1);}\n.lb-rev-card:hover{border-color:rgba(26,110,255,.45);transform:translateY(-3px);}\n.lb-rev-stars{display:flex;justify-content:center;gap:5px;color:#C9D9F5;}\n.lb-rev-card p{margin:14px 0 0;font-size:.85rem;line-height:1.6;color:var(--lb-muted);}\n.lb-rev-card .src{margin-top:12px;font-family:var(--lb-display);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lb-blue);}\n@media(min-width:768px){.lb-rev-ph{grid-template-columns:repeat(3,1fr);}}\n<\/style>\n<style>\n.lb-map-wrap{position:relative;overflow:hidden;background:radial-gradient(125% 120% at 72% 8%, #063A8F 0%, #002366 46%, #001535 100%);}\n.lb-map-wrap .lb-eyebrow{color:#8FB6FF;}\n.lb-map-wrap h2{color:#fff;}\n.lb-map-wrap .lb-lead{color:#C2D6FF;}\n.lb-map-grid{display:grid;gap:48px;align-items:center;margin-top:40px;}\n.lb-map-stage{position:relative;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);}.lb-js .lb-map-stage{opacity:1;transform:none;}\n.lb-map-wrap.in .lb-map-stage{opacity:1;transform:none;}\n.lb-map-stage svg{width:100%;height:auto;display:block;overflow:visible;}\n.lb-pk-fill{fill:url(#lbPkFill);}\n.lb-pk-line{fill:none;stroke:url(#lbPkStroke);stroke-width:2;stroke-linejoin:round;}\n.lb-pin{cursor:pointer;transform-box:fill-box;transform-origin:center;\n  transition:opacity .5s ease,transform .55s cubic-bezier(.34,1.56,.64,1);}.lb-js .lb-pin{opacity:1;transform:none;}\n.lb-map-wrap.in .lb-pin{opacity:1;transform:none;}\n.lb-pin .halo{fill:#5E97FF;opacity:0;transform-box:fill-box;transform-origin:center;}\n.lb-map-wrap.in .lb-pin .halo{animation:lbPulse 3.6s ease-out infinite;}\n.lb-pin .dot{fill:#fff;stroke:#1A6EFF;stroke-width:2.4;transition:transform .3s cubic-bezier(.34,1.56,.64,1),fill .3s,stroke .3s;transform-box:fill-box;transform-origin:center;}\n.lb-pin:hover .dot,.lb-pin.is-active .dot{fill:#F4C24B;stroke:#fff;transform:scale(1.4);}\n.lb-pin:focus{outline:none;}\n.lb-pin:focus-visible .dot{stroke:#F4C24B;stroke-width:3.2;}\n.lb-pin .tip{font-family:var(--lb-display);font-weight:600;font-size:15px;fill:#fff;opacity:0;transition:opacity .3s;\n  paint-order:stroke;stroke:rgba(0,10,34,.92);stroke-width:3.4px;pointer-events:none;}\n.lb-pin:hover .tip,.lb-pin.is-active .tip,.lb-pin:focus-visible .tip{opacity:1;}\n@keyframes lbPulse{0%{opacity:.4;transform:scale(.6);}70%{opacity:0;transform:scale(2.1);}100%{opacity:0;transform:scale(2.1);}}\n.lb-office-list{display:grid;gap:9px;}\n.lb-office{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(125,166,255,.22);background:rgba(255,255,255,.045);border-radius:.9rem;padding:13px 15px;cursor:pointer;transition:background .3s,border-color .3s,transform .3s;}\n.lb-office:hover,.lb-office.is-active{background:rgba(255,255,255,.1);border-color:rgba(244,194,75,.6);transform:translateX(5px);}\n.lb-office .num{flex-shrink:0;width:30px;height:30px;border-radius:9px;background:rgba(26,110,255,.22);color:#BBD6FF;display:flex;align-items:center;justify-content:center;font-family:var(--lb-display);font-weight:700;font-size:.8rem;transition:background .3s,color .3s;}\n.lb-office.is-active .num,.lb-office:hover .num{background:#F4C24B;color:#002366;}\n.lb-office .city{font-family:var(--lb-display);font-weight:600;color:#fff;font-size:.92rem;}\n.lb-office .addr{margin-top:2px;font-size:.78rem;line-height:1.5;color:#9FBCF0;}\n.lb-map-cta{margin-top:24px;}\n@media(min-width:1024px){.lb-map-grid{grid-template-columns:1.1fr .9fr;}}\n@media (prefers-reduced-motion: reduce){\n  .lb-map-stage,.lb-pin{opacity:1;transform:none;transition:none;}\n  .lb-map-wrap.in .lb-pin .halo{animation:none;}\n}\n<\/style>\n<style>\n.lb-faq-wrap{scroll-margin-top:90px;}\n.lb-faq-head{max-width:680px;margin:0 auto;text-align:center;}\n.lb-faq-list{max-width:820px;margin:30px auto 0;display:grid;gap:12px;}\n.lb-faq{border:1px solid var(--lb-border);background:var(--lb-soft);border-radius:1.25rem;overflow:hidden;}\n.lb-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;font-family:var(--lb-display);font-weight:700;font-size:1rem;color:var(--lb-navy);}\n.lb-faq summary::-webkit-details-marker{display:none;}\n.lb-faq summary .ico{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#fff;color:var(--lb-blue);display:flex;align-items:center;justify-content:center;transition:transform .25s;}\n.lb-faq[open] summary .ico{transform:rotate(45deg);}\n.lb-faq .ans{padding:0 20px 18px;font-size:.9rem;line-height:1.65;color:var(--lb-muted);}\n.lb-faq-foot{max-width:820px;margin:22px auto 0;text-align:center;}\n.lb-faq-foot p{font-size:.92rem;color:var(--lb-muted);margin-bottom:14px;}\n<\/style>\n<style>\n.lb-final{position:relative;overflow:hidden;background:var(--lb-navy);color:#fff;text-align:center;scroll-margin-top:90px;}\n.lb-final .glow{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(26,110,255,.40),transparent 40%);pointer-events:none;}\n.lb-final-inner{position:relative;max-width:820px;margin:0 auto;}\n.lb-final .emblem{width:64px;height:64px;border-radius:18px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);backdrop-filter:blur(12px);}\n.lb-final h2{color:#fff;}\n.lb-final p{margin:20px auto 0;max-width:660px;font-size:1.05rem;line-height:1.7;color:#C7D8F5;}\n.lb-final-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}\n<\/style>\n<style>\n.lb-footer{background:#fff;border-top:1px solid var(--lb-border);}\n.lb-footer-grid{display:grid;gap:32px;}\n.lb-footer .f-brand{font-family:var(--lb-display);font-weight:800;font-size:1.4rem;color:var(--lb-navy);}\n.lb-footer .f-desc{margin-top:12px;font-size:.88rem;line-height:1.7;color:var(--lb-muted);max-width:320px;}\n.lb-footer h4{font-family:var(--lb-display);font-weight:800;font-size:1rem;color:var(--lb-navy);}\n.lb-footer .f-links{margin-top:14px;display:grid;gap:9px;}\n.lb-footer .f-links a{font-size:.88rem;color:var(--lb-muted);font-weight:600;}\n.lb-footer .f-links a:hover{color:var(--lb-blue);}\n.lb-footer .f-contact{margin-top:14px;display:grid;gap:11px;}\n.lb-footer .f-contact a,.lb-footer .f-contact span{display:flex;align-items:flex-start;gap:9px;font-size:.88rem;color:var(--lb-muted);font-weight:600;}\n.lb-footer .f-contact svg{flex-shrink:0;margin-top:2px;color:var(--lb-blue);}\n.lb-footer .f-actions{margin-top:14px;display:grid;gap:10px;}\n.lb-footer .f-bottom{margin-top:34px;padding-top:20px;border-top:1px solid var(--lb-border);text-align:center;font-size:.82rem;color:var(--lb-muted);}\n.lb-footer .f-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;}\n.lb-footer .f-legal a{font-family:var(--lb-display);font-weight:700;font-size:.84rem;color:var(--lb-navy);}\n.lb-footer .f-legal a:hover{color:var(--lb-blue);}\n.lb-footer .f-legal .sep{color:var(--lb-border);}\n.lb-footer .f-copy{margin-top:12px;}\n@media(min-width:640px){.lb-footer-grid{grid-template-columns:repeat(2,1fr);}}\n@media(min-width:1024px){.lb-footer-grid{grid-template-columns:1.4fr 1fr 1.2fr 1fr;}}\n<\/style>\n<style>\n\/* Paint brush highlight on the hero headline *\/\n.lb-brush{position:relative;display:inline-block;white-space:nowrap;}\n.lb-brush-svg{position:absolute;left:-4%;bottom:-0.14em;width:108%;height:.52em;z-index:-1;}\n.lb-brush-path{fill:none;stroke:var(--lb-blue);stroke-width:17;stroke-linecap:round;opacity:.32;\n  stroke-dasharray:480;stroke-dashoffset:480;\n  animation:lbBrush 1.1s cubic-bezier(.65,0,.35,1) .45s forwards;}\n@keyframes lbBrush{to{stroke-dashoffset:0;}}\n\n\/* Hero entrance: gentle staggered rise *\/\n.lb-hero-text>*{opacity:0;transform:translateY(22px);animation:lbRise .8s cubic-bezier(.22,1,.36,1) forwards;}\n.lb-hero-text>*:nth-child(1){animation-delay:.05s}\n.lb-hero-text>*:nth-child(2){animation-delay:.15s}\n.lb-hero-text>*:nth-child(3){animation-delay:.28s}\n.lb-hero-text>*:nth-child(4){animation-delay:.40s}\n.lb-hero-text>*:nth-child(5){animation-delay:.52s}\n.lb-hero-visual{opacity:0;transform:translateY(26px) scale(.985);animation:lbRise .9s cubic-bezier(.22,1,.36,1) .35s forwards;}\n@keyframes lbRise{to{opacity:1;transform:none;}}\n\n\/* Scroll reveal for sections below the fold.\n   Gated behind .lb-js so content is ALWAYS visible if scripting is off or fails. *\/\n.lb-js .lb-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);}\n.lb-js .lb-reveal.in{opacity:1;transform:none;}\n.lb-js .lb-reveal-child>*{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);}\n.lb-js .lb-reveal-child.in>*{opacity:1;transform:none;}\n.lb-reveal-child.in>*:nth-child(1){transition-delay:.00s}\n.lb-reveal-child.in>*:nth-child(2){transition-delay:.07s}\n.lb-reveal-child.in>*:nth-child(3){transition-delay:.14s}\n.lb-reveal-child.in>*:nth-child(4){transition-delay:.21s}\n.lb-reveal-child.in>*:nth-child(5){transition-delay:.28s}\n.lb-reveal-child.in>*:nth-child(6){transition-delay:.35s}\n.lb-reveal-child.in>*:nth-child(7){transition-delay:.42s}\n.lb-reveal-child.in>*:nth-child(8){transition-delay:.49s}\n\n\/* Button micro physics: refined lift + soft glow (no flashy sheen) *\/\n.lb-scope .lb-btn{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,filter .3s ease;position:relative;}\n.lb-scope .lb-btn:hover{transform:translateY(-2px);}\n.lb-scope .lb-btn-primary:hover{box-shadow:0 16px 36px rgba(26,110,255,.40);filter:brightness(1.05) saturate(1.05);}\n.lb-scope .lb-btn-white:hover{box-shadow:0 14px 32px rgba(0,35,102,.16);}\n.lb-scope .lb-btn:active{transform:translateY(0) scale(.985);transition-duration:.1s;}\n\n\/* Card hover lift, kept subtle *\/\n.lb-scope .lb-hpi,.lb-scope .lb-trust-item{transition:transform .3s cubic-bezier(.22,1,.36,1);}\n.lb-scope .lb-hpi:hover{transform:translateX(4px);}\n.lb-scope .lb-trust-item:hover{transform:translateY(-3px);}\n\n@media (prefers-reduced-motion: reduce){\n  .lb-brush-path{animation:none;stroke-dashoffset:0;}\n  .lb-hero-text>*,.lb-hero-visual{animation:none;opacity:1;transform:none;}\n  .lb-js .lb-reveal,.lb-js .lb-reveal-child>*{opacity:1;transform:none;transition:none;}\n  .lb-scope .lb-btn,.lb-scope .lb-hpi,.lb-scope .lb-trust-item{transition:none;}\n}\n<\/style>\n\n\n\n<!-- ===== section-2-hero.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 2: HERO (v3: solid right-side panel)\n     Paste into the Hero Custom HTML block, REPLACING the old one.\n     ==================================================== -->\n\n<style>\n.lb-hero{position:relative;overflow:hidden;background:radial-gradient(circle at top left,#EEF5FF,#fff 38%,#F5F9FF 100%);}\n.lb-hero-bg{position:absolute;inset:0;pointer-events:none;}\n.lb-hero-bg .b{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;}\n.lb-hero-bg .b1{left:-12%;top:-20%;width:480px;height:480px;background:#D6E6FF;}\n.lb-hero-bg .b2{right:-8%;top:6%;width:360px;height:360px;background:#EEF5FF;}\n.lb-hero-bg .grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(0,35,102,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,35,102,.04) 1px,transparent 1px);background-size:48px 48px;}\n\n.lb-hero-inner{position:relative;display:grid;gap:36px;align-items:center;}\n.lb-hero h1{margin-top:22px;}\n.lb-hero .lb-lead{margin-top:18px;max-width:600px;}\n.lb-hero-actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;}\n.lb-hero-trust{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:620px;}\n.lb-trust-item{border:1px solid var(--lb-border);background:rgba(255,255,255,.8);border-radius:1.25rem;padding:14px 16px;backdrop-filter:blur(12px);}\n.lb-trust-num{font-family:var(--lb-display);font-weight:800;font-size:1rem;color:var(--lb-blue);}\n.lb-trust-label{margin-top:3px;font-family:var(--lb-display);font-weight:700;font-size:.74rem;color:var(--lb-navy);line-height:1.3;}\n\n\/* contained right-side panel (replaces the floating orbital) *\/\n.lb-hero-visual{display:none;}\n@media(min-width:1024px){\n  .lb-hero-inner{grid-template-columns:1fr .82fr;}\n  .lb-hero-trust{grid-template-columns:repeat(4,1fr);}\n  .lb-hero-visual{display:block;}\n}\n.lb-hero-panel{padding:22px;}\n.lb-hp-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--lb-border);padding-bottom:16px;}\n.lb-hp-emblem{width:54px;height:54px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lb-navy),var(--lb-blue));box-shadow:0 12px 30px rgba(0,35,102,.25);}\n.lb-hp-head .ttl{font-family:var(--lb-display);font-weight:800;font-size:1.02rem;color:var(--lb-navy);line-height:1.2;}\n.lb-hp-list{display:grid;gap:11px;margin-top:16px;}\n.lb-hpi{display:flex;gap:12px;align-items:flex-start;background:var(--lb-soft);border:1px solid var(--lb-border);border-radius:1rem;padding:12px 14px;}\n.lb-hpi .ic{width:38px;height:38px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--lb-blue);flex-shrink:0;}\n.lb-hpi .h{font-family:var(--lb-display);font-weight:700;font-size:.9rem;color:var(--lb-navy);}\n.lb-hpi .p{font-size:.78rem;color:var(--lb-muted);line-height:1.4;margin-top:2px;}\n<\/style>\n\n<section class=\"lb-hero lb-section lb-scope\">\n  <div class=\"lb-hero-bg\"><span class=\"b b1\"><\/span><span class=\"b b2\"><\/span><span class=\"grid\"><\/span><\/div>\n  <div class=\"lb-container lb-hero-inner\">\n\n    <div class=\"lb-hero-text\">\n      <span class=\"lb-badge\"><span style=\"width:8px;height:8px;border-radius:50%;background:var(--lb-blue);display:inline-block;\"><\/span> For Everyone in Pakistan and Abroad<\/span>\n\n      <!-- EDIT: headline -->\n      <h1 class=\"lb-heading lb-h1\">Your Legal Matter, Resolved by One of <span class=\"lb-brush\">Pakistan&#8217;s<svg class=\"lb-brush-svg\" viewBox=\"0 0 220 60\" preserveAspectRatio=\"none\" aria-hidden=\"true\"><path class=\"lb-brush-path\" d=\"M8 38 C 40 30, 80 27, 120 29 C 158 31, 192 34, 212 31 M14 46 C 60 40, 120 38, 204 40\" \/><\/svg><\/span> Leading Law Firms<\/h1>\n\n      <!-- EDIT: subheadline -->\n      <p class=\"lb-lead\">From property and inheritance to family, criminal, corporate and tax matters, LawBridge LLP delivers senior legal representation across Pakistan and for clients living abroad.<\/p>\n\n      <div class=\"lb-hero-actions\">\n        <a class=\"lb-btn lb-btn-primary\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20am%20overseas%20and%20need%20legal%20help%20in%20Pakistan\" target=\"_blank\" rel=\"noopener\">WhatsApp Your Case<\/a>\n        <a class=\"lb-btn lb-btn-white\" href=\"#contact\">Book Online Consultation<\/a>\n      <\/div>\n\n      <!-- EDIT: trust badges -->\n      <div class=\"lb-hero-trust\">\n        <div class=\"lb-trust-item\"><div class=\"lb-trust-num\">20+<\/div><div class=\"lb-trust-label\">Years Experience<\/div><\/div>\n        <div class=\"lb-trust-item\"><div class=\"lb-trust-num\">Lincoln&#8217;s Inn<\/div><div class=\"lb-trust-label\">Barrister-at-Law<\/div><\/div>\n        <div class=\"lb-trust-item\"><div class=\"lb-trust-num\">Supreme Court &amp; High Court<\/div><div class=\"lb-trust-label\">Advocates<\/div><\/div>\n        <div class=\"lb-trust-item\"><div class=\"lb-trust-num\">940+<\/div><div class=\"lb-trust-label\">Cases Resolved<\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT PANEL -->\n    <div class=\"lb-hero-visual\">\n      <div class=\"lb-glass-card lb-hero-panel\">\n        <div class=\"lb-hp-head\">\n          <div class=\"lb-hp-emblem\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v18M5 7h14M5 7l-3 6a4 4 0 0 0 6 0L5 7zm14 0l-3 6a4 4 0 0 0 6 0l-3-6zM8 21h8\"\/><\/svg>\n          <\/div>\n          <div class=\"ttl\">What we handle<br>for clients abroad<\/div>\n        <\/div>\n        <div class=\"lb-hp-list\">\n          <div class=\"lb-hpi\"><span class=\"ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><\/svg><\/span><div><div class=\"h\">Property &amp; Inheritance<\/div><div class=\"p\">Protect what&#8217;s yours in Pakistan from abroad.<\/div><\/div><\/div>\n          <div class=\"lb-hpi\"><span class=\"ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm14 10v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span><div><div class=\"h\">Family Matters<\/div><div class=\"p\">Khula, custody and maintenance, handled remotely.<\/div><\/div><\/div>\n          <div class=\"lb-hpi\"><span class=\"ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span><div><div class=\"h\">Cyber Crimes<\/div><div class=\"p\">Protect yourself against online fraud, harassment, data theft and digital offences.<\/div><\/div><\/div>\n          <div class=\"lb-hpi\"><span class=\"ic\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-4\"\/><\/svg><\/span><div><div class=\"h\">White Collar Crimes<\/div><div class=\"p\">Defence and advisory for financial fraud, corruption, embezzlement and corporate offences.<\/div><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ===== section-3-overseas-desk.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 3: OVERSEAS LEGAL DESK\n     Paste into a NEW Custom HTML block, below the Hero.\n     The id=\"overseas\" is what the menu link scrolls to.\n     ==================================================== -->\n\n<style>\n.lb-overseas{scroll-margin-top:90px;}            \/* stops the navy header covering it on menu-click *\/\n\/* Single centred intro column (the old practice-area checklist was removed: it\n   duplicated the Services section, so this band now reads as one clean lead-in). *\/\n.lb-overseas .lb-inner{max-width:760px;margin:0 auto;text-align:center;}\n.lb-overseas .lb-copy .lb-lead{margin-top:18px;margin-left:auto;margin-right:auto;}\n.lb-overseas .lb-actions{margin-top:26px;display:flex;justify-content:center;}\n<\/style>\n\n<section id=\"overseas\" class=\"lb-section lb-bg-white lb-scope lb-overseas\">\n  <div class=\"lb-container lb-inner\">\n\n    <div class=\"lb-copy\">\n      <div class=\"lb-eyebrow\">Remote legal support<\/div>\n      <!-- EDIT: heading + copy -->\n      <h2 class=\"lb-heading lb-h2 lb-mt-2\">A Pakistan Legal Desk for Clients Living Abroad<\/h2>\n      <p class=\"lb-lead\">For overseas Pakistanis dealing with property, inheritance, family, civil or business matters in Pakistan, LawBridge provides legal support through WhatsApp, phone, email, video consultation, document review and court representation.<\/p>\n      <div class=\"lb-actions\">\n        <a class=\"lb-btn lb-btn-primary\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20am%20overseas%20and%20need%20legal%20help%20in%20Pakistan\" target=\"_blank\" rel=\"noopener\">WhatsApp Your Case<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ===== section-4-dashboard.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 4: REMOTE CASE DASHBOARD (v2)\n     Icon + title now sit side by side (compact tiles).\n     Paste into the Dashboard Custom HTML block, REPLACING the old one.\n     ==================================================== -->\n\n<style>\n.lb-dash .lb-dash-head{text-align:center;max-width:680px;margin:0 auto;}\n.lb-dash .lb-lead{margin-top:14px;}\n.lb-dash-card{margin-top:26px;padding:20px;}\n.lb-dash-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--lb-border);padding-bottom:16px;}\n.lb-dash-bar .ttl{font-family:var(--lb-display);font-weight:800;font-size:1.05rem;color:var(--lb-navy);}\n.lb-pill{border-radius:999px;background:var(--lb-ice);color:var(--lb-blue);padding:7px 14px;font-family:var(--lb-display);font-weight:700;font-size:.74rem;white-space:nowrap;}\n.lb-dash-grid{display:grid;gap:14px;margin-top:18px;}\n\n\/* compact tile: icon LEFT, title + text RIGHT *\/\n.lb-tile{display:flex;gap:14px;align-items:flex-start;border-radius:1.25rem;padding:16px 18px;border:1px solid transparent;}\n.lb-tile .tic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.lb-tile .th{font-family:var(--lb-display);font-weight:800;font-size:1rem;line-height:1.2;}\n.lb-tile .tp{margin-top:5px;font-size:.82rem;line-height:1.5;}\n.lb-tile.navy{background:var(--lb-navy);color:#fff;}\n.lb-tile.navy .tic{background:rgba(255,255,255,.12);color:#fff;}\n.lb-tile.navy .tp{color:#C7D8F5;}\n.lb-tile.blue{background:var(--lb-blue);color:#fff;}\n.lb-tile.blue .tic{background:rgba(255,255,255,.18);color:#fff;}\n.lb-tile.blue .tp{color:#EAF1FF;}\n.lb-tile.light{background:var(--lb-soft);color:var(--lb-navy);border-color:var(--lb-border);}\n.lb-tile.light .tic{background:#fff;color:var(--lb-blue);}\n.lb-tile.light .tp{color:var(--lb-muted);}\n\n.lb-progress{margin-top:14px;background:var(--lb-soft);border:1px solid var(--lb-border);border-radius:1.25rem;padding:18px;}\n.lb-progress-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}\n.lb-progress-top .h{font-family:var(--lb-display);font-weight:800;color:var(--lb-navy);}\n.lb-progress-top .s{margin-top:3px;font-size:.82rem;color:var(--lb-muted);}\n.lb-bar{margin-top:14px;height:12px;border-radius:999px;background:#fff;overflow:hidden;border:1px solid var(--lb-border);}\n.lb-bar span{display:block;height:100%;width:62%;border-radius:999px;background:linear-gradient(90deg,var(--lb-blue),var(--lb-blue-dark));}\n@media(min-width:768px){.lb-dash-grid{grid-template-columns:repeat(2,1fr);}}\n@media(min-width:1024px){.lb-dash-card{max-width:960px;margin-left:auto;margin-right:auto;}}\n\n\/* ---- \"How Your Case Moves\": one vertical case journey.\n   The rail draws downward once when the card enters view (.in is added by\n   the scroll-reveal), each stage wakes as the line reaches it, then the\n   whole thing rests. Same vocabulary as the rest of the site: rounded icon\n   chips, Sora headings, navy\/blue\/ice. ---- *\/\n.lb-journey{position:relative;margin-top:10px;}\n.lb-jlist{margin:0;padding:0;list-style:none;position:relative;}\n.lb-jline{position:absolute;left:25px;top:41px;bottom:41px;width:2px;border-radius:2px;background:var(--lb-border);overflow:hidden;}\n.lb-jline .fill{position:absolute;left:0;top:0;width:100%;height:0;border-radius:2px;\n  background:linear-gradient(180deg,var(--lb-blue),var(--lb-blue-dark));transition:height 1.6s cubic-bezier(.65,0,.35,1) .25s;}\n.lb-dash-card.in .lb-jline .fill{height:100%;}\n\n.lb-jstep{position:relative;display:flex;gap:18px;align-items:flex-start;padding:15px 0;\n  opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1);}\n.lb-dash-card.in .lb-jstep{opacity:1;transform:none;transition-delay:calc(var(--i) * .35s);}\n\n.lb-jnode{position:relative;z-index:1;flex-shrink:0;width:52px;height:52px;border-radius:16px;background:#fff;\n  border:1px solid var(--lb-border);display:flex;align-items:center;justify-content:center;color:var(--lb-muted);\n  transition:color .5s ease,border-color .5s ease,box-shadow .5s ease;}\n.lb-dash-card.in .lb-jnode{color:var(--lb-blue);border-color:rgba(26,110,255,.45);\n  box-shadow:0 10px 24px rgba(26,110,255,.13);transition-delay:calc(var(--i) * .35s + .3s);}\n.lb-dash-card.in .lb-jstep:last-child .lb-jnode{animation:lbNodePulse 3.2s ease-out 2.2s infinite;}\n@keyframes lbNodePulse{0%{box-shadow:0 0 0 0 rgba(26,110,255,.28);}60%{box-shadow:0 0 0 10px rgba(26,110,255,0);}100%{box-shadow:0 0 0 0 rgba(26,110,255,0);}}\n\n.lb-jbody{padding-top:2px;}\n.lb-jbody .k{font-family:var(--lb-display);font-weight:700;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lb-blue);}\n.lb-jbody .t{margin-top:4px;font-family:var(--lb-display);font-weight:800;font-size:1.05rem;color:var(--lb-navy);line-height:1.25;}\n.lb-jbody .p{margin-top:5px;font-size:.88rem;line-height:1.6;color:var(--lb-muted);max-width:540px;}\n\n.lb-jstep .ghost{display:none;}\n@media(min-width:1024px){\n  .lb-jstep .ghost{display:block;position:absolute;right:8px;top:50%;transform:translateY(-50%);\n    font-family:var(--lb-display);font-weight:800;font-size:2.6rem;letter-spacing:-.04em;color:rgba(0,35,102,.07);pointer-events:none;}\n}\n\n.lb-jfoot{margin-top:14px;padding-top:16px;border-top:1px solid var(--lb-border);\n  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}\n.lb-jfoot p{margin:0;font-size:.88rem;color:var(--lb-muted);}\n\n@media (prefers-reduced-motion: reduce){\n  .lb-jstep{opacity:1;transform:none;transition:none;}\n  .lb-jline .fill{height:100%;transition:none;}\n  .lb-jnode{color:var(--lb-blue);border-color:rgba(26,110,255,.45);transition:none;}\n  .lb-dash-card.in .lb-jstep:last-child .lb-jnode{animation:none;}\n}\n<\/style>\n\n<section class=\"lb-section lb-bg-ice lb-scope lb-dash\">\n  <div class=\"lb-container\">\n\n    <div class=\"lb-dash-head\">\n      <div class=\"lb-eyebrow\">Remote case room<\/div>\n      <h2 class=\"lb-heading lb-h2 lb-mt-2\">Your Case, Managed Like a Modern Case Room<\/h2>\n      <p class=\"lb-lead\">Everything your matter needs (consultations, documents, representation and updates) handled remotely and kept clear from start to finish.<\/p>\n    <\/div>\n\n    <div class=\"lb-glass-card lb-dash-card\">\n      <div class=\"lb-dash-bar\">\n        <div class=\"ttl\">How Your Case Moves<\/div>\n        <div class=\"lb-pill\">Remote-ready<\/div>\n      <\/div>\n\n      <div class=\"lb-journey\">\n        <ol class=\"lb-jlist\">\n          <div class=\"lb-jline\" aria-hidden=\"true\"><span class=\"fill\"><\/span><\/div>\n          <li class=\"lb-jstep\" style=\"--i:0\">\n            <div class=\"lb-jnode\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/div>\n            <div class=\"lb-jbody\">\n              <div class=\"k\">Step 01<\/div>\n              <div class=\"t\">Document Review<\/div>\n              <div class=\"p\">Send case papers, notices and files by WhatsApp or email for review.<\/div>\n            <\/div>\n            <div class=\"ghost\" aria-hidden=\"true\">01<\/div>\n          <\/li>\n          <li class=\"lb-jstep\" style=\"--i:1\">\n            <div class=\"lb-jnode\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\" ry=\"2\"\/><\/svg><\/div>\n            <div class=\"lb-jbody\">\n              <div class=\"k\">Step 02<\/div>\n              <div class=\"t\">Video Consultation<\/div>\n              <div class=\"p\">Start with a face-to-face discussion of your matter, without travelling to our office.<\/div>\n            <\/div>\n            <div class=\"ghost\" aria-hidden=\"true\">02<\/div>\n          <\/li>\n          <li class=\"lb-jstep\" style=\"--i:2\">\n            <div class=\"lb-jnode\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-4\"\/><\/svg><\/div>\n            <div class=\"lb-jbody\">\n              <div class=\"k\">Step 03<\/div>\n              <div class=\"t\">Court Representation<\/div>\n              <div class=\"p\">We appear before the relevant court in Pakistan on your behalf.<\/div>\n            <\/div>\n            <div class=\"ghost\" aria-hidden=\"true\">03<\/div>\n          <\/li>\n          <li class=\"lb-jstep\" style=\"--i:3\">\n            <div class=\"lb-jnode\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 0 1-3.4 0\"\/><\/svg><\/div>\n            <div class=\"lb-jbody\">\n              <div class=\"k\">Step 04<\/div>\n              <div class=\"t\">Matter Updates<\/div>\n              <div class=\"p\">You receive regular progress updates by WhatsApp, phone and email.<\/div>\n            <\/div>\n            <div class=\"ghost\" aria-hidden=\"true\">04<\/div>\n          <\/li>\n        <\/ol>\n        <div class=\"lb-jfoot\">\n          <p>One matter, one team, one clear thread of updates.<\/p>\n          <div class=\"lb-pill\">Clear at every step<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<!-- ===== section-6-services.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 6: MATTER PATHWAYS \/ SERVICES (v2)\n     Icon + title on one line. No corner tags.\n     Paste into the Services Custom HTML block, REPLACING the old one.\n     ==================================================== -->\n\n<style>\n.lb-svc-wrap{scroll-margin-top:90px;}\n.lb-svc-head{display:grid;gap:18px;align-items:end;}\n.lb-svc-head .side{font-size:.98rem;line-height:1.7;color:var(--lb-muted);}\n.lb-svc-grid{display:grid;gap:16px;margin-top:34px;}\n\n.lb-svc{position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--lb-border);background:#fff;border-radius:1.75rem;padding:22px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;}\n\/* One standout state, two triggers: hover on desktop, scroll spotlight (.is-spot) on touch screens *\/\n.lb-svc:hover,.lb-svc.is-spot{transform:translateY(-5px) scale(1.015);box-shadow:0 24px 70px rgba(0,35,102,.14);border-color:rgba(26,110,255,.45);}\n.lb-svc-blob{position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:var(--lb-ice);transition:transform .35s ease;}\n.lb-svc:hover .lb-svc-blob,.lb-svc.is-spot .lb-svc-blob{transform:scale(1.3);}\n\n\/* icon + title side by side *\/\n.lb-svc-row{position:relative;display:flex;align-items:center;gap:14px;}\n.lb-svc-ic{width:52px;height:52px;border-radius:15px;background:var(--lb-soft);color:var(--lb-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .35s ease,color .35s ease;}\n.lb-svc:hover .lb-svc-ic,.lb-svc.is-spot .lb-svc-ic{background:var(--lb-blue);color:#fff;}\n.lb-svc-title{font-family:var(--lb-display);font-weight:800;font-size:1.25rem;color:var(--lb-navy);line-height:1.2;margin:0;}\n\n.lb-svc-desc{position:relative;margin-top:14px;font-size:.88rem;line-height:1.6;color:var(--lb-muted);flex-grow:1;}\n.lb-svc-cta{position:relative;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--lb-soft);border-radius:14px;padding:12px 16px;font-family:var(--lb-display);font-weight:700;font-size:.86rem;color:var(--lb-navy);transition:background .35s ease,color .35s ease;}\n.lb-svc:hover .lb-svc-cta,.lb-svc.is-spot .lb-svc-cta{background:var(--lb-blue);color:#fff;}\n.lb-svc-cta svg{transition:transform .35s cubic-bezier(.22,1,.36,1);}\n.lb-svc:hover .lb-svc-cta svg,.lb-svc.is-spot .lb-svc-cta svg{transform:translateX(4px);}\n\n@media(min-width:768px){\n  .lb-svc-head{grid-template-columns:1.5fr 1fr;}\n  .lb-svc-grid{grid-template-columns:repeat(2,1fr);}\n}\n@media(min-width:1024px){.lb-svc-grid{grid-template-columns:repeat(3,1fr);}}\n<\/style>\n\n<section id=\"services\" class=\"lb-section lb-bg-soft lb-scope lb-svc-wrap\">\n  <div class=\"lb-container\">\n\n    <div class=\"lb-svc-head\">\n      <div>\n        <div class=\"lb-eyebrow\">Matter pathways<\/div>\n        <h2 class=\"lb-heading lb-h2 lb-mt-2\">Choose the Legal Route Closest to Your Problem<\/h2>\n      <\/div>\n      <p class=\"side\">Each card leads straight to a real conversation about your matter, not a vague &#8220;contact us&#8221; page.<\/p>\n    <\/div>\n\n    <div class=\"lb-svc-grid\">\n\n      <!-- REAL ESTATE \/ PROPERTY -->\n      <a class=\"lb-svc\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20need%20help%20with%20a%20property%20matter%20in%20Pakistan.\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"lb-svc-blob\"><\/div>\n        <div class=\"lb-svc-row\">\n          <span class=\"lb-svc-ic\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/span>\n          <h3 class=\"lb-svc-title\">Real Estate \/ Property<\/h3>\n        <\/div>\n        <p class=\"lb-svc-desc\">Land, ownership, possession, illegal occupation, fraud and title or documentation matters.<\/p>\n        <span class=\"lb-svc-cta\">Discuss Property Case <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n      <\/a>\n\n      <!-- FAMILY LAW -->\n      <a class=\"lb-svc\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20need%20help%20with%20a%20family%20matter%20in%20Pakistan.\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"lb-svc-blob\"><\/div>\n        <div class=\"lb-svc-row\">\n          <span class=\"lb-svc-ic\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span>\n          <h3 class=\"lb-svc-title\">Family Law<\/h3>\n        <\/div>\n        <p class=\"lb-svc-desc\">Divorce, khula, custody, maintenance, guardianship and sensitive family matters.<\/p>\n        <span class=\"lb-svc-cta\">Speak to Family Lawyer <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n      <\/a>\n\n      <!-- CRIMINAL LAW -->\n      <a class=\"lb-svc\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20need%20help%20with%20a%20criminal%20matter%20in%20Pakistan.\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"lb-svc-blob\"><\/div>\n        <div class=\"lb-svc-row\">\n          <span class=\"lb-svc-ic\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/span>\n          <h3 class=\"lb-svc-title\">Criminal Law<\/h3>\n        <\/div>\n        <p class=\"lb-svc-desc\">Defence representation for serious criminal charges, bail, trials and appellate matters.<\/p>\n        <span class=\"lb-svc-cta\">Speak to Criminal Lawyer <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n      <\/a>\n\n      <!-- MINES & MINERALS -->\n      <a class=\"lb-svc\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20need%20help%20with%20a%20mines%20and%20minerals%20matter%20in%20Pakistan.\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"lb-svc-blob\"><\/div>\n        <div class=\"lb-svc-row\">\n          <span class=\"lb-svc-ic\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3h12l4 6-10 13L2 9z\"\/><path d=\"M11 3 8 9l4 13 4-13-3-6\"\/><path d=\"M2 9h20\"\/><\/svg><\/span>\n          <h3 class=\"lb-svc-title\">Mines &amp; Minerals<\/h3>\n        <\/div>\n        <p class=\"lb-svc-desc\">Licensing, disputes, regulatory compliance and legal advisory for mining and mineral matters.<\/p>\n        <span class=\"lb-svc-cta\">Discuss Mines &amp; Minerals Matter <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n      <\/a>\n\n      <!-- ENERGY LAW -->\n      <a class=\"lb-svc\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20need%20help%20with%20an%20energy%20law%20matter%20in%20Pakistan.\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"lb-svc-blob\"><\/div>\n        <div class=\"lb-svc-row\">\n          <span class=\"lb-svc-ic\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/span>\n          <h3 class=\"lb-svc-title\">Energy Law<\/h3>\n        <\/div>\n        <p class=\"lb-svc-desc\">Contracts, regulatory matters, disputes and legal support across the energy and utilities sector.<\/p>\n        <span class=\"lb-svc-cta\">Discuss Energy Law Matter <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n      <\/a>\n\n      <!-- CORPORATE LAW -->\n      <a class=\"lb-svc\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20need%20help%20with%20a%20corporate%20or%20business%20matter%20in%20Pakistan.\" target=\"_blank\" rel=\"noopener\">\n        <div class=\"lb-svc-blob\"><\/div>\n        <div class=\"lb-svc-row\">\n          <span class=\"lb-svc-ic\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/span>\n          <h3 class=\"lb-svc-title\">Corporate Law<\/h3>\n        <\/div>\n        <p class=\"lb-svc-desc\">Contracts, compliance, company matters, shareholder disputes and business support.<\/p>\n        <span class=\"lb-svc-cta\">Get Corporate Legal Advice <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"lb-text-center lb-mt-4\">\n      <a class=\"lb-btn lb-btn-white\" href=\"\/practice-areas\/\">View All Practice Areas<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ===== section-7-decision-cta.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 7: DECISION CTA (navy)\n     Paste into a NEW Custom HTML block, below Services.\n     ==================================================== -->\n\n<style>\n.lb-decision{position:relative;overflow:hidden;background:var(--lb-navy);color:#fff;}\n.lb-decision .tex{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;}\n.lb-decision .glow{position:absolute;right:-140px;top:-160px;width:420px;height:420px;border-radius:50%;background:rgba(26,110,255,.35);filter:blur(90px);pointer-events:none;}\n.lb-decision-inner{position:relative;display:grid;gap:26px;align-items:center;}\n.lb-decision .lb-eyebrow{color:#9FC2FF;}\n.lb-decision h2{color:#fff;margin-top:14px;}\n.lb-decision p{margin-top:16px;font-size:1.05rem;line-height:1.7;color:#C7D8F5;max-width:640px;}\n.lb-decision-actions{display:grid;gap:12px;}\n@media(min-width:768px){\n  .lb-decision-inner{grid-template-columns:1.4fr 1fr;}\n  .lb-decision-actions{align-content:center;}\n}\n<\/style>\n\n<section class=\"lb-section lb-scope lb-decision\">\n  <span class=\"tex\"><\/span>\n  <span class=\"glow\"><\/span>\n  <div class=\"lb-container lb-decision-inner\">\n\n    <div>\n      <div class=\"lb-eyebrow\">Decision point<\/div>\n      <!-- EDIT: heading + copy -->\n      <h2 class=\"lb-heading lb-h2\">Not Sure Where to Start With Your Legal Matter?<\/h2>\n      <p>Whether you are based in Pakistan or living abroad, send us your case details. Our team will guide you on the next practical step before you spend time, money or effort on the wrong move.<\/p>\n    <\/div>\n\n    <div class=\"lb-decision-actions\">\n      <a class=\"lb-btn lb-btn-primary\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20am%20overseas%20and%20not%20sure%20how%20to%20handle%20my%20legal%20matter%20in%20Pakistan.\" target=\"_blank\" rel=\"noopener\">WhatsApp Your Case<\/a>\n      <a class=\"lb-btn lb-btn-white\" href=\"#contact\">Book Online Consultation<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ===== section-8-barrister.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 8: BARRISTER AUTHORITY\n     id=\"barrister\" is the menu target.\n     Photo is a placeholder panel for now (see note at bottom\n     for how to drop in the real photo later).\n     Paste into a NEW Custom HTML block, below the Decision CTA.\n     ==================================================== -->\n\n<style>\n.lb-auth-wrap{scroll-margin-top:90px;}\n.lb-auth-card{padding:18px;}\n.lb-auth-inner{display:grid;gap:20px;}\n\n\/* PHOTO panel (placeholder for now) *\/\n.lb-auth-photo{\n  position:relative;min-height:340px;border-radius:1.5rem;overflow:hidden;\n  background:url('\/wp-content\/uploads\/2026\/06\/Barrister_Bilal_Ashraf_LawBridge_LLP.png') center bottom\/cover no-repeat,\n             linear-gradient(150deg,var(--lb-navy),#003B7A,var(--lb-blue));\n  display:flex;flex-direction:column;justify-content:flex-end;\n  padding:24px;color:#fff;\n}\n.lb-auth-photo::before{content:\"\";position:absolute;inset:0;\n  background:radial-gradient(120% 90% at 80% 10%,rgba(127,176,255,.28),transparent 55%),\n             linear-gradient(to top,rgba(0,10,34,.55),transparent 45%);pointer-events:none;}\n.lb-auth-photo::after{content:\"\";position:absolute;inset:0;border-radius:inherit;\n  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);pointer-events:none;}\n.lb-auth-photo>*{position:relative;}\n.lb-auth-photo .pic-ic{position:absolute;top:24px;left:24px;opacity:.9;}\n.lb-auth-photo .role{font-family:var(--lb-display);font-weight:700;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#9FC2FF;}\n.lb-auth-photo .nm{font-family:var(--lb-display);font-weight:800;font-size:1.7rem;line-height:1.1;margin-top:6px;color:#fff;}\n\n\/* BODY *\/\n.lb-auth-body{padding:6px;}\n.lb-auth-sub{font-family:var(--lb-display);font-weight:700;color:var(--lb-blue);font-size:.95rem;margin-top:8px;}\n.lb-auth-body p.bio{margin-top:16px;font-size:.95rem;line-height:1.7;color:var(--lb-muted);}\n.lb-cred-list{display:grid;gap:10px;margin-top:18px;}\n.lb-cred{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid var(--lb-border);border-radius:1rem;padding:12px 14px;\n  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease;}\n.lb-cred:hover{transform:translateX(5px);border-color:rgba(26,110,255,.45);box-shadow:0 10px 28px rgba(0,35,102,.08);}\n.lb-cred svg{flex-shrink:0;color:var(--lb-blue);background:var(--lb-ice);border-radius:8px;padding:4px;width:26px;height:26px;}\n.lb-cred span{font-family:var(--lb-display);font-weight:600;font-size:.88rem;color:var(--lb-navy);line-height:1.4;}\n.lb-auth-actions{margin-top:20px;}\n\n@media(max-width:899px){\n  .lb-auth-photo{min-height:430px;background-position:center top;}\n}\n@media(min-width:900px){\n  .lb-auth-inner{grid-template-columns:.85fr 1.15fr;align-items:stretch;}\n  .lb-auth-photo{min-height:100%;}\n}\n<\/style>\n\n<section id=\"barrister\" class=\"lb-section lb-bg-ice lb-scope lb-auth-wrap\">\n  <div class=\"lb-container\">\n    <div class=\"lb-glass-card lb-auth-card\">\n      <div class=\"lb-auth-inner\">\n\n        <!-- PHOTO PANEL (placeholder) -->\n        <div class=\"lb-auth-photo\">\n          <div>\n            <div class=\"role\">Senior Partner<\/div>\n            <div class=\"nm\">Barrister<br>Bilal Ashraf<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- BODY -->\n        <div class=\"lb-auth-body\">\n          <div class=\"lb-eyebrow\">Lawyer-led trust<\/div>\n          <!-- EDIT: heading, subheading, bio -->\n          <h2 class=\"lb-heading lb-h2 lb-mt-2\">Barrister Bilal Ashraf<\/h2>\n          <div class=\"lb-auth-sub\">Senior Partner, LawBridge LLP<\/div>\n          <p class=\"bio\">Barrister Bilal Ashraf is a Barrister-at-Law from Lincoln&#8217;s Inn and an Advocate of the High Court with 20+ years of experience advising and representing clients across constitutional, criminal, taxation, property, family and corporate matters, in Pakistan and for clients living abroad.<\/p>\n\n          <!-- EDIT: credentials -->\n          <div class=\"lb-cred-list\">\n            <div class=\"lb-cred\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Barrister-at-Law, Lincoln&#8217;s Inn<\/span><\/div>\n            <div class=\"lb-cred\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Advocate, High Court<\/span><\/div>\n            <div class=\"lb-cred\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>20+ Years of Experience<\/span><\/div>\n            <div class=\"lb-cred\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Constitutional, Criminal, Taxation, Property, Family &amp; Corporate Law<\/span><\/div>\n            <div class=\"lb-cred\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Eight Offices Across Pakistan<\/span><\/div>\n          <\/div>\n\n          <div class=\"lb-auth-actions\">\n            <a class=\"lb-btn lb-btn-primary\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20would%20like%20to%20speak%20with%20your%20legal%20team.\" target=\"_blank\" rel=\"noopener\">Speak With Our Legal Team<\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ===== section-9-intake.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 9: INTAKE \/ GET GUIDANCE (button version)\n     Replaces the whole form section with a clean action card.\n     ==================================================== -->\n\n<style>\n.lb-intake-head{max-width:640px;margin:0 auto;text-align:center;}\n.lb-intake-head .lb-lead{margin-top:14px;}\n\n.lb-intake-card{max-width:520px;margin:28px auto 0;padding:26px;text-align:center;}\n.lb-intake-emblem{width:58px;height:58px;border-radius:16px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lb-navy),var(--lb-blue));color:#fff;box-shadow:0 12px 30px rgba(0,35,102,.25);}\n.lb-intake-card h3{font-family:var(--lb-display);font-weight:800;font-size:1.25rem;color:var(--lb-navy);margin-top:14px;}\n.lb-intake-points{display:grid;gap:9px;margin:18px 0 22px;text-align:left;}\n.lb-intake-points div{display:flex;align-items:center;gap:10px;font-family:var(--lb-display);font-weight:600;font-size:.88rem;color:var(--lb-navy);}\n.lb-intake-points svg{flex-shrink:0;color:var(--lb-blue);}\n.lb-intake-actions{display:grid;gap:11px;}\n.lb-intake-or{margin-top:14px;font-size:.82rem;color:var(--lb-muted);}\n.lb-intake-or a{color:var(--lb-blue);font-weight:700;}\n<\/style>\n\n<section class=\"lb-section lb-bg-soft lb-scope\">\n  <div class=\"lb-container\">\n\n    <div class=\"lb-intake-head\">\n      <div class=\"lb-eyebrow\">Get legal guidance<\/div>\n      <!-- EDIT: heading + line -->\n      <h2 class=\"lb-heading lb-h2 lb-mt-2\">Request Legal Guidance, Wherever You Are<\/h2>\n      <p class=\"lb-lead\">Tell us about your matter and you will get a confidential review, a clear next step and senior legal attention, whether you are in Pakistan or anywhere in the world.<\/p>\n    <\/div>\n\n    <div class=\"lb-glass-card lb-intake-card\">\n      <div class=\"lb-intake-emblem\">\n        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n      <\/div>\n      <h3>Start a confidential conversation<\/h3>\n\n      <div class=\"lb-intake-points\">\n        <div><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Confidential review of your matter<\/div>\n        <div><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> A clear, practical next step<\/div>\n        <div><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Senior legal attention, not a call centre<\/div>\n      <\/div>\n\n      <div class=\"lb-intake-actions\">\n        <a class=\"lb-btn lb-btn-primary lb-btn-block\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20am%20overseas%20and%20would%20like%20legal%20guidance%20for%20a%20matter%20in%20Pakistan.\" target=\"_blank\" rel=\"noopener\">WhatsApp Your Case<\/a>\n        <a class=\"lb-btn lb-btn-outline lb-btn-block\" href=\"#contact\">Book Online Consultation<\/a>\n      <\/div>\n\n      <div class=\"lb-intake-or\">Prefer to write it out? <a href=\"#contact\">Use the contact form \u2192<\/a><\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<!-- ===== section-11-reviews-heading.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 11: REVIEWS  (heading + widget alignment)\n     REPLACE the contents of your existing reviews Custom HTML block\n     with this. Leave the Group and the Shortcode as they are.\n     ==================================================== -->\n\n<style>\n.lb-reviews-anchor{scroll-margin-top:90px;}\n.lb-reviews-head{max-width:680px;margin:0 auto;text-align:center;}\n.lb-reviews-head .lb-lead{margin-top:14px;}\n\n\/* Keep the Trustindex widget aligned with the rest of the site\n   (centered, same max width, with side padding on small screens) *\/\n.lb-reviews .ti-widget{\n  max-width:1180px !important;\n  margin-left:auto !important;\n  margin-right:auto !important;\n  padding-left:20px;\n  padding-right:20px;\n  box-sizing:border-box;\n  margin-top:26px;\n}\n<\/style>\n\n<div id=\"reviews\" class=\"lb-reviews-anchor lb-reviews-head lb-scope\">\n  <div class=\"lb-eyebrow\">Client trust<\/div>\n  <!-- EDIT: heading + line -->\n  <h2 class=\"lb-heading lb-h2 lb-mt-2\">What Our Clients Say<\/h2>\n  <p class=\"lb-lead\">Real reviews from clients in the UK, UAE, Canada, Saudi Arabia and across Pakistan.<\/p>\n<\/div>\n\n<!-- PLACEHOLDER until the owner connects Trustindex: no invented reviews or\n     ratings, just a clean slot showing where the live Google reviews land. -->\n<style>\n.lb-rev-ph{max-width:1180px;margin:30px auto 0;padding:0 20px;display:grid;gap:14px;}\n.lb-rev-card{border:1.5px dashed var(--lb-border);background:var(--lb-soft);border-radius:1.5rem;padding:22px;text-align:center;\n  transition:border-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1);}\n.lb-rev-card:hover{border-color:rgba(26,110,255,.45);transform:translateY(-3px);}\n.lb-rev-stars{display:flex;justify-content:center;gap:5px;color:#C9D9F5;}\n.lb-rev-card p{margin:14px 0 0;font-size:.85rem;line-height:1.6;color:var(--lb-muted);}\n.lb-rev-card .src{margin-top:12px;font-family:var(--lb-display);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lb-blue);}\n@media(min-width:768px){.lb-rev-ph{grid-template-columns:repeat(3,1fr);}}\n<\/style>\n<div class=\"lb-rev-ph lb-scope\" aria-hidden=\"true\">\n  <div class=\"lb-rev-card\">\n    <div class=\"lb-rev-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div>\n    <p>Your real Google reviews will appear here once your profile is connected.<\/p>\n    <div class=\"src\">Google Reviews<\/div>\n  <\/div>\n  <div class=\"lb-rev-card\">\n    <div class=\"lb-rev-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div>\n    <p>Each card shows the reviewer&#8217;s name, their rating and their words, pulled live.<\/p>\n    <div class=\"src\">Google Reviews<\/div>\n  <\/div>\n  <div class=\"lb-rev-card\">\n    <div class=\"lb-rev-stars\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div>\n    <p>Updates automatically as new clients leave reviews, nothing to maintain.<\/p>\n    <div class=\"src\">Google Reviews<\/div>\n  <\/div>\n<\/div>\n\n\n<!-- ===== NEW: SEVEN OFFICES, INTERACTIVE PAKISTAN MAP ===== -->\n<style>\n.lb-map-wrap{position:relative;overflow:hidden;background:radial-gradient(125% 120% at 72% 8%, #063A8F 0%, #002366 46%, #001535 100%);}\n.lb-map-wrap .lb-eyebrow{color:#8FB6FF;}\n.lb-map-wrap h2{color:#fff;}\n.lb-map-wrap .lb-lead{color:#C2D6FF;}\n.lb-map-grid{display:grid;gap:48px;align-items:center;margin-top:40px;}\n.lb-map-stage{position:relative;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);}.lb-js .lb-map-stage{opacity:1;transform:none;}\n.lb-map-wrap.in .lb-map-stage{opacity:1;transform:none;}\n.lb-map-stage svg{width:100%;height:auto;display:block;overflow:visible;}\n.lb-pk-fill{fill:url(#lbPkFill);}\n.lb-pk-line{fill:none;stroke:url(#lbPkStroke);stroke-width:2;stroke-linejoin:round;}\n.lb-pin{cursor:pointer;transform-box:fill-box;transform-origin:center;\n  transition:opacity .5s ease,transform .55s cubic-bezier(.34,1.56,.64,1);}.lb-js .lb-pin{opacity:1;transform:none;}\n.lb-map-wrap.in .lb-pin{opacity:1;transform:none;}\n.lb-pin .halo{fill:#5E97FF;opacity:0;transform-box:fill-box;transform-origin:center;}\n.lb-map-wrap.in .lb-pin .halo{animation:lbPulse 3.6s ease-out infinite;}\n.lb-pin .dot{fill:#fff;stroke:#1A6EFF;stroke-width:2.4;transition:transform .3s cubic-bezier(.34,1.56,.64,1),fill .3s,stroke .3s;transform-box:fill-box;transform-origin:center;}\n.lb-pin:hover .dot,.lb-pin.is-active .dot{fill:#F4C24B;stroke:#fff;transform:scale(1.4);}\n.lb-pin:focus{outline:none;}\n.lb-pin:focus-visible .dot{stroke:#F4C24B;stroke-width:3.2;}\n.lb-pin .tip{font-family:var(--lb-display);font-weight:600;font-size:15px;fill:#fff;opacity:0;transition:opacity .3s;\n  paint-order:stroke;stroke:rgba(0,10,34,.92);stroke-width:3.4px;pointer-events:none;}\n.lb-pin:hover .tip,.lb-pin.is-active .tip,.lb-pin:focus-visible .tip{opacity:1;}\n@keyframes lbPulse{0%{opacity:.4;transform:scale(.6);}70%{opacity:0;transform:scale(2.1);}100%{opacity:0;transform:scale(2.1);}}\n.lb-office-list{display:grid;gap:9px;}\n.lb-office{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(125,166,255,.22);background:rgba(255,255,255,.045);border-radius:.9rem;padding:13px 15px;cursor:pointer;transition:background .3s,border-color .3s,transform .3s;}\n.lb-office:hover,.lb-office.is-active{background:rgba(255,255,255,.1);border-color:rgba(244,194,75,.6);transform:translateX(5px);}\n.lb-office .num{flex-shrink:0;width:30px;height:30px;border-radius:9px;background:rgba(26,110,255,.22);color:#BBD6FF;display:flex;align-items:center;justify-content:center;font-family:var(--lb-display);font-weight:700;font-size:.8rem;transition:background .3s,color .3s;}\n.lb-office.is-active .num,.lb-office:hover .num{background:#F4C24B;color:#002366;}\n.lb-office .city{font-family:var(--lb-display);font-weight:600;color:#fff;font-size:.92rem;}\n.lb-office .addr{margin-top:2px;font-size:.78rem;line-height:1.5;color:#9FBCF0;}\n.lb-map-cta{margin-top:24px;}\n@media(min-width:1024px){.lb-map-grid{grid-template-columns:1.1fr .9fr;}}\n@media (prefers-reduced-motion: reduce){\n  .lb-map-stage,.lb-pin{opacity:1;transform:none;transition:none;}\n  .lb-map-wrap.in .lb-pin .halo{animation:none;}\n}\n\/* === Custom location pins (premium teardrop markers) === *\/\n.lb-pinlayer{position:absolute;inset:0;pointer-events:none;}\n.lb-mappin{position:absolute;width:0;height:0;padding:0;margin:0;border:0;background:none;cursor:pointer;pointer-events:auto;z-index:2;-webkit-tap-highlight-color:transparent;}\n.lb-mappin:focus{outline:none;}\n\/* a hovered\/open\/active pin floats its whole layer above the others so its popup is never covered *\/\n.lb-mappin:hover,.lb-mappin:focus-within,.lb-mappin.is-open,.lb-mappin.is-active{z-index:40;}\n.lb-mappin-shadow{position:absolute;left:-7px;bottom:-5px;width:14px;height:5px;background:radial-gradient(ellipse at center,rgba(0,4,16,.42),rgba(0,4,16,0) 72%);border-radius:50%;transition:width .28s ease,left .28s ease,opacity .28s ease;}\n.lb-mappin-head{position:absolute;left:-16px;top:-39px;width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);transform-origin:center;\n  background:linear-gradient(135deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.10) 34%,rgba(255,255,255,0) 52%),linear-gradient(140deg,#73abff 0%,#2f7bff 46%,#1356d0 100%);\n  border:2px solid rgba(225,237,255,.92);\n  box-shadow:0 7px 15px rgba(3,14,40,.55),0 2px 5px rgba(3,14,40,.45);\n  transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,filter .28s ease;}\n.lb-mappin-head::after{content:\"\";position:absolute;top:50%;left:50%;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffffff,#e8f1ff);transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px rgba(3,14,40,.42),0 0 0 1px rgba(3,14,40,.05);}\n.lb-mappin:hover .lb-mappin-head,.lb-mappin:focus-visible .lb-mappin-head,.lb-mappin.is-open .lb-mappin-head,.lb-mappin.is-active .lb-mappin-head{transform:translateY(-3px) rotate(-45deg) scale(1.12);filter:saturate(1.08) brightness(1.05);box-shadow:0 14px 26px rgba(3,14,40,.6),0 0 0 6px rgba(86,150,255,.16),0 0 22px rgba(86,150,255,.55);}\n.lb-mappin:hover .lb-mappin-shadow,.lb-mappin:focus-visible .lb-mappin-shadow,.lb-mappin.is-open .lb-mappin-shadow,.lb-mappin.is-active .lb-mappin-shadow{width:20px;left:-10px;opacity:.8;}\n\/* popup (office location) *\/\n.lb-mappin-tip{position:absolute;left:50%;bottom:50px;width:240px;\n  background:linear-gradient(180deg,rgba(20,34,62,.98),rgba(10,19,38,.98));\n  border:1px solid rgba(96,165,250,.5);border-radius:10px;padding:12px 15px;text-align:left;\n  font-family:\"Plus Jakarta Sans\",\"Segoe UI\",system-ui,sans-serif;\n  opacity:0;visibility:hidden;pointer-events:none;\n  transform:translateX(calc(-50% + var(--lb-tip-shift,0px))) translateY(6px);\n  transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1);z-index:6;\n  box-shadow:0 18px 40px rgba(2,10,28,.6),inset 0 1px 0 rgba(255,255,255,.07);\n  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}\n.lb-mappin-tip::before{content:\"\";position:absolute;left:calc(50% - var(--lb-tip-shift,0px));bottom:-8px;margin-left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(96,165,250,.5);}\n.lb-mappin-tip::after{content:\"\";position:absolute;left:calc(50% - var(--lb-tip-shift,0px));bottom:-7px;margin-left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgba(10,19,38,.98);}\n.lb-mappin:hover .lb-mappin-tip,.lb-mappin:focus-visible .lb-mappin-tip,.lb-mappin.is-open .lb-mappin-tip{opacity:1;visibility:visible;transform:translateX(calc(-50% + var(--lb-tip-shift,0px))) translateY(0);}\n\/* popup flipped BELOW the pin (used when a pin sits near the top edge) *\/\n.lb-mappin.tip-below .lb-mappin-tip{bottom:auto;top:16px;transform:translateX(calc(-50% + var(--lb-tip-shift,0px))) translateY(-6px);}\n.lb-mappin.tip-below .lb-mappin-tip::before{bottom:auto;top:-8px;border-top:0;border-bottom:8px solid rgba(96,165,250,.5);}\n.lb-mappin.tip-below .lb-mappin-tip::after{bottom:auto;top:-7px;border-top:0;border-bottom:7px solid rgba(20,34,62,.98);}\n.lb-mappin.tip-below:hover .lb-mappin-tip,.lb-mappin.tip-below:focus-visible .lb-mappin-tip,.lb-mappin.tip-below.is-open .lb-mappin-tip{transform:translateX(calc(-50% + var(--lb-tip-shift,0px))) translateY(0);}\n.lb-mappin-name{display:block;font-family:var(--lb-display),\"Sora\",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.2px;color:#bcd6ff;margin-bottom:5px;padding-bottom:6px;border-bottom:1px solid rgba(96,165,250,.22);}\n.lb-mappin-name::before{content:\"\";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#4f8cff;box-shadow:0 0 7px rgba(79,140,255,.9);vertical-align:middle;}\n.lb-mappin-addr{display:block;font-weight:400;font-size:12px;line-height:1.55;color:rgba(233,241,255,.9);}\n@media (prefers-reduced-motion: reduce){\n  .lb-mappin-head,.lb-mappin-tip,.lb-mappin-shadow{transition:none;}\n  .lb-mappin:hover .lb-mappin-head,.lb-mappin:focus-visible .lb-mappin-head,.lb-mappin.is-open .lb-mappin-head,.lb-mappin.is-active .lb-mappin-head{transform:rotate(-45deg) scale(1.08);}\n}\n<\/style>\n\n<section id=\"offices\" class=\"lb-section lb-scope lb-map-wrap\">\n  <div class=\"lb-container\">\n    <div class=\"lb-eyebrow\">Where we are<\/div>\n    <h2 class=\"lb-heading lb-h2 lb-mt-2\">Eight Offices Across Pakistan<\/h2>\n    <p class=\"lb-lead\" style=\"max-width:660px;\">One firm, one standard of work, present on the ground in every major region. Hover or tap a marker to find each office.<\/p>\n\n    <div class=\"lb-map-grid\">\n      <div class=\"lb-map-stage\">\n        <svg viewBox=\"0 0 1000 948\" role=\"img\" aria-label=\"Map of Pakistan showing eight LawBridge offices\">\n          <defs>\n            <linearGradient id=\"lbPkFill\" x1=\"0.1\" y1=\"0\" x2=\"0.4\" y2=\"1\">\n              <stop offset=\"0\" stop-color=\"#6BA0FF\" stop-opacity=\"0.45\"\/>\n              <stop offset=\"0.55\" stop-color=\"#2E7BFF\" stop-opacity=\"0.30\"\/>\n              <stop offset=\"1\" stop-color=\"#1A5AD8\" stop-opacity=\"0.22\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"lbPkStroke\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n              <stop offset=\"0\" stop-color=\"#EAF2FF\"\/>\n              <stop offset=\"1\" stop-color=\"#8FB8FF\"\/>\n            <\/linearGradient>\n          <\/defs>\n          <path class=\"lb-pk-fill\" d=\"M851.4 0.9 L847.1 1.3 L843.7 3.8 L840.9 7.4 L836.7 6.4 L832.3 7.9 L828.4 9.9 L824.6 12.2 L820.3 12.3 L816.7 14.6 L813.6 17.5 L809.4 18.1 L805.3 16.9 L801.3 14.7 L798.6 11.4 L794.5 13.3 L789.7 12.4 L784.8 13.3 L780.6 13.9 L776.4 13.7 L772.2 13.6 L768.1 14.6 L763.6 14.2 L758.9 14.6 L753.7 14.5 L749.2 15.3 L744.5 14.9 L740.5 16.8 L736.2 17.2 L731.7 16.4 L727.2 17.3 L723 17.1 L718.7 19.3 L715.1 21.6 L710.9 21.6 L706.8 23 L702.5 24.1 L698.2 25.4 L697.7 30 L693.4 30.9 L690.1 33.6 L686.6 36.3 L682.6 37.7 L679.7 41.1 L675.4 41.5 L673.4 45.5 L668.7 46 L664.8 43.8 L661.8 47.5 L657.6 50.8 L655.3 54.7 L652.1 57.6 L649.3 61.2 L645.3 63.9 L641.4 66.2 L638.3 69.3 L636.1 73 L638.4 76.7 L642.6 78.6 L646.5 80.2 L647 84.5 L650.6 86.9 L652.6 90.6 L653.5 94.9 L657.2 96.9 L656.1 101 L655.3 105.2 L659.3 107.4 L660.2 111.8 L662.3 115.5 L661.5 119.8 L659.1 123.7 L657.4 127.9 L660.6 130.7 L664.2 133.1 L662.3 137.2 L658.9 140.1 L656.6 144.3 L654.4 148.4 L652.5 152.4 L648.4 154.2 L644.3 155.6 L641.3 158.6 L640.4 163.1 L637.1 165.7 L633.7 168.2 L629.9 170 L630 174.8 L627.3 178.5 L624 182 L624.3 186.2 L626.7 189.8 L631.1 190.5 L633.5 194.1 L632.6 199.1 L630.6 203 L631.3 208.4 L628.6 211.9 L628 216.2 L624 217.7 L619.9 219 L616.5 221.6 L612.3 221.7 L608.1 222.6 L603.9 222.8 L598.8 223 L594.4 224.1 L590 224.1 L585.9 222.8 L581.4 222.6 L576.8 221.9 L572.5 220.3 L568 219.6 L563.4 217.2 L559.1 217.3 L554.9 218.8 L553 223 L555.1 226.8 L556.6 230.8 L559.3 234.3 L561.1 238.1 L565.5 239.7 L569.7 239.7 L570.9 244 L574.1 247.2 L572.3 253.2 L574.4 256.9 L577.2 260.1 L580.8 262.8 L582 267.1 L578.5 270.2 L575.3 273.1 L572 275.8 L567.7 277 L564.2 279.8 L560 282.1 L556.1 284.2 L551.9 284.5 L548.1 282.7 L544.2 284.9 L539.8 284.9 L535.5 284.5 L532.7 288 L530.6 292.6 L531.4 298 L529.1 301.9 L526.5 305.8 L525.2 309.8 L527 313.8 L526.3 318.2 L524.3 321.9 L519.4 324.4 L516.2 328.1 L515.5 332.5 L517.4 337.1 L517.5 342.5 L516.8 346.8 L516.8 351.2 L517.8 355.4 L518 359.7 L518.8 363.9 L520.5 368 L516.9 370.2 L513.8 373.1 L511.2 377 L508.9 380.9 L506.6 384.6 L502.7 387.1 L499 389.1 L495.2 391.4 L491 391.6 L487.2 389.8 L483.5 384.7 L482.3 379.3 L474.1 374.8 L467.9 379.1 L475 380.6 L471 382.2 L466.6 381.3 L461.2 380.2 L455.9 380.3 L449.7 376 L445.6 380.9 L443.1 384.3 L439.5 386.8 L435.9 389 L429.9 389.8 L426.7 392.6 L423.2 396.3 L419 397.1 L414.5 396.7 L414.6 402.3 L416.5 406.1 L423.3 404.6 L425.9 409.8 L421.9 411.1 L418.3 413.8 L413.9 415.2 L409.8 416.3 L405.7 417.7 L401.7 419.3 L397.4 419.8 L393 419.4 L388.2 418.4 L383.9 417.6 L379.5 417.4 L380.2 413.1 L376 412.3 L372 413.6 L367.9 415.1 L365.3 418.7 L360.9 419.6 L359.3 423.8 L357.9 427.8 L351.2 436 L341.9 437.7 L333.3 464.6 L333.6 468.8 L337 471.4 L338.1 475.7 L336.6 479.8 L336 484.4 L335.3 488.6 L333.5 492.8 L332 496.8 L329.7 500.5 L338.6 507.8 L336 511.1 L333.2 514.3 L314.8 521.5 L303.8 525.1 L296.9 526.8 L284.4 531.1 L258 539.3 L227.6 535.3 L223.3 536.4 L219.2 537.6 L215.2 539 L210.7 539.8 L206.7 542.1 L202.3 543.7 L202.8 548 L199 549.9 L166.4 542.3 L152.3 543.7 L147.4 544.5 L124.2 546.6 L98.4 549.3 L76.9 541.9 L49.5 532.5 L22.6 523.4 L0 515.8 L17.8 539 L26.3 547.6 L30 550.1 L30.6 554.3 L30.1 558.6 L33.2 562.3 L33.5 566.6 L37.1 568.8 L39 572.7 L43.3 582.3 L44.9 586.2 L47.1 590.4 L50.8 594.5 L54.2 597.4 L57.6 602.2 L60.9 604.8 L63.8 608.2 L67.6 610 L72.1 612.1 L77.8 613.2 L82.1 615 L86.5 616.3 L91.1 617.5 L95.3 619.2 L98.7 621.8 L100.9 625.5 L105.2 629.5 L118.2 628.6 L116.2 646.7 L120.4 665.3 L121.6 686.9 L118.8 693.9 L119.9 698.4 L117.1 701.9 L121 704.4 L125.4 704.5 L130 704.3 L134.3 703.2 L138.6 702.8 L143 701.5 L146.9 703.9 L151.4 711.5 L147.1 713.2 L146.5 726.8 L145.9 731.2 L142.5 734.2 L142.9 738.4 L143.3 743.2 L138.3 745 L134.3 746.3 L130.3 744.9 L125.9 745.2 L121 745.5 L116.3 745.2 L112.8 747.9 L108.5 749 L104.4 750.2 L99.9 750.5 L95.4 752 L91.3 753.4 L87.8 756.3 L85.5 760.4 L85.6 764.8 L83.8 768.7 L81.4 772.2 L77.1 771.7 L74.2 768.5 L70 769.9 L66.8 772.7 L62.6 773.2 L60.8 778.7 L59.6 786.6 L59.5 790.9 L59 797.6 L58.8 801.9 L59.3 806.1 L57.6 810 L53.4 809.9 L51 813.4 L48.9 825 L48.5 832.3 L47.8 838.9 L47.3 843.1 L46.6 847.7 L50.5 851.2 L55.1 851.9 L55.1 856.3 L52.8 860.2 L60.1 860.2 L61.3 855.8 L66.5 854.7 L74.9 855.5 L72.7 851.9 L75.2 848.2 L79.3 847.1 L84.5 847.5 L88.2 850.2 L87.2 854.5 L91.4 856.1 L89.8 851.9 L92.6 848.5 L98.5 846.8 L102.4 843.6 L107.3 843.5 L112.9 844.4 L117.1 844.9 L121.4 845.5 L126.7 846.7 L131.4 847.7 L135.7 846.1 L143.6 845.2 L149 846.1 L153.9 846.7 L159.4 847.8 L160.4 843.7 L158.4 840 L162.8 838.5 L167.1 836.1 L173.4 835.2 L178.5 836.1 L184.5 838 L192.3 839 L196.6 838.7 L192.7 837.1 L194.9 833.5 L190.8 834.9 L187.2 832.6 L190.2 829.5 L194.6 828.6 L198.8 827.6 L203 828.9 L206.1 832.1 L203.1 835.2 L198.6 834.7 L197.8 839.1 L206.4 840.4 L212.7 843.1 L217.3 845.7 L221.8 845.2 L225.9 843.3 L229.8 845.7 L228.7 849.8 L233.1 850.2 L231.7 846.2 L233.4 842.2 L238.1 840.1 L244 839.5 L249 839.4 L255.7 839.9 L261.2 841 L265.7 841 L268.8 838 L275.3 835.7 L279.5 835.9 L284.6 835.7 L292.1 837.3 L297.6 836.3 L302 834.7 L306.1 832.9 L311.9 833.1 L317.4 832.3 L323 830.7 L332.8 829.3 L337.1 829.7 L341.2 831.3 L345.4 833.4 L346.9 828.5 L342.2 828.2 L339.2 825.1 L334.5 824.9 L330.4 826.5 L326.5 828.2 L322 829.8 L324.3 825.4 L326.5 821.5 L330.2 819.3 L334.4 819.1 L338.7 818.1 L341.2 821.6 L345.4 821.3 L349 823.5 L349.7 827.7 L351.9 832.2 L349.6 835.8 L352.2 839.3 L357.8 844.3 L360.4 847.6 L360.9 852.7 L358.8 856.5 L359.3 861.7 L358.7 866.1 L358.2 870.3 L356.2 874.1 L360.5 874.3 L364.7 873.7 L369.2 872.9 L372.9 875 L368.6 872.6 L372.8 873.1 L377.5 874.2 L380.5 878.6 L384.1 876.4 L388.3 877.8 L392.4 875.9 L396.8 876.9 L401.5 878.1 L405.7 878.3 L409.6 880.4 L408.5 884.6 L407.1 888.6 L407.2 893.1 L403 893.6 L405.5 897 L405.7 901.3 L409.2 903.7 L411.8 907.1 L414.7 910.2 L411.4 912.9 L409.8 916.8 L409 921 L405.9 924.4 L410.2 924.2 L412.3 927.9 L408.2 929.2 L414.4 928.7 L418.5 927.7 L422.9 929.1 L424.3 925.1 L425.1 920.6 L429.4 920.8 L431.9 924.3 L434.9 921 L433.8 916.8 L438 918.5 L435.5 922 L438.2 925.3 L441.4 922.4 L445.1 924.4 L448.3 921.6 L450.3 917.9 L454.3 919.2 L452.1 923.1 L453.8 927 L457.7 925.3 L461.3 923.1 L465.4 924.2 L469.8 922.3 L473.8 920 L474.6 915.7 L473 911.7 L476.9 909.6 L480.3 906.6 L483.6 909.5 L489.1 910.1 L493.3 910.9 L497.4 912.2 L500.9 915.5 L505.1 912.9 L511 915.4 L515.7 914.1 L522.4 913.6 L526.6 913.5 L533.3 913.9 L545.3 921.6 L563.7 921.7 L568.2 913.1 L572.5 911.7 L577.1 910.4 L579.3 906.6 L583.6 907.7 L587.3 905.4 L592.1 904.4 L596.3 902.9 L600.6 902 L604.5 900.2 L601.2 902.8 L598.4 906.2 L597.4 911.4 L600.4 916.1 L604.8 916.7 L610.4 917 L615 915 L615.7 910.8 L619.7 907.7 L624.4 908.3 L628.5 906 L627.1 901.9 L623.2 900 L623.6 895.5 L621.9 891.5 L625 888.4 L628.6 886.1 L625.5 877.9 L623.4 873.3 L620.6 868.8 L618.5 863.1 L617.6 858.9 L617 854.4 L614.9 850.3 L612 847.2 L608.1 842.8 L604.8 836.6 L603.2 832.7 L603.3 828.5 L603 820.3 L603.3 814.4 L599.2 811.6 L594.4 813.8 L589.5 813.9 L583.9 814.1 L578.4 811.7 L575.5 806 L568 795.7 L567.5 791.4 L567 785.4 L570.5 780.2 L572.2 775.8 L571.9 770.3 L573.3 764.5 L573 758.8 L572.5 751.9 L569 749.3 L560.9 749.1 L554.8 750.8 L550.9 749.2 L547.3 746.5 L542.9 743.7 L536.3 740.4 L531.7 738.2 L530.1 733.8 L530.9 729.4 L531.6 724.3 L531.9 719.2 L536.3 707 L539.7 704.2 L542.9 700.5 L547.1 697 L553.4 691.3 L556.1 687.4 L559.2 683.1 L563.4 679.8 L566.3 672.7 L569.5 663.6 L574 658 L580.1 653.1 L584.7 647.8 L591.9 646.2 L598 647.9 L603.4 654.1 L603.8 660.8 L606.4 665 L614.5 669.5 L620.3 668 L624.2 666.1 L628.5 664.1 L632.3 662 L637.1 660.1 L646.9 657.7 L652.8 657.7 L664.3 657.4 L670.4 654.7 L677.4 651.7 L680.5 639.8 L685.2 632.9 L693 626.3 L697.6 620.4 L699.2 614.8 L702.2 605.2 L703.4 600.7 L706.7 596.2 L709.7 592.7 L714.4 590.6 L730 580.9 L743.1 575.2 L746.7 566.3 L750.4 562.6 L757.6 548.8 L763.9 536.3 L768 521 L770.9 509.7 L783.3 504.4 L787.4 503.3 L793.2 501.7 L797 499.7 L803 494.6 L806.4 491.6 L805.8 487.4 L803.8 482.8 L801 479.6 L804.8 476 L806.2 471.8 L808.7 468.3 L813 467.7 L814.1 463.2 L817.4 460.6 L820.7 457.5 L824.3 454.2 L826.6 450.2 L827.9 445.9 L830.6 442.6 L834.2 440.4 L837.9 437.9 L841.9 435.3 L842.6 430.9 L847.1 431 L851 428.9 L848.5 424.6 L845 427.6 L841.1 425.4 L839.5 421.5 L840.5 417.3 L841.1 413 L842.1 408.9 L844.6 405.3 L848 402.2 L845.6 398.7 L845.9 394.5 L843.2 391.2 L841.3 387.2 L837 382.9 L841.9 380.6 L842.4 376.1 L844.8 371.2 L848.5 368.8 L852.6 367 L857.3 365.7 L860 362.3 L863.2 359.4 L867.8 359.1 L873.1 358.5 L878.4 357 L882.1 354.7 L886.4 354.5 L889.1 350.7 L891.6 346.7 L891.1 342.2 L889.3 338.4 L885.6 336.3 L881.7 334.1 L877.4 332.9 L874.6 328.7 L869.5 330.2 L863.3 329.7 L859.4 327.5 L855.3 328.5 L851.1 327.8 L848.7 324 L847.5 319.9 L849.9 316.4 L848.8 311.2 L850.1 306.8 L851.4 302.8 L847.2 304.8 L847.2 309.3 L843 308.7 L838.4 308.4 L835.3 305.1 L833.4 300.9 L829.4 298.1 L829.7 292.8 L826.5 289.3 L821.3 287.4 L818.3 284.1 L814.8 279.8 L809.6 278.1 L809.2 273.1 L814.3 272.3 L818.5 266.8 L819 261.2 L813.8 250.8 L808.6 248.3 L806.9 243.9 L805.5 239.9 L809.7 236.2 L816.8 232.3 L821.5 229.6 L824 225.5 L823.3 219.2 L817.9 217.4 L813.3 217.5 L808.8 217.6 L803.1 219.2 L802.1 213.3 L806.5 205 L804.3 198.6 L802 195 L797.5 196.5 L793.3 195.4 L794.8 191.1 L799.7 186.8 L801.5 181.2 L804.3 177.4 L805.3 172.8 L815.5 170.3 L820.4 167.6 L825.2 165.3 L831.1 162.8 L837.1 163.7 L843.7 165.2 L847.3 167.8 L851.2 170.7 L859.4 171.8 L864.2 172.1 L870.6 174.4 L878.2 172.9 L884.9 174 L891.1 180 L898.1 181.4 L907.4 181.7 L915.6 183.4 L921.4 179.1 L926 177 L930.5 175.2 L935.6 171.9 L940.8 174.2 L947 171.3 L951.3 167.8 L957.9 165.6 L962.7 164.2 L973 165.9 L976.8 160.2 L976.5 155.8 L981 153.4 L984.6 150.7 L990.8 153.4 L993.2 148.1 L996.8 145.1 L997.6 140.4 L996.7 136.2 L992.9 134.4 L991.2 130.2 L991.6 125.9 L989.6 121.8 L984.1 121 L981.9 116.3 L980.1 111.9 L978.8 107.4 L978 103.1 L976.6 98.9 L973.6 95.3 L969.6 93.9 L966.1 91.2 L966.3 86.8 L965.3 82.6 L962.6 85.9 L958.4 87 L954.2 87.4 L950 89.4 L944.9 88.6 L940.5 89.5 L940.1 85.1 L939.4 80.9 L937 77.4 L932.9 75.7 L928.4 74.1 L927.2 69.9 L929.2 65.7 L931.5 61.2 L932.1 55.9 L930.7 51.8 L933.2 48.2 L931.8 44.2 L928.9 40.1 L926.5 36.5 L924.2 31.8 L920.7 28.5 L916.6 25.6 L912.5 24.1 L908.2 22.6 L903.6 22.3 L899.7 25 L895.9 23.1 L895.5 18.9 L895.3 14.5 L894.7 9.9 L890.3 9.1 L886.2 8 L881.7 7.7 L878.5 4.2 L874.4 5.4 L870.1 6 L865.7 7 L864 11 L861.1 7.3 L859.7 2.9 L855.6 4.4 L851.5 1.3 L851.4 0.9Z\"\/>\n          <path class=\"lb-pk-line\" d=\"M851.4 0.9 L847.1 1.3 L843.7 3.8 L840.9 7.4 L836.7 6.4 L832.3 7.9 L828.4 9.9 L824.6 12.2 L820.3 12.3 L816.7 14.6 L813.6 17.5 L809.4 18.1 L805.3 16.9 L801.3 14.7 L798.6 11.4 L794.5 13.3 L789.7 12.4 L784.8 13.3 L780.6 13.9 L776.4 13.7 L772.2 13.6 L768.1 14.6 L763.6 14.2 L758.9 14.6 L753.7 14.5 L749.2 15.3 L744.5 14.9 L740.5 16.8 L736.2 17.2 L731.7 16.4 L727.2 17.3 L723 17.1 L718.7 19.3 L715.1 21.6 L710.9 21.6 L706.8 23 L702.5 24.1 L698.2 25.4 L697.7 30 L693.4 30.9 L690.1 33.6 L686.6 36.3 L682.6 37.7 L679.7 41.1 L675.4 41.5 L673.4 45.5 L668.7 46 L664.8 43.8 L661.8 47.5 L657.6 50.8 L655.3 54.7 L652.1 57.6 L649.3 61.2 L645.3 63.9 L641.4 66.2 L638.3 69.3 L636.1 73 L638.4 76.7 L642.6 78.6 L646.5 80.2 L647 84.5 L650.6 86.9 L652.6 90.6 L653.5 94.9 L657.2 96.9 L656.1 101 L655.3 105.2 L659.3 107.4 L660.2 111.8 L662.3 115.5 L661.5 119.8 L659.1 123.7 L657.4 127.9 L660.6 130.7 L664.2 133.1 L662.3 137.2 L658.9 140.1 L656.6 144.3 L654.4 148.4 L652.5 152.4 L648.4 154.2 L644.3 155.6 L641.3 158.6 L640.4 163.1 L637.1 165.7 L633.7 168.2 L629.9 170 L630 174.8 L627.3 178.5 L624 182 L624.3 186.2 L626.7 189.8 L631.1 190.5 L633.5 194.1 L632.6 199.1 L630.6 203 L631.3 208.4 L628.6 211.9 L628 216.2 L624 217.7 L619.9 219 L616.5 221.6 L612.3 221.7 L608.1 222.6 L603.9 222.8 L598.8 223 L594.4 224.1 L590 224.1 L585.9 222.8 L581.4 222.6 L576.8 221.9 L572.5 220.3 L568 219.6 L563.4 217.2 L559.1 217.3 L554.9 218.8 L553 223 L555.1 226.8 L556.6 230.8 L559.3 234.3 L561.1 238.1 L565.5 239.7 L569.7 239.7 L570.9 244 L574.1 247.2 L572.3 253.2 L574.4 256.9 L577.2 260.1 L580.8 262.8 L582 267.1 L578.5 270.2 L575.3 273.1 L572 275.8 L567.7 277 L564.2 279.8 L560 282.1 L556.1 284.2 L551.9 284.5 L548.1 282.7 L544.2 284.9 L539.8 284.9 L535.5 284.5 L532.7 288 L530.6 292.6 L531.4 298 L529.1 301.9 L526.5 305.8 L525.2 309.8 L527 313.8 L526.3 318.2 L524.3 321.9 L519.4 324.4 L516.2 328.1 L515.5 332.5 L517.4 337.1 L517.5 342.5 L516.8 346.8 L516.8 351.2 L517.8 355.4 L518 359.7 L518.8 363.9 L520.5 368 L516.9 370.2 L513.8 373.1 L511.2 377 L508.9 380.9 L506.6 384.6 L502.7 387.1 L499 389.1 L495.2 391.4 L491 391.6 L487.2 389.8 L483.5 384.7 L482.3 379.3 L474.1 374.8 L467.9 379.1 L475 380.6 L471 382.2 L466.6 381.3 L461.2 380.2 L455.9 380.3 L449.7 376 L445.6 380.9 L443.1 384.3 L439.5 386.8 L435.9 389 L429.9 389.8 L426.7 392.6 L423.2 396.3 L419 397.1 L414.5 396.7 L414.6 402.3 L416.5 406.1 L423.3 404.6 L425.9 409.8 L421.9 411.1 L418.3 413.8 L413.9 415.2 L409.8 416.3 L405.7 417.7 L401.7 419.3 L397.4 419.8 L393 419.4 L388.2 418.4 L383.9 417.6 L379.5 417.4 L380.2 413.1 L376 412.3 L372 413.6 L367.9 415.1 L365.3 418.7 L360.9 419.6 L359.3 423.8 L357.9 427.8 L351.2 436 L341.9 437.7 L333.3 464.6 L333.6 468.8 L337 471.4 L338.1 475.7 L336.6 479.8 L336 484.4 L335.3 488.6 L333.5 492.8 L332 496.8 L329.7 500.5 L338.6 507.8 L336 511.1 L333.2 514.3 L314.8 521.5 L303.8 525.1 L296.9 526.8 L284.4 531.1 L258 539.3 L227.6 535.3 L223.3 536.4 L219.2 537.6 L215.2 539 L210.7 539.8 L206.7 542.1 L202.3 543.7 L202.8 548 L199 549.9 L166.4 542.3 L152.3 543.7 L147.4 544.5 L124.2 546.6 L98.4 549.3 L76.9 541.9 L49.5 532.5 L22.6 523.4 L0 515.8 L17.8 539 L26.3 547.6 L30 550.1 L30.6 554.3 L30.1 558.6 L33.2 562.3 L33.5 566.6 L37.1 568.8 L39 572.7 L43.3 582.3 L44.9 586.2 L47.1 590.4 L50.8 594.5 L54.2 597.4 L57.6 602.2 L60.9 604.8 L63.8 608.2 L67.6 610 L72.1 612.1 L77.8 613.2 L82.1 615 L86.5 616.3 L91.1 617.5 L95.3 619.2 L98.7 621.8 L100.9 625.5 L105.2 629.5 L118.2 628.6 L116.2 646.7 L120.4 665.3 L121.6 686.9 L118.8 693.9 L119.9 698.4 L117.1 701.9 L121 704.4 L125.4 704.5 L130 704.3 L134.3 703.2 L138.6 702.8 L143 701.5 L146.9 703.9 L151.4 711.5 L147.1 713.2 L146.5 726.8 L145.9 731.2 L142.5 734.2 L142.9 738.4 L143.3 743.2 L138.3 745 L134.3 746.3 L130.3 744.9 L125.9 745.2 L121 745.5 L116.3 745.2 L112.8 747.9 L108.5 749 L104.4 750.2 L99.9 750.5 L95.4 752 L91.3 753.4 L87.8 756.3 L85.5 760.4 L85.6 764.8 L83.8 768.7 L81.4 772.2 L77.1 771.7 L74.2 768.5 L70 769.9 L66.8 772.7 L62.6 773.2 L60.8 778.7 L59.6 786.6 L59.5 790.9 L59 797.6 L58.8 801.9 L59.3 806.1 L57.6 810 L53.4 809.9 L51 813.4 L48.9 825 L48.5 832.3 L47.8 838.9 L47.3 843.1 L46.6 847.7 L50.5 851.2 L55.1 851.9 L55.1 856.3 L52.8 860.2 L60.1 860.2 L61.3 855.8 L66.5 854.7 L74.9 855.5 L72.7 851.9 L75.2 848.2 L79.3 847.1 L84.5 847.5 L88.2 850.2 L87.2 854.5 L91.4 856.1 L89.8 851.9 L92.6 848.5 L98.5 846.8 L102.4 843.6 L107.3 843.5 L112.9 844.4 L117.1 844.9 L121.4 845.5 L126.7 846.7 L131.4 847.7 L135.7 846.1 L143.6 845.2 L149 846.1 L153.9 846.7 L159.4 847.8 L160.4 843.7 L158.4 840 L162.8 838.5 L167.1 836.1 L173.4 835.2 L178.5 836.1 L184.5 838 L192.3 839 L196.6 838.7 L192.7 837.1 L194.9 833.5 L190.8 834.9 L187.2 832.6 L190.2 829.5 L194.6 828.6 L198.8 827.6 L203 828.9 L206.1 832.1 L203.1 835.2 L198.6 834.7 L197.8 839.1 L206.4 840.4 L212.7 843.1 L217.3 845.7 L221.8 845.2 L225.9 843.3 L229.8 845.7 L228.7 849.8 L233.1 850.2 L231.7 846.2 L233.4 842.2 L238.1 840.1 L244 839.5 L249 839.4 L255.7 839.9 L261.2 841 L265.7 841 L268.8 838 L275.3 835.7 L279.5 835.9 L284.6 835.7 L292.1 837.3 L297.6 836.3 L302 834.7 L306.1 832.9 L311.9 833.1 L317.4 832.3 L323 830.7 L332.8 829.3 L337.1 829.7 L341.2 831.3 L345.4 833.4 L346.9 828.5 L342.2 828.2 L339.2 825.1 L334.5 824.9 L330.4 826.5 L326.5 828.2 L322 829.8 L324.3 825.4 L326.5 821.5 L330.2 819.3 L334.4 819.1 L338.7 818.1 L341.2 821.6 L345.4 821.3 L349 823.5 L349.7 827.7 L351.9 832.2 L349.6 835.8 L352.2 839.3 L357.8 844.3 L360.4 847.6 L360.9 852.7 L358.8 856.5 L359.3 861.7 L358.7 866.1 L358.2 870.3 L356.2 874.1 L360.5 874.3 L364.7 873.7 L369.2 872.9 L372.9 875 L368.6 872.6 L372.8 873.1 L377.5 874.2 L380.5 878.6 L384.1 876.4 L388.3 877.8 L392.4 875.9 L396.8 876.9 L401.5 878.1 L405.7 878.3 L409.6 880.4 L408.5 884.6 L407.1 888.6 L407.2 893.1 L403 893.6 L405.5 897 L405.7 901.3 L409.2 903.7 L411.8 907.1 L414.7 910.2 L411.4 912.9 L409.8 916.8 L409 921 L405.9 924.4 L410.2 924.2 L412.3 927.9 L408.2 929.2 L414.4 928.7 L418.5 927.7 L422.9 929.1 L424.3 925.1 L425.1 920.6 L429.4 920.8 L431.9 924.3 L434.9 921 L433.8 916.8 L438 918.5 L435.5 922 L438.2 925.3 L441.4 922.4 L445.1 924.4 L448.3 921.6 L450.3 917.9 L454.3 919.2 L452.1 923.1 L453.8 927 L457.7 925.3 L461.3 923.1 L465.4 924.2 L469.8 922.3 L473.8 920 L474.6 915.7 L473 911.7 L476.9 909.6 L480.3 906.6 L483.6 909.5 L489.1 910.1 L493.3 910.9 L497.4 912.2 L500.9 915.5 L505.1 912.9 L511 915.4 L515.7 914.1 L522.4 913.6 L526.6 913.5 L533.3 913.9 L545.3 921.6 L563.7 921.7 L568.2 913.1 L572.5 911.7 L577.1 910.4 L579.3 906.6 L583.6 907.7 L587.3 905.4 L592.1 904.4 L596.3 902.9 L600.6 902 L604.5 900.2 L601.2 902.8 L598.4 906.2 L597.4 911.4 L600.4 916.1 L604.8 916.7 L610.4 917 L615 915 L615.7 910.8 L619.7 907.7 L624.4 908.3 L628.5 906 L627.1 901.9 L623.2 900 L623.6 895.5 L621.9 891.5 L625 888.4 L628.6 886.1 L625.5 877.9 L623.4 873.3 L620.6 868.8 L618.5 863.1 L617.6 858.9 L617 854.4 L614.9 850.3 L612 847.2 L608.1 842.8 L604.8 836.6 L603.2 832.7 L603.3 828.5 L603 820.3 L603.3 814.4 L599.2 811.6 L594.4 813.8 L589.5 813.9 L583.9 814.1 L578.4 811.7 L575.5 806 L568 795.7 L567.5 791.4 L567 785.4 L570.5 780.2 L572.2 775.8 L571.9 770.3 L573.3 764.5 L573 758.8 L572.5 751.9 L569 749.3 L560.9 749.1 L554.8 750.8 L550.9 749.2 L547.3 746.5 L542.9 743.7 L536.3 740.4 L531.7 738.2 L530.1 733.8 L530.9 729.4 L531.6 724.3 L531.9 719.2 L536.3 707 L539.7 704.2 L542.9 700.5 L547.1 697 L553.4 691.3 L556.1 687.4 L559.2 683.1 L563.4 679.8 L566.3 672.7 L569.5 663.6 L574 658 L580.1 653.1 L584.7 647.8 L591.9 646.2 L598 647.9 L603.4 654.1 L603.8 660.8 L606.4 665 L614.5 669.5 L620.3 668 L624.2 666.1 L628.5 664.1 L632.3 662 L637.1 660.1 L646.9 657.7 L652.8 657.7 L664.3 657.4 L670.4 654.7 L677.4 651.7 L680.5 639.8 L685.2 632.9 L693 626.3 L697.6 620.4 L699.2 614.8 L702.2 605.2 L703.4 600.7 L706.7 596.2 L709.7 592.7 L714.4 590.6 L730 580.9 L743.1 575.2 L746.7 566.3 L750.4 562.6 L757.6 548.8 L763.9 536.3 L768 521 L770.9 509.7 L783.3 504.4 L787.4 503.3 L793.2 501.7 L797 499.7 L803 494.6 L806.4 491.6 L805.8 487.4 L803.8 482.8 L801 479.6 L804.8 476 L806.2 471.8 L808.7 468.3 L813 467.7 L814.1 463.2 L817.4 460.6 L820.7 457.5 L824.3 454.2 L826.6 450.2 L827.9 445.9 L830.6 442.6 L834.2 440.4 L837.9 437.9 L841.9 435.3 L842.6 430.9 L847.1 431 L851 428.9 L848.5 424.6 L845 427.6 L841.1 425.4 L839.5 421.5 L840.5 417.3 L841.1 413 L842.1 408.9 L844.6 405.3 L848 402.2 L845.6 398.7 L845.9 394.5 L843.2 391.2 L841.3 387.2 L837 382.9 L841.9 380.6 L842.4 376.1 L844.8 371.2 L848.5 368.8 L852.6 367 L857.3 365.7 L860 362.3 L863.2 359.4 L867.8 359.1 L873.1 358.5 L878.4 357 L882.1 354.7 L886.4 354.5 L889.1 350.7 L891.6 346.7 L891.1 342.2 L889.3 338.4 L885.6 336.3 L881.7 334.1 L877.4 332.9 L874.6 328.7 L869.5 330.2 L863.3 329.7 L859.4 327.5 L855.3 328.5 L851.1 327.8 L848.7 324 L847.5 319.9 L849.9 316.4 L848.8 311.2 L850.1 306.8 L851.4 302.8 L847.2 304.8 L847.2 309.3 L843 308.7 L838.4 308.4 L835.3 305.1 L833.4 300.9 L829.4 298.1 L829.7 292.8 L826.5 289.3 L821.3 287.4 L818.3 284.1 L814.8 279.8 L809.6 278.1 L809.2 273.1 L814.3 272.3 L818.5 266.8 L819 261.2 L813.8 250.8 L808.6 248.3 L806.9 243.9 L805.5 239.9 L809.7 236.2 L816.8 232.3 L821.5 229.6 L824 225.5 L823.3 219.2 L817.9 217.4 L813.3 217.5 L808.8 217.6 L803.1 219.2 L802.1 213.3 L806.5 205 L804.3 198.6 L802 195 L797.5 196.5 L793.3 195.4 L794.8 191.1 L799.7 186.8 L801.5 181.2 L804.3 177.4 L805.3 172.8 L815.5 170.3 L820.4 167.6 L825.2 165.3 L831.1 162.8 L837.1 163.7 L843.7 165.2 L847.3 167.8 L851.2 170.7 L859.4 171.8 L864.2 172.1 L870.6 174.4 L878.2 172.9 L884.9 174 L891.1 180 L898.1 181.4 L907.4 181.7 L915.6 183.4 L921.4 179.1 L926 177 L930.5 175.2 L935.6 171.9 L940.8 174.2 L947 171.3 L951.3 167.8 L957.9 165.6 L962.7 164.2 L973 165.9 L976.8 160.2 L976.5 155.8 L981 153.4 L984.6 150.7 L990.8 153.4 L993.2 148.1 L996.8 145.1 L997.6 140.4 L996.7 136.2 L992.9 134.4 L991.2 130.2 L991.6 125.9 L989.6 121.8 L984.1 121 L981.9 116.3 L980.1 111.9 L978.8 107.4 L978 103.1 L976.6 98.9 L973.6 95.3 L969.6 93.9 L966.1 91.2 L966.3 86.8 L965.3 82.6 L962.6 85.9 L958.4 87 L954.2 87.4 L950 89.4 L944.9 88.6 L940.5 89.5 L940.1 85.1 L939.4 80.9 L937 77.4 L932.9 75.7 L928.4 74.1 L927.2 69.9 L929.2 65.7 L931.5 61.2 L932.1 55.9 L930.7 51.8 L933.2 48.2 L931.8 44.2 L928.9 40.1 L926.5 36.5 L924.2 31.8 L920.7 28.5 L916.6 25.6 L912.5 24.1 L908.2 22.6 L903.6 22.3 L899.7 25 L895.9 23.1 L895.5 18.9 L895.3 14.5 L894.7 9.9 L890.3 9.1 L886.2 8 L881.7 7.7 L878.5 4.2 L874.4 5.4 L870.1 6 L865.7 7 L864 11 L861.1 7.3 L859.7 2.9 L855.6 4.4 L851.5 1.3 L851.4 0.9Z\"\/>\n        <\/svg>\n        <div class=\"lb-pinlayer\" aria-hidden=\"false\">\n          <button type=\"button\" class=\"lb-mappin\" data-office=\"o1\" aria-label=\"Lahore office\" style=\"left:82.91%;top:41.68%;\">\n            <span class=\"lb-mappin-shadow\"><\/span>\n            <span class=\"lb-mappin-head\"><\/span>\n            <span class=\"lb-mappin-tip\"><span class=\"lb-mappin-name\">Lahore<\/span><span class=\"lb-mappin-addr\">RA Tower, 3rd Floor, 7-A Turner Road, Behind High Court Building, Lahore<\/span><\/span>\n          <\/button>\n          <button type=\"button\" class=\"lb-mappin\" data-office=\"o2\" aria-label=\"Karachi office\" style=\"left:37.72%;top:92.05%;\">\n            <span class=\"lb-mappin-shadow\"><\/span>\n            <span class=\"lb-mappin-head\"><\/span>\n            <span class=\"lb-mappin-tip\"><span class=\"lb-mappin-name\">Karachi<\/span><span class=\"lb-mappin-addr\">3rd Floor, Building 29-C Khayaban-e-Seher, Shahbaz Commercial Area, Phase 6 DHA, Karachi<\/span><\/span>\n          <\/button>\n          <button type=\"button\" class=\"lb-mappin\" data-office=\"o3\" aria-label=\"Islamabad \/ Rawalpindi office\" style=\"left:73.2%;top:28.2%;\">\n            <span class=\"lb-mappin-shadow\"><\/span>\n            <span class=\"lb-mappin-head\"><\/span>\n            <span class=\"lb-mappin-tip\"><span class=\"lb-mappin-name\">Islamabad \/ Rawalpindi<\/span><span class=\"lb-mappin-addr\">Chamber No. 1, Main Gate, Near Account Office, Main Jehlum Road, Rawalpindi<\/span><\/span>\n          <\/button>\n          <button type=\"button\" class=\"lb-mappin\" data-office=\"o4\" aria-label=\"Peshawar office\" style=\"left:65.56%;top:23.11%;\">\n            <span class=\"lb-mappin-shadow\"><\/span>\n            <span class=\"lb-mappin-head\"><\/span>\n            <span class=\"lb-mappin-tip\"><span class=\"lb-mappin-name\">Peshawar<\/span><span class=\"lb-mappin-addr\">TF-42, Deans Trade Center, Islamia Road, Sadar, Peshawar<\/span><\/span>\n          <\/button>\n          <button type=\"button\" class=\"lb-mappin\" data-office=\"o5\" aria-label=\"Murree office\" style=\"left:78.6%;top:22.2%;\">\n            <span class=\"lb-mappin-shadow\"><\/span>\n            <span class=\"lb-mappin-head\"><\/span>\n            <span class=\"lb-mappin-tip\"><span class=\"lb-mappin-name\">Murree<\/span><span class=\"lb-mappin-addr\">Office No. 12-B, Jeeka Gali, District Court, Murree<\/span><\/span>\n          <\/button>\n          <button type=\"button\" class=\"lb-mappin\" data-office=\"o6\" aria-label=\"Multan office\" style=\"left:65.56%;top:52.16%;\">\n            <span class=\"lb-mappin-shadow\"><\/span>\n            <span class=\"lb-mappin-head\"><\/span>\n            <span class=\"lb-mappin-tip\"><span class=\"lb-mappin-name\">Multan<\/span><span class=\"lb-mappin-addr\">Office No. 111, Shopping Plaza, Multan Cantt<\/span><\/span>\n          <\/button>\n          <button type=\"button\" class=\"lb-mappin\" data-office=\"o7\" aria-label=\"Mandi Bahauddin office\" style=\"left:77.67%;top:33.87%;\">\n            <span class=\"lb-mappin-shadow\"><\/span>\n            <span class=\"lb-mappin-head\"><\/span>\n            <span class=\"lb-mappin-tip\"><span class=\"lb-mappin-name\">Mandi Bahauddin<\/span><span class=\"lb-mappin-addr\">Office 449 Block C, New Judicial Complex, Mandi Bahauddin<\/span><\/span>\n          <\/button>\n          <button type=\"button\" class=\"lb-mappin\" data-office=\"o8\" aria-label=\"Faisalabad office\" style=\"left:75.45%;top:42.41%;\">\n            <span class=\"lb-mappin-shadow\"><\/span>\n            <span class=\"lb-mappin-head\"><\/span>\n            <span class=\"lb-mappin-tip\"><span class=\"lb-mappin-name\">Faisalabad<\/span><span class=\"lb-mappin-addr\">Chamber No. 118, Tanvir Randhawa Building, District Court, Faisalabad<\/span><\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div>\n        <div class=\"lb-office-list\">\n          <div class=\"lb-office\" id=\"o1\"><span class=\"num\">01<\/span><div><div class=\"city\">Lahore<\/div><div class=\"addr\">RA Tower, 3rd Floor, 7-A Turner Road, Behind High Court Building, Lahore.<\/div><\/div><\/div>\n          <div class=\"lb-office\" id=\"o2\"><span class=\"num\">02<\/span><div><div class=\"city\">Karachi<\/div><div class=\"addr\">3rd Floor, Building 29-C Khayaban-e-Seher, Shahbaz Commercial Area, Phase 6 DHA, Karachi.<\/div><\/div><\/div>\n          <div class=\"lb-office\" id=\"o3\"><span class=\"num\">03<\/span><div><div class=\"city\">Islamabad \/ Rawalpindi<\/div><div class=\"addr\">Chamber No. 1, Main Gate, Near Account Office, Main Jehlum Road, Rawalpindi.<\/div><\/div><\/div>\n          <div class=\"lb-office\" id=\"o4\"><span class=\"num\">04<\/span><div><div class=\"city\">Peshawar<\/div><div class=\"addr\">TF-42, Deans Trade Center, Islamia Road, Sadar, Peshawar.<\/div><\/div><\/div>\n          <div class=\"lb-office\" id=\"o5\"><span class=\"num\">05<\/span><div><div class=\"city\">Murree<\/div><div class=\"addr\">Office No. 12-B, Jeeka Gali, District Court, Murree.<\/div><\/div><\/div>\n          <div class=\"lb-office\" id=\"o6\"><span class=\"num\">06<\/span><div><div class=\"city\">Multan<\/div><div class=\"addr\">Office No. 111, Shopping Plaza, Multan Cantt.<\/div><\/div><\/div>\n          <div class=\"lb-office\" id=\"o7\"><span class=\"num\">07<\/span><div><div class=\"city\">Mandi Bahauddin<\/div><div class=\"addr\">Office 449 Block C, New Judicial Complex, Mandi Bahauddin.<\/div><\/div><\/div>\n          <div class=\"lb-office\" id=\"o8\"><span class=\"num\">08<\/span><div><div class=\"city\">Faisalabad<\/div><div class=\"addr\">Chamber No. 118, Tanvir Randhawa Building, District Court, Faisalabad.<\/div><\/div><\/div>\n        <\/div>\n        <div class=\"lb-map-cta\">\n          <a class=\"lb-btn lb-btn-primary\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20would%20like%20to%20visit%20your%20nearest%20office.\" target=\"_blank\" rel=\"noopener\">WhatsApp the Nearest Office<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ===== section-12-faq.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 12: FAQ (overseas client objections)\n     Native expand\/collapse - no JavaScript needed.\n     Paste into a NEW Custom HTML block, below the Reviews section.\n     ==================================================== -->\n\n<style>\n.lb-faq-wrap{scroll-margin-top:90px;}\n.lb-faq-head{max-width:680px;margin:0 auto;text-align:center;}\n.lb-faq-list{max-width:820px;margin:30px auto 0;display:grid;gap:12px;}\n.lb-faq{border:1px solid var(--lb-border);background:var(--lb-soft);border-radius:1.25rem;overflow:hidden;}\n.lb-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;font-family:var(--lb-display);font-weight:700;font-size:1rem;color:var(--lb-navy);}\n.lb-faq summary::-webkit-details-marker{display:none;}\n.lb-faq summary .ico{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#fff;color:var(--lb-blue);display:flex;align-items:center;justify-content:center;transition:transform .25s;}\n.lb-faq[open] summary .ico{transform:rotate(45deg);}\n.lb-faq .ans{padding:0 20px 18px;font-size:.9rem;line-height:1.65;color:var(--lb-muted);}\n.lb-faq-foot{max-width:820px;margin:22px auto 0;text-align:center;}\n.lb-faq-foot p{font-size:.92rem;color:var(--lb-muted);margin-bottom:14px;}\n<\/style>\n\n<section id=\"faq\" class=\"lb-section lb-bg-white lb-scope lb-faq-wrap\">\n  <div class=\"lb-container\">\n\n    <div class=\"lb-faq-head\">\n      <div class=\"lb-eyebrow\">Before you reach out<\/div>\n      <!-- EDIT: heading -->\n      <h2 class=\"lb-heading lb-h2 lb-mt-2\">Common Questions From Overseas Clients<\/h2>\n    <\/div>\n\n    <!-- EDIT: questions + answers -->\n    <div class=\"lb-faq-list\">\n\n      <details class=\"lb-faq\">\n        <summary>Can I handle my case in Pakistan while living abroad?<span class=\"ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span><\/summary>\n        <div class=\"ans\">Yes. Most matters can be managed remotely. You instruct us by WhatsApp, phone or video, and we act on the ground in Pakistan, often using a power of attorney where one is needed.<\/div>\n      <\/details>\n\n      <details class=\"lb-faq\">\n        <summary>Do I need to travel to Pakistan?<span class=\"ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span><\/summary>\n        <div class=\"ans\">Usually not. Many property, inheritance, family and civil matters are handled without travel. If a personal appearance is ever required, we tell you well in advance and explore alternatives such as a power of attorney.<\/div>\n      <\/details>\n\n      <details class=\"lb-faq\">\n        <summary>Can you review my property documents?<span class=\"ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span><\/summary>\n        <div class=\"ans\">Yes. Share scans or photos of titles, mutations, agreements or notices by WhatsApp or email, and we&#8217;ll review them and explain your position clearly.<\/div>\n      <\/details>\n\n      <details class=\"lb-faq\">\n        <summary>Can you represent me in court?<span class=\"ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span><\/summary>\n        <div class=\"ans\">Yes. We appear before the relevant courts in Pakistan on your behalf and keep you updated at each stage of your matter.<\/div>\n      <\/details>\n\n      <details class=\"lb-faq\">\n        <summary>How do I send documents?<span class=\"ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span><\/summary>\n        <div class=\"ans\">Simply share them by WhatsApp or email, clear photos or scans are fine to begin. We&#8217;ll let you know if originals are needed and the best way to provide them.<\/div>\n      <\/details>\n\n      <details class=\"lb-faq\">\n        <summary>Can consultation happen on WhatsApp or Zoom?<span class=\"ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span><\/summary>\n        <div class=\"ans\">Yes. We consult by WhatsApp call, phone or video (Zoom or Google Meet) at a time that works for your timezone.<\/div>\n      <\/details>\n\n      <details class=\"lb-faq\">\n        <summary>How quickly can I speak to someone?<span class=\"ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span><\/summary>\n        <div class=\"ans\">You can message or call us any time for initial guidance. We aim to respond promptly and arrange a consultation at the earliest time that suits you.<\/div>\n      <\/details>\n\n      <details class=\"lb-faq\">\n        <summary>Is my information confidential?<span class=\"ico\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span><\/summary>\n        <div class=\"ans\">Yes. Your matter is handled with strict confidentiality and discretion by our legal team.<\/div>\n      <\/details>\n\n    <\/div>\n\n    <div class=\"lb-faq-foot\">\n      <p>Still have a question about your matter?<\/p>\n      <a class=\"lb-btn lb-btn-primary\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20have%20a%20question%20about%20my%20legal%20matter%20in%20Pakistan.\" target=\"_blank\" rel=\"noopener\">Ask Us on WhatsApp<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ===== section-13-final-cta.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 13: FINAL CTA (navy)\n     id=\"contact\" - the menu \"Contact\" link + all #contact buttons land here.\n     Paste into a NEW Custom HTML block, below the FAQ.\n     ==================================================== -->\n\n<style>\n.lb-final{position:relative;overflow:hidden;background:var(--lb-navy);color:#fff;text-align:center;scroll-margin-top:90px;}\n.lb-final .glow{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(26,110,255,.40),transparent 40%);pointer-events:none;}\n.lb-final-inner{position:relative;max-width:820px;margin:0 auto;}\n.lb-final .emblem{width:64px;height:64px;border-radius:18px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);backdrop-filter:blur(12px);}\n.lb-final h2{color:#fff;}\n.lb-final p{margin:20px auto 0;max-width:660px;font-size:1.05rem;line-height:1.7;color:#C7D8F5;}\n.lb-final-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}\n<\/style>\n\n<section id=\"contact\" class=\"lb-section lb-scope lb-final\">\n  <span class=\"glow\"><\/span>\n  <div class=\"lb-container lb-final-inner\">\n    <div class=\"emblem\">\n      <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v18M5 7h14M5 7l-3 6a4 4 0 0 0 6 0L5 7zm14 0l-3 6a4 4 0 0 0 6 0l-3-6zM8 21h8\"\/><\/svg>\n    <\/div>\n    <!-- EDIT: heading + copy -->\n    <h2 class=\"lb-heading lb-h2\">Need Legal Help? LawBridge LLP Is Ready.<\/h2>\n    <p>Speak with LawBridge LLP about your property, inheritance, family, civil, corporate or tax matter in Pakistan.<\/p>\n    <div class=\"lb-final-actions\">\n      <a class=\"lb-btn lb-btn-primary\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20need%20legal%20help%20in%20Pakistan%20from%20abroad.\" target=\"_blank\" rel=\"noopener\">WhatsApp Your Case<\/a>\n      <a class=\"lb-btn lb-btn-white\" href=\"https:\/\/wa.me\/923457866677?text=Hello%20LawBridge%2C%20I%20would%20like%20to%20book%20an%20online%20consultation.\" target=\"_blank\" rel=\"noopener\">Book Online Consultation<\/a>\n      <a class=\"lb-btn lb-btn-white\" href=\"tel:+923457866677\">Call Now<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ===== section-14-footer.html ===== -->\n<!-- ====================================================\n     LAWBRIDGE - SECTION 14: FOOTER\n     Paste into a NEW Custom HTML block, below the Final CTA.\n     ==================================================== -->\n\n<style>\n.lb-footer{background:#fff;border-top:1px solid var(--lb-border);}\n.lb-footer-grid{display:grid;gap:32px;}\n.lb-footer .f-brand{font-family:var(--lb-display);font-weight:800;font-size:1.4rem;color:var(--lb-navy);}\n.lb-footer .f-desc{margin-top:12px;font-size:.88rem;line-height:1.7;color:var(--lb-muted);max-width:320px;}\n.lb-footer h4{font-family:var(--lb-display);font-weight:800;font-size:1rem;color:var(--lb-navy);}\n.lb-footer .f-links{margin-top:14px;display:grid;gap:9px;}\n.lb-footer .f-links a{font-size:.88rem;color:var(--lb-muted);font-weight:600;}\n.lb-footer .f-links a:hover{color:var(--lb-blue);}\n.lb-footer .f-contact{margin-top:14px;display:grid;gap:11px;}\n.lb-footer .f-contact a,.lb-footer .f-contact span{display:flex;align-items:flex-start;gap:9px;font-size:.88rem;color:var(--lb-muted);font-weight:600;}\n.lb-footer .f-contact svg{flex-shrink:0;margin-top:2px;color:var(--lb-blue);}\n.lb-footer .f-actions{margin-top:14px;display:grid;gap:10px;}\n.lb-footer .f-bottom{margin-top:34px;padding-top:20px;border-top:1px solid var(--lb-border);text-align:center;font-size:.82rem;color:var(--lb-muted);}\n.lb-footer .f-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;}\n.lb-footer .f-legal a{font-family:var(--lb-display);font-weight:700;font-size:.84rem;color:var(--lb-navy);}\n.lb-footer .f-legal a:hover{color:var(--lb-blue);}\n.lb-footer .f-legal .sep{color:var(--lb-border);}\n.lb-footer .f-copy{margin-top:12px;}\n@media(min-width:640px){.lb-footer-grid{grid-template-columns:repeat(2,1fr);}}\n@media(min-width:1024px){.lb-footer-grid{grid-template-columns:1.4fr 1fr 1.2fr 1fr;}}\n<\/style>\n\n\n<script>\n(function(){\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  \/* Mark JS active: only now do the reveal styles take hold, so a script\n     failure can never leave a section invisible. *\/\n  document.documentElement.classList.add('lb-js');\n  document.body.classList.add('lb-js');\n\n  \/* Tag below-the-fold blocks for scroll reveal *\/\n  document.querySelectorAll('.lb-section:not(.lb-hero) .lb-container > *').forEach(function(el){\n    el.classList.add('lb-reveal');\n  });\n  document.querySelectorAll('.lb-svc-grid,.lb-hero-trust,.lb-office-list,.lb-faq-list,.lb-cred-list,.lb-rev-ph').forEach(function(el){\n    el.classList.remove('lb-reveal');\n    el.classList.add('lb-reveal-child');\n  });\n\n  var targets = [].slice.call(document.querySelectorAll('.lb-reveal,.lb-reveal-child,.lb-map-wrap'));\n  function revealAll(){ targets.forEach(function(el){ el.classList.add('in'); }); }\n\n  \/* Scroll-driven reveal. Plain geometry + scroll events, so it can never get\n     stuck waiting on a render callback: anything that reaches the viewport shows. *\/\n  if(reduced){\n    revealAll();\n  } else {\n    var check = function(){\n      var vh = window.innerHeight || document.documentElement.clientHeight;\n      for(var i=targets.length-1; i>=0; i--){\n        var el = targets[i];\n        var r = el.getBoundingClientRect();\n        if(r.top < vh*0.92 &#038;&#038; r.bottom > 0){\n          el.classList.add('in');\n          targets.splice(i,1);\n        }\n      }\n    };\n    \/* Time-throttled, no requestAnimationFrame dependency, so reveals fire\n       even if the frame loop is throttled. check() is cheap (shrinking list). *\/\n    var last=0;\n    var onScroll=function(){ var now=Date.now(); if(now-last>60){ last=now; check(); } };\n    check();\n    window.addEventListener('scroll', onScroll, {passive:true});\n    window.addEventListener('resize', onScroll, {passive:true});\n    window.addEventListener('load', check);\n    window.addEventListener('beforeprint', revealAll);\n    setTimeout(check, 250); setTimeout(check, 1000); setTimeout(check, 2500);\n  }\n\n  \/* Services grid: scroll spotlight on touch\/narrow screens. The card\n     nearest the viewport centre gets the same standout state as desktop\n     hover, so the grid feels alive on phones where hover does not exist. *\/\n  (function(){\n    var cards = [].slice.call(document.querySelectorAll('.lb-svc'));\n    if(!cards.length) return;\n    var current = null, lastSpot = 0;\n    function spotlight(){\n      var touchy = window.matchMedia('(hover: none)').matches || window.innerWidth < 1024;\n      if(!touchy){ if(current){ current.classList.remove('is-spot'); current=null; } return; }\n      var mid = (window.innerHeight || document.documentElement.clientHeight) \/ 2;\n      var best = null, bestDist = 1e9;\n      for(var i=0;i<cards.length;i++){\n        var r = cards[i].getBoundingClientRect();\n        if(r.bottom < 0 || r.top > mid*2) continue;\n        var d = Math.abs((r.top + r.height\/2) - mid);\n        if(d < bestDist){ bestDist = d; best = cards[i]; }\n      }\n      if(best &#038;&#038; bestDist > mid*0.75) best = null;\n      if(best !== current){\n        if(current) current.classList.remove('is-spot');\n        if(best) best.classList.add('is-spot');\n        current = best;\n      }\n    }\n    window.addEventListener('scroll', function(){\n      var now = Date.now();\n      if(now - lastSpot > 80){ lastSpot = now; spotlight(); }\n    }, {passive:true});\n    window.addEventListener('resize', spotlight, {passive:true});\n    spotlight();\n  })();\n\n  \/* Map: link custom location pins and office cards *\/\n  var mapPins = [].slice.call(document.querySelectorAll('.lb-mappin'));\n  var mapStage = document.querySelector('.lb-map-stage');\n  var touchMap = (window.matchMedia && window.matchMedia('(hover:none)').matches) || ('ontouchstart' in window);\n\n  function setActive(id){\n    document.querySelectorAll('.lb-mappin,.lb-office').forEach(function(el){el.classList.remove('is-active');});\n    if(!id) return;\n    var pin = document.querySelector('.lb-mappin[data-office=\"'+id+'\"]');\n    var card = document.getElementById(id);\n    if(pin) pin.classList.add('is-active');\n    if(card){ card.classList.add('is-active'); }\n  }\n  \/* Keep the tooltip fully inside the map: flip it below near the top edge,\n     then shift it horizontally near the left\/right edges. *\/\n  function placeTip(pin){\n    var tip = pin.querySelector('.lb-mappin-tip');\n    if(!tip || !mapStage) return;\n    pin.classList.remove('tip-below');\n    tip.style.setProperty('--lb-tip-shift','0px');\n    var sr = mapStage.getBoundingClientRect();\n    var tr = tip.getBoundingClientRect();\n    \/* vertical: if the popup (shown above) would clip the top, flip it below the pin *\/\n    if(tr.top < sr.top + 6){\n      pin.classList.add('tip-below');\n      tr = tip.getBoundingClientRect();\n    }\n    \/* horizontal: nudge inwards so the popup never runs off the sides *\/\n    var pad = 8, shift = 0;\n    if(tr.left < sr.left + pad){ shift = (sr.left + pad) - tr.left; }\n    else if(tr.right > sr.right - pad){ shift = (sr.right - pad) - tr.right; }\n    if(shift){ tip.style.setProperty('--lb-tip-shift', shift.toFixed(1)+'px'); }\n  }\n  function closeAllTips(){ mapPins.forEach(function(p){ p.classList.remove('is-open'); }); }\n\n  mapPins.forEach(function(pin){\n    pin.addEventListener('mouseenter',function(){ setActive(pin.getAttribute('data-office')); placeTip(pin); });\n    pin.addEventListener('focus',function(){ setActive(pin.getAttribute('data-office')); placeTip(pin); });\n    pin.addEventListener('click',function(e){\n      var id = pin.getAttribute('data-office');\n      if(touchMap){\n        e.preventDefault();\n        var wasOpen = pin.classList.contains('is-open');\n        closeAllTips();\n        if(!wasOpen){ pin.classList.add('is-open'); placeTip(pin); setActive(id); }\n        else { setActive(null); }\n        return;\n      }\n      setActive(id);\n      var card = document.getElementById(id);\n      if(card) card.scrollIntoView({behavior: reduced ? 'auto' : 'smooth', block:'nearest'});\n    });\n  });\n  document.addEventListener('click',function(e){\n    if(touchMap && !e.target.closest('.lb-mappin')) closeAllTips();\n  });\n  window.addEventListener('resize',function(){\n    mapPins.forEach(function(p){ if(p.classList.contains('is-open')) placeTip(p); });\n  },{passive:true});\n\n  document.querySelectorAll('.lb-office').forEach(function(card){\n    card.addEventListener('mouseenter',function(){ setActive(card.id); });\n    card.addEventListener('click',function(){ setActive(card.id); });\n  });\n})();\n<\/script>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>For Everyone in Pakistan and Abroad Your Legal Matter, Resolved by One of Pakistan&#8217;s Leading Law Firms From property and inheritance to family, criminal, corporate and tax matters, LawBridge LLP delivers senior legal representation across Pakistan and for clients living abroad. WhatsApp Your Case Book Online Consultation 20+ Years Experience Lincoln&#8217;s Inn Barrister-at-Law Supreme Court&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/lawbridge-canvas.php","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lawbridgechambers.com\/zh\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lawbridgechambers.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lawbridgechambers.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lawbridgechambers.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lawbridgechambers.com\/zh\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":12,"href":"https:\/\/lawbridgechambers.com\/zh\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":148,"href":"https:\/\/lawbridgechambers.com\/zh\/wp-json\/wp\/v2\/pages\/6\/revisions\/148"}],"wp:attachment":[{"href":"https:\/\/lawbridgechambers.com\/zh\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}