/* ----- Mixins ----- */
.services {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
.services__item {
  background: var(--color-background);
}
.services__image-wrapper {
  aspect-ratio: 4/3;
}
.services__title {
  position: absolute;
  text-align: center;
  bottom: 0;
  z-index: 2;
  padding: 1rem 2rem;
  left: 0;
  right: 0;
  font-size: var(--font-size-24);
  color: var(--color-white);
  background: rgba(var(--color-primary-rgb), 0.75);
  text-shadow: var(--shadow-tiny);
}
.services__content {
  padding: 2rem;
}
.services__content p {
  font-size: var(--font-size-16);
}
.services__content > *:first-child {
  margin-top: 0 !important;
}
.services__content > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 860px) {
  .services {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 540px) {
  .services {
    grid-template-columns: 1fr;
  }
}