/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
[id^="section-heading-"] {
  min-height: 600px;
  position: relative;
  background: linear-gradient(252deg, #184182, #4a9dc4, #23407d, #4088a7);
  background-size: 240% 240%;
  -webkit-animation: gradient-animation 30s ease infinite;
          animation: gradient-animation 30s ease infinite; }
  @media (max-width: 980px) {
    [id^="section-heading-"] {
      overflow: hidden; } }
  @media (min-width: 981px) {
    [id^="section-heading-"] {
      overflow: hidden;
      min-height: 785px; } }
  [id^="section-heading-"] .container {
    z-index: 2; }
    [id^="section-heading-"] .container .usps {
      display: flex;
      gap: 1em;
      align-items: center; }
      @media (max-width: 980px) {
        [id^="section-heading-"] .container .usps {
          padding: 1em;
          background-color: #fff;
          flex-wrap: nowrap;
          overflow-x: scroll;
          white-space: nowrap;
          color: #1C3F85;
          width: 112%;
          margin-left: -6%;
          gap: 3em; } }
      @media (min-width: 981px) {
        [id^="section-heading-"] .container .usps {
          z-index: 1;
          color: #fff; } }
      [id^="section-heading-"] .container .usps .usp {
        padding: .25em 0; }
        [id^="section-heading-"] .container .usps .usp span {
          color: #ffc840;
          margin-right: .25em; }
    [id^="section-heading-"] .container .block {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
      padding: 3em 0;
      color: #fff; }
      @media (min-width: 981px) {
        [id^="section-heading-"] .container .block {
          padding: 13em 0;
          min-height: 600px;
          position: relative;
          z-index: 9; } }
      [id^="section-heading-"] .container .block h1, [id^="section-heading-"] .container .block a {
        color: #fff; }
    [id^="section-heading-"] .container .image {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (max-width: 980px) {
        [id^="section-heading-"] .container .image {
          display: none; } }
      [id^="section-heading-"] .container .image img {
        height: auto;
        width: auto; }

/*# sourceMappingURL=page-heading.css.map */