.header, .site-header, header, .zc-header {
  min-height: 70px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  background-color: #FFFFFF !important; /* white background for clarity */
  border-bottom: 1px solid #E9E3DD !important; /* subtle divider line */
}

/* Logo sizing */
.site-logo img, .zc-site-logo img {
  max-height: 52px !important;
  width: auto !important;
}

/* Navigation menu items */
.navbar a, .site-nav a, .zc-menu a {
  font-size: 14px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  color: #333333 !important; /* dark charcoal text */
}

/* Hero / Banner section background fallback */
.hero, .banner, .zc-banner, .section-hero {
  background-color: #F7F5F2 !important; /* your light beige background */
}

/* “Amazing Services” – For beige-background boxes */
.services-section .service-box.beige-bg,
.services-section .service-box:nth-child(odd) {
  background-color: #E6DED6 !important; /* light beige background */
  color: #333333 !important; /* dark text for readability */
}

/* “Amazing Services” – For white-background boxes */
.services-section .service-box.white-bg,
.services-section .service-box:nth-child(even) {
  background-color: #FFFFFF !important; /* white */
  color: #333333 !important; /* dark text for readability */
}

/* Ensure description text line-height & font-size */
.services-section .service-box .description {
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Mobile header tweaks */
@media (max-width: 768px) {
  .header, .site-header {
    min-height: 60px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .site-logo img, .zc-site-logo img {
    max-height: 45px !important;
  }
  .navbar a, .site-nav a, .zc-menu a {
    font-size: 13px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}