/**
 * 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
 */
@font-face {
  font-family: "Heading Now";
  font-weight: bold;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/heading-now/HeadingNow-56Bold.woff2");
  font-display: swap; }

@font-face {
  font-family: "Heading Now";
  font-weight: normal;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/heading-now/HeadingNow-64Regular.woff2");
  font-display: swap; }

@font-face {
  font-family: "Heading Now";
  font-weight: 500;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/heading-now/HeadingNowTrial-55Medium.woff2");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: normal;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-Regular.ttf");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: normal;
  font-style: italic;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-Italic.ttf");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: bold;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-Bold.ttf");
  font-display: swap; }

@font-face {
  font-family: "Carlito";
  font-weight: bold;
  font-style: italic;
  src: url("/app/themes/nfc-talent-pro/assets/fonts/Carlito/Carlito-BoldItalic.ttf");
  font-display: swap; }

@font-face {
  font-family: 'Fallback';
  src: local(Impact);
  size-adjust: 96%;
  ascent-override: 115%;
  descent-override: normal;
  line-gap-override: normal; }

.section-tile-grid, .section-tile-grid-image-hover {
  position: relative; }
  .section-tile-grid .layout-setup, .section-tile-grid-image-hover .layout-setup {
    margin: 0 5%;
    position: relative;
    z-index: 1; }
    @media (min-width: 981px) {
      .section-tile-grid .layout-setup .title, .section-tile-grid-image-hover .layout-setup .title {
        max-width: 95%;
        margin: 0 auto; } }
    .section-tile-grid .layout-setup .tile-wrapper, .section-tile-grid-image-hover .layout-setup .tile-wrapper {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2em;
      display: grid;
      gap: 2em;
      grid-template-columns: 1fr; }
      @media (min-width: 768px) {
        .section-tile-grid .layout-setup .tile-wrapper, .section-tile-grid-image-hover .layout-setup .tile-wrapper {
          grid-template-columns: repeat(2, 1fr); } }
      @media (min-width: 981px) {
        .section-tile-grid .layout-setup .tile-wrapper, .section-tile-grid-image-hover .layout-setup .tile-wrapper {
          grid-template-columns: repeat(3, 1fr); } }
      @media (min-width: 981px) {
        .section-tile-grid .layout-setup .tile-wrapper, .section-tile-grid-image-hover .layout-setup .tile-wrapper {
          max-width: 95%;
          margin: 0 auto; } }
      @media (min-width: 1200px) {
        .section-tile-grid .layout-setup .tile-wrapper, .section-tile-grid-image-hover .layout-setup .tile-wrapper {
          grid-template-columns: repeat(4, 1fr); } }
      .section-tile-grid .layout-setup .tile-wrapper .card-item, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item {
        flex-basis: 250px;
        min-width: 250px; }
        @media (min-width: 768px) {
          .section-tile-grid .layout-setup .tile-wrapper .card-item, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item {
            flex-basis: 300px;
            min-width: 300px; } }
      .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only), .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) {
        position: relative;
        padding-bottom: 35px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .image, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .image {
          width: 100%; }
          .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .image .image-wrapper, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .image .image-wrapper {
            position: absolute;
            overflow: hidden;
            width: 100%;
            height: calc(100% - 35px); }
            .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .image .image-wrapper img, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .image .image-wrapper img {
              position: absolute;
              -o-object-fit: cover;
                 object-fit: cover;
              inset: 0;
              width: 100%;
              height: 100%;
              transition: transform .3s ease-in-out; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content {
          position: relative;
          width: 100%;
          padding: 300px 1.5em 1.5em;
          display: flex;
          height: 100%;
          flex-direction: column; }
          .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content h3, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content h3 {
            margin-bottom: 0; }
          .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn {
            border-radius: 50%;
            position: relative;
            width: 50px;
            height: 50px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
            background-color: var(--white);
            color: var(--dark-gray);
            display: flex;
            align-items: center;
            justify-content: center;
            right: 1.5em;
            transition: right .3s ease-in-out; }
            .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a {
              font-size: 22px; }
              .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a span, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a span {
                display: inline-block;
                transform: rotate(180deg);
                width: auto;
                position: relative;
                top: 2px; }
                .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a span:before, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a span:before {
                  width: auto; }
                .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a span:last-of-type, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a span:last-of-type {
                  margin-left: -5px; }
            .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn:hover, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn:hover {
              background-color: var(--dark-gray);
              color: var(--white);
              right: calc(1.5em - 10px); }
          .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn {
            position: absolute;
            right: 1.5em;
            bottom: -25px; }
            .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content .call-to-action-arrow-btn a {
              pointer-events: auto; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only):hover .image img, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only):hover .image img {
          transform: scale(1.1); }
        .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only):hover .content .call-to-action-arrow-btn, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only):hover .content .call-to-action-arrow-btn {
          right: calc(1.5em - 10px);
          background-color: var(--dark-gray);
          color: var(--white); }
          .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only):hover .content .call-to-action-arrow-btn a, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only):hover .content .call-to-action-arrow-btn a {
            color: var(--white); }
      .section-tile-grid .layout-setup .tile-wrapper .card-item .image-wrapper-hover, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .image-wrapper-hover {
        position: absolute;
        overflow: hidden;
        width: 100%;
        height: calc(100% - 35px);
        opacity: 0;
        transition: ease-in-out 200ms opacity; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item .image-wrapper-hover img, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .image-wrapper-hover img {
          position: absolute;
          -o-object-fit: cover;
          object-fit: cover;
          inset: 0;
          width: 100%;
          height: 100%; }
      .section-tile-grid .layout-setup .tile-wrapper .card-item .image img, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .image img {
        transform: scale(1) !important; }
      .section-tile-grid .layout-setup .tile-wrapper .card-item .toggle-content .form a, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .toggle-content .form a {
        font-weight: 600; }
      .section-tile-grid .layout-setup .tile-wrapper .card-item, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item {
        overflow: hidden;
        padding-bottom: 0 !important;
        min-width: auto; }
        @media (max-width: 980px) {
          .section-tile-grid .layout-setup .tile-wrapper .card-item, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item {
            flex-basis: 100%; } }
        .section-tile-grid .layout-setup .tile-wrapper .card-item:not(.content-only) .content, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:not(.content-only) .content {
          padding: 300px 1.5em 1.5em; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item.content-only, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item.content-only {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          position: relative;
          margin-bottom: 35px;
          width: 100%;
          padding: 1.5em; }
          .section-tile-grid .layout-setup .tile-wrapper .card-item.content-only .content, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item.content-only .content {
            text-align: center; }
            .section-tile-grid .layout-setup .tile-wrapper .card-item.content-only .content .h1, .section-tile-grid .layout-setup .tile-wrapper .card-item.content-only .content .h3, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item.content-only .content .h1, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item.content-only .content .h3 {
              margin-bottom: 0; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item .more-info, .section-tile-grid .layout-setup .tile-wrapper .card-item .more-info-image, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .more-info, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .more-info-image {
          position: absolute;
          top: 1em;
          right: 1em;
          background-color: var(--white);
          display: flex;
          justify-content: center;
          align-items: center;
          height: 40px;
          width: 40px;
          z-index: 999;
          cursor: pointer; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item:after, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:after {
          content: '';
          background: linear-gradient(360deg, #3C3241 21%, rgba(60, 50, 65, 0) 200%);
          height: 100%;
          width: 100%;
          opacity: 0;
          transition: opacity .3s ease-in-out;
          position: absolute;
          inset: 0; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item .toggle-content, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .toggle-content {
          position: absolute;
          inset: 0;
          z-index: 1; }
          .section-tile-grid .layout-setup .tile-wrapper .card-item .toggle-content .hidden-content, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .toggle-content .hidden-content {
            position: absolute;
            color: var(--white);
            transition: transform .3s ease-in-out;
            bottom: -1000px;
            left: 0;
            padding: 1em 1.5em; }
            .section-tile-grid .layout-setup .tile-wrapper .card-item .toggle-content .hidden-content a, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .toggle-content .hidden-content a {
              position: relative;
              z-index: 99; }
              .section-tile-grid .layout-setup .tile-wrapper .card-item .toggle-content .hidden-content a:not(.btn), .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .toggle-content .hidden-content a:not(.btn) {
                color: var(--white);
                background: linear-gradient(0deg, var(--white), var(--white)) no-repeat left bottom/100% var(--bg-h);
                transition: background-size .3s, color .3s ease-in-out;
                --bg-h: 1px;
                display: inline-block;
                outline: 0;
                text-decoration: none !important;
                font-size: 20px; }
            .section-tile-grid .layout-setup .tile-wrapper .card-item .toggle-content .hidden-content a:where(:hover, :focus-visible):not([class]), .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .toggle-content .hidden-content a:where(:hover, :focus-visible):not([class]) {
              background-size: 0 var(--bg-h) !important;
              background-position-x: right !important; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item .content, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .content {
          padding: 400px 1.5em 1.5em !important; }
          .section-tile-grid .layout-setup .tile-wrapper .card-item .content h3, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item .content h3 {
            min-height: 77px;
            position: relative;
            transition: transform .3s ease-in-out; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item.open:after, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item.open:after {
          opacity: 1; }
        .section-tile-grid .layout-setup .tile-wrapper .card-item.open .hidden-content, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item.open .hidden-content {
          transform: translateY(-1000px); }
        .section-tile-grid .layout-setup .tile-wrapper .card-item.open .content h3, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item.open .content h3 {
          transform: translateY(-1000px); }
        @media (min-width: 981px) {
          .section-tile-grid .layout-setup .tile-wrapper .card-item:hover:after, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:hover:after {
            opacity: 1; }
          .section-tile-grid .layout-setup .tile-wrapper .card-item:hover .hidden-content, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:hover .hidden-content {
            transform: translateY(-1000px); }
          .section-tile-grid .layout-setup .tile-wrapper .card-item:hover .content h3, .section-tile-grid-image-hover .layout-setup .tile-wrapper .card-item:hover .content h3 {
            transform: translateY(-1000px); } }
      @media (min-width: 1200px) {
        .section-tile-grid .layout-setup .tile-wrapper.three-tiles, .section-tile-grid-image-hover .layout-setup .tile-wrapper.three-tiles {
          grid-template-columns: repeat(3, 1fr); } }

.section-tile-grid[class*="darkgray-white-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="white-darkgray-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2A252D; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="white-red-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FF0500; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="red-white-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="white-lightgray-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F7F7F7; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="lightgray-white-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="red-lightgray-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F7F7F7; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="lightgray-red-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FF0500; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="red-darkgray-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2A252D; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="darkgray-red-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FF0500; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="darkgray-red-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FF0500; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="magenta-darkblue-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #002896; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="darkblue-magenta-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FA0F64; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="lightblue-purple-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #50008C; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="purple-lightblue-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00BEFF; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="yellow-magenta-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FA0F64; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="magenta-yellow-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFC800; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="green-purple-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #50008C; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="purple-green-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00C878; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

.section-tile-grid[class*="darkgray-black-section"].secondary-background:before {
  content: '';
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #111; }

.section-tile-grid.white-darkgray-section h2, .section-tile-grid.white-red-section h2, .section-tile-grid.lightgray-red-section h2, .section-tile-grid.red-darkgray-section h2, .section-tile-grid.darkgray-red-section h2, .section-tile-grid.magenta-darkblue-section h2, .section-tile-grid.darkblue-magenta-section h2, .section-tile-grid.lightblue-purple-section h2, .section-tile-grid.purple-lightblue-section h2, .section-tile-grid.green-purple-section h2, .section-tile-grid.purple-green-section h2 {
  color: var(--white); }

/*# sourceMappingURL=tile-grid.css.map */