/* Homepage only: the service/price background changes on scroll. */
.home-page .dark-section {
  background-color: #fff;
  color: #202020;
  transition: background-color .7s ease, color .7s ease;
}
.home-page .dark-section .section-heading.light h2,
.home-page .dark-section .section-heading.light small {
  color: inherit;
  transition: color .7s ease;
}
.home-page .services .service-card {
  background-color: transparent;
  color: inherit;
  border-color: #b5b5b5;
}
.home-page.service-theme-dark .dark-section {
  background-color: #252525;
  color: #fff;
}
.home-page.service-theme-dark .services .service-card {
  border-color: #fff;
}
.home-page .services .service-card:hover,
.home-page .services .service-card:focus-within {
  background-color: #fff;
  color: #202020;
}
@media (prefers-reduced-motion: reduce) {
  .home-page .dark-section,
  .home-page .dark-section .section-heading.light h2,
  .home-page .dark-section .section-heading.light small {
    transition: none;
  }
}