/*
 * !important is required here: this theme loads Bootstrap 5 site-wide (see header.php), and
 * Bootstrap's own utility classes (.text-center, .mx-auto, etc.) are shipped with !important
 * by design. This section used to rely on Tailwind's identically-named .text-center/.mx-auto
 * classes for its default centered look, but Bootstrap's !important rules silently won over
 * them regardless of selector specificity or stylesheet order — the heading never actually
 * moved when the alignment setting changed. Styling this purely through our own class/data
 * attribute (no shared utility class names) sidesteps the collision.
 */
.riseit-our-approach-section__heading-wrap{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.riseit-our-approach-section__heading-wrap[data-heading-alignment="left"]{margin-left:0!important;margin-right:auto!important;text-align:left!important}
.riseit-our-approach-section__heading-wrap[data-heading-alignment="center"]{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.riseit-our-approach-section__heading-wrap[data-heading-alignment="right"]{margin-left:auto!important;margin-right:0!important;text-align:right!important}