.elementor-1898 .elementor-element.elementor-element-7592f85{--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;}/* Start custom CSS for html, class: .elementor-element-ae734c9 *//* General Layout */
.service-areas-section {
  background-color: #fff;
  padding: 4rem 1rem;
  text-align: center;
}

.service-areas-section h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 1.5rem;
}

.service-areas-section p {
  color: #4b5563;
  margin-bottom: 2.5rem;
  font-size: 1rem;
}

/* Section Headings */
.service-areas-section h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #1e40af;
  margin-bottom: 1rem;
  text-align: left;
}

/* Grid Layout */
.service-areas-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 640px) {
  .service-areas-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  .service-areas-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1024px) {
  .service-areas-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* City Buttons */
.service-area-link {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1e40af;
  background-color: #dbeafe;
  border-radius: 0.75rem;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

.service-area-link:hover {
  background-color: #1e40af;
  color: #ffffff;
}/* End custom CSS */