@import url("@arc-ui/tokens-arc/dist/custom-media.css");

.sectionHeading--hasImage {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sectionHeading--isCentered {
  text-align: center;
}

@media (--arc-custom-media-min-width-s-px) {
  .sectionHeading--hasImage {
    align-items: center;
    flex-direction: row;
    gap: 32px;
  }
}

@media (--arc-custom-media-min-width-m-px) {
  .sectionHeading-content {
    padding-right: 10px;
  }
}

@media (--arc-custom-media-min-width-xl-px) {
  .sectionHeading-content {
    padding-right: unset;
  }
}