{"id":212,"date":"2026-01-21T19:43:16","date_gmt":"2026-01-21T19:43:16","guid":{"rendered":"https:\/\/boblockandkey.com\/?page_id=212"},"modified":"2026-01-21T19:46:55","modified_gmt":"2026-01-21T19:46:55","slug":"service-area","status":"publish","type":"page","link":"https:\/\/boblockandkey.com\/index.php\/service-area\/","title":{"rendered":"Service Area"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"212\" class=\"elementor elementor-212\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e552e8 e-con-full e-flex e-con e-parent\" data-id=\"6e552e8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb57d3f elementor-widget elementor-widget-html\" data-id=\"cb57d3f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 SERVICE AREAS PAGE HERO (2026 PREMIUM) \u2014 Elementor HTML widget ready -->\r\n<section class=\"blyk-sa-hero\" id=\"serviceAreasHero\">\r\n  <style>\r\n    .blyk-sa-hero{\r\n      --by:#F5B301;\r\n      --by2:#E0A800;\r\n      --bk:#0B0B0B;\r\n      --tx:#ffffff;\r\n      --mut:rgba(255,255,255,.80);\r\n      --line:rgba(255,255,255,.12);\r\n\r\n      padding: clamp(68px, 8vw, 130px) 0;\r\n      position:relative;\r\n      overflow:hidden;\r\n      color:var(--tx);\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n\r\n      background:\r\n        linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.78)),\r\n        radial-gradient(900px 420px at 15% 0%, rgba(245,179,1,.22), transparent 60%),\r\n        radial-gradient(900px 420px at 85% 10%, rgba(245,179,1,.10), transparent 55%),\r\n        url(\"https:\/\/boblockandkey.com\/wp-content\/uploads\/2026\/01\/locksmith-is-hard-work-picking-lock-he-is-using-variety-tools-get-job-done-scaled.webp\") center\/cover no-repeat;\r\n    }\r\n\r\n    \/* soft glow *\/\r\n    .blyk-sa-hero::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:auto -25% -65% -25%;\r\n      height:560px;\r\n      background:radial-gradient(circle, rgba(245,179,1,.20), transparent 62%);\r\n      filter: blur(34px);\r\n      opacity:.9;\r\n      pointer-events:none;\r\n    }\r\n\r\n    .blyk-sa-wrap{\r\n      max-width:1180px;\r\n      margin:0 auto;\r\n      padding:0 clamp(16px,4vw,32px);\r\n      position:relative;\r\n      z-index:2;\r\n    }\r\n\r\n    .blyk-sa-grid{\r\n      display:grid;\r\n      grid-template-columns: 1.05fr .95fr;\r\n      gap: clamp(16px, 3vw, 30px);\r\n      align-items:stretch;\r\n    }\r\n\r\n    \/* LEFT CONTENT *\/\r\n    .blyk-sa-left{\r\n      border-radius:28px;\r\n      padding: clamp(18px, 2.6vw, 30px);\r\n      background:rgba(12,12,12,.48);\r\n      border:1px solid rgba(255,255,255,.12);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      box-shadow: 0 30px 90px rgba(0,0,0,.55);\r\n      position:relative;\r\n      overflow:hidden;\r\n      isolation:isolate;\r\n    }\r\n\r\n    .blyk-sa-left::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      left:18px; right:18px; top:14px;\r\n      height:1px;\r\n      background: linear-gradient(90deg, transparent, rgba(245,179,1,.70), transparent);\r\n      opacity:.65;\r\n      pointer-events:none;\r\n      z-index:0;\r\n    }\r\n\r\n    .sa-kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:9px 14px;\r\n      border-radius:999px;\r\n      background:rgba(245,179,1,.16);\r\n      border:1px solid rgba(245,179,1,.34);\r\n      color:#fff ;\r\n      font-size:12px;\r\n      font-weight:1000;\r\n      letter-spacing:.12em;\r\n      text-transform:uppercase;\r\n      margin-bottom:14px;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n    .sa-kicker::before{\r\n      content:\"\";\r\n      width:8px;height:8px;border-radius:50%;\r\n      background:var(--by);\r\n      box-shadow:0 0 0 4px rgba(245,179,1,.20);\r\n    }\r\n\r\n    .sa-title{\r\n      margin:0 0 12px;\r\n      font-size: clamp(30px, 4vw, 52px);\r\n      line-height:1.05;\r\n      font-weight:1000;\r\n      letter-spacing:-.03em;\r\n      color:#fff;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n    .sa-title .hl{color:var(--by);}\r\n\r\n    .sa-sub{\r\n      margin:0 0 18px;\r\n      color:var(--mut);\r\n      font-size:16px;\r\n      line-height:1.75;\r\n      max-width:62ch;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    \/* proof chips *\/\r\n    .sa-chips{\r\n      display:flex;\r\n      flex-wrap:wrap;\r\n      gap:10px;\r\n      margin:16px 0 18px;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n    .sa-chip{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      padding:10px 12px;\r\n      border-radius:999px;\r\n      border:1px solid rgba(255,255,255,.14);\r\n      background:rgba(255,255,255,.06);\r\n      color:rgba(255,255,255,.86);\r\n      font-size:13px;\r\n      font-weight:850;\r\n    }\r\n    .sa-chip b{color:#fff;font-weight:1000;}\r\n    .sa-chip .ic{\r\n      width:22px;height:22px;border-radius:999px;\r\n      display:grid;place-items:center;\r\n      background:rgba(245,179,1,.16);\r\n      border:1px solid rgba(245,179,1,.30);\r\n      color:var(--by);\r\n      font-size:12px;\r\n      font-weight:1000;\r\n    }\r\n\r\n    \/* CTAs *\/\r\n    .sa-cta{\r\n      display:flex;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n      align-items:stretch;\r\n      margin-top:6px;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    .sa-btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:10px;\r\n      padding:16px 18px;\r\n      border-radius:16px;\r\n      background:linear-gradient(180deg,var(--by),var(--by2));\r\n      color:var(--bk);\r\n      font-weight:1000;\r\n      letter-spacing:.10em;\r\n      text-transform:uppercase;\r\n      font-size:12px;\r\n      text-decoration:none;\r\n      border:1px solid rgba(0,0,0,.18);\r\n      box-shadow: 0 24px 62px rgba(245,179,1,.28), inset 0 -2px 0 rgba(0,0,0,.18);\r\n      transition: transform .22s ease, box-shadow .22s ease;\r\n      flex:1 1 240px;\r\n      white-space:nowrap;\r\n    }\r\n    .sa-btn:hover{\r\n      transform:translateY(-2px);\r\n      box-shadow: 0 32px 78px rgba(245,179,1,.36), inset 0 -2px 0 rgba(0,0,0,.22);\r\n    }\r\n\r\n    .sa-btn.alt{\r\n      background:rgba(255,255,255,.06);\r\n      color:#fff;\r\n      border:1px solid rgba(255,255,255,.16);\r\n      box-shadow: 0 20px 60px rgba(0,0,0,.35);\r\n      letter-spacing:.08em;\r\n    }\r\n    .sa-btn.alt:hover{\r\n      transform:translateY(-2px);\r\n      border-color: rgba(245,179,1,.38);\r\n      box-shadow: 0 28px 78px rgba(0,0,0,.45);\r\n    }\r\n\r\n    \/* RIGHT: mini card *\/\r\n    .blyk-sa-right{\r\n      border-radius:28px;\r\n      padding: clamp(18px, 2.6vw, 26px);\r\n      background:rgba(12,12,12,.44);\r\n      border:1px solid rgba(255,255,255,.12);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      box-shadow: 0 30px 90px rgba(0,0,0,.55);\r\n      position:relative;\r\n      overflow:hidden;\r\n      display:flex;\r\n      flex-direction:column;\r\n      justify-content:space-between;\r\n      gap:14px;\r\n    }\r\n\r\n    .sa-mini-top{\r\n      display:flex;\r\n      align-items:flex-start;\r\n      justify-content:space-between;\r\n      gap:12px;\r\n    }\r\n    .sa-mini-title{\r\n      margin:0;\r\n      font-size:16px;\r\n      font-weight:1000;\r\n      letter-spacing:-.01em;\r\n    }\r\n    .sa-mini-sub{\r\n      margin:8px 0 0;\r\n      color:rgba(255,255,255,.78);\r\n      line-height:1.6;\r\n      font-size:13.5px;\r\n      max-width:44ch;\r\n    }\r\n\r\n    .sa-badge{\r\n      padding:9px 12px;\r\n      border-radius:999px;\r\n      background:rgba(245,179,1,.16);\r\n      border:1px solid rgba(245,179,1,.30);\r\n      color:#fff;\r\n      font-weight:950;\r\n      font-size:12px;\r\n      letter-spacing:.10em;\r\n      text-transform:uppercase;\r\n      white-space:nowrap;\r\n    }\r\n\r\n    \/* quick list *\/\r\n    .sa-quick{\r\n      display:grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap:10px;\r\n      margin:0;\r\n      padding:0;\r\n      list-style:none;\r\n    }\r\n    .sa-quick li{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:10px 12px;\r\n      border-radius:16px;\r\n      border:1px solid rgba(255,255,255,.12);\r\n      background:rgba(255,255,255,.06);\r\n      color:#fff;\r\n      font-size:13px;\r\n      font-weight:850;\r\n    }\r\n    .sa-pin{\r\n      width:28px;height:28px;border-radius:999px;\r\n      display:grid;place-items:center;\r\n      background:linear-gradient(180deg,var(--by),var(--by2));\r\n      color:#000;\r\n      box-shadow: 0 14px 26px rgba(245,179,1,.22);\r\n      flex:0 0 28px;\r\n    }\r\n    .sa-pin svg{width:16px;height:16px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n    .sa-mini-foot{\r\n      padding-top:12px;\r\n      border-top:1px dashed rgba(255,255,255,.18);\r\n      color:rgba(255,255,255,.76);\r\n      font-size:13px;\r\n      line-height:1.55;\r\n    }\r\n    .sa-mini-foot b{color:#fff;}\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 980px){\r\n      .blyk-sa-grid{grid-template-columns:1fr;}\r\n    }\r\n    @media (max-width: 560px){\r\n      .blyk-sa-left, .blyk-sa-right{border-radius:22px;}\r\n      .sa-quick{grid-template-columns:1fr;}\r\n      .sa-btn{white-space:normal;}\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce){\r\n      .sa-btn{transition:none;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"blyk-sa-wrap\">\r\n    <div class=\"blyk-sa-grid\">\r\n\r\n      <!-- LEFT -->\r\n      <div class=\"blyk-sa-left\">\r\n        <div class=\"sa-kicker\">Service Areas<\/div>\r\n\r\n        <h1 class=\"sa-title\">\r\n          Local <span class=\"hl\">Denver Locksmith<\/span> Coverage \u2014 Fast Dispatch.\r\n        <\/h1>\r\n\r\n        <p class=\"sa-sub\">\r\n          We serve Denver and nearby neighborhoods with 24\/7 lockout help, rekeying, lock repairs,\r\n          and security upgrades. Call now for ETA and the best option for your situation.\r\n        <\/p>\r\n\r\n        <div class=\"sa-chips\">\r\n          <div class=\"sa-chip\"><span class=\"ic\">\u2713<\/span><b>24\/7<\/b> Emergency<\/div>\r\n          <div class=\"sa-chip\"><span class=\"ic\">\u2713<\/span><b>Fast<\/b> Dispatch<\/div>\r\n          <div class=\"sa-chip\"><span class=\"ic\">\u2713<\/span><b>Upfront<\/b> Options<\/div>\r\n          <div class=\"sa-chip\"><span class=\"ic\">\u2713<\/span><b>Local<\/b> Techs<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sa-cta\">\r\n          <a class=\"sa-btn\" href=\"tel:+17205742547\">\ud83d\udcde Call (720) 574-2547<\/a>\r\n          <a class=\"sa-btn alt\" href=\"#service-areas\">\ud83d\udccd View Service Area Map<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT -->\r\n      <div class=\"blyk-sa-right\">\r\n        <div class=\"sa-mini-top\">\r\n          <div>\r\n            <p class=\"sa-mini-title\">Popular Neighborhoods We Serve<\/p>\r\n            <p class=\"sa-mini-sub\">Fast coverage across central Denver + nearby neighborhoods.<\/p>\r\n          <\/div>\r\n          <div class=\"sa-badge\">DENVER, CO<\/div>\r\n        <\/div>\r\n\r\n        <ul class=\"sa-quick\">\r\n          <li><span class=\"sa-pin\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Virginia Village<\/li>\r\n          <li><span class=\"sa-pin\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>University Hills<\/li>\r\n          <li><span class=\"sa-pin\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Washington Park<\/li>\r\n          <li><span class=\"sa-pin\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Cherry Creek<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"sa-mini-foot\">\r\n          <b>Dispatch address:<\/b> 5095 E Donald Ave, Denver, CO 80222<br>\r\n          Call anytime \u2014 we\u2019ll confirm ETA based on your exact location.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e422563 e-con-full e-flex e-con e-parent\" data-id=\"e422563\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9819169 elementor-widget elementor-widget-html\" data-id=\"9819169\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2705 SERVICE AREAS + GOOGLE MAP (2026 PREMIUM \u2013 Better UI, Better spacing, Better hover, CTA, Clean map overlay) -->\r\n<section class=\"blyk-areas v2026\" id=\"service-areas\">\r\n  <style>\r\n    :root{\r\n      --by:#F5B301;\r\n      --by2:#E0A800;\r\n      --bk:#0B0B0B;\r\n\r\n      --tx:#0f172a;\r\n      --mut:#64748b;\r\n      --line:rgba(15,23,42,.12);\r\n\r\n      --shadow1: 0 18px 52px rgba(2,6,23,.08);\r\n      --shadow2: 0 28px 90px rgba(2,6,23,.12);\r\n    }\r\n\r\n    .blyk-areas.v2026{\r\n      padding: clamp(64px, 7vw, 112px) 0;\r\n      background:\r\n        radial-gradient(1000px 440px at 12% -10%, rgba(245,179,1,.16), transparent 60%),\r\n        radial-gradient(900px 420px at 92% 0%, rgba(11,11,11,.04), transparent 55%),\r\n        #ffffff;\r\n      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n      color:var(--tx);\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .blyk-areas.v2026::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:auto -25% -60% -25%;\r\n      height:520px;\r\n      background:radial-gradient(circle, rgba(245,179,1,.14), transparent 62%);\r\n      filter: blur(30px);\r\n      pointer-events:none;\r\n      opacity:.75;\r\n    }\r\n\r\n    .blyk-areas .wrap{\r\n      max-width:1180px;\r\n      margin:0 auto;\r\n      padding:0 clamp(16px,4vw,32px);\r\n      position:relative;\r\n      z-index:2;\r\n    }\r\n\r\n    .areas-grid{\r\n      display:grid;\r\n      grid-template-columns: 1fr 1.15fr;\r\n      gap: clamp(16px, 3vw, 28px);\r\n      align-items:stretch;\r\n    }\r\n\r\n    \/* ===== LEFT CARD ===== *\/\r\n    .areas-left{\r\n      border-radius:26px;\r\n      padding: clamp(18px, 2.2vw, 26px);\r\n      border:1px solid var(--line);\r\n      background:\r\n        radial-gradient(900px 360px at 0% 0%, rgba(245,179,1,.10), transparent 55%),\r\n        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.86));\r\n      box-shadow: var(--shadow2);\r\n      position:relative;\r\n      overflow:hidden;\r\n      isolation:isolate;\r\n      display:flex;\r\n      flex-direction:column;\r\n    }\r\n\r\n    .areas-left::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      left:16px; right:16px; top:14px;\r\n      height:1px;\r\n      background: linear-gradient(90deg, transparent, rgba(245,179,1,.70), transparent);\r\n      opacity:.55;\r\n      pointer-events:none;\r\n      z-index:0;\r\n    }\r\n\r\n    .areas-kicker{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:9px 14px;\r\n      border-radius:999px;\r\n      background:rgba(245,179,1,.14);\r\n      border:1px solid rgba(245,179,1,.32);\r\n      color:var(--bk);\r\n      font-size:12px;\r\n      font-weight:1000;\r\n      letter-spacing:.12em;\r\n      text-transform:uppercase;\r\n      width:max-content;\r\n      margin-bottom:12px;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n    .areas-kicker::before{\r\n      content:\"\";\r\n      width:8px;height:8px;border-radius:50%;\r\n      background:var(--by);\r\n      box-shadow:0 0 0 4px rgba(245,179,1,.18);\r\n    }\r\n\r\n    .areas-title{\r\n      margin:0 0 10px;\r\n      font-size: clamp(22px, 2.4vw, 30px);\r\n      font-weight:1000;\r\n      color:var(--bk);\r\n      letter-spacing:-.02em;\r\n      line-height:1.12;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n    .areas-sub{\r\n      margin:0 0 16px;\r\n      color:var(--mut);\r\n      font-size:15px;\r\n      line-height:1.75;\r\n      max-width:60ch;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    \/* ===== LIST ===== *\/\r\n    .areas-list{\r\n      list-style:none;\r\n      padding:0;\r\n      margin:0;\r\n      display:grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap:10px;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    .area-item{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:11px 12px;\r\n      border-radius:16px;\r\n      background:#fff;\r\n      border:1px solid rgba(15,23,42,.10);\r\n      box-shadow: 0 12px 30px rgba(2,6,23,.05);\r\n      font-size:14px;\r\n      font-weight:850;\r\n      color:#111827;\r\n      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;\r\n    }\r\n\r\n    .area-item:hover{\r\n      transform: translateY(-2px);\r\n      border-color: rgba(245,179,1,.32);\r\n      box-shadow: 0 18px 46px rgba(2,6,23,.08);\r\n      background:#fffdf6;\r\n    }\r\n\r\n    .area-ic{\r\n      width:30px;height:30px;border-radius:999px;\r\n      display:grid;place-items:center;\r\n      background:linear-gradient(180deg,var(--by),var(--by2));\r\n      color:#000;\r\n      box-shadow: 0 14px 26px rgba(245,179,1,.20);\r\n      flex:0 0 30px;\r\n    }\r\n    .area-ic svg{width:16px;height:16px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n\r\n    \/* ===== CTA UNDER LIST ===== *\/\r\n    .areas-cta{\r\n      margin-top:14px;\r\n      display:flex;\r\n      gap:10px;\r\n      flex-wrap:wrap;\r\n      align-items:center;\r\n      position:relative;\r\n      z-index:1;\r\n    }\r\n\r\n    .areas-btn{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      gap:10px;\r\n      padding:14px 16px;\r\n      border-radius:16px;\r\n      background:linear-gradient(180deg,var(--by),var(--by2));\r\n      color:var(--bk);\r\n      font-weight:1000;\r\n      letter-spacing:.10em;\r\n      text-transform:uppercase;\r\n      font-size:12px;\r\n      text-decoration:none;\r\n      border:1px solid rgba(0,0,0,.18);\r\n      box-shadow: 0 22px 56px rgba(245,179,1,.26), inset 0 -2px 0 rgba(0,0,0,.18);\r\n      transition: transform .22s ease, box-shadow .22s ease;\r\n      flex:1 1 220px;\r\n      white-space:nowrap;\r\n    }\r\n    .areas-btn:hover{\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 30px 70px rgba(245,179,1,.34), inset 0 -2px 0 rgba(0,0,0,.22);\r\n    }\r\n\r\n    .areas-note{\r\n      flex:1 1 220px;\r\n      padding:12px 14px;\r\n      border-radius:16px;\r\n      border:1px solid rgba(15,23,42,.10);\r\n      background:rgba(255,255,255,.72);\r\n      color:#475569;\r\n      font-size:13px;\r\n      line-height:1.55;\r\n      box-shadow: 0 12px 30px rgba(2,6,23,.05);\r\n    }\r\n    .areas-note b{color:var(--bk);}\r\n\r\n    \/* ===== RIGHT MAP CARD ===== *\/\r\n    .areas-map{\r\n      border-radius:26px;\r\n      overflow:hidden;\r\n      border:1px solid var(--line);\r\n      box-shadow: var(--shadow2);\r\n      background:#fff;\r\n      min-height:460px;\r\n      position:relative;\r\n      isolation:isolate;\r\n    }\r\n\r\n    .areas-map iframe{\r\n      width:100%;\r\n      height:100%;\r\n      border:0;\r\n      display:block;\r\n      filter: saturate(1.02) contrast(1.02);\r\n    }\r\n\r\n    \/* premium overlay on map (non-blocking) *\/\r\n    .areas-map::after{\r\n      content:\"\";\r\n      position:absolute; inset:0;\r\n      background:\r\n        radial-gradient(700px 320px at 20% 0%, rgba(245,179,1,.12), transparent 60%),\r\n        linear-gradient(180deg, rgba(255,255,255,.00), rgba(255,255,255,.06));\r\n      pointer-events:none;\r\n    }\r\n\r\n    \/* top overlay row *\/\r\n    .map-top{\r\n      position:absolute;\r\n      top:14px; left:14px; right:14px;\r\n      display:flex;\r\n      justify-content:space-between;\r\n      gap:10px;\r\n      pointer-events:none;\r\n      z-index:2;\r\n    }\r\n\r\n    .map-pill{\r\n      pointer-events:none;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:10px 12px;\r\n      border-radius:999px;\r\n      background:rgba(11,11,11,.82);\r\n      color:#fff;\r\n      border:1px solid rgba(255,255,255,.10);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      font-size:12px;\r\n      font-weight:900;\r\n      letter-spacing:.06em;\r\n      text-transform:uppercase;\r\n      max-width:100%;\r\n      overflow:hidden;\r\n      text-overflow:ellipsis;\r\n      white-space:nowrap;\r\n    }\r\n\r\n    .map-dot{\r\n      width:10px;height:10px;border-radius:999px;\r\n      background:var(--by);\r\n      box-shadow:0 0 0 4px rgba(245,179,1,.18);\r\n      flex:0 0 10px;\r\n    }\r\n\r\n    \/* ===== Responsive ===== *\/\r\n    @media (max-width: 980px){\r\n      .areas-grid{grid-template-columns:1fr;}\r\n      .areas-map{min-height:380px;}\r\n    }\r\n    @media (max-width: 560px){\r\n      .areas-left{padding:18px;border-radius:22px;}\r\n      .areas-list{grid-template-columns:1fr;}\r\n      .areas-map{min-height:320px;border-radius:22px;}\r\n      .areas-btn{white-space:normal;}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <div class=\"areas-grid\">\r\n\r\n      <!-- LEFT: Service Areas -->\r\n      <div class=\"areas-left\">\r\n        <div class=\"areas-kicker\">Service Areas<\/div>\r\n        <h2 class=\"areas-title\">Serving Denver & Nearby Neighborhoods<\/h2>\r\n        <p class=\"areas-sub\">\r\n          Fast local dispatch across the areas below \u2014 call anytime for lockouts, rekeying, repairs, and security upgrades.\r\n        <\/p>\r\n\r\n        <ul class=\"areas-list\">\r\n          <!-- Reusable icon -->\r\n          <li class=\"area-item\">\r\n            <span class=\"area-ic\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg>\r\n            <\/span>Denver\r\n          <\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Virginia Village<\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>University Hills<\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>University Park<\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Washington Park<\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Washington Park West<\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Platt Park<\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Lowry<\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Hilltop<\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Cherry Creek<\/li>\r\n          <li class=\"area-item\"><span class=\"area-ic\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 21s7-4.4 7-11a7 7 0 1 0-14 0c0 6.6 7 11 7 11z\"\/><path d=\"M12 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"\/><\/svg><\/span>Congress Park<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"areas-cta\">\r\n          <a class=\"areas-btn\" href=\"tel:+17205742547\">\ud83d\udcde Call (720) 574-2547<\/a>\r\n          <div class=\"areas-note\"><b>Quick dispatch:<\/b> Tell us your neighborhood + issue for ETA & options.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: Google Map -->\r\n      <div class=\"areas-map\" aria-label=\"Google map service area\">\r\n        <div class=\"map-top\">\r\n          <div class=\"map-pill\"><span class=\"map-dot\" aria-hidden=\"true\"><\/span>5095 E Donald Ave, Denver, CO 80222<\/div>\r\n        <\/div>\r\n\r\n        <iframe\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\"\r\n          src=\"https:\/\/www.google.com\/maps?q=5095%20E%20Donald%20Ave,%20Denver,%20CO%2080222&output=embed\">\r\n        <\/iframe>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Service Areas Local Denver Locksmith Coverage \u2014 Fast Dispatch. We serve Denver and nearby neighborhoods with 24\/7 lockout help, rekeying, lock repairs, and security upgrades. Call now for ETA and the best option for your situation. \u271324\/7 Emergency \u2713Fast Dispatch \u2713Upfront Options \u2713Local Techs \ud83d\udcde Call (720) 574-2547 \ud83d\udccd View Service Area Map Popular Neighborhoods [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/pages\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":4,"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/pages\/212\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/pages\/212\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/boblockandkey.com\/index.php\/wp-json\/wp\/v2\/media?parent=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}