.related-articles {
  overflow: hidden;
}

.related-articles__header {
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  display: flex;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) {
  .related-articles__header {
    align-items: flex-end;
    flex-direction: row;
    gap: 28px;
    justify-content: space-between;
    margin-bottom: 28px;
  }
}

.related-articles__header-text {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

@media only screen and (min-width: 1200px) {
  .related-articles__text {
    max-width: 480px;
  }
}

.related-articles__swiper {
  overflow: visible;
}