.elementor-508 .elementor-element.elementor-element-15bfb87{--display:flex;}.elementor-508 .elementor-element.elementor-element-15bfb87.e-con{--flex-grow:0;--flex-shrink:0;}.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 );}@media(min-width:768px){.elementor-508 .elementor-element.elementor-element-15bfb87{--width:106.862%;}}/* Start custom CSS for text-editor, class: .elementor-element-f6f573b *//* ===== IN Locksmith — Longform Article + CTA ===== */
.in-locksmith-section {
  --in-ink:#00BFFF;      /* Sky Blue */
  --in-gold:#FFCC00;     /* Bright Gold */
  --in-text:#222;
  --in-muted:#585f69;
  --in-white:#fff;
  --in-bg:#f7f9fc;
  --in-shadow:0 8px 26px rgba(0,191,255,.12);
  --in-shadow-hover:0 16px 40px rgba(0,191,255,.18);
  --in-radius:18px;
  --in-max:1200px;

  font-family:"Segoe UI", Roboto, system-ui, Arial, sans-serif;
  padding: 40px 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f4faff 100%);
  color: var(--in-text);
}

.in-wrap { 
  max-width: var(--in-max); 
  margin: 0 auto; 
}

.in-panel {
  background: var(--in-white);
  border: 1px solid rgba(0,191,255,.12);
  border-radius: var(--in-radius);
  box-shadow: var(--in-shadow);
  padding: clamp(22px, 3vw, 34px);
}

.in-line {
  height: 4px;
  width: 100%;
  margin: 0 0 18px;
  border-radius: 999px;
  background: linear-gradient(
    90deg, 
    var(--in-gold) 0 25%, 
    rgba(0,191,255,.35) 25% 100%
  );
}

.in-panel p {
  font-size: 16px;
  line-height: 1.75;
  color: var(--in-text);
  margin: 12px 0;
}

.in-panel p:first-of-type {
  font-size: 17px;
  color: var(--in-muted);
}

/* CTA Default (Blue Gradient) */
.in-cta {
  background: linear-gradient(135deg, var(--in-ink) 0%, #0080cc 70%);
  color: #fff;
  border-radius: 20px;
  padding: clamp(22px, 4vw, 34px);
  box-shadow: var(--in-shadow-hover);
  border: 1px solid rgba(255,255,255,.08);
  position: relative;
  margin-top: 28px;
}

.in-cta h3 {
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 800;
  margin-bottom: 10px;
  color: #fff;
}

.in-cta p { 
  color: #f5faff; 
  margin-bottom: 12px; 
}

.in-actions { 
  display:flex; 
  flex-wrap:wrap; 
  gap:12px; 
  margin-top: 8px; 
}

.in-btn {
  display:inline-flex; 
  align-items:center; 
  gap:10px;
  padding:12px 20px; 
  border-radius:12px; 
  font-weight:800; 
  text-decoration:none;
  background: var(--in-gold); 
  color:#111;
  box-shadow:0 6px 16px rgba(255,204,0,.35);
  transition:transform .25s ease, box-shadow .25s ease;
}

.in-btn:hover { 
  transform:translateY(-3px); 
  box-shadow:0 10px 24px rgba(255,204,0,.45); 
}

.in-btn--ghost {
  background:#fff; 
  color:#111; 
  border:2px solid #fff;
  box-shadow:0 3px 8px rgba(0,0,0,.08);
}

.in-btn--ghost:hover { 
  background:#f7f7f7; 
}

.in-small { 
  font-size: 13px; 
  color: #e1e7ef; 
  margin-top: 10px; 
}

/* CTA White Variant */
.in-cta--white {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: var(--in-shadow);
}

.in-cta--white h3 {
  color: var(--in-ink);
}

/* Highlighted CTA text strip (white text on blue) */
.in-cta--white .cta-text {
  color: #fff;  
  background: var(--in-ink);
  padding: 12px 16px;
  border-radius: 12px;
  line-height: 1.7;
}/* End custom CSS */