.services-block {
  padding: clamp(2.5rem, 1.875rem + 3.13vw, 5.625rem) 0;
}

.services-block .title {
    max-width: 810px;
}

.services-block .services__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media(max-width: 1320px) {
  .service-card .card-bottom {
    background: unset;
  }
}

@media(max-width: 990px) {
  .services-block .services__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

@media(max-width: 590px) {
  .services-block .services__wrapper {
    display: flex;
    flex-direction: column;
  }
}
/* Приписка под карточками абонементов.
   Отдельным правилом, а не внутри .services__wrapper: она лежит под сеткой,
   а не в ней, иначе заняла бы ячейку и сломала ряд из трёх карточек. */
.services-block .services__note {
    margin-top: 24px;
    text-align: center;
    opacity: .7;
}

@media (max-width: 590px) {
    .services-block .services__note {
        margin-top: 16px;
        text-align: left;
    }
}
