.related-content {
  background-color: var(--color-primary-b);
  padding-block: 3rem;
}

.related-content__title {
  position: relative;
  color: var(--color-white);
  margin-bottom: 3rem;
}

.related-content__title:before {
  content: '';
  background-color: var(--color-white);
  height: 1px;
  top: 50%;
  left: 0;
  right: 0;
  position: absolute;
}

.related-content__title span {
  background-color: var(--color-primary-b);
  font-weight: 400;
  padding-right: 1rem;
  position: relative;
}

.field--name-field-related-content.field__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-gap);
}

.field--name-field-related-content.field__items>.field__item {
  width: 100%;
}

@media (min-width: 600px) {
  .field--name-field-related-content.field__items>.field__item {

    width: calc(100% / 3 - (var(--grid-gap) - var(--grid-gap) / 2));
  }

}

@media (min-width: 960px) {
  .field--name-field-related-content.field__items>.field__item {

    width: calc(100% / 3 - (var(--grid-gap) - var(--grid-gap) / 3));
  }

}