.elementor-107 .elementor-element.elementor-element-b2fab32{--display:flex;--min-height:78vh;--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.58;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:50%;--z-index:0;}.elementor-107 .elementor-element.elementor-element-b2fab32:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-b2fab32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CFAF6E;}.elementor-107 .elementor-element.elementor-element-b2fab32::before, .elementor-107 .elementor-element.elementor-element-b2fab32 > .elementor-background-video-container::before, .elementor-107 .elementor-element.elementor-element-b2fab32 > .e-con-inner > .elementor-background-video-container::before, .elementor-107 .elementor-element.elementor-element-b2fab32 > .elementor-background-slideshow::before, .elementor-107 .elementor-element.elementor-element-b2fab32 > .e-con-inner > .elementor-background-slideshow::before, .elementor-107 .elementor-element.elementor-element-b2fab32 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://city-locksmith.net/wp-content/uploads/2026/03/City-Local-Locksmith-Techhician-1536x1024.png");--background-overlay:'';}.elementor-107 .elementor-element.elementor-element-76c88ed3{--display:flex;--min-height:0px;--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;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--overlay-opacity:0.71;--margin-top:0px;--margin-bottom:0px;--margin-left:613px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-107 .elementor-element.elementor-element-76c88ed3::before, .elementor-107 .elementor-element.elementor-element-76c88ed3 > .elementor-background-video-container::before, .elementor-107 .elementor-element.elementor-element-76c88ed3 > .e-con-inner > .elementor-background-video-container::before, .elementor-107 .elementor-element.elementor-element-76c88ed3 > .elementor-background-slideshow::before, .elementor-107 .elementor-element.elementor-element-76c88ed3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-107 .elementor-element.elementor-element-76c88ed3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-107 .elementor-element.elementor-element-76c88ed3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .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-107 .elementor-element.elementor-element-b63c1bd{width:100%;max-width:100%;text-align:start;}.elementor-107 .elementor-element.elementor-element-b63c1bd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#39393982;stroke:#39393982;text-shadow:0px 0px 60px rgba(0, 0, 0, 0.65);color:#FFFFFF;}.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-107 .elementor-element.elementor-element-5d503de5{width:100%;max-width:100%;text-align:start;font-family:"Poppins", Sans-serif;font-size:25px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;text-shadow:0px 0px 60px rgba(0, 0, 0, 0.67);color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-107 .elementor-element.elementor-element-51d32e21 .elementor-button{background-color:#00A86B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);border-radius:40px 40px 40px 40px;padding:20px 20px 20px 20px;}.elementor-107 .elementor-element.elementor-element-51d32e21 .elementor-button:hover, .elementor-107 .elementor-element.elementor-element-51d32e21 .elementor-button:focus{background-color:#0F172A;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-107 .elementor-element.elementor-element-51d32e21{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-107 .elementor-element.elementor-element-1b4f81e2{--display:flex;--min-height:157px;--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;}.elementor-107 .elementor-element.elementor-element-1b4f81e2:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-1b4f81e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFB300;}.elementor-107 .elementor-element.elementor-element-7d74309a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 0px 0px;text-align:center;}.elementor-107 .elementor-element.elementor-element-7d74309a .elementor-heading-title{font-family:"Sono", Sans-serif;font-size:28px;font-weight:500;color:#FFFFFF;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-107 .elementor-element.elementor-element-2216d720 .e-search-submit{background-color:#686E71;}.elementor-107 .elementor-element.elementor-element-2216d720{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;--e-search-placeholder-color:#C7C0C0;--e-search-icon-label-color:#0E0707;--e-search-input-padding-block-start:0px;--e-search-input-padding-inline-start:15px;--e-search-input-padding-block-end:0px;--e-search-input-padding-inline-end:0px;--e-search-submit-margin-inline-start:5px;--e-search-icon-submit-size:20px;--e-search-submit-icon-gap:0px;--e-search-submit-color:#FFFFFF;--e-search-submit-border-radius:50px 50px 50px 50px;--e-search-submit-padding:15px 15px 15px 15px;}.elementor-107 .elementor-element.elementor-element-2216d720.elementor-element{--align-self:center;}.elementor-107 .elementor-element.elementor-element-2216d720 .e-search-input{font-family:"Arial", Sans-serif;font-size:20px;border-radius:50px 50px 50px 50px;}.elementor-107 .elementor-element.elementor-element-2216d720 .e-search-submit span{font-size:16px;}.elementor-107 .elementor-element.elementor-element-7a97466c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-107 .elementor-element.elementor-element-7a97466c:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-7a97466c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}body.elementor-page-107:not(.elementor-motion-effects-element-type-background), body.elementor-page-107 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111013;}@media(max-width:1024px){.elementor-107 .elementor-element.elementor-element-b2fab32{--padding-top:10%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-107 .elementor-element.elementor-element-b63c1bd .elementor-heading-title{font-size:65px;}}@media(min-width:768px){.elementor-107 .elementor-element.elementor-element-b2fab32{--width:100%;}.elementor-107 .elementor-element.elementor-element-76c88ed3{--width:110.385%;}}@media(max-width:767px){.elementor-107 .elementor-element.elementor-element-b2fab32{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-107 .elementor-element.elementor-element-76c88ed3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-107 .elementor-element.elementor-element-b63c1bd{text-align:center;}.elementor-107 .elementor-element.elementor-element-b63c1bd .elementor-heading-title{font-size:30px;}.elementor-107 .elementor-element.elementor-element-5d503de5{width:100%;max-width:100%;text-align:center;font-size:14px;}.elementor-107 .elementor-element.elementor-element-51d32e21{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-107 .elementor-element.elementor-element-51d32e21 .elementor-button{font-size:11px;}.elementor-107 .elementor-element.elementor-element-7a97466c{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for text-editor, class: .elementor-element-2695df0e *//* =========================================
   GLOBAL LOCKSMITH SECTION SYSTEM
========================================= */

.co-section {
  font-family: 'Segoe UI', Arial, sans-serif;
  background: linear-gradient(160deg, #083d31 0%, #062b23 100%);
  padding: 120px 20px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

/* Background bends */
.co-section::before {
  content: "";
  position: absolute;
  top: -300px;
  right: -200px;
  width: 900px;
  height: 900px;
  background: radial-gradient(circle, #FFB300 0%, #d69400 60%, transparent 70%);
  opacity: 0.25;
}

.co-section::after {
  content: "";
  position: absolute;
  bottom: -350px;
  left: -250px;
  width: 1000px;
  height: 1000px;
  background: radial-gradient(circle, #00A86B 0%, #007d50 60%, transparent 75%);
  opacity: 0.25;
}

.co-wrap {
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 2;
}

/* =========================================
   HERO INTRO
========================================= */

.co-hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 70px;
  align-items: center;
  margin-bottom: 120px;
}

.co-hero h1 {
  font-size: 44px;
  line-height: 1.25;
  margin-bottom: 25px;
}

.co-hero h1 span {
  color: #FFB300;
}

.co-hero p {
  font-size: 18px;
  line-height: 1.9;
  color: #e6f7f1;
  margin-bottom: 20px;
}

.co-hero-card {
  background: #ffffff;
  color: #222;
  padding: 60px;
  border-radius: 16px;
  box-shadow: 0 40px 100px rgba(0,0,0,0.4);
  border-top: 6px solid #FFB300;
}

/* =========================================
   TITLES
========================================= */

.co-title {
  font-size: 32px;
  margin-bottom: 40px;
  font-weight: 600;
  position: relative;
}

.co-title::after {
  content: "";
  width: 90px;
  height: 4px;
  background: #FFB300;
  display: block;
  margin-top: 10px;
  border-radius: 3px;
}

/* =========================================
   GRID
========================================= */

.grid {
  display: grid;
  gap: 30px;
  margin-bottom: 100px;
}

.cols-3 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/* =========================================
   SERVICE CARDS
========================================= */

.service-card {
  background: #ffffff;
  color: #222;
  padding: 45px;
  border-radius: 14px;
  box-shadow: 0 25px 70px rgba(0,0,0,0.2);
  transition: 0.35s ease;
  border-left: 5px solid #00A86B;
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 35px 90px rgba(0,0,0,0.3);
}

.service-card a {
  text-decoration: none;
  color: #004d32;
  font-size: 20px;
  font-weight: 600;
}

.service-card a:hover {
  color: #FFB300;
}

/* =========================================
   TESTIMONIALS
========================================= */

.feedback {
  background: rgba(255,255,255,0.1);
  padding: 25px;
  border-left: 4px solid #FFB300;
  border-radius: 8px;
}

/* =========================================
   ADVANTAGE CARDS
========================================= */

.adv-card {
  background: #ffffff;
  color: #222;
  padding: 35px;
  border-radius: 12px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.2);
}

.adv-top {
  margin-bottom: 12px;
  color: #004d32;
  font-weight: 600;
}

.badge {
  background: #FFB300;
  color: #000;
  padding: 6px 12px;
  border-radius: 50%;
  margin-right: 8px;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1000px) {
  .co-hero {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .co-hero-card {
    padding: 40px;
  }

  .co-hero h1 {
    font-size: 32px;
  }
}/* End custom CSS */