.heading-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.heading-block:not(.is-zero-padding) {
  padding-top: var(--gap-sections);
}

.heading-block .heading,
.heading-block .span {
  text-align: center;
}

/* ---------- Adaptation ---------- */

@media screen and (max-width: 780px) {
  .heading-block {
    align-items: flex-start;
  }

  .heading-block .heading,
  .heading-block .span {
    text-align: left;
  }
}