.services-block {
  display: grid;
  gap: 4rem;
}

.services-block__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.services-block__item {
  min-height: 100%;
  display: grid;
  gap: 4.1rem;
  padding: 1.6rem;
  border: 1px solid var(--gray-color);
  border-radius: 1rem;
}

.services-block__item-text {
  align-self: flex-end;
}

@media (max-width: 1024px) {
  .services-block {
    gap: 3rem;
  }

  .services-block__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}