/**
 * Service Offers Block
 * Displays service offers in a responsive grid with 4 columns
 */

.service-offers-wrapper {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 2.5rem;
}

@media all and (min-width: 769px) {

.service-offers-wrapper {
    gap: 1.875rem
}
  }

/* Grid container - 4 columns on desktop, 2 on tablet, 1 on mobile */

.service-offers-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

@media all and (min-width: 769px) {

.service-offers-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.9375rem
}
  }

@media all and (min-width: 1025px) {

.service-offers-grid {
    grid-template-columns: repeat(3, 1fr)
}
  }

@media all and (min-width: 1201px) {

.service-offers-grid {
    grid-template-columns: repeat(4, 1fr)
}
  }

.service-offers-grid__item {
  display: flex;
}

/* More link section */

.service-offers-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1.25rem;
}

.service-offers-more__button {
  min-width: 12.5rem;
}

/* Title section */

.service-offers-header {
  margin-bottom: 1.25rem;
  text-align: center;
}

.service-offers-header__title {
  color: var(--color-greyscale-2, #313243);
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3.375rem;
}