.hero--services {
  position: relative;
}

.hero-grid--services {
  align-items: center;
}

.hero-card--services {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hero-image-services {
  border-radius: var(--radius-lg);
}

.hero-card-caption {
  margin-top: var(--space-4);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.card--image {
  height: 100%;
}

.image-rounded {
  border-radius: var(--radius-lg);
}

.table-wrapper {
  overflow-x: auto;
}

@media (max-width: 768px) {
  .hero-card--services {
    margin-top: var(--space-4);
  }
}