.headingContent {
  .container {
    max-width: var(--component-max-width);
    margin-right: auto;
    margin-left: auto;
  }

  &.inside .container {
    width: 100%;
    margin: 0;
  }
}

.headingContent {
  margin-top: 25px;
  margin-bottom: 20px;
  &.first-child {
    margin-top: 25px;
    margin-bottom: 17px;
  }

  &.last-child {
    margin-top: 12px;
    margin-bottom: 43px;
  }

  &.only-child {
    margin-top: 12px;
    margin-bottom: 43px;
  }
}