/* Photography is confined to the five service cards. */
#servicos .service-card:not(.special) {
  isolation: isolate;
  overflow: hidden;
  background-color: #173c2c;
  color: #fff;
  border-color: #31513b;
}
#servicos .service-card:not(.special)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(180deg, rgba(8, 27, 15, .42), rgba(8, 27, 15, .78) 35%, rgba(8, 27, 15, .9)), var(--service-photo);
  background-size: cover;
  background-position: center;
}
#servicos .service-card:nth-child(1) { --service-photo: url('assets/service-clearing.jpg'); }
#servicos .service-card:nth-child(2) { --service-photo: url('assets/service-garden.jpg'); }
#servicos .service-card:nth-child(3) { --service-photo: url('assets/service-pruning.jpg'); }
#servicos .service-card:nth-child(4) { --service-photo: url('assets/service-irrigation.jpg'); }
#servicos .service-card:nth-child(5) { --service-photo: url('assets/service-treatment.jpg'); }
#servicos .service-card:not(.special) p { color: #f1f5ec; }
#servicos .service-card:not(.special) .service-icon,
#servicos .service-card:not(.special) .number { color: #d9ef9d; }
#servicos .service-card:not(.special) a { color: #fff; border-color: #ffffff59; }
#servicos .service-card:not(.special) a:hover { color: #d9ef9d; }