.elementor-87 .elementor-element.elementor-element-0a17f28{--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 );}/* Start custom CSS for text-editor, class: .elementor-element-e6f3bb7 */.co-locksmith-pro {
  font-family: 'Segoe UI', Arial, sans-serif;
  position: relative;
  background: #ffffff;
  overflow: hidden;
}

.color-wave-top,
.color-wave-bottom {
  height: 180px;
  width: 100%;
  position: relative;
}

.color-wave-top {
  background: linear-gradient(120deg, #006D6F 40%, #F4C430 100%);
  border-bottom-left-radius: 60% 80%;
  border-bottom-right-radius: 60% 80%;
}

.color-wave-bottom {
  background: linear-gradient(120deg, #F4C430 0%, #006D6F 80%);
  border-top-left-radius: 60% 80%;
  border-top-right-radius: 60% 80%;
}

.co-container {
  max-width: 1200px;
  margin: auto;
  padding: 60px 20px;
}

.co-hero h1 {
  font-size: 34px;
  color: #006D6F;
  margin-bottom: 25px;
}

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

.section-title {
  font-size: 28px;
  color: #006D6F;
  margin: 50px 0 25px;
  border-left: 6px solid #F4C430;
  padding-left: 15px;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
}

.service-card {
  background: linear-gradient(145deg, #ffffff, #fdfaf1);
  padding: 25px;
  border-radius: 14px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  border-top: 4px solid #F4C430;
  transition: all 0.3s ease;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}

.service-card h3 {
  color: #006D6F;
  margin-bottom: 10px;
}

.service-card a {
  color: #006D6F;
  text-decoration: none;
}

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

.adv-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 25px;
  margin-top: 20px;
}

.adv-card {
  background: linear-gradient(145deg, #006D6F, #004f50);
  color: #fff;
  padding: 25px;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.adv-card h4 {
  color: #F4C430;
  margin-bottom: 10px;
}

@media(max-width:768px){
  .co-hero h1 {
    font-size: 26px;
  }
}/* End custom CSS */