.elementor-160 .elementor-element.elementor-element-1866779a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-160 .elementor-element.elementor-element-36eae7cc img{width:100%;height:500px;object-fit:cover;object-position:center right;}.elementor-160 .elementor-element.elementor-element-712d6d7f{--display:flex;--min-height:194px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-160 .elementor-element.elementor-element-712d6d7f:not(.elementor-motion-effects-element-type-background), .elementor-160 .elementor-element.elementor-element-712d6d7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0047AB;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-160 .elementor-element.elementor-element-2ff7efd8{text-align:center;}.elementor-160 .elementor-element.elementor-element-2ff7efd8 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;line-height:1.5em;color:#ffffff;}.elementor-160 .elementor-element.elementor-element-6e1c36ef{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-160 .elementor-element.elementor-element-6e1c36ef:not(.elementor-motion-effects-element-type-background), .elementor-160 .elementor-element.elementor-element-6e1c36ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-160 .elementor-element.elementor-element-6e1c36ef::before, .elementor-160 .elementor-element.elementor-element-6e1c36ef > .elementor-background-video-container::before, .elementor-160 .elementor-element.elementor-element-6e1c36ef > .e-con-inner > .elementor-background-video-container::before, .elementor-160 .elementor-element.elementor-element-6e1c36ef > .elementor-background-slideshow::before, .elementor-160 .elementor-element.elementor-element-6e1c36ef > .e-con-inner > .elementor-background-slideshow::before, .elementor-160 .elementor-element.elementor-element-6e1c36ef > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-160 .elementor-element.elementor-element-5cdef20f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-160 .elementor-element.elementor-element-5cdef20f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-160 .elementor-element.elementor-element-5f9c65cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:left;color:#4a4a4a;font-family:"Sora", Sans-serif;font-size:16px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}body.elementor-page-160:not(.elementor-motion-effects-element-type-background), body.elementor-page-160 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111013;}@media(max-width:1024px){.elementor-160 .elementor-element.elementor-element-712d6d7f{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-160 .elementor-element.elementor-element-2ff7efd8 .elementor-heading-title{font-size:38px;}.elementor-160 .elementor-element.elementor-element-6e1c36ef{--flex-wrap:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-160 .elementor-element.elementor-element-5cdef20f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-160 .elementor-element.elementor-element-36eae7cc img{height:299px;}.elementor-160 .elementor-element.elementor-element-712d6d7f{--min-height:100px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-160 .elementor-element.elementor-element-2ff7efd8 .elementor-heading-title{font-size:18px;}.elementor-160 .elementor-element.elementor-element-6e1c36ef{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-160 .elementor-element.elementor-element-6e1c36ef{--content-width:1200px;}.elementor-160 .elementor-element.elementor-element-5cdef20f{--width:101.325%;}}@media(max-width:1024px) and (min-width:768px){.elementor-160 .elementor-element.elementor-element-5cdef20f{--width:100%;}}/* Start custom CSS for theme-post-content, class: .elementor-element-5f9c65cb *//* ---------------------------
   Scoped Article Styling
   Apply only to sections/containers
   with the class "scoped-article"
---------------------------- */

.scoped-article {
  /* Layout & rhythm */
  --article-max: 850px;
  --font-base: clamp(16px, 1.2vw + 12px, 18px);
  --line: 1.75;                 /* base line-height */
  --space-1: 0.5rem;            /* fine spacing */
  --space-2: 0.9rem;            /* paragraph gap */
  --space-3: 1.4rem;            /* h3 bottom gap */
  --space-4: 2.2rem;            /* section gap */

  /* Color system */
  --ink-1: #121417;             /* headings/body on light */
  --ink-2: #3a3f45;             /* secondary text */
  --ink-faint: #dfe3e8;         /* dividers */
  --accent: #FFD700;            /* heading accent underline */
  --card: #ffffff;              /* canvas */
  --canvas: #f7f8fa;            /* page background */

  /* Typography */
  --font-ui: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  --font-serif: "Merriweather", Georgia, "Times New Roman", serif;

  background: var(--card);
  color: var(--ink-1);
  font-family: var(--font-ui);
  font-size: var(--font-base);
  line-height: var(--line);
  margin-left: auto;
  margin-right: auto;
  max-width: var(--article-max);
  padding: clamp(20px, 3.2vw, 40px);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
}

/* Headings */
.scoped-article h3 {
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: clamp(1.25rem, 0.9rem + 1.2vw, 1.6rem);
  letter-spacing: 0.2px;
  color: var(--ink-1);
  margin-top: var(--space-4);
  margin-bottom: var(--space-3);
  line-height: 1.3;
  position: relative;
}

/* Subtle accent underline */
.scoped-article h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 64px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--accent), transparent);
  opacity: 0.9;
}

/* First heading tighter */
.scoped-article h3:first-of-type {
  margin-top: 0.2rem;
}

/* Paragraphs: All now share the same style */
.scoped-article p {
  margin: 0 0 var(--space-2) 0;
  color: var(--ink-1);
  font-weight: 430;
  font-size: clamp(1.05rem, 0.9rem + 0.5vw, 1.2rem);
  font-family: var(--font-ui);
}

/* Tighten spacing */
.scoped-article h3 + p {
  margin-top: calc(var(--space-1) * -0.2);
}

.scoped-article p + h3 {
  margin-top: var(--space-4);
}

/* Links (if present) */
.scoped-article p a {
  color: var(--accent);
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
}
.scoped-article p a:hover {
  text-decoration: underline;
}

/* Print friendly */
@media print {
  .scoped-article {
    box-shadow: none;
    padding: 24px;
    background: #fff;
  }
  .scoped-article h3::after { display: none; }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  .scoped-article {
    --ink-1: #e9edf2;
    --ink-2: #c7cdd6;
    --ink-faint: #2a2f37;
    --accent: #6ea8ff;
    --card: #121418;
    --canvas: #0c0e12;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
  }
  .scoped-article h3::after { opacity: 0.8; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cf1a0c9 *//* Shared styles for both sections */
#service-areas, #locksmith-services {
  --primary: #0047AB;
  --secondary: #FEE715;
  --bg: linear-gradient(135deg, rgba(0,71,171,0.07), rgba(254,231,21,0.07));
  --card-bg: #ffffff;
  --muted: #5b6b75;
  --radius: 18px;
  --shadow: 0 10px 24px rgba(0,0,0,0.08);
  --gap: 18px;
  font-family: 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  color: #0f2230;
  background: var(--bg);
  border-radius: 22px;
  padding: 24px;
  margin-bottom: 40px;
}

.sa-wrap{ max-width:1200px; margin:0 auto; }

.sa-header{
  display:flex; flex-direction:column; gap:10px; align-items:flex-start; margin-bottom:18px;
}

.sa-tag{
  display:inline-block; font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:700;
}

.sa-title-lg{ font-size:clamp(22px,2.4vw,32px); line-height:1.15; margin:0; font-weight:800; color:#0f2230; }
.sa-sub{ margin:0; color:var(--muted); font-size:14px; }

.sa-grid{
  display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:var(--gap); margin-top:16px;
}

.sa-card{
  position:relative; background:var(--card-bg); border-radius:var(--radius);
  padding:18px 16px 16px; box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,0.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  overflow:hidden; isolation:isolate;
  text-decoration:none;
}

.sa-card::before{
  content:""; position:absolute; inset:-2px auto auto -2px; width:44%; height:6px;
  background: linear-gradient(90deg, var(--primary), var(--secondary)); border-top-left-radius:14px;
}

.sa-card::after{
  content:""; position:absolute; left:-2px; top:10px; bottom:10px; width:5px; border-radius:4px;
  background: linear-gradient(180deg, var(--primary), var(--secondary)); opacity:.8;
}

.sa-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,0.12); border-color:rgba(0,0,0,0.08); }

.sa-pin{
  width:34px; height:34px; display:grid; place-items:center; border-radius:12px;
  background: linear-gradient(180deg, rgba(0,71,171,.18), rgba(254,231,21,.18));
  margin-bottom:10px; font-size:18px;
}

.sa-title{ margin:0 0 4px; font-size:18px; line-height:1.2; font-weight:800; color: #0047AB; }

.sa-card:hover .sa-title{ color: #0b3a55; }

@media (min-width:1100px){ .sa-grid{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:540px){ #service-areas, #locksmith-services{ padding:18px; } .sa-card{ padding:16px; } }/* End custom CSS */