.elementor-548 .elementor-element.elementor-element-958d335{--display:flex;}.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 );}.elementor-548 .elementor-element.elementor-element-8532b0f{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-3596df5 *//* ===== NJ Locksmith — Gray/Bronze Theme ===== */
/* Base Container */
.keycut-section {
  font-family: 'Segoe UI', Tahoma, sans-serif;
  background-color: #f7f6f3;     /* softer than #fffbea for gray/bronze scheme */
  color: #4A5568;                /* Primary text */
  padding: 40px 20px;
  max-width: 1100px;
  margin: auto;
  line-height: 1.7;
}

/* White Boxes with Bronze Border */
.keycut-box {
  background: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  border-left: 6px solid #B08D57; /* Bronze accent */
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}

.keycut-box h1,
.keycut-box h2 {
  color: #B08D57;                 /* Bronze headings */
  margin-bottom: 20px;
  font-weight: bold;
}

/* Card Containers */
.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px;
  border-radius: 12px;
  margin-bottom: 30px;
  background: #fff;               /* subtle panel feel */
  box-shadow: 0 0 12px rgba(0,0,0,0.04);
}

.card-container h2 {
  width: 100%;
  font-size: 1.4em;
  color: #B08D57;
  margin-bottom: 20px;
  font-weight: bold;
}

.card-container a {
  color: #B08D57;
  text-decoration: none;
}

/* Cards */
.card {
  flex: 1 1 calc(33.33% - 20px);
  background: #fff;
  border-radius: 8px;
  padding: 15px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  font-size: 0.95em;
  border-left: 5px solid #4A5568; /* Gray accent edge */
}

/* Highlighted Sections (tuned to theme) */
.yellow-bg { background-color: #f1eadf; }  /* warm, pale bronze */
.red-bg { background-color: #f3f3f3; }     /* neutral light gray */

/* CTA Banner */
.yellow-cta {
  background-color: #B08D57;      /* Bronze */
  color: #ffffff;
  padding: 30px;
  font-size: 1.2em;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .card { flex: 1 1 100%; }
  .card-container { padding: 20px 15px; }
  .keycut-box { padding: 25px 15px; }
  .keycut-box h1,
  .keycut-box h2,
  .card-container h2 { font-size: 1.3rem; }
  .yellow-cta { font-size: 1.05rem; padding: 25px 15px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-66d8ad9 *//* ===== Locksmith Sections — Gray & Bronze Theme ===== */
.keycut-section {
  font-family: 'Segoe UI', Tahoma, sans-serif;
  background-color: #f7f6f3;       /* soft neutral background */
  color: #4A5568;                  /* gray text */
  padding: 40px 20px;
  max-width: 1100px;
  margin: auto;
  line-height: 1.7;
}

/* Boxes for headings & content */
.keycut-box {
  background: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  border-left: 6px solid #B08D57;   /* bronze accent */
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}

.keycut-box h1,
.keycut-box h2 {
  color: #B08D57;
  margin-bottom: 20px;
  font-weight: bold;
}

/* Card containers for services & areas */
.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px;
  border-radius: 12px;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.04);
}

.card-container h2 {
  width: 100%;
  font-size: 1.4em;
  color: #B08D57;
  margin-bottom: 20px;
  font-weight: bold;
}

/* Card styles */
.card {
  flex: 1 1 calc(33.33% - 20px);
  background: #fff;
  border-radius: 8px;
  padding: 15px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  font-size: 0.95em;
  border-left: 5px solid #4A5568;   /* gray accent line */
  text-decoration: none;
  color: #4A5568;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  border-left-color: #B08D57;
}

/* Optional highlights */
.yellow-bg { background-color: #f1eadf; }  /* warm pale bronze */
.red-bg { background-color: #f3f3f3; }     /* light gray tone */

/* Call-to-action banner */
.yellow-cta {
  background-color: #B08D57;
  color: #ffffff;
  padding: 30px;
  font-size: 1.2em;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .card { flex: 1 1 100%; }
  .card-container { padding: 20px 15px; }
  .keycut-box { padding: 25px 15px; }
  .keycut-box h1,
  .keycut-box h2,
  .card-container h2 { font-size: 1.3rem; }
  .yellow-cta { font-size: 1.05rem; padding: 25px 15px; }
}/* End custom CSS */