.services-acf-block {
  margin: 0;
  background-color: rgb(var(--magenta));
  padding: var(--gap-between) var(--gap-sides) var(--gap-between)
    var(--gap-left-side);
  color: rgb(var(--offwhite));
}

.services-acf-block .services {
  display: flex;
  flex-wrap: wrap;
}

.services-acf-block .services article {
  width: calc(100% / 3);
  padding: 1rem;
  text-align: center;
}

.services-acf-block .services .service-icon {
  max-width: 140px;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--offwhite));
  color: rgb(var(--magenta));
  font-size: 4rem;
  border-radius: 50%;
  margin-bottom: 1rem;
}
.services-acf-block .services .service-title {
  max-width: 36ch;
  margin: 0 auto;
}

.services-acf-block h2 {
  margin-bottom: 4rem;
}

.services-acf-block .jump-to {
  text-align: center;
  margin-top: 4rem;
}

@media screen and (max-width: 1000px) {
  .services-acf-block .services article {
    width: calc(100% / 2);
  }
}

@media screen and (max-width: 480px) {
  .services-acf-block .services article {
    width: calc(100% / 1);
  }
}
