#intro-highlights {
  background: linear-gradient(
    to right,
    var(--blue-faint) 0%,
    var(--blue-faint) 50%,
    var(--grey-faint) 50%,
    var(--grey-faint) 100%
  );
}

.intro-highlights-item {
  padding: 1.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.intro-highlights-item img {
  width: 80px;
  height: 80px;
  margin-bottom: 1.5rem;
}

.intro-highlights-item h3 {
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 1rem 0;
}

.intro-highlights-item p {
  line-height: 1.4;
  color: var(--black);
}

@media (max-width: 767px) {
  #intro-highlights {
    background: var(--blue-faint);
  }
}